nk-controls - npm Package Compare versions

Comparing version 2.1.10 to 2.1.11

package.json

 {
   "name": "nk-controls",
-  "version": "2.1.10",
+  "version": "2.1.11",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "angular5 web controls dropDownList ribbon",

select/nkSelect.component.d.ts

@@ -14,2 +14,4 @@ import { EventEmitter, ElementRef, Renderer2, ChangeDetectorRef, OnInit, TemplateRef } from '@angular/core';
     name: string;
+    contentTemplate: TemplateRef<any>;
+    titleTemplate: TemplateRef<any>;
     itemTemplate: TemplateRef<any>;
@@ -91,3 +93,2 @@ _appendTo: string;
     private _setItemViewElementAsActive();
-    private _setScrollViewForselectedItem();
     private _setInputFilterInFocus();
@@ -94,0 +95,0 @@ handleKeydown(event: KeyboardEvent): void;

select/nkSelect.component.js

@@ -164,3 +164,2 @@ import { Component, Optional, Input, Output, EventEmitter, ElementRef, Renderer2, Self, ChangeDetectorRef, Attribute, ContentChild, TemplateRef, ViewEncapsulation } from '@angular/core';
             _this._isOpen = true;
-            _this._setItemViewElementAsActive();
             _this._menuDoneAnimating = false;
@@ -235,3 +234,3 @@ });
         if (this.isOpen) {
-            this._setScrollViewForselectedItem();
+            this._setItemViewElementAsActive();
             this._setInputFilterInFocus();
@@ -415,13 +414,6 @@ this.onOpen.emit({ eventSource: this });
             if (resultItem) {
-                //resultItem.element.select();
-                resultItem.selected = true;
+                resultItem.element.select();
             }
         }
     };
-    NkSelect.prototype._setScrollViewForselectedItem = function () {
-        var resultItem = this._items.filter(function (item) { return item.selected; })[0];
-        if (resultItem) {
-            resultItem.element.select();
-        }
-    };
     NkSelect.prototype._setInputFilterInFocus = function () {
@@ -532,3 +524,3 @@ if (this._isFilter) {
                     encapsulation: ViewEncapsulation.None,
-                    template: "<div class=\"nk-select-view-wrapper\" [style.width]=\"_width\"><div class=\"nk-select-view-selected\" *ngIf=\"_hasSelectedItem()\"><ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ item: selectedItem }\"></ng-template></div><input class=\"nk-select-filter-input\" *ngIf=\"_isFilter && isOpen\" [value]=\"filterValue\" (input)=\"filterValue=$event.target.value\"/> <span class=\"nk-select-view-default\" *ngIf=\"!_hasSelectedItem()\">{{options.displayTextDefault}}</span> <span class=\"nk-select-arrow\"></span></div><span class=\"nk-select-loading\" *ngIf=\"isPending\">{{options.displayTextForLoading}}</span><ng-template nk-select-menu (backdropClick)=\"close()\" [open]=\"isOpen\" [menuAnimateDone]=\"_menuDoneAnimating\" [appendTo]=\"options.appendTo\" [themeClass]=\"options.themeClassMenu\" [controlElement]=\"_origin\"><div class=\"nk-menu-panel\" [style.transformOrigin]=\"transformOrigin\" [@transformMenu]=\"'showing'\" (@transformMenu.done)=\"onMenuDone()\"><div [@fadeInContent]=\"'showing'\" (@fadeInContent.done)=\"_onFadeInDone()\"><div nk-select-menu-item class=\"nk-menu-item\" *ngFor=\"let item of items | nkSelectFilter : filterBy : filterValue\" (click)=\"selectItem(item);\" [item]=\"item\"><ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-template><div class=\"mat-ripple-element mat-ripple\"></div></div></div></div></ng-template>",
+                    template: "<div class=\"nk-select-view-wrapper\" [style.width]=\"_width\"><div class=\"nk-select-view-selected\" *ngIf=\"_hasSelectedItem()\"><ng-template [ngTemplateOutlet]=\"titleTemplate || contentTemplate\" [ngTemplateOutletContext]=\"{ item: selectedItem }\"></ng-template></div><input class=\"nk-select-filter-input\" *ngIf=\"_isFilter && isOpen\" [value]=\"filterValue\" (input)=\"filterValue=$event.target.value\"/> <span class=\"nk-select-view-default\" *ngIf=\"!_hasSelectedItem()\">{{options.displayTextDefault}}</span> <span class=\"nk-select-arrow\"></span></div><span class=\"nk-select-loading\" *ngIf=\"isPending\">{{options.displayTextForLoading}}</span><ng-template nk-select-menu (backdropClick)=\"close()\" [open]=\"isOpen\" [menuAnimateDone]=\"_menuDoneAnimating\" [appendTo]=\"options.appendTo\" [themeClass]=\"options.themeClassMenu\" [controlElement]=\"_origin\"><div class=\"nk-menu-panel\" [style.transformOrigin]=\"transformOrigin\" [@transformMenu]=\"'showing'\" (@transformMenu.done)=\"onMenuDone()\"><div [@fadeInContent]=\"'showing'\" (@fadeInContent.done)=\"_onFadeInDone()\"><div nk-select-menu-item class=\"nk-menu-item\" *ngFor=\"let item of items | nkSelectFilter : filterBy : filterValue\" (click)=\"selectItem(item);\" [item]=\"item\"><ng-template [ngTemplateOutlet]=\"itemTemplate || contentTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-template><div class=\"mat-ripple-element mat-ripple\"></div></div></div></div></ng-template>",
                     styles: ["@-webkit-keyframes rotate{0%{transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}to{transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}to{transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}.nk-menu-item:hover,.nk-select-control:focus .nk-select-view-default,.nk-select-control:focus .nk-select-view-selected{color:#673ab7}.nk-select-control{outline-style:none;-webkit-box-shadow:none;box-shadow:none;border-color:transparent;margin:5px;display:-webkit-box;display:-ms-flexbox;display:flex}.nk-select-control:focus .nk-select-view-wrapper{border-color:#673ab7}.nk-select-control.nk-select-menu-self{position:relative}.nk-select-view-wrapper{border:1px solid gray;border-radius:4px;position:relative;cursor:pointer}.nk-select-view-default{display:block}.nk-select-view-default,.nk-select-view-selected{padding:2px 25px 2px 8px;width:100%}.nk-select-arrow,.nk-select-view-selected{display:inline-block}.nk-menu-container{position:absolute;pointer-events:auto;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1000;max-width:280px;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0;max-height:256px;min-width:124.28px}.nk-select-arrow{width:0;height:0;margin:auto 4px;vertical-align:middle;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid;-webkit-transform-origin:6px 3px;transform-origin:6px 3px;position:absolute;top:0;bottom:0;right:4px}.nk-select-pending .nk-select-arrow{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.nk-select-disabled .nk-select-view-wrapper,.nk-select-pending .nk-select-view-default,.nk-select-pending .nk-select-view-selected{opacity:.3;background:#eeeded}.ng-invalid.ng-touched .nk-select-view-wrapper{border:1px solid red}.nk-menu-panel{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);background:#fff;max-height:240px;overflow:auto}.nk-menu-item{cursor:pointer}.nk-select-loading{margin-left:8px}.nk-select-menu-selected{background:rgba(0,0,0,.04)}.nk-select-filter-input{position:absolute;border:0;top:1px;width:100%;padding-right:25px}.nk-select-filter-input:focus{outline:0}"],
@@ -566,3 +558,5 @@ host: {
     NkSelect.propDecorators = {
-        'itemTemplate': [{ type: ContentChild, args: [TemplateRef,] },],
+        'contentTemplate': [{ type: ContentChild, args: [TemplateRef,] },],
+        'titleTemplate': [{ type: ContentChild, args: ['titleTemplate',] },],
+        'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
         '_appendTo': [{ type: Input, args: ['appendTo',] },],
@@ -569,0 +563,0 @@ '_themeClassMenu': [{ type: Input, args: ['themeClassMenu',] },],

select/nkSelect.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"NkSelect":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"nk-select","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"template":"<div class=\"nk-select-view-wrapper\" [style.width]=\"_width\"><div class=\"nk-select-view-selected\" *ngIf=\"_hasSelectedItem()\"><ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ item: selectedItem }\"></ng-template></div><input class=\"nk-select-filter-input\" *ngIf=\"_isFilter && isOpen\" [value]=\"filterValue\" (input)=\"filterValue=$event.target.value\"/> <span class=\"nk-select-view-default\" *ngIf=\"!_hasSelectedItem()\">{{options.displayTextDefault}}</span> <span class=\"nk-select-arrow\"></span></div><span class=\"nk-select-loading\" *ngIf=\"isPending\">{{options.displayTextForLoading}}</span><ng-template nk-select-menu (backdropClick)=\"close()\" [open]=\"isOpen\" [menuAnimateDone]=\"_menuDoneAnimating\" [appendTo]=\"options.appendTo\" [themeClass]=\"options.themeClassMenu\" [controlElement]=\"_origin\"><div class=\"nk-menu-panel\" [style.transformOrigin]=\"transformOrigin\" [@transformMenu]=\"'showing'\" (@transformMenu.done)=\"onMenuDone()\"><div [@fadeInContent]=\"'showing'\" (@fadeInContent.done)=\"_onFadeInDone()\"><div nk-select-menu-item class=\"nk-menu-item\" *ngFor=\"let item of items | nkSelectFilter : filterBy : filterValue\" (click)=\"selectItem(item);\" [item]=\"item\"><ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-template><div class=\"mat-ripple-element mat-ripple\"></div></div></div></div></ng-template>","styles":["@-webkit-keyframes rotate{0%{transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}to{transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}to{transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}.nk-menu-item:hover,.nk-select-control:focus .nk-select-view-default,.nk-select-control:focus .nk-select-view-selected{color:#673ab7}.nk-select-control{outline-style:none;-webkit-box-shadow:none;box-shadow:none;border-color:transparent;margin:5px;display:-webkit-box;display:-ms-flexbox;display:flex}.nk-select-control:focus .nk-select-view-wrapper{border-color:#673ab7}.nk-select-control.nk-select-menu-self{position:relative}.nk-select-view-wrapper{border:1px solid gray;border-radius:4px;position:relative;cursor:pointer}.nk-select-view-default{display:block}.nk-select-view-default,.nk-select-view-selected{padding:2px 25px 2px 8px;width:100%}.nk-select-arrow,.nk-select-view-selected{display:inline-block}.nk-menu-container{position:absolute;pointer-events:auto;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1000;max-width:280px;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0;max-height:256px;min-width:124.28px}.nk-select-arrow{width:0;height:0;margin:auto 4px;vertical-align:middle;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid;-webkit-transform-origin:6px 3px;transform-origin:6px 3px;position:absolute;top:0;bottom:0;right:4px}.nk-select-pending .nk-select-arrow{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.nk-select-disabled .nk-select-view-wrapper,.nk-select-pending .nk-select-view-default,.nk-select-pending .nk-select-view-selected{opacity:.3;background:#eeeded}.ng-invalid.ng-touched .nk-select-view-wrapper{border:1px solid red}.nk-menu-panel{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);background:#fff;max-height:240px;overflow:auto}.nk-menu-item{cursor:pointer}.nk-select-loading{margin-left:8px}.nk-select-menu-selected{background:rgba(0,0,0,.04)}.nk-select-filter-input{position:absolute;border:0;top:1px;width:100%;padding-right:25px}.nk-select-filter-input:focus{outline:0}"],"host":{"[attr.tabindex]":"tabIndex","[class.nk-select-disabled]":"disabled","[class.nk-select-pending]":"isPending","[class.nk-select-open-menu]":"isOpen","[class.nk-select-close-menu]":"!isOpen","class":"nk-select-control","(click)":"toggle($event)","(blur)":"onBlur()","(keydown)":"handleKeydown($event)","$quoted$":["[attr.tabindex]","[class.nk-select-disabled]","[class.nk-select-pending]","[class.nk-select-open-menu]","[class.nk-select-close-menu]","class","(click)","(blur)","(keydown)"]},"animations":[{"__symbolic":"reference","module":"./nkSelect.animation","name":"transformPlaceholder"},{"__symbolic":"reference","module":"./nkSelect.animation","name":"transformMenu"},{"__symbolic":"reference","module":"./nkSelect.animation","name":"fadeInContent"}],"exportAs":"nkSelect"}]}],"members":{"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"_appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["appendTo"]}]}],"_themeClassMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["themeClassMenu"]}]}],"_remoteDataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectRemoteDataSource"]}]}],"_primaryKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectPrimaryKey"]}]}],"_viewValueInitialize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectViewValue"]}]}],"_filterBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectFilterBy"]}]}],"_dataBindingMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectDataBindingMode"]}]}],"_isCache":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectCache"]}]}],"_width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["width"]}]}],"onSelectItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnSelectItem"]}]}],"onStartLoadData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnStartLoadData"]}]}],"onEndLoadData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnEndLoadData"]}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnOpen"]}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnClose"]}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnChange"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["tabindex"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["required"]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/forms","name":"NgModel"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/http","name":"Http"}]}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"refreshData":[{"__symbolic":"method"}],"refreshDataWithSubscribe":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"_propagateChanges":[{"__symbolic":"method"}],"_onFadeInDone":[{"__symbolic":"method"}],"onMenuDone":[{"__symbolic":"method"}],"_getItems":[{"__symbolic":"method"}],"_getData":[{"__symbolic":"method"}],"_addEmptyValueByRequiredAttribute":[{"__symbolic":"method"}],"_setSearchParam":[{"__symbolic":"method"}],"_canselRequest":[{"__symbolic":"method"}],"_hasSelectedItem":[{"__symbolic":"method"}],"_isInitializedItems":[{"__symbolic":"method"}],"_writeValueByViewModel":[{"__symbolic":"method"}],"_writeValueByDataSource":[{"__symbolic":"method"}],"_setSelectionModel":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"_setRequired":[{"__symbolic":"method"}],"_disabledValidators":[{"__symbolic":"method"}],"_coerceBooleanProperty":[{"__symbolic":"method"}],"_setItemViewElementAsActive":[{"__symbolic":"method"}],"_setScrollViewForselectedItem":[{"__symbolic":"method"}],"_setInputFilterInFocus":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"_handleClosedKeydown":[{"__symbolic":"method"}],"_handleOpenKeydown":[{"__symbolic":"method"}],"_onArrowKeydown":[{"__symbolic":"method"}],"_setNextItemActive":[{"__symbolic":"method"}],"_setPreviousItemActive":[{"__symbolic":"method"}],"_setFirstItemActive":[{"__symbolic":"method"}],"_setLastItemActive":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NkSelect":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"nk-select","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"template":"<div class=\"nk-select-view-wrapper\" [style.width]=\"_width\"><div class=\"nk-select-view-selected\" *ngIf=\"_hasSelectedItem()\"><ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ item: selectedItem }\"></ng-template></div><input class=\"nk-select-filter-input\" *ngIf=\"_isFilter && isOpen\" [value]=\"filterValue\" (input)=\"filterValue=$event.target.value\"/> <span class=\"nk-select-view-default\" *ngIf=\"!_hasSelectedItem()\">{{options.displayTextDefault}}</span> <span class=\"nk-select-arrow\"></span></div><span class=\"nk-select-loading\" *ngIf=\"isPending\">{{options.displayTextForLoading}}</span><ng-template nk-select-menu (backdropClick)=\"close()\" [open]=\"isOpen\" [menuAnimateDone]=\"_menuDoneAnimating\" [appendTo]=\"options.appendTo\" [themeClass]=\"options.themeClassMenu\" [controlElement]=\"_origin\"><div class=\"nk-menu-panel\" [style.transformOrigin]=\"transformOrigin\" [@transformMenu]=\"'showing'\" (@transformMenu.done)=\"onMenuDone()\"><div [@fadeInContent]=\"'showing'\" (@fadeInContent.done)=\"_onFadeInDone()\"><div nk-select-menu-item class=\"nk-menu-item\" *ngFor=\"let item of items | nkSelectFilter : filterBy : filterValue\" (click)=\"selectItem(item);\" [item]=\"item\"><ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-template><div class=\"mat-ripple-element mat-ripple\"></div></div></div></div></ng-template>","styles":["@-webkit-keyframes rotate{0%{transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}to{transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}to{transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}.nk-menu-item:hover,.nk-select-control:focus .nk-select-view-default,.nk-select-control:focus .nk-select-view-selected{color:#673ab7}.nk-select-control{outline-style:none;-webkit-box-shadow:none;box-shadow:none;border-color:transparent;margin:5px;display:-webkit-box;display:-ms-flexbox;display:flex}.nk-select-control:focus .nk-select-view-wrapper{border-color:#673ab7}.nk-select-control.nk-select-menu-self{position:relative}.nk-select-view-wrapper{border:1px solid gray;border-radius:4px;position:relative;cursor:pointer}.nk-select-view-default{display:block}.nk-select-view-default,.nk-select-view-selected{padding:2px 25px 2px 8px;width:100%}.nk-select-arrow,.nk-select-view-selected{display:inline-block}.nk-menu-container{position:absolute;pointer-events:auto;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1000;max-width:280px;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0;max-height:256px;min-width:124.28px}.nk-select-arrow{width:0;height:0;margin:auto 4px;vertical-align:middle;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid;-webkit-transform-origin:6px 3px;transform-origin:6px 3px;position:absolute;top:0;bottom:0;right:4px}.nk-select-pending .nk-select-arrow{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.nk-select-disabled .nk-select-view-wrapper,.nk-select-pending .nk-select-view-default,.nk-select-pending .nk-select-view-selected{opacity:.3;background:#eeeded}.ng-invalid.ng-touched .nk-select-view-wrapper{border:1px solid red}.nk-menu-panel{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);background:#fff;max-height:240px;overflow:auto}.nk-menu-item{cursor:pointer}.nk-select-loading{margin-left:8px}.nk-select-menu-selected{background:rgba(0,0,0,.04)}.nk-select-filter-input{position:absolute;border:0;top:1px;width:100%;padding-right:25px}.nk-select-filter-input:focus{outline:0}"],"host":{"[attr.tabindex]":"tabIndex","[class.nk-select-disabled]":"disabled","[class.nk-select-pending]":"isPending","[class.nk-select-open-menu]":"isOpen","[class.nk-select-close-menu]":"!isOpen","class":"nk-select-control","(click)":"toggle($event)","(blur)":"onBlur()","(keydown)":"handleKeydown($event)"},"animations":[{"__symbolic":"reference","module":"./nkSelect.animation","name":"transformPlaceholder"},{"__symbolic":"reference","module":"./nkSelect.animation","name":"transformMenu"},{"__symbolic":"reference","module":"./nkSelect.animation","name":"fadeInContent"}],"exportAs":"nkSelect"}]}],"members":{"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"_appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["appendTo"]}]}],"_themeClassMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["themeClassMenu"]}]}],"_remoteDataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectRemoteDataSource"]}]}],"_primaryKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectPrimaryKey"]}]}],"_viewValueInitialize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectViewValue"]}]}],"_filterBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectFilterBy"]}]}],"_dataBindingMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectDataBindingMode"]}]}],"_isCache":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectCache"]}]}],"_width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["width"]}]}],"onSelectItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnSelectItem"]}]}],"onStartLoadData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnStartLoadData"]}]}],"onEndLoadData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnEndLoadData"]}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnOpen"]}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnClose"]}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnChange"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["tabindex"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["required"]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/forms","name":"NgModel"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/http","name":"Http"}]}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"refreshData":[{"__symbolic":"method"}],"refreshDataWithSubscribe":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"_propagateChanges":[{"__symbolic":"method"}],"_onFadeInDone":[{"__symbolic":"method"}],"onMenuDone":[{"__symbolic":"method"}],"_getItems":[{"__symbolic":"method"}],"_getData":[{"__symbolic":"method"}],"_addEmptyValueByRequiredAttribute":[{"__symbolic":"method"}],"_setSearchParam":[{"__symbolic":"method"}],"_canselRequest":[{"__symbolic":"method"}],"_hasSelectedItem":[{"__symbolic":"method"}],"_isInitializedItems":[{"__symbolic":"method"}],"_writeValueByViewModel":[{"__symbolic":"method"}],"_writeValueByDataSource":[{"__symbolic":"method"}],"_setSelectionModel":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"_setRequired":[{"__symbolic":"method"}],"_disabledValidators":[{"__symbolic":"method"}],"_coerceBooleanProperty":[{"__symbolic":"method"}],"_setItemViewElementAsActive":[{"__symbolic":"method"}],"_setScrollViewForselectedItem":[{"__symbolic":"method"}],"_setInputFilterInFocus":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"_handleClosedKeydown":[{"__symbolic":"method"}],"_handleOpenKeydown":[{"__symbolic":"method"}],"_onArrowKeydown":[{"__symbolic":"method"}],"_setNextItemActive":[{"__symbolic":"method"}],"_setPreviousItemActive":[{"__symbolic":"method"}],"_setFirstItemActive":[{"__symbolic":"method"}],"_setLastItemActive":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"NkSelect":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"nk-select","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"template":"<div class=\"nk-select-view-wrapper\" [style.width]=\"_width\"><div class=\"nk-select-view-selected\" *ngIf=\"_hasSelectedItem()\"><ng-template [ngTemplateOutlet]=\"titleTemplate || contentTemplate\" [ngTemplateOutletContext]=\"{ item: selectedItem }\"></ng-template></div><input class=\"nk-select-filter-input\" *ngIf=\"_isFilter && isOpen\" [value]=\"filterValue\" (input)=\"filterValue=$event.target.value\"/> <span class=\"nk-select-view-default\" *ngIf=\"!_hasSelectedItem()\">{{options.displayTextDefault}}</span> <span class=\"nk-select-arrow\"></span></div><span class=\"nk-select-loading\" *ngIf=\"isPending\">{{options.displayTextForLoading}}</span><ng-template nk-select-menu (backdropClick)=\"close()\" [open]=\"isOpen\" [menuAnimateDone]=\"_menuDoneAnimating\" [appendTo]=\"options.appendTo\" [themeClass]=\"options.themeClassMenu\" [controlElement]=\"_origin\"><div class=\"nk-menu-panel\" [style.transformOrigin]=\"transformOrigin\" [@transformMenu]=\"'showing'\" (@transformMenu.done)=\"onMenuDone()\"><div [@fadeInContent]=\"'showing'\" (@fadeInContent.done)=\"_onFadeInDone()\"><div nk-select-menu-item class=\"nk-menu-item\" *ngFor=\"let item of items | nkSelectFilter : filterBy : filterValue\" (click)=\"selectItem(item);\" [item]=\"item\"><ng-template [ngTemplateOutlet]=\"itemTemplate || contentTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-template><div class=\"mat-ripple-element mat-ripple\"></div></div></div></div></ng-template>","styles":["@-webkit-keyframes rotate{0%{transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}to{transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}to{transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}.nk-menu-item:hover,.nk-select-control:focus .nk-select-view-default,.nk-select-control:focus .nk-select-view-selected{color:#673ab7}.nk-select-control{outline-style:none;-webkit-box-shadow:none;box-shadow:none;border-color:transparent;margin:5px;display:-webkit-box;display:-ms-flexbox;display:flex}.nk-select-control:focus .nk-select-view-wrapper{border-color:#673ab7}.nk-select-control.nk-select-menu-self{position:relative}.nk-select-view-wrapper{border:1px solid gray;border-radius:4px;position:relative;cursor:pointer}.nk-select-view-default{display:block}.nk-select-view-default,.nk-select-view-selected{padding:2px 25px 2px 8px;width:100%}.nk-select-arrow,.nk-select-view-selected{display:inline-block}.nk-menu-container{position:absolute;pointer-events:auto;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1000;max-width:280px;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0;max-height:256px;min-width:124.28px}.nk-select-arrow{width:0;height:0;margin:auto 4px;vertical-align:middle;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid;-webkit-transform-origin:6px 3px;transform-origin:6px 3px;position:absolute;top:0;bottom:0;right:4px}.nk-select-pending .nk-select-arrow{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.nk-select-disabled .nk-select-view-wrapper,.nk-select-pending .nk-select-view-default,.nk-select-pending .nk-select-view-selected{opacity:.3;background:#eeeded}.ng-invalid.ng-touched .nk-select-view-wrapper{border:1px solid red}.nk-menu-panel{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);background:#fff;max-height:240px;overflow:auto}.nk-menu-item{cursor:pointer}.nk-select-loading{margin-left:8px}.nk-select-menu-selected{background:rgba(0,0,0,.04)}.nk-select-filter-input{position:absolute;border:0;top:1px;width:100%;padding-right:25px}.nk-select-filter-input:focus{outline:0}"],"host":{"[attr.tabindex]":"tabIndex","[class.nk-select-disabled]":"disabled","[class.nk-select-pending]":"isPending","[class.nk-select-open-menu]":"isOpen","[class.nk-select-close-menu]":"!isOpen","class":"nk-select-control","(click)":"toggle($event)","(blur)":"onBlur()","(keydown)":"handleKeydown($event)","$quoted$":["[attr.tabindex]","[class.nk-select-disabled]","[class.nk-select-pending]","[class.nk-select-open-menu]","[class.nk-select-close-menu]","class","(click)","(blur)","(keydown)"]},"animations":[{"__symbolic":"reference","module":"./nkSelect.animation","name":"transformPlaceholder"},{"__symbolic":"reference","module":"./nkSelect.animation","name":"transformMenu"},{"__symbolic":"reference","module":"./nkSelect.animation","name":"fadeInContent"}],"exportAs":"nkSelect"}]}],"members":{"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"titleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["titleTemplate"]}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["itemTemplate"]}]}],"_appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["appendTo"]}]}],"_themeClassMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["themeClassMenu"]}]}],"_remoteDataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectRemoteDataSource"]}]}],"_primaryKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectPrimaryKey"]}]}],"_viewValueInitialize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectViewValue"]}]}],"_filterBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectFilterBy"]}]}],"_dataBindingMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectDataBindingMode"]}]}],"_isCache":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectCache"]}]}],"_width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["width"]}]}],"onSelectItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnSelectItem"]}]}],"onStartLoadData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnStartLoadData"]}]}],"onEndLoadData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnEndLoadData"]}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnOpen"]}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnClose"]}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnChange"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["tabindex"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["required"]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/forms","name":"NgModel"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/http","name":"Http"}]}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"refreshData":[{"__symbolic":"method"}],"refreshDataWithSubscribe":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"_propagateChanges":[{"__symbolic":"method"}],"_onFadeInDone":[{"__symbolic":"method"}],"onMenuDone":[{"__symbolic":"method"}],"_getItems":[{"__symbolic":"method"}],"_getData":[{"__symbolic":"method"}],"_addEmptyValueByRequiredAttribute":[{"__symbolic":"method"}],"_setSearchParam":[{"__symbolic":"method"}],"_canselRequest":[{"__symbolic":"method"}],"_hasSelectedItem":[{"__symbolic":"method"}],"_isInitializedItems":[{"__symbolic":"method"}],"_writeValueByViewModel":[{"__symbolic":"method"}],"_writeValueByDataSource":[{"__symbolic":"method"}],"_setSelectionModel":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"_setRequired":[{"__symbolic":"method"}],"_disabledValidators":[{"__symbolic":"method"}],"_coerceBooleanProperty":[{"__symbolic":"method"}],"_setItemViewElementAsActive":[{"__symbolic":"method"}],"_setInputFilterInFocus":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"_handleClosedKeydown":[{"__symbolic":"method"}],"_handleOpenKeydown":[{"__symbolic":"method"}],"_onArrowKeydown":[{"__symbolic":"method"}],"_setNextItemActive":[{"__symbolic":"method"}],"_setPreviousItemActive":[{"__symbolic":"method"}],"_setFirstItemActive":[{"__symbolic":"method"}],"_setLastItemActive":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NkSelect":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"nk-select","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"template":"<div class=\"nk-select-view-wrapper\" [style.width]=\"_width\"><div class=\"nk-select-view-selected\" *ngIf=\"_hasSelectedItem()\"><ng-template [ngTemplateOutlet]=\"titleTemplate || contentTemplate\" [ngTemplateOutletContext]=\"{ item: selectedItem }\"></ng-template></div><input class=\"nk-select-filter-input\" *ngIf=\"_isFilter && isOpen\" [value]=\"filterValue\" (input)=\"filterValue=$event.target.value\"/> <span class=\"nk-select-view-default\" *ngIf=\"!_hasSelectedItem()\">{{options.displayTextDefault}}</span> <span class=\"nk-select-arrow\"></span></div><span class=\"nk-select-loading\" *ngIf=\"isPending\">{{options.displayTextForLoading}}</span><ng-template nk-select-menu (backdropClick)=\"close()\" [open]=\"isOpen\" [menuAnimateDone]=\"_menuDoneAnimating\" [appendTo]=\"options.appendTo\" [themeClass]=\"options.themeClassMenu\" [controlElement]=\"_origin\"><div class=\"nk-menu-panel\" [style.transformOrigin]=\"transformOrigin\" [@transformMenu]=\"'showing'\" (@transformMenu.done)=\"onMenuDone()\"><div [@fadeInContent]=\"'showing'\" (@fadeInContent.done)=\"_onFadeInDone()\"><div nk-select-menu-item class=\"nk-menu-item\" *ngFor=\"let item of items | nkSelectFilter : filterBy : filterValue\" (click)=\"selectItem(item);\" [item]=\"item\"><ng-template [ngTemplateOutlet]=\"itemTemplate || contentTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-template><div class=\"mat-ripple-element mat-ripple\"></div></div></div></div></ng-template>","styles":["@-webkit-keyframes rotate{0%{transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}to{transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}to{transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}.nk-menu-item:hover,.nk-select-control:focus .nk-select-view-default,.nk-select-control:focus .nk-select-view-selected{color:#673ab7}.nk-select-control{outline-style:none;-webkit-box-shadow:none;box-shadow:none;border-color:transparent;margin:5px;display:-webkit-box;display:-ms-flexbox;display:flex}.nk-select-control:focus .nk-select-view-wrapper{border-color:#673ab7}.nk-select-control.nk-select-menu-self{position:relative}.nk-select-view-wrapper{border:1px solid gray;border-radius:4px;position:relative;cursor:pointer}.nk-select-view-default{display:block}.nk-select-view-default,.nk-select-view-selected{padding:2px 25px 2px 8px;width:100%}.nk-select-arrow,.nk-select-view-selected{display:inline-block}.nk-menu-container{position:absolute;pointer-events:auto;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1000;max-width:280px;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0;max-height:256px;min-width:124.28px}.nk-select-arrow{width:0;height:0;margin:auto 4px;vertical-align:middle;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid;-webkit-transform-origin:6px 3px;transform-origin:6px 3px;position:absolute;top:0;bottom:0;right:4px}.nk-select-pending .nk-select-arrow{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.nk-select-disabled .nk-select-view-wrapper,.nk-select-pending .nk-select-view-default,.nk-select-pending .nk-select-view-selected{opacity:.3;background:#eeeded}.ng-invalid.ng-touched .nk-select-view-wrapper{border:1px solid red}.nk-menu-panel{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);background:#fff;max-height:240px;overflow:auto}.nk-menu-item{cursor:pointer}.nk-select-loading{margin-left:8px}.nk-select-menu-selected{background:rgba(0,0,0,.04)}.nk-select-filter-input{position:absolute;border:0;top:1px;width:100%;padding-right:25px}.nk-select-filter-input:focus{outline:0}"],"host":{"[attr.tabindex]":"tabIndex","[class.nk-select-disabled]":"disabled","[class.nk-select-pending]":"isPending","[class.nk-select-open-menu]":"isOpen","[class.nk-select-close-menu]":"!isOpen","class":"nk-select-control","(click)":"toggle($event)","(blur)":"onBlur()","(keydown)":"handleKeydown($event)"},"animations":[{"__symbolic":"reference","module":"./nkSelect.animation","name":"transformPlaceholder"},{"__symbolic":"reference","module":"./nkSelect.animation","name":"transformMenu"},{"__symbolic":"reference","module":"./nkSelect.animation","name":"fadeInContent"}],"exportAs":"nkSelect"}]}],"members":{"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"titleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["titleTemplate"]}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["itemTemplate"]}]}],"_appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["appendTo"]}]}],"_themeClassMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["themeClassMenu"]}]}],"_remoteDataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectRemoteDataSource"]}]}],"_primaryKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectPrimaryKey"]}]}],"_viewValueInitialize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectViewValue"]}]}],"_filterBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectFilterBy"]}]}],"_dataBindingMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectDataBindingMode"]}]}],"_isCache":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nkSelectCache"]}]}],"_width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["width"]}]}],"onSelectItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnSelectItem"]}]}],"onStartLoadData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnStartLoadData"]}]}],"onEndLoadData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnEndLoadData"]}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnOpen"]}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnClose"]}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["nkSelectOnChange"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["tabindex"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["required"]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/forms","name":"NgModel"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/http","name":"Http"}]}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"refreshData":[{"__symbolic":"method"}],"refreshDataWithSubscribe":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"_propagateChanges":[{"__symbolic":"method"}],"_onFadeInDone":[{"__symbolic":"method"}],"onMenuDone":[{"__symbolic":"method"}],"_getItems":[{"__symbolic":"method"}],"_getData":[{"__symbolic":"method"}],"_addEmptyValueByRequiredAttribute":[{"__symbolic":"method"}],"_setSearchParam":[{"__symbolic":"method"}],"_canselRequest":[{"__symbolic":"method"}],"_hasSelectedItem":[{"__symbolic":"method"}],"_isInitializedItems":[{"__symbolic":"method"}],"_writeValueByViewModel":[{"__symbolic":"method"}],"_writeValueByDataSource":[{"__symbolic":"method"}],"_setSelectionModel":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"_setRequired":[{"__symbolic":"method"}],"_disabledValidators":[{"__symbolic":"method"}],"_coerceBooleanProperty":[{"__symbolic":"method"}],"_setItemViewElementAsActive":[{"__symbolic":"method"}],"_setInputFilterInFocus":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"_handleClosedKeydown":[{"__symbolic":"method"}],"_handleOpenKeydown":[{"__symbolic":"method"}],"_onArrowKeydown":[{"__symbolic":"method"}],"_setNextItemActive":[{"__symbolic":"method"}],"_setPreviousItemActive":[{"__symbolic":"method"}],"_setFirstItemActive":[{"__symbolic":"method"}],"_setLastItemActive":[{"__symbolic":"method"}]}}}}]

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

338295

increased by0.15%

Worsened metrics

Lines of code

3839

decreased by-0.13%

No dependency changes