angular-2-dropdown-multiselect - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

package.json

 {
   "name": "angular-2-dropdown-multiselect",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Customizable dropdown multiselect in Angular 2 with bootstrap css.",
@@ -5,0 +5,0 @@ "main": "src/multiselect-dropdown.ts",

src/multiselect-dropdown.js

@@ -252,3 +252,3 @@ /*
         styles: ["\n\t   a { outline: none !important; }\n  "],
-        template: "\n\t<div class=\"dropdown\">\n\t    <button type=\"button\" class=\"dropdown-toggle\" [ngClass]=\"settings.buttonClasses\"\n\t    (click)=\"toggleDropdown()\">{{ title }}&nbsp;<span class=\"caret\"></span></button>\n    <ul *ngIf=\"isVisible\" class=\"dropdown-menu\" [class.pull-right]=\"settings.pullRight\" [class.dropdown-menu-right]=\"settings.pullRight\"\n  \t    [style.max-height]=\"settings.maxHeight\" style=\"display: block; height: auto; overflow-y: auto;\">\n  \t\t<li class=\"dropdown-item\" *ngIf=\"settings.enableSearch\">\n  \t\t    <div class=\"input-group input-group-sm\">\n  \t\t\t<span class=\"input-group-addon\" id=\"sizing-addon3\"><i class=\"fa fa-search\"></i></span>\n  \t\t\t<input type=\"text\" class=\"form-control\" placeholder=\"{{ texts.searchPlaceholder }}\"\n  \t\t\taria-describedby=\"sizing-addon3\" [(ngModel)]=\"searchFilterText\">\n  \t\t\t<span class=\"input-group-btn\" *ngIf=\"searchFilterText.length > 0\">\n  \t\t\t    <button class=\"btn btn-default btn-secondary\" type=\"button\" (click)=\"clearSearch($event)\"><i class=\"fa fa-times\"></i></button>\n  \t\t\t</span>\n  \t\t    </div>\n  \t\t</li>\n  \t\t<li class=\"dropdown-divider divider\" *ngIf=\"settings.enableSearch\"></li>\n  \t\t<li class=\"dropdown-item\" *ngIf=\"settings.showCheckAll\">\n  \t\t    <a href=\"javascript:;\" role=\"menuitem\" tabindex=\"-1\" (click)=\"checkAll()\">\n  \t\t\t<span style=\"width: 16px;\" class=\"glyphicon glyphicon-ok\"></span>\n  \t\t\t{{ texts.checkAll }}\n  \t\t    </a>\n  \t\t</li>\n  \t\t<li class=\"dropdown-item\" *ngIf=\"settings.showUncheckAll\">\n  \t\t    <a href=\"javascript:;\" role=\"menuitem\" tabindex=\"-1\" (click)=\"uncheckAll()\">\n  \t\t\t<span style=\"width: 16px;\" class=\"glyphicon glyphicon-remove\"></span>\n  \t\t\t{{ texts.uncheckAll }}\n  \t\t    </a>\n  \t\t</li>\n  \t\t<li *ngIf=\"settings.showCheckAll || settings.showUncheckAll\" class=\"dropdown-divider divider\"></li>\n  \t\t<li class=\"dropdown-item\" [style]=\"!option.isLabel && 'cursor: pointer'\" *ngFor=\"let option of options | searchFilter:searchFilterText\"\n        (click)=\"!option.isLabel && setSelected($event, option)\" [class.dropdown-header]=\"option.isLabel\">\n          <ng-template [ngIf]=\"option.isLabel\">\n            {{ option.name }}\n          </ng-template>\n  \t\t    <a *ngIf=\"!option.isLabel\" href=\"javascript:;\" role=\"menuitem\" tabindex=\"-1\">\n  \t\t\t    <input *ngIf=\"settings.checkedStyle === 'checkboxes'\" type=\"checkbox\" [checked]=\"isSelected(option)\" (click)=\"preventCheckboxCheck($event, option)\" />\n  \t\t\t    <span *ngIf=\"settings.checkedStyle === 'glyphicon'\" style=\"width: 16px;\"\n  \t\t\t      class=\"glyphicon\" [class.glyphicon-ok]=\"isSelected(option)\"></span>\n            <span *ngIf=\"settings.checkedStyle === 'fontawesome'\" style=\"width: 16px;display: inline-block;\">\n  \t\t\t      <i *ngIf=\"isSelected(option)\" class=\"fa fa-check\" aria-hidden=\"true\"></i>\n  \t\t\t    </span>\n  \t        {{ option.name }}\n  \t\t    </a>\n  \t  </li>\n    </ul>\n\t</div>\n"
+        template: "\n\t<div class=\"dropdown\">\n\t    <button type=\"button\" class=\"dropdown-toggle\" [ngClass]=\"settings.buttonClasses\"\n\t    (click)=\"toggleDropdown()\">{{ title }}&nbsp;<span class=\"caret\"></span></button>\n    <ul *ngIf=\"isVisible\" class=\"dropdown-menu\" [class.pull-right]=\"settings.pullRight\" [class.dropdown-menu-right]=\"settings.pullRight\"\n  \t    [style.max-height]=\"settings.maxHeight\" style=\"display: block; height: auto; overflow-y: auto;\">\n  \t\t<li class=\"dropdown-item\" *ngIf=\"settings.enableSearch\">\n  \t\t    <div class=\"input-group input-group-sm\">\n  \t\t\t<span class=\"input-group-addon\" id=\"sizing-addon3\"><i class=\"fa fa-search\"></i></span>\n  \t\t\t<input type=\"text\" class=\"form-control\" placeholder=\"{{ texts.searchPlaceholder }}\"\n  \t\t\taria-describedby=\"sizing-addon3\" [(ngModel)]=\"searchFilterText\">\n  \t\t\t<span class=\"input-group-btn\" *ngIf=\"searchFilterText.length > 0\">\n  \t\t\t    <button class=\"btn btn-default btn-secondary\" type=\"button\" (click)=\"clearSearch($event)\"><i class=\"fa fa-times\"></i></button>\n  \t\t\t</span>\n  \t\t    </div>\n  \t\t</li>\n  \t\t<li class=\"dropdown-divider divider\" *ngIf=\"settings.enableSearch\"></li>\n  \t\t<li class=\"dropdown-item\" *ngIf=\"settings.showCheckAll\">\n  \t\t    <a href=\"javascript:;\" role=\"menuitem\" tabindex=\"-1\" (click)=\"checkAll()\">\n  \t\t\t<span style=\"width: 16px;\" class=\"glyphicon glyphicon-ok\"></span>\n  \t\t\t{{ texts.checkAll }}\n  \t\t    </a>\n  \t\t</li>\n  \t\t<li class=\"dropdown-item\" *ngIf=\"settings.showUncheckAll\">\n  \t\t    <a href=\"javascript:;\" role=\"menuitem\" tabindex=\"-1\" (click)=\"uncheckAll()\">\n  \t\t\t<span style=\"width: 16px;\" class=\"glyphicon glyphicon-remove\"></span>\n  \t\t\t{{ texts.uncheckAll }}\n  \t\t    </a>\n  \t\t</li>\n  \t\t<li *ngIf=\"settings.showCheckAll || settings.showUncheckAll\" class=\"dropdown-divider divider\"></li>\n  \t\t<li class=\"dropdown-item\" [style]=\"!option.isLabel && 'cursor: pointer'\" *ngFor=\"let option of options | searchFilter:searchFilterText\"\n        (click)=\"!option.isLabel && setSelected($event, option)\" [class.dropdown-header]=\"option.isLabel\">\n          <template [ngIf]=\"option.isLabel\">\n            {{ option.name }}\n          </template>\n  \t\t    <a *ngIf=\"!option.isLabel\" href=\"javascript:;\" role=\"menuitem\" tabindex=\"-1\">\n  \t\t\t    <input *ngIf=\"settings.checkedStyle === 'checkboxes'\" type=\"checkbox\" [checked]=\"isSelected(option)\" (click)=\"preventCheckboxCheck($event, option)\" />\n  \t\t\t    <span *ngIf=\"settings.checkedStyle === 'glyphicon'\" style=\"width: 16px;\"\n  \t\t\t      class=\"glyphicon\" [class.glyphicon-ok]=\"isSelected(option)\"></span>\n            <span *ngIf=\"settings.checkedStyle === 'fontawesome'\" style=\"width: 16px;display: inline-block;\">\n  \t\t\t      <i *ngIf=\"isSelected(option)\" class=\"fa fa-check\" aria-hidden=\"true\"></i>\n  \t\t\t    </span>\n  \t        {{ option.name }}\n  \t\t    </a>\n  \t  </li>\n    </ul>\n\t</div>\n"
     }),
@@ -255,0 +255,0 @@ __metadata("design:paramtypes", [core_1.ElementRef,

src/multiselect-dropdown.ts

@@ -118,5 +118,5 @@ /*
         (click)="!option.isLabel && setSelected($event, option)" [class.dropdown-header]="option.isLabel">
-          <ng-template [ngIf]="option.isLabel">
+          <template [ngIf]="option.isLabel">
             {{ option.name }}
-          </ng-template>
+          </template>
   		    <a *ngIf="!option.isLabel" href="javascript:;" role="menuitem" tabindex="-1">
@@ -123,0 +123,0 @@ <input *ngIf="settings.checkedStyle === 'checkboxes'" type="checkbox" [checked]="isSelected(option)" (click)="preventCheckboxCheck($event, option)" />

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

Worsened metrics

Total package byte prevSize

39190

decreased by-0.03%

No dependency changes