@ng-nest/ui 12.0.6 → 12.0.11

package/bundles/ng-nest-ui-cascade.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ng-nest/ui/core'), require('rxjs'), require('rxjs/operators'), require('@ng-nest/ui/list'), require('@angular/common'), require('@angular/forms'), require('@ng-nest/ui/base-form'), require('@ng-nest/ui/portal'), require('@angular/cdk/overlay'), require('@ng-nest/ui/input')) :
     typeof define === 'function' && define.amd ? define('@ng-nest/ui/cascade', ['exports', '@angular/core', '@ng-nest/ui/core', 'rxjs', 'rxjs/operators', '@ng-nest/ui/list', '@angular/common', '@angular/forms', '@ng-nest/ui/base-form', '@ng-nest/ui/portal', '@angular/cdk/overlay', '@ng-nest/ui/input'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-nest'] = global['ng-nest'] || {}, global['ng-nest'].ui = global['ng-nest'].ui || {}, global['ng-nest'].ui.cascade = {}), global.ng.core, global['ng-nest'].ui.core, global.rxjs, global.rxjs.operators, global['ng-nest'].ui.list, global.ng.common, global.ng.forms, global['ng-nest'].ui['base-form'], global['ng-nest'].ui.portal, global.ng.cdk.overlay, global['ng-nest'].ui.input));
-}(this, (function (exports, i0, core, rxjs, operators, i1, i4, i5, baseForm, i1$1, i2, i3) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-nest"] = global["ng-nest"] || {}, global["ng-nest"].ui = global["ng-nest"].ui || {}, global["ng-nest"].ui.cascade = {}), global.ng.core, global["ng-nest"].ui.core, global.rxjs, global.rxjs.operators, global["ng-nest"].ui.list, global.ng.common, global.ng.forms, global["ng-nest"].ui["base-form"], global["ng-nest"].ui.portal, global.ng.cdk.overlay, global["ng-nest"].ui.input));
+})(this, (function (exports, i0, core, rxjs, operators, i1, i2, i4, baseForm, i1$1, i2$1, i3) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,23 +13,21 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
 
     /*! *****************************************************************************
@@ -258,10 +256,16 @@
                 r[k] = a[j];
         return r;
     }
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -345,21 +349,21 @@
     }
 
     var XCascadePortalComponent = /** @class */ (function () {
-        function XCascadePortalComponent(renderer, ngZone, cdr) {
-            this.renderer = renderer;
+        function XCascadePortalComponent(ngZone, cdr) {
             this.ngZone = ngZone;
             this.cdr = cdr;
             this.nodes = [];
             this.datas = [];
             this.selecteds = [];
             this.values = [];
+            this.hoverDelayUnSub = new rxjs.Subject();
             this._unSubject = new rxjs.Subject();
         }
         XCascadePortalComponent.prototype.done = function (event) {
             this.animating(false);
             event.toState === 'void' && this.destroyPortal();
         };
-        XCascadePortalComponent.prototype.start = function (event) {
+        XCascadePortalComponent.prototype.start = function () {
             this.animating(true);
         };
         XCascadePortalComponent.prototype.ngOnInit = function () {
@@ -402,8 +406,21 @@
             }
             this.values = this.selecteds.map(function (x) { return x.id; });
         };
+        XCascadePortalComponent.prototype.nodeMouseenter = function (node) {
+            var _this = this;
+            rxjs.of(true)
+                .pipe(operators.delay(this.nodeHoverDelay), operators.takeUntil(this.hoverDelayUnSub))
+                .subscribe(function () { return _this.nodeExpansion(node, false); });
+        };
+        XCascadePortalComponent.prototype.nodeMouseleave = function () {
+            this.hoverDelayUnSub.next();
+        };
         XCascadePortalComponent.prototype.nodeClick = function (node) {
+            this.nodeExpansion(node);
+        };
+        XCascadePortalComponent.prototype.nodeExpansion = function (node, click) {
             var _this = this;
+            if (click === void 0) { click = true; }
             var level = Number(node.level);
             this.ngZone.run(function () {
                 if (node.leaf) {
@@ -422,13 +439,14 @@
                     _this.values = _this.selecteds.map(function (x) { return x.id; });
                     _this.cdr.detectChanges();
                 }
-                else {
+                else if (click) {
                     if (_this.selecteds.length >= level + 1) {
                         _this.selecteds = _this.selecteds.splice(0, level);
                     }
                     _this.selecteds = __spreadArray(__spreadArray([], __read(_this.selecteds)), [node]);
                     _this.nodeEmit({
                         node: node,
+                        nodes: _this.selecteds,
                         label: _this.selecteds.map(function (x) { return x.label; }).join(" / ")
                     });
                 }
@@ -436,9 +454,9 @@
         };
         return XCascadePortalComponent;
     }());
-    /** @nocollapse */ XCascadePortalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XCascadePortalComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.NgZone }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XCascadePortalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", 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__namespace, template: "<div class=\"x-cascade-portal\" (click)=\"stopPropagation($event)\">\r\n  <ng-container *ngFor=\"let list of nodes\">\r\n    <x-list [data]=\"list\" [(ngModel)]=\"values\" (nodeClick)=\"nodeClick($event)\" checked></x-list>\r\n  </ng-container>\r\n</div>\r\n", styles: [".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>x-list:not(:first-child){border-left:var(--x-border-width) solid var(--x-border)}.x-cascade-portal>x-list:not(:first-child) .x-list-option{min-width:8rem}"], components: [{ type: i1__namespace.XListComponent, selector: "x-list" }], directives: [{ type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [core.XConnectBaseAnimation], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XCascadePortalComponent, decorators: [{
+    /** @nocollapse */ XCascadePortalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XCascadePortalComponent, deps: [{ token: i0__namespace.NgZone }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XCascadePortalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", 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__namespace, 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__namespace.XListComponent, selector: "x-list" }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [core.XConnectBaseAnimation], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XCascadePortalComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'x-cascade-portal',
@@ -448,7 +466,7 @@
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         animations: [core.XConnectBaseAnimation]
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.Renderer2 }, { type: i0__namespace.NgZone }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { placement: [{
+            }], ctorParameters: function () { return [{ type: i0__namespace.NgZone }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { placement: [{
                     type: i0.HostBinding,
                     args: ['@x-connect-base-animation']
                 }], done: [{
@@ -487,21 +505,44 @@
         }
         return XCascadeProperty;
     }(baseForm.XControlValueAccessor));
-    /** @nocollapse */ XCascadeProperty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XCascadeProperty, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XCascadeProperty.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XCascadeProperty, selector: "ng-component", inputs: { data: "data", placement: "placement" }, outputs: { nodeEmit: "nodeEmit" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
+    /** @nocollapse */ XCascadeProperty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XCascadeProperty, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XCascadeProperty.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", 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__namespace, template: '', isInline: true });
     __decorate([
         core.XDataConvert()
     ], XCascadeProperty.prototype, "data", void 0);
     __decorate([
         core.XWithConfig(X_CONFIG_NAME, 'bottom-start')
     ], XCascadeProperty.prototype, "placement", void 0);
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XCascadeProperty, decorators: [{
+    __decorate([
+        core.XWithConfig(X_CONFIG_NAME, 'medium')
+    ], XCascadeProperty.prototype, "size", void 0);
+    __decorate([
+        core.XInputBoolean(),
+        core.XWithConfig(X_CONFIG_NAME, true)
+    ], XCascadeProperty.prototype, "bordered", void 0);
+    __decorate([
+        core.XWithConfig(X_CONFIG_NAME, 'click')
+    ], XCascadeProperty.prototype, "nodeTrigger", void 0);
+    __decorate([
+        core.XWithConfig(X_CONFIG_NAME, 200)
+    ], XCascadeProperty.prototype, "nodeHoverDelay", void 0);
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XCascadeProperty, decorators: [{
                 type: i0.Component,
                 args: [{ template: '' }]
             }], propDecorators: { data: [{
                     type: i0.Input
                 }], placement: [{
                     type: i0.Input
+                }], size: [{
+                    type: i0.Input
+                }], bordered: [{
+                    type: i0.Input
+                }], nodeTrigger: [{
+                    type: i0.Input
+                }], nodeHoverDelay: [{
+                    type: i0.Input
+                }], nodeTpl: [{
+                    type: i0.Input
                 }], nodeEmit: [{
                     type: i0.Output
                 }] } });
@@ -532,6 +573,7 @@
             _this.icon = 'fto-chevron-down';
             _this.maxNodes = 6;
             _this.protalTobottom = true;
+            _this.valueTplContext = { $node: null, $nodes: null, $isValue: true };
             _this.valueChange = new rxjs.Subject();
             _this.dataChange = new rxjs.Subject();
             _this.positionChange = new rxjs.Subject();
@@ -555,7 +597,8 @@
             this.setPortal();
         };
         XCascadeComponent.prototype.ngOnChanges = function (changes) {
-            core.XIsChange(changes.data) && this.setData();
+            var data = changes.data;
+            core.XIsChange(data) && this.setData();
         };
         XCascadeComponent.prototype.ngOnDestroy = function () {
             this._unSubject.next();
@@ -576,7 +619,7 @@
         };
         XCascadeComponent.prototype.setSubject = function () {
             var _this = this;
-            this.closeSubject.pipe(operators.takeUntil(this._unSubject)).subscribe(function (x) {
+            this.closeSubject.pipe(operators.takeUntil(this._unSubject)).subscribe(function () {
                 _this.closePortal();
             });
         };
@@ -603,6 +646,8 @@
         XCascadeComponent.prototype.clearEmit = function () {
             this.value = '';
             this.displayValue = '';
+            this.valueTplContext.$node = null;
+            this.valueTplContext.$nodes = null;
             this.mleave();
             this.valueChange.next(this.value);
             if (this.onChange)
@@ -616,6 +661,7 @@
             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;
             }
@@ -630,6 +676,7 @@
             var _a;
             if (this.disabled || this.animating)
                 return;
+            this.active = true;
             var config = {
                 backdropClass: '',
                 positionStrategy: this.setPlacement(),
@@ -669,6 +716,10 @@
                 placement: this.placement,
                 valueChange: this.valueChange,
                 positionChange: this.positionChange,
+                nodeTpl: this.nodeTpl,
+                nodeTrigger: this.nodeTrigger,
+                nodeHoverDelay: this.nodeHoverDelay,
+                inputCom: this.inputCom,
                 closePortal: function () { return _this.closeSubject.next(); },
                 destroyPortal: function () { return _this.destroyPortal(); },
                 nodeEmit: function (node) { return _this.onNodeClick(node); },
@@ -679,7 +730,10 @@
         XCascadeComponent.prototype.onNodeClick = function (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);
@@ -689,6 +743,8 @@
             var node = this.datas.find(function (x) { return x.id === _this.value; });
             if (typeof node === 'undefined') {
                 this.displayValue = '';
+                this.valueTplContext.$node = null;
+                this.valueTplContext.$nodes = null;
                 return;
             }
             else {
@@ -698,11 +754,13 @@
                     selecteds = __spreadArray([node], __read(selecteds));
                 }
                 this.displayValue = selecteds.map(function (x) { return x.label; }).join(" / ");
+                this.valueTplContext.$node = node;
+                this.valueTplContext.$nodes = selecteds;
             }
         };
         XCascadeComponent.prototype.setPlacement = function () {
             return this.portalService.setPlacement({
-                elementRef: this.inputCom.inputElement,
+                elementRef: this.inputCom.inputRef,
                 placement: [this.placement, 'bottom-start', 'bottom-end', 'top-start', 'top-end'],
                 transformOriginOn: 'x-cascade-portal'
             });
@@ -719,9 +777,9 @@
         };
         return XCascadeComponent;
     }(XCascadeProperty));
-    /** @nocollapse */ XCascadeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XCascadeComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.XPortalService }, { token: i0__namespace.ViewContainerRef }, { token: i2__namespace.Overlay }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XCascadeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XCascadeComponent, selector: "x-cascade", providers: [baseForm.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__namespace, template: "<div\r\n  #cascade\r\n  class=\"x-cascade\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n>\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-cascade-row\" (click)=\"showPortal()\" (mouseenter)=\"menter()\" (mouseleave)=\"mleave()\">\r\n    <x-input\r\n      #inputCom\r\n      type=\"text\"\r\n      [icon]=\"icon\"\r\n      [placeholder]=\"placeholder\"\r\n      [required]=\"required\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [(ngModel)]=\"displayValue\"\r\n      (clearEmit)=\"clearEmit()\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n", styles: ["x-cascade{display:inline-block}.x-cascade{margin:0;padding:0;width:100%}.x-cascade.x-flex{display:flex}.x-cascade.x-justify-start{justify-content:flex-start}.x-cascade.x-justify-center{justify-content:center}.x-cascade.x-justify-end{justify-content:flex-end}.x-cascade.x-justify-space-between{justify-content:space-between}.x-cascade.x-justify-space-around{justify-content:space-around}.x-cascade.x-align-start{align-items:flex-start}.x-cascade.x-align-center{align-items:center}.x-cascade.x-align-end{align-items:flex-end}.x-cascade.x-direction-column{flex-direction:column}.x-cascade.x-direction-column-reverse{flex-direction:column-reverse}.x-cascade.x-direction-row{flex-direction:row}.x-cascade.x-direction-row-reverse{flex-direction:row-reverse}.x-cascade>label{display:inline-block;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);color:var(--x-text-300);font-weight:600}.x-cascade>label.x-text-align-start{text-align:start}.x-cascade>label.x-text-align-center{text-align:center}.x-cascade>label.x-text-align-end{text-align:end}.x-cascade>.x-cascade-row{flex:1;display:flex;align-items:center;position:relative}.x-cascade>.x-cascade-row>x-input{flex:1}.x-cascade>.x-cascade-row>x-input>.x-input>.x-input-row>input{cursor:pointer}.x-cascade.x-invalid>label,.x-cascade.x-required>label{color:var(--x-danger)}.x-cascade.x-disabled>.x-cascade-row>x-input>.x-input>.x-input-row>input{cursor:not-allowed}.x-cascade.x-flex.x-direction-row>label{padding:0 .5rem 0 0}.x-cascade.x-flex.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-cascade.x-flex.x-direction-column,.x-cascade.x-flex.x-direction-column-reverse{align-items:inherit}"], components: [{ type: i3__namespace.XInputComponent, selector: "x-input" }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XCascadeComponent, decorators: [{
+    /** @nocollapse */ XCascadeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XCascadeComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.XPortalService }, { token: i0__namespace.ViewContainerRef }, { token: i2__namespace$1.Overlay }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XCascadeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XCascadeComponent, selector: "x-cascade", providers: [baseForm.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__namespace, 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__namespace.XInputComponent, selector: "x-input" }], directives: [{ type: i4__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4__namespace.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XCascadeComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'x-cascade',
@@ -731,7 +789,7 @@
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         providers: [baseForm.XValueAccessor(XCascadeComponent)]
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.Renderer2 }, { type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.XPortalService }, { type: i0__namespace.ViewContainerRef }, { type: i2__namespace.Overlay }]; }, propDecorators: { cascade: [{
+            }], ctorParameters: function () { return [{ type: i0__namespace.Renderer2 }, { type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.XPortalService }, { type: i0__namespace.ViewContainerRef }, { type: i2__namespace$1.Overlay }]; }, propDecorators: { cascade: [{
                     type: i0.ViewChild,
                     args: ['cascade', { static: true }]
                 }], inputCom: [{
@@ -744,15 +802,15 @@
         }
         return XCascadeModule;
     }());
-    /** @nocollapse */ XCascadeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XCascadeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ XCascadeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XCascadeModule, declarations: [XCascadeComponent, XCascadePortalComponent, XCascadeProperty], imports: [i4.CommonModule, i5.FormsModule, i1$1.XPortalModule, i5.ReactiveFormsModule, i3.XInputModule, i1.XListModule, baseForm.XBaseFormModule], exports: [XCascadeComponent, XCascadePortalComponent] });
-    /** @nocollapse */ XCascadeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XCascadeModule, imports: [[i4.CommonModule, i5.FormsModule, i1$1.XPortalModule, i5.ReactiveFormsModule, i3.XInputModule, i1.XListModule, baseForm.XBaseFormModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XCascadeModule, decorators: [{
+    /** @nocollapse */ XCascadeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XCascadeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ XCascadeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XCascadeModule, declarations: [XCascadeComponent, XCascadePortalComponent, XCascadeProperty], imports: [i2.CommonModule, i4.FormsModule, i1$1.XPortalModule, i4.ReactiveFormsModule, i3.XInputModule, i1.XListModule, baseForm.XBaseFormModule], exports: [XCascadeComponent, XCascadePortalComponent] });
+    /** @nocollapse */ XCascadeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XCascadeModule, imports: [[i2.CommonModule, i4.FormsModule, i1$1.XPortalModule, i4.ReactiveFormsModule, i3.XInputModule, i1.XListModule, baseForm.XBaseFormModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XCascadeModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [XCascadeComponent, XCascadePortalComponent, XCascadeProperty],
                         exports: [XCascadeComponent, XCascadePortalComponent],
-                        imports: [i4.CommonModule, i5.FormsModule, i1$1.XPortalModule, i5.ReactiveFormsModule, i3.XInputModule, i1.XListModule, baseForm.XBaseFormModule],
+                        imports: [i2.CommonModule, i4.FormsModule, i1$1.XPortalModule, i4.ReactiveFormsModule, i3.XInputModule, i1.XListModule, baseForm.XBaseFormModule],
                         entryComponents: [XCascadePortalComponent]
                     }]
             }] });
@@ -770,5 +828,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ng-nest-ui-cascade.umd.js.map