nk-controls - npm Package Compare versions

Comparing version 1.1.5 to 1.1.6

package.json

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

ribbon/nkRibbon.component.js

@@ -10,3 +10,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 };
-import { Component, Input, ElementRef, ReflectiveInjector, Compiler, ViewContainerRef, ViewChild } from '@angular/core';
+import { Component, Input, ElementRef, ReflectiveInjector, Compiler, ViewEncapsulation, ViewContainerRef, ViewChild } from '@angular/core';
 import { Location } from '@angular/common';
@@ -861,7 +861,9 @@ import { DefaultUrlSerializer } from '@angular/router';
             selector: 'nk-ribbon',
+            encapsulation: ViewEncapsulation.None,
             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  "],
             host: {
                 '[class.nk-ribbon-pending]': '_busy',
                 '[class.nk-ribbon-hidden]': '!isReady',
-                'class': 'nk-ribbon',
+                'class': 'nk-ribbon-control',
             },
@@ -868,0 +870,0 @@ exportAs: 'nkRibbon'

select/nkSelect.component.js

@@ -13,3 +13,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 };
-import { Component, Optional, Input, Output, EventEmitter, ElementRef, Renderer2, Self, ChangeDetectorRef, Attribute, ContentChild, TemplateRef } from '@angular/core';
+import { Component, Optional, Input, Output, EventEmitter, ElementRef, Renderer2, Self, ChangeDetectorRef, Attribute, ContentChild, TemplateRef, ViewEncapsulation } from '@angular/core';
 import { DOWN_ARROW, END, ENTER, HOME, SPACE, UP_ARROW, ESCAPE } from '../core/keyCodes';
@@ -605,5 +605,6 @@ import { Http } from '@angular/http';
         Component({
-            moduleId: module.id,
             selector: 'nk-select',
-            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    ",
+            encapsulation: ViewEncapsulation.None,
+            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  "],
             host: {
@@ -615,3 +616,3 @@ '[attr.tabindex]': 'tabIndex',
                 '[class.nk-select-close-menu]': '!_isOpen',
-                'class': 'nk-select',
+                'class': 'nk-select-control',
                 '(click)': 'toggle($event)',
@@ -618,0 +619,0 @@ '(blur)': '_onBlur()',

select/nkSelectMenu.directive.js

@@ -42,3 +42,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
             this._backDropClick = function (event) {
-                var control = event.target.closest('.nk-select');
+                var control = event.target.closest('.nk-select-control');
                 if (_this.controlElement != control) {
@@ -45,0 +45,0 @@ _this.backdropClick.emit();

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

337734

increased by0.35%

Lines of code

4065

increased by0.1%

No dependency changes