nk-controls - npm Package Compare versions

Comparing version 1.1.6 to 1.1.7

package.json

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

ribbon/nkRibbon.component.js

		@@ -862,3 +862,3 @@ var __decorate = (this && this.__decorate) \|\| function (decorators, target, key, desc) {
		template: '<div #ribbonContainer class="nk-ribbon-container-wrapper"> </div>',
		styles: ["\n .nk-ribbon-control{\n display: block;\n opacity: 1;\n -o-transition: opacity 0.5s ease-in;\n -webkit-transition: opacity 0.5s ease-in;\n -moz-transition: opacity 0.5s ease-in;\n transition: opacity 0.5s ease-in;\n }\n .nk-ribbon-container-wrapper {\n display: block;\n }\n .nk-repeater-container {\n display: block;\n }\n\n .nk-ribbon-hidden {\n opacity: 0;\n }\n "],
		styles: ["\n .nk-ribbon-control{display:block;opacity:1;-o-transition:opacity .5s ease-in;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.nk-repeater-container,.nk-ribbon-container-wrapper{display:block}.nk-ribbon-hidden{opacity:0}\n "],
		host: {
		@@ -865,0 +865,0 @@ '[class.nk-ribbon-pending]': '_busy',

select/nkSelect.component.js

		@@ -607,3 +607,3 @@ var __decorate = (this && this.__decorate) \|\| function (decorators, target, key, desc) {
		template: "\n <div class=\"nk-select-view-wrapper \" [style.width]=\"_width\">\n <div class=\"nk-select-view-selected\" ngIf=\"_hasSelectedItem()\">\n <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ item: selectedItem }\">\n </ng-template>\n </div>\n <input class=\"nk-select-filter-input\" type=\"text\" ngIf=\"_isFilter && isOpen\" [value]=\"filterValue\" (input)=\"filterValue=$event.target.value\"/>\n <span class=\"nk-select-view-default\" ngIf=\"!_hasSelectedItem()\">{{options.displayTextDefault}}</span>\n <span class=\"nk-select-arrow\"></span>\n </div>\n <span class=\"nk-select-loading\" ngIf=\"_isPending\">{{options.displayTextForLoading}}</span>\n <ng-template nk-select-menu\n (backdropClick)=\"close()\" \n [open]=\"isOpen\"\n [menuAnimateDone]=\"_menuDoneAnimating\"\n [appendTo]=\"options.appendTo\"\n [themeClass]=\"options.themeClassMenu\"\n [controlElement]=\"_origin\"\n >\n <div class=\"nk-menu-panel\"\n [style.transformOrigin]=\"_transformOrigin\"\n [@transformMenu]=\"'showing'\"\n (@transformMenu.done)=\"_onMenuDone()\" \n >\n <div [@fadeInContent]=\"'showing'\"\n (@fadeInContent.done)=\"_onFadeInDone()\">\n <div nk-select-menu-item \n class=\"nk-menu-item\" \n *ngFor=\"let item of _items \| nkSelectFilter : filterBy : filterValue\" \n (click)=\"selectItem(item);\"\n [item]=\"item\">\n <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{item: item}\">\n </ng-template>\n <div class=\"mat-ripple-element mat-ripple\"> </div>\n </div>\n\n </div>\n </div>\n </ng-template>\n ",
		styles: ["\n\n "],
		styles: ["\n .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;box-shadow:none;border-color:transparent;margin:5px;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 grey;border-radius:4px;position:relative;cursor:pointer}.nk-select-view-default,.nk-select-view-selected{padding:2px 25px 2px 8px;width:100%;display:block}.nk-select-arrow,.nk-select-view-selected{display:inline-block}.nk-menu-container{position:absolute;pointer-events:auto;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:100%;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;transform-origin:6px 3px;position:absolute;top:0;bottom:0;right:4px}.nk-select-pending .nk-select-arrow{animation-duration:1s;animation-name:rotate;animation-iteration-count:infinite;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{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:none;top:1px;width:100%;padding-right:25px}.nk-select-filter-input:focus{outline:0}@keyframes rotate{from{-ms-transform:rotate(0);transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}to{-ms-transform:rotate(360deg);transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}\n "],
		host: {
		@@ -610,0 +610,0 @@ '[attr.tabindex]': 'tabIndex',

ribbon/nkRibbon.component.js.map

Sorry, the diff of this file is not supported yet

select/nkSelect.component.js.map

Sorry, the diff of this file is not supported yet

nk-controls - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics