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

Comparing version 1.0.3 to 1.0.4

package.json

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

src/multiselect-dropdown.js

@@ -14,3 +14,6 @@ /*
 };
-exports.__esModule = true;
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
@@ -65,3 +68,3 @@ var common_1 = require("@angular/common");
             dynamicTitleMaxItems: 3,
-            maxHeight: '300px'
+            maxHeight: '300px',
         };
@@ -75,3 +78,3 @@ this.defaultTexts = {
             defaultTitle: 'Select',
-            allSelected: 'All selected'
+            allSelected: 'All selected',
         };
@@ -129,4 +132,4 @@ this.onModelChange = function (_) { };
             required: {
-                valid: false
-            }
+                valid: false,
+            },
         };
@@ -237,28 +240,39 @@ };
 __decorate([
-    core_1.Input()
-], MultiselectDropdown.prototype, "options");
+    core_1.Input(),
+    __metadata("design:type", Array)
+], MultiselectDropdown.prototype, "options", void 0);
 __decorate([
-    core_1.Input()
-], MultiselectDropdown.prototype, "settings");
+    core_1.Input(),
+    __metadata("design:type", Object)
+], MultiselectDropdown.prototype, "settings", void 0);
 __decorate([
-    core_1.Input()
-], MultiselectDropdown.prototype, "texts");
+    core_1.Input(),
+    __metadata("design:type", Object)
+], MultiselectDropdown.prototype, "texts", void 0);
 __decorate([
-    core_1.Input()
-], MultiselectDropdown.prototype, "disabled");
+    core_1.Input(),
+    __metadata("design:type", Boolean)
+], MultiselectDropdown.prototype, "disabled", void 0);
 __decorate([
-    core_1.Output()
-], MultiselectDropdown.prototype, "selectionLimitReached");
+    core_1.Output(),
+    __metadata("design:type", Object)
+], MultiselectDropdown.prototype, "selectionLimitReached", void 0);
 __decorate([
-    core_1.Output()
-], MultiselectDropdown.prototype, "dropdownClosed");
+    core_1.Output(),
+    __metadata("design:type", Object)
+], MultiselectDropdown.prototype, "dropdownClosed", void 0);
 __decorate([
-    core_1.Output()
-], MultiselectDropdown.prototype, "onAdded");
+    core_1.Output(),
+    __metadata("design:type", Object)
+], MultiselectDropdown.prototype, "onAdded", void 0);
 __decorate([
-    core_1.Output()
-], MultiselectDropdown.prototype, "onRemoved");
+    core_1.Output(),
+    __metadata("design:type", Object)
+], MultiselectDropdown.prototype, "onRemoved", void 0);
 __decorate([
-    core_1.HostListener('document: click', ['$event.target'])
-], MultiselectDropdown.prototype, "onClick");
+    core_1.HostListener('document: click', ['$event.target']),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [HTMLElement]),
+    __metadata("design:returntype", void 0)
+], MultiselectDropdown.prototype, "onClick", null);
 MultiselectDropdown = __decorate([
@@ -269,4 +283,6 @@ core_1.Component({
         styles: ["\n    a {\n      outline: none !important;\n    }\n  "],
-        template: "\n    <div class=\"dropdown\">\n      <button type=\"button\" class=\"dropdown-toggle\" [ngClass]=\"settings.buttonClasses\"\n              (click)=\"toggleDropdown()\" [disabled]=\"disabled\">{{ 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          [style.max-height]=\"settings.maxHeight\" style=\"display: block; height: auto; overflow-y: auto;\">\n        <li class=\"dropdown-item\" *ngIf=\"settings.enableSearch\">\n          <div class=\"input-group input-group-sm\">\n            <span class=\"input-group-addon\" id=\"sizing-addon3\"><i class=\"fa fa-search\"></i></span>\n            <input type=\"text\" class=\"form-control\" placeholder=\"{{ texts.searchPlaceholder }}\"\n                   aria-describedby=\"sizing-addon3\" [(ngModel)]=\"searchFilterText\">\n            <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          </div>\n        </li>\n        <li class=\"dropdown-divider divider\" *ngIf=\"settings.enableSearch\"></li>\n        <li class=\"dropdown-item\" *ngIf=\"settings.showCheckAll\">\n          <a href=\"javascript:;\" role=\"menuitem\" tabindex=\"-1\" (click)=\"checkAll()\">\n            <span style=\"width: 16px;\"\n              [ngClass]=\"{'glyphicon glyphicon-ok': settings.checkedStyle !== 'fontawesome',\n              'fa fa-check': settings.checkedStyle === 'fontawesome'}\"></span>\n            {{ texts.checkAll }}\n          </a>\n        </li>\n        <li class=\"dropdown-item\" *ngIf=\"settings.showUncheckAll\">\n          <a href=\"javascript:;\" role=\"menuitem\" tabindex=\"-1\" (click)=\"uncheckAll()\">\n            <span style=\"width: 16px;\"\n              [ngClass]=\"{'glyphicon glyphicon-remove': settings.checkedStyle !== 'fontawesome',\n              'fa fa-times': settings.checkedStyle === 'fontawesome'}\"></span>\n            {{ texts.uncheckAll }}\n          </a>\n        </li>\n        <li *ngIf=\"settings.showCheckAll || settings.showUncheckAll\" class=\"dropdown-divider divider\"></li>\n        <li class=\"dropdown-item\" [ngStyle]=\"getItemStyle(option)\" *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          <a *ngIf=\"!option.isLabel\" href=\"javascript:;\" role=\"menuitem\" tabindex=\"-1\">\n            <input *ngIf=\"settings.checkedStyle === 'checkboxes'\" type=\"checkbox\"\n              [checked]=\"isSelected(option)\" (click)=\"preventCheckboxCheck($event, option)\"/>\n            <span *ngIf=\"settings.checkedStyle === 'glyphicon'\" style=\"width: 16px;\"\n                  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            <span [ngClass]=\"settings.itemClasses\">\n              {{ option.name }}\n            </span>\n          </a>\n        </li>\n      </ul>\n    </div>\n  "
-    })
+        template: "\n    <div class=\"dropdown\">\n      <button type=\"button\" class=\"dropdown-toggle\" [ngClass]=\"settings.buttonClasses\"\n              (click)=\"toggleDropdown()\" [disabled]=\"disabled\">{{ 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          [style.max-height]=\"settings.maxHeight\" style=\"display: block; height: auto; overflow-y: auto;\">\n        <li class=\"dropdown-item search\" *ngIf=\"settings.enableSearch\">\n          <div class=\"input-group input-group-sm\">\n            <span class=\"input-group-addon\" id=\"sizing-addon3\"><i class=\"fa fa-search\"></i></span>\n            <input type=\"text\" class=\"form-control\" placeholder=\"{{ texts.searchPlaceholder }}\"\n                   aria-describedby=\"sizing-addon3\" [(ngModel)]=\"searchFilterText\">\n            <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          </span>\n          </div>\n        </li>\n        <li class=\"dropdown-divider divider\" *ngIf=\"settings.enableSearch\"></li>\n        <li class=\"dropdown-item check-control check-control-check\" *ngIf=\"settings.showCheckAll\">\n          <a href=\"javascript:;\" role=\"menuitem\" tabindex=\"-1\" (click)=\"checkAll()\">\n            <span style=\"width: 16px;\"\n              [ngClass]=\"{'glyphicon glyphicon-ok': settings.checkedStyle !== 'fontawesome',\n              'fa fa-check': settings.checkedStyle === 'fontawesome'}\"></span>\n            {{ texts.checkAll }}\n          </a>\n        </li>\n        <li class=\"dropdown-item check-control check-control-uncheck\" *ngIf=\"settings.showUncheckAll\">\n          <a href=\"javascript:;\" role=\"menuitem\" tabindex=\"-1\" (click)=\"uncheckAll()\">\n            <span style=\"width: 16px;\"\n              [ngClass]=\"{'glyphicon glyphicon-remove': settings.checkedStyle !== 'fontawesome',\n              'fa fa-times': settings.checkedStyle === 'fontawesome'}\"></span>\n            {{ texts.uncheckAll }}\n          </a>\n        </li>\n        <li *ngIf=\"settings.showCheckAll || settings.showUncheckAll\" class=\"dropdown-divider divider\"></li>\n        <li class=\"dropdown-item\" [ngStyle]=\"getItemStyle(option)\" *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          <a *ngIf=\"!option.isLabel\" href=\"javascript:;\" role=\"menuitem\" tabindex=\"-1\">\n            <input *ngIf=\"settings.checkedStyle === 'checkboxes'\" type=\"checkbox\"\n              [checked]=\"isSelected(option)\" (click)=\"preventCheckboxCheck($event, option)\"/>\n            <span *ngIf=\"settings.checkedStyle === 'glyphicon'\" style=\"width: 16px;\"\n                  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            <span [ngClass]=\"settings.itemClasses\">\n              {{ option.name }}\n            </span>\n          </a>\n        </li>\n      </ul>\n    </div>\n  "
+    }),
+    __metadata("design:paramtypes", [core_1.ElementRef,
+        core_1.IterableDiffers])
 ], MultiselectDropdown);
@@ -283,5 +299,6 @@ exports.MultiselectDropdown = MultiselectDropdown;
         exports: [MultiselectDropdown, MultiSelectSearchFilter],
-        declarations: [MultiselectDropdown, MultiSelectSearchFilter]
+        declarations: [MultiselectDropdown, MultiSelectSearchFilter],
     })
 ], MultiselectDropdownModule);
 exports.MultiselectDropdownModule = MultiselectDropdownModule;
+//# sourceMappingURL=multiselect-dropdown.js.map

src/multiselect-dropdown.ts

@@ -96,3 +96,3 @@ /*
           [style.max-height]="settings.maxHeight" style="display: block; height: auto; overflow-y: auto;">
-        <li class="dropdown-item" *ngIf="settings.enableSearch">
+        <li class="dropdown-item search" *ngIf="settings.enableSearch">
           <div class="input-group input-group-sm">
@@ -104,7 +104,7 @@ <span class="input-group-addon" id="sizing-addon3"><i class="fa fa-search"></i></span>
   			    <button class="btn btn-default btn-secondary" type="button" (click)="clearSearch($event)"><i class="fa fa-times"></i></button>
-  			</span>
+	          </span>
           </div>
         </li>
         <li class="dropdown-divider divider" *ngIf="settings.enableSearch"></li>
-        <li class="dropdown-item" *ngIf="settings.showCheckAll">
+        <li class="dropdown-item check-control check-control-check" *ngIf="settings.showCheckAll">
           <a href="javascript:;" role="menuitem" tabindex="-1" (click)="checkAll()">
@@ -117,3 +117,3 @@ <span style="width: 16px;"
         </li>
-        <li class="dropdown-item" *ngIf="settings.showUncheckAll">
+        <li class="dropdown-item check-control check-control-uncheck" *ngIf="settings.showUncheckAll">
           <a href="javascript:;" role="menuitem" tabindex="-1" (click)="uncheckAll()">
@@ -120,0 +120,0 @@ <span style="width: 16px;"

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

43002

increased by3.38%

Number of package files

13

increased by18.18%

Lines of code

676

increased by3.36%

No dependency changes