@ng-nest/ui 12.0.6 → 12.0.11

package/bundles/ng-nest-ui-api.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('@angular/common')) :
     typeof define === 'function' && define.amd ? define('@ng-nest/ui/api', ['exports', '@angular/core', '@ng-nest/ui/core', '@angular/common'], 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.api = {}), global.ng.core, global['ng-nest'].ui.core, global.ng.common));
-}(this, (function (exports, i0, i1, common) { '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.api = {}), global.ng.core, global["ng-nest"].ui.core, global.ng.common));
+})(this, (function (exports, i0, i1, common) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
                     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);
     }
 
@@ -43,9 +41,9 @@
         }
         return XApiComponent;
     }());
-    /** @nocollapse */ XApiComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XApiComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: i1__namespace.XConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XApiComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XApiComponent, selector: "x-api", ngImport: i0__namespace, template: "<ng-content></ng-content>\r\n", styles: [".x-api{margin:0;padding:0;display:block}.x-api>.x-api-selector>span:first-child{font-size:1.25rem}.x-api>.x-api-selector>span:last-child{padding:.125rem;margin-left:.5rem;border:.0625rem solid var(--x-primary);color:var(--x-primary);font-size:.825rem;border-radius:var(--x-border-radius)}.x-api>.x-api-interface{margin-top:1rem}.x-api>.x-api-interface>tr>td:first-child{width:20%}.x-api>.x-api-interface>tr>td:first-child>span{color:#690}.x-api>.x-api-interface>tr>td:nth-child(3){color:#07a;width:22%}.x-api>.x-api-interface>tr>td:nth-child(4){color:#dd4a68;width:16%}.x-api>.x-api-type>tr>td:first-child{color:#07a;width:20%}.x-api>.x-api-type>tr>td:nth-child(3){color:#dd4a68;width:35%}.x-api table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-api table tr>td,.x-api table tr>th{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-api table tr:last-child>td,.x-api table tr:last-child>th{border-width:0}.x-api table tr th{white-space:nowrap;color:var(--x-text)}"], 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: XApiComponent, decorators: [{
+    /** @nocollapse */ XApiComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XApiComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: i1__namespace.XConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XApiComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XApiComponent, selector: "x-api", ngImport: i0__namespace, template: "<ng-content></ng-content>\r\n", styles: [".x-api{margin:0;padding:0;display:block}.x-api>.x-api-selector>span:first-child{font-size:1.25rem}.x-api>.x-api-selector>span:last-child{padding:.125rem;margin-left:.5rem;border:.0625rem solid var(--x-primary);color:var(--x-primary);font-size:.825rem;border-radius:var(--x-border-radius)}.x-api>.x-api-interface{margin-top:1rem}.x-api>.x-api-interface>tr>td:nth-child(1){width:20%}.x-api>.x-api-interface>tr>td:nth-child(1)>span{color:#690}.x-api>.x-api-interface>tr>td:nth-child(3){color:#07a;width:22%}.x-api>.x-api-interface>tr>td:nth-child(4){color:#dd4a68;width:16%}.x-api>.x-api-type>tr>td:nth-child(1){color:#07a;width:20%}.x-api>.x-api-type>tr>td:nth-child(3){color:#dd4a68;width:35%}.x-api table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-api table tr>th,.x-api table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-api table tr:last-child>th,.x-api table tr:last-child>td{border-width:0px}.x-api table tr th{white-space:nowrap;color:var(--x-text)}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XApiComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: "" + XApiPrefix,
@@ -61,10 +59,10 @@
         }
         return XApiModule;
     }());
-    /** @nocollapse */ XApiModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XApiModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ XApiModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XApiModule, declarations: [XApiComponent], imports: [common.CommonModule], exports: [XApiComponent] });
-    /** @nocollapse */ XApiModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XApiModule, imports: [[common.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XApiModule, decorators: [{
+    /** @nocollapse */ XApiModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XApiModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ XApiModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XApiModule, declarations: [XApiComponent], imports: [common.CommonModule], exports: [XApiComponent] });
+    /** @nocollapse */ XApiModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XApiModule, imports: [[common.CommonModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XApiModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [XApiComponent],
@@ -83,5 +81,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ng-nest-ui-api.umd.js.map

package/bundles/ng-nest-ui-api.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-api.umd.js","sources":["../../../../lib/ng-nest/ui/api/api.property.ts","../../../../lib/ng-nest/ui/api/api.component.ts","../../../../lib/ng-nest/ui/api/api.component.html","../../../../lib/ng-nest/ui/api/api.module.ts","../../../../lib/ng-nest/ui/api/ng-nest-ui-api.ts"],"sourcesContent":["/**\r\n * Api\r\n * @selector x-api\r\n * @decorator component\r\n */\r\nexport const XApiPrefix = 'x-api';\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef } from '@angular/core';\r\nimport { XApiPrefix } from './api.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XApiPrefix}`,\r\n  templateUrl: './api.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XApiComponent {\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\r\n    this.renderer.addClass(this.elementRef.nativeElement, XApiPrefix);\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XApiComponent } from './api.component';\r\n\r\n@NgModule({\r\n  declarations: [XApiComponent],\r\n  exports: [XApiComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XApiModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Component","ViewEncapsulation","ChangeDetectionStrategy","CommonModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAA;;;;;QAKa,UAAU,GAAG;;;QCOxB,uBAAoB,QAAmB,EAAU,UAAsB,EAAS,aAA6B;YAAzF,aAAQ,GAAR,QAAQ,CAAW;YAAU,eAAU,GAAV,UAAU,CAAY;YAAS,kBAAa,GAAb,aAAa,CAAgB;YAC3G,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;SACnE;;;uJAHU,aAAa;gIAAb,aAAa,wDCX1B,+BACA;qHDUa,aAAa;sBAPzBA,YAAS;uBAAC;wBACT,QAAQ,EAAE,KAAG,UAAY;wBACzB,WAAW,EAAE,sBAAsB;wBACnC,SAAS,EAAE,CAAC,oBAAoB,CAAC;wBACjC,aAAa,EAAEC,oBAAiB,CAAC,IAAI;wBACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;;;;QEDD;;;;oJAAa,UAAU;qJAAV,UAAU,iBAJN,aAAa,aAElBC,mBAAY,aADZ,aAAa;qJAGZ,UAAU,YAFZ,CAACA,mBAAY,CAAC;qHAEZ,UAAU;sBALtBC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,aAAa,CAAC;wBAC7B,OAAO,EAAE,CAAC,aAAa,CAAC;wBACxB,OAAO,EAAE,CAACD,mBAAY,CAAC;qBACxB;;;ICRD;;;;;;;;;;;;;;"}
+{"version":3,"file":"ng-nest-ui-api.umd.js","sources":["../../../../lib/ng-nest/ui/api/api.property.ts","../../../../lib/ng-nest/ui/api/api.component.ts","../../../../lib/ng-nest/ui/api/api.component.html","../../../../lib/ng-nest/ui/api/api.module.ts","../../../../lib/ng-nest/ui/api/ng-nest-ui-api.ts"],"sourcesContent":["/**\r\n * Api\r\n * @selector x-api\r\n * @decorator component\r\n */\r\nexport const XApiPrefix = 'x-api';\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef } from '@angular/core';\r\nimport { XApiPrefix } from './api.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XApiPrefix}`,\r\n  templateUrl: './api.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XApiComponent {\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\r\n    this.renderer.addClass(this.elementRef.nativeElement, XApiPrefix);\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XApiComponent } from './api.component';\r\n\r\n@NgModule({\r\n  declarations: [XApiComponent],\r\n  exports: [XApiComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XApiModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Component","ViewEncapsulation","ChangeDetectionStrategy","CommonModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAAA;;;;;QAKa,UAAU,GAAG;;;QCOxB,uBAAoB,QAAmB,EAAU,UAAsB,EAAS,aAA6B;YAAzF,aAAQ,GAAR,QAAQ,CAAW;YAAU,eAAU,GAAV,UAAU,CAAY;YAAS,kBAAa,GAAb,aAAa,CAAgB;YAC3G,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;SACnE;;;uJAHU,aAAa;gIAAb,aAAa,wDCX1B,+BACA;qHDUa,aAAa;sBAPzBA,YAAS;uBAAC;wBACT,QAAQ,EAAE,KAAG,UAAY;wBACzB,WAAW,EAAE,sBAAsB;wBACnC,SAAS,EAAE,CAAC,oBAAoB,CAAC;wBACjC,aAAa,EAAEC,oBAAiB,CAAC,IAAI;wBACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;;;;QEDD;;;;oJAAa,UAAU;qJAAV,UAAU,iBAJN,aAAa,aAElBC,mBAAY,aADZ,aAAa;qJAGZ,UAAU,YAFZ,CAACA,mBAAY,CAAC;qHAEZ,UAAU;sBALtBC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,aAAa,CAAC;wBAC7B,OAAO,EAAE,CAAC,aAAa,CAAC;wBACxB,OAAO,EAAE,CAACD,mBAAY,CAAC;qBACxB;;;ICRD;;;;;;;;;;;;;;"}

package/bundles/ng-nest-ui-auto-complete.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('rxjs'), require('@angular/core'), require('@ng-nest/ui/core'), require('@ng-nest/ui/base-form'), require('@ng-nest/ui/portal'), require('rxjs/operators'), require('@ng-nest/ui/list'), require('@angular/cdk/keycodes'), require('@angular/cdk/overlay'), require('@ng-nest/ui/input'), require('@angular/forms'), require('@angular/common')) :
     typeof define === 'function' && define.amd ? define('@ng-nest/ui/auto-complete', ['exports', 'rxjs', '@angular/core', '@ng-nest/ui/core', '@ng-nest/ui/base-form', '@ng-nest/ui/portal', 'rxjs/operators', '@ng-nest/ui/list', '@angular/cdk/keycodes', '@angular/cdk/overlay', '@ng-nest/ui/input', '@angular/forms', '@angular/common'], 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['auto-complete'] = {}), global.rxjs, global.ng.core, global['ng-nest'].ui.core, global['ng-nest'].ui['base-form'], global['ng-nest'].ui.portal, global.rxjs.operators, global['ng-nest'].ui.list, global.ng.cdk.keycodes, global.ng.cdk.overlay, global['ng-nest'].ui.input, global.ng.forms, global.ng.common));
-}(this, (function (exports, rxjs, i0, i3, baseForm, i1$1, operators, i1, keycodes, i2, i4, i5, common) { '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["auto-complete"] = {}), global.rxjs, global.ng.core, global["ng-nest"].ui.core, global["ng-nest"].ui["base-form"], global["ng-nest"].ui.portal, global.rxjs.operators, global["ng-nest"].ui.list, global.ng.cdk.keycodes, global.ng.cdk.overlay, global["ng-nest"].ui.input, global.ng.forms, global.ng.common));
+})(this, (function (exports, rxjs, i0, i3, baseForm, i1$1, operators, i1, keycodes, i2, i4, i5, common) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
                     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);
     }
 
@@ -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);
@@ -372,8 +376,8 @@
         }
         return XAutoCompleteProperty;
     }(baseForm.XControlValueAccessor));
-    /** @nocollapse */ XAutoCompleteProperty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XAutoCompleteProperty, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XAutoCompleteProperty.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XAutoCompleteProperty, selector: "ng-component", inputs: { data: "data", debounceTime: "debounceTime", placement: "placement", nodeTpl: "nodeTpl", size: "size", bordered: "bordered" }, outputs: { nodeEmit: "nodeEmit" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
+    /** @nocollapse */ XAutoCompleteProperty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XAutoCompleteProperty, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XAutoCompleteProperty.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XAutoCompleteProperty, selector: "ng-component", inputs: { data: "data", debounceTime: "debounceTime", placement: "placement", nodeTpl: "nodeTpl", size: "size", bordered: "bordered", caseSensitive: "caseSensitive" }, outputs: { nodeEmit: "nodeEmit" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
     __decorate([
         i3.XDataConvert()
     ], XAutoCompleteProperty.prototype, "data", void 0);
@@ -390,7 +394,11 @@
         i3.XInputBoolean(),
         i3.XWithConfig(X_CONFIG_NAME, true)
     ], XAutoCompleteProperty.prototype, "bordered", void 0);
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XAutoCompleteProperty, decorators: [{
+    __decorate([
+        i3.XInputBoolean(),
+        i3.XWithConfig(X_CONFIG_NAME, true)
+    ], XAutoCompleteProperty.prototype, "caseSensitive", void 0);
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XAutoCompleteProperty, decorators: [{
                 type: i0.Component,
                 args: [{ template: '' }]
             }], propDecorators: { data: [{
@@ -405,6 +413,8 @@
                     type: i0.Input
                 }], bordered: [{
                     type: i0.Input
+                }], caseSensitive: [{
+                    type: i0.Input
                 }], nodeEmit: [{
                     type: i0.Output
                 }] } });
@@ -428,7 +438,7 @@
             this.animating(false);
             event.toState === 'void' && this.destroyPortal();
         };
-        XAutoCompletePortalComponent.prototype.start = function (event) {
+        XAutoCompletePortalComponent.prototype.start = function () {
             this.animating(true);
         };
         XAutoCompletePortalComponent.prototype.ngOnInit = function () {
@@ -445,7 +455,7 @@
                 _this.data = x;
                 _this.cdr.detectChanges();
             });
-            this.closeSubject.pipe(operators.takeUntil(this._unSubject)).subscribe(function (x) {
+            this.closeSubject.pipe(operators.takeUntil(this._unSubject)).subscribe(function () {
                 _this.list.setUnActive(_this.active);
             });
             this.keydownSubject.pipe(operators.takeUntil(this._unSubject)).subscribe(function (x) {
@@ -470,9 +480,9 @@
         };
         return XAutoCompletePortalComponent;
     }());
-    /** @nocollapse */ XAutoCompletePortalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XAutoCompletePortalComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XAutoCompletePortalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", 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__namespace, template: "<div #autoCompletePortal class=\"x-auto-complete-portal\" (click)=\"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: ["x-auto-complete-portal{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow-y:auto;max-height:calc(calc(calc(var(--x-font-size) + .875rem) * 6) + calc(var(--x-border-width) * 7))}"], components: [{ type: i1__namespace.XListComponent, selector: "x-list" }], animations: [i3.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: XAutoCompletePortalComponent, decorators: [{
+    /** @nocollapse */ XAutoCompletePortalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XAutoCompletePortalComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XAutoCompletePortalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XAutoCompletePortalComponent, selector: "x-auto-complete-portal", host: { listeners: { "@x-connect-base-animation.done": "done($event)", "@x-connect-base-animation.start": "start($event)" }, properties: { "@x-connect-base-animation": "this.placement" } }, viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true }], ngImport: i0__namespace, template: "<div #autoCompletePortal class=\"x-auto-complete-portal\" tabindex=\"-1\" (click)=\"inputCom.inputFocus(); stopPropagation($event)\">\r\n  <x-list\r\n    #list\r\n    [data]=\"data\"\r\n    (nodeClick)=\"nodeClick($event)\"\r\n    (keyManagerChange)=\"onActive($event)\"\r\n    (keyManagerTabOut)=\"onTabOut()\"\r\n    [nodeTpl]=\"nodeTpl\"\r\n    [scrollElement]=\"autoCompletePortal\"\r\n  ></x-list>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete-portal{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow-y:auto;max-height:calc(calc(calc(var(--x-font-size) + .875rem) * 6) + calc(var(--x-border-width) * 7))}.x-auto-complete-portal:focus{outline:none}\n"], components: [{ type: i1__namespace.XListComponent, selector: "x-list" }], animations: [i3.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: XAutoCompletePortalComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: "" + XAutoCompletePortalPrefix,
@@ -517,6 +527,7 @@
             _this.protalTobottom = true;
             _this.asyncLoading = false;
             _this.animating = false;
+            _this.valueTplContext = { $node: null, $isValue: true };
             _this.valueChange = new rxjs.Subject();
             _this.positionChange = new rxjs.Subject();
             _this.dataChange = new rxjs.Subject();
@@ -537,7 +548,8 @@
             this.setSubject();
         };
         XAutoCompleteComponent.prototype.ngOnChanges = function (changes) {
-            i3.XIsChange(changes.data) && this.setData();
+            var data = changes.data;
+            i3.XIsChange(data) && this.setData();
         };
         XAutoCompleteComponent.prototype.ngAfterViewInit = function () {
             this.setPortal();
@@ -562,7 +574,7 @@
         };
         XAutoCompleteComponent.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();
             });
             this.inputChange.pipe(operators.debounceTime(this.debounceTime), operators.distinctUntilChanged(), operators.takeUntil(this._unSubject)).subscribe(function (x) {
@@ -586,6 +598,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;
             }
@@ -599,6 +612,7 @@
             var _this = this;
             if (i3.XIsEmpty(this.value) || this.disabled || this.iconSpin || this.animating)
                 return;
+            this.active = true;
             if ((i3.XIsObservable(this.data) && this.nodes.length === 0) || i3.XIsFunction(this.data)) {
                 this.icon = 'fto-loader';
                 this.iconSpin = true;
@@ -663,6 +677,7 @@
                 positionChange: this.positionChange,
                 closeSubject: this.closeSubject,
                 keydownSubject: this.keydownSubject,
+                inputCom: this.inputCom,
                 destroyPortal: function () { return _this.destroyPortal(); },
                 nodeEmit: function (node) { return _this.onNodeClick(node); },
                 animating: function (ing) { return (_this.animating = ing); }
@@ -677,6 +692,8 @@
                 return;
             }
             this.value = node.label;
+            this.valueTplContext.$node = node;
+            this.inputCom.inputFocus();
             if (this.onChange)
                 this.onChange(this.value);
             this.nodeEmit.emit(node);
@@ -729,7 +746,12 @@
                         this.closeSubject.next();
                     }
                     else {
-                        this.searchNodes = this.nodes.filter(function (x) { return x.label.indexOf(value) >= 0; });
+                        if (this.caseSensitive) {
+                            this.searchNodes = this.nodes.filter(function (x) { return x.label.indexOf(value) >= 0; });
+                        }
+                        else {
+                            this.searchNodes = this.nodes.filter(function (x) { return x.label.toLowerCase().indexOf(value.toLowerCase()) >= 0; });
+                        }
                         this.dataChange.next(this.searchNodes);
                     }
                 }
@@ -738,6 +760,7 @@
         XAutoCompleteComponent.prototype.clearEmit = function () {
             this.value = '';
             this.displayValue = '';
+            this.valueTplContext.$node = null;
             this.valueChange.next(this.value);
             this.modelChange(this.value);
         };
@@ -756,9 +779,9 @@
         XAutoCompleteComponent.prototype.onBlur = function ($event) { };
         return XAutoCompleteComponent;
     }(XAutoCompleteProperty));
-    /** @nocollapse */ XAutoCompleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XAutoCompleteComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.XPortalService }, { token: i0__namespace.ViewContainerRef }, { token: i2__namespace.Overlay }, { token: i3__namespace.XConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XAutoCompleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XAutoCompleteComponent, selector: "x-auto-complete", providers: [baseForm.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__namespace, 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      (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: ["x-auto-complete{display:inline-block}.x-auto-complete{margin:0;padding:0;width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow-y:auto;max-height:calc(calc(calc(var(--x-font-size) + .875rem) * 6) + calc(var(--x-border-width) * 7))}"], components: [{ type: i4__namespace.XInputComponent, selector: "x-input" }], directives: [{ 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"] }, { type: i5__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.3", ngImport: i0__namespace, type: XAutoCompleteComponent, decorators: [{
+    /** @nocollapse */ XAutoCompleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XAutoCompleteComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.XPortalService }, { token: i0__namespace.ViewContainerRef }, { token: i2__namespace.Overlay }, { token: i3__namespace.XConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XAutoCompleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XAutoCompleteComponent, selector: "x-auto-complete", providers: [baseForm.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__namespace, 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(calc(var(--x-font-size) + .875rem) * 6) + calc(var(--x-border-width) * 7))}.x-auto-complete-portal:focus{outline:none}\n"], components: [{ type: i4__namespace.XInputComponent, selector: "x-input" }], directives: [{ 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"] }, { type: i5__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: XAutoCompleteComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: "" + XAutoCompletePrefix,
@@ -781,10 +804,10 @@
         }
         return XAutoCompleteModule;
     }());
-    /** @nocollapse */ XAutoCompleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XAutoCompleteModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ XAutoCompleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XAutoCompleteModule, declarations: [XAutoCompleteComponent, XAutoCompletePortalComponent, XAutoCompleteProperty], imports: [common.CommonModule, i5.FormsModule, i5.ReactiveFormsModule, i1$1.XPortalModule, i4.XInputModule, i1.XListModule, baseForm.XBaseFormModule], exports: [XAutoCompleteComponent, XAutoCompletePortalComponent] });
-    /** @nocollapse */ XAutoCompleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XAutoCompleteModule, imports: [[common.CommonModule, i5.FormsModule, i5.ReactiveFormsModule, i1$1.XPortalModule, i4.XInputModule, i1.XListModule, baseForm.XBaseFormModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XAutoCompleteModule, decorators: [{
+    /** @nocollapse */ XAutoCompleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XAutoCompleteModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ XAutoCompleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XAutoCompleteModule, declarations: [XAutoCompleteComponent, XAutoCompletePortalComponent, XAutoCompleteProperty], imports: [common.CommonModule, i5.FormsModule, i5.ReactiveFormsModule, i1$1.XPortalModule, i4.XInputModule, i1.XListModule, baseForm.XBaseFormModule], exports: [XAutoCompleteComponent, XAutoCompletePortalComponent] });
+    /** @nocollapse */ XAutoCompleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XAutoCompleteModule, imports: [[common.CommonModule, i5.FormsModule, i5.ReactiveFormsModule, i1$1.XPortalModule, i4.XInputModule, i1.XListModule, baseForm.XBaseFormModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XAutoCompleteModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [XAutoCompleteComponent, XAutoCompletePortalComponent, XAutoCompleteProperty],
@@ -807,5 +830,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ng-nest-ui-auto-complete.umd.js.map