lct-components - npm Package Compare versions

Comparing version 0.1.2 to 0.1.3

bundles/lct-components.umd.js

@@ -68,2 +68,3 @@ (function (global, factory) {
             this.showIcon = true;
+            this.placeholder = 'Insert placeholder';
             this.shareCheckedList = new i0.EventEmitter();
@@ -120,3 +121,3 @@ this.shareIndividualCheckedList = new i0.EventEmitter();
     SelectMultipleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: SelectMultipleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SelectMultipleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SelectMultipleComponent, selector: "lct-select-multiple", inputs: { list: "list", title: "title", disabled: "disabled", showIcon: "showIcon" }, outputs: { shareCheckedList: "shareCheckedList", shareIndividualCheckedList: "shareIndividualCheckedList" }, ngImport: i0__namespace, template: "<div>\n  <div class=\"title\">{{title}}</div>\n  <div class=\"containerSelectMultiple\" (mouseleave)=\"showDropDown = false\">\n    <button class=\"drop-toggle\" [disabled]=\"disabled\" (click)=\"showDropDown=!showDropDown\">\n      <span *ngIf=\"checkedList.length<=0\">Seleccione una opci\u00F3n</span>\n      <span *ngIf=\"checkedList.length>0\">\n        <div class=\"selected\">\n          <span>{{checkedList[0].name}}</span>\n          <div class=\"icon\" (click)=\"uncheck(checkedList[0].name, checkedList[0].value)\">\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 4 24 24\"\n              fill=\"none\"\n              style=\"color: #2649B6\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </div>\n        </div>\n        <span class=\"moreSelected\" *ngIf=\"checkedList.length > 1 \">(+ {{checkedList.length - 1}} m\u00E1s)</span>\n        <!--{{checkedList.join(', ')}}-->\n      </span>\n      <img *ngIf=\"showIcon\"\n           class=\"select-box__icon\"\n           [ngStyle]=\"{'transform': showDropDown ? 'translateY(-50%) rotate(180deg)' : 'translateY(-50%) rotate(0deg)' }\"\n           src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3NzUuNEwxMCwyODcuMmw2NC40LTYyLjZMNTAwLDY1MC4ybDQyNS42LTQyNS42bDY0LjQsNjIuNkw1MDAsNzc1LjR6Ii8+PC9nPg0KPC9zdmc+\" alt=\"Arrow Icon\"\n           aria-hidden=\"true\"/>\n    </button>\n    <div class=\"drop-show\" *ngIf=\"showDropDown\">\n      <label class=\"main\" *ngFor=\"let a of list\"><span class=\"text\">{{a.name}}</span>\n        <input type=\"checkbox\" [(ngModel)]=\"a.checked\"\n               (change)=\"getSelectedValue(a.checked,a.name, a?.value)\">\n        <span class=\"mark\"></span>\n      </label>\n\n    </div>\n  </div>\n</div>\n", styles: ["*{font-family:\"Barlow\",\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif}.title{color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px;margin-left:2px;margin-bottom:5px}.containerSelectMultiple{width:100%;position:relative}.drop-toggle{background-color:#e0e5ee;cursor:pointer;box-sizing:border-box;height:41px;width:100%;border:1px solid #C2C2C2;border-radius:5px;text-align:left;font-size:14px;color:#3c4149;overflow:hidden}.select-box__icon{position:absolute;right:15px;width:20px;top:50%;transform:translateY(-50%) rotate(0);opacity:.3;transition:.2s ease}button:disabled{background-color:#c8ccd4;cursor:not-allowed}.drop-toggle i{float:right}.drop-show{box-sizing:border-box;width:100%;border:1px solid #E0E5EE;border-radius:5px;background-color:#fff;position:absolute;z-index:2;box-shadow:0 6px 10px #00000026;margin-left:1px}.selected{display:inline-block;position:relative;margin-right:5px;box-sizing:border-box;height:26px;border:1px solid #C2C2C2;border-radius:3px;background-color:#f5f7fa;font-size:13px;letter-spacing:0;line-height:16px;padding:5px}.selected span{vertical-align:top}.selected .icon{display:inline;margin-left:2px}.moreSelected{position:absolute;margin-top:8px;color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px}.main{display:block;position:relative;margin-left:17px;margin-right:5px;margin-bottom:5px;cursor:pointer;color:#3c4149;font-size:13px;letter-spacing:0;line-height:27px}.text{margin-left:27px}input[type=checkbox]{visibility:hidden}.mark{position:absolute;top:5px;left:0;box-sizing:border-box;height:17px;width:17px;border:1px solid #D6D6D6;border-radius:2px;background-color:#f4f4f4}.main:hover input~.mark{background-color:#c2c2c2}.main input:active~.mark{background-color:#546c84}.main input:checked~.mark{background-color:#2649b6}.mark:after{content:\"\";position:absolute;display:none}.main input:checked~.mark:after{display:block}.main .mark:after{left:5px;bottom:5px;width:3px;height:6px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}\n"], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    SelectMultipleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SelectMultipleComponent, selector: "lct-select-multiple", inputs: { list: "list", title: "title", disabled: "disabled", showIcon: "showIcon", placeholder: "placeholder" }, outputs: { shareCheckedList: "shareCheckedList", shareIndividualCheckedList: "shareIndividualCheckedList" }, ngImport: i0__namespace, template: "<div>\n  <div class=\"title\">{{title}}</div>\n  <div class=\"containerSelectMultiple\" (mouseleave)=\"showDropDown = false\">\n    <button class=\"drop-toggle\" [disabled]=\"disabled\" (click)=\"showDropDown=!showDropDown\">\n      <span *ngIf=\"checkedList.length<=0\">{{placeholder}}</span>\n      <span *ngIf=\"checkedList.length>0\">\n        <div class=\"selected\">\n          <span>{{checkedList[0].name}}</span>\n          <div class=\"icon\" (click)=\"uncheck(checkedList[0].name, checkedList[0].value)\">\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 4 24 24\"\n              fill=\"none\"\n              style=\"color: #2649B6\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </div>\n        </div>\n        <span class=\"moreSelected\" *ngIf=\"checkedList.length > 1 \">(+ {{checkedList.length - 1}} m\u00E1s)</span>\n        <!--{{checkedList.join(', ')}}-->\n      </span>\n      <img *ngIf=\"showIcon\"\n           class=\"select-box__icon\"\n           [ngStyle]=\"{'transform': showDropDown ? 'translateY(-50%) rotate(180deg)' : 'translateY(-50%) rotate(0deg)' }\"\n           src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3NzUuNEwxMCwyODcuMmw2NC40LTYyLjZMNTAwLDY1MC4ybDQyNS42LTQyNS42bDY0LjQsNjIuNkw1MDAsNzc1LjR6Ii8+PC9nPg0KPC9zdmc+\" alt=\"Arrow Icon\"\n           aria-hidden=\"true\"/>\n    </button>\n    <div class=\"drop-show\" *ngIf=\"showDropDown\">\n      <label class=\"main\" *ngFor=\"let a of list\"><span class=\"text\">{{a.name}}</span>\n        <input type=\"checkbox\" [(ngModel)]=\"a.checked\"\n               (change)=\"getSelectedValue(a.checked,a.name, a?.value)\">\n        <span class=\"mark\"></span>\n      </label>\n\n    </div>\n  </div>\n</div>\n", styles: ["*{font-family:\"Barlow\",\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif}.title{color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px;margin-left:2px;margin-bottom:5px}.containerSelectMultiple{width:100%;position:relative}.drop-toggle{background-color:#e0e5ee;cursor:pointer;box-sizing:border-box;height:41px;width:100%;border:1px solid #C2C2C2;border-radius:5px;text-align:left;font-size:14px;color:#3c4149;overflow:hidden}.select-box__icon{position:absolute;right:15px;width:20px;top:50%;transform:translateY(-50%) rotate(0);opacity:.3;transition:.2s ease}button:disabled{background-color:#c8ccd4;cursor:not-allowed}.drop-toggle i{float:right}.drop-show{box-sizing:border-box;width:100%;border:1px solid #E0E5EE;border-radius:5px;background-color:#fff;position:absolute;z-index:2;box-shadow:0 6px 10px #00000026;margin-left:1px}.selected{display:inline-block;position:relative;margin-right:5px;box-sizing:border-box;height:26px;border:1px solid #C2C2C2;border-radius:3px;background-color:#f5f7fa;font-size:13px;letter-spacing:0;line-height:16px;padding:5px}.selected span{vertical-align:top}.selected .icon{display:inline;margin-left:2px}.moreSelected{position:absolute;margin-top:8px;color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px}.main{display:block;position:relative;margin-left:17px;margin-right:5px;margin-bottom:5px;cursor:pointer;color:#3c4149;font-size:13px;letter-spacing:0;line-height:27px}.text{margin-left:27px}input[type=checkbox]{visibility:hidden}.mark{position:absolute;top:5px;left:0;box-sizing:border-box;height:17px;width:17px;border:1px solid #D6D6D6;border-radius:2px;background-color:#f4f4f4}.main:hover input~.mark{background-color:#c2c2c2}.main input:active~.mark{background-color:#546c84}.main input:checked~.mark{background-color:#2649b6}.mark:after{content:\"\";position:absolute;display:none}.main input:checked~.mark:after{display:block}.main .mark:after{left:5px;bottom:5px;width:3px;height:6px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}\n"], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: SelectMultipleComponent, decorators: [{
@@ -137,2 +138,4 @@ type: i0.Component,
                     type: i0.Input
+                }], placeholder: [{
+                    type: i0.Input
                 }], shareCheckedList: [{
@@ -139,0 +142,0 @@ type: i0.Output

esm2015/lib/select-multiple/select-multiple.component.js

@@ -10,2 +10,3 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
         this.showIcon = true;
+        this.placeholder = 'Insert placeholder';
         this.shareCheckedList = new EventEmitter();
@@ -61,3 +62,3 @@ this.shareIndividualCheckedList = new EventEmitter();
 SelectMultipleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: SelectMultipleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SelectMultipleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SelectMultipleComponent, selector: "lct-select-multiple", inputs: { list: "list", title: "title", disabled: "disabled", showIcon: "showIcon" }, outputs: { shareCheckedList: "shareCheckedList", shareIndividualCheckedList: "shareIndividualCheckedList" }, ngImport: i0, template: "<div>\n  <div class=\"title\">{{title}}</div>\n  <div class=\"containerSelectMultiple\" (mouseleave)=\"showDropDown = false\">\n    <button class=\"drop-toggle\" [disabled]=\"disabled\" (click)=\"showDropDown=!showDropDown\">\n      <span *ngIf=\"checkedList.length<=0\">Seleccione una opci\u00F3n</span>\n      <span *ngIf=\"checkedList.length>0\">\n        <div class=\"selected\">\n          <span>{{checkedList[0].name}}</span>\n          <div class=\"icon\" (click)=\"uncheck(checkedList[0].name, checkedList[0].value)\">\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 4 24 24\"\n              fill=\"none\"\n              style=\"color: #2649B6\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </div>\n        </div>\n        <span class=\"moreSelected\" *ngIf=\"checkedList.length > 1 \">(+ {{checkedList.length - 1}} m\u00E1s)</span>\n        <!--{{checkedList.join(', ')}}-->\n      </span>\n      <img *ngIf=\"showIcon\"\n           class=\"select-box__icon\"\n           [ngStyle]=\"{'transform': showDropDown ? 'translateY(-50%) rotate(180deg)' : 'translateY(-50%) rotate(0deg)' }\"\n           src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3NzUuNEwxMCwyODcuMmw2NC40LTYyLjZMNTAwLDY1MC4ybDQyNS42LTQyNS42bDY0LjQsNjIuNkw1MDAsNzc1LjR6Ii8+PC9nPg0KPC9zdmc+\" alt=\"Arrow Icon\"\n           aria-hidden=\"true\"/>\n    </button>\n    <div class=\"drop-show\" *ngIf=\"showDropDown\">\n      <label class=\"main\" *ngFor=\"let a of list\"><span class=\"text\">{{a.name}}</span>\n        <input type=\"checkbox\" [(ngModel)]=\"a.checked\"\n               (change)=\"getSelectedValue(a.checked,a.name, a?.value)\">\n        <span class=\"mark\"></span>\n      </label>\n\n    </div>\n  </div>\n</div>\n", styles: ["*{font-family:\"Barlow\",\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif}.title{color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px;margin-left:2px;margin-bottom:5px}.containerSelectMultiple{width:100%;position:relative}.drop-toggle{background-color:#e0e5ee;cursor:pointer;box-sizing:border-box;height:41px;width:100%;border:1px solid #C2C2C2;border-radius:5px;text-align:left;font-size:14px;color:#3c4149;overflow:hidden}.select-box__icon{position:absolute;right:15px;width:20px;top:50%;transform:translateY(-50%) rotate(0);opacity:.3;transition:.2s ease}button:disabled{background-color:#c8ccd4;cursor:not-allowed}.drop-toggle i{float:right}.drop-show{box-sizing:border-box;width:100%;border:1px solid #E0E5EE;border-radius:5px;background-color:#fff;position:absolute;z-index:2;box-shadow:0 6px 10px #00000026;margin-left:1px}.selected{display:inline-block;position:relative;margin-right:5px;box-sizing:border-box;height:26px;border:1px solid #C2C2C2;border-radius:3px;background-color:#f5f7fa;font-size:13px;letter-spacing:0;line-height:16px;padding:5px}.selected span{vertical-align:top}.selected .icon{display:inline;margin-left:2px}.moreSelected{position:absolute;margin-top:8px;color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px}.main{display:block;position:relative;margin-left:17px;margin-right:5px;margin-bottom:5px;cursor:pointer;color:#3c4149;font-size:13px;letter-spacing:0;line-height:27px}.text{margin-left:27px}input[type=checkbox]{visibility:hidden}.mark{position:absolute;top:5px;left:0;box-sizing:border-box;height:17px;width:17px;border:1px solid #D6D6D6;border-radius:2px;background-color:#f4f4f4}.main:hover input~.mark{background-color:#c2c2c2}.main input:active~.mark{background-color:#546c84}.main input:checked~.mark{background-color:#2649b6}.mark:after{content:\"\";position:absolute;display:none}.main input:checked~.mark:after{display:block}.main .mark:after{left:5px;bottom:5px;width:3px;height:6px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+SelectMultipleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SelectMultipleComponent, selector: "lct-select-multiple", inputs: { list: "list", title: "title", disabled: "disabled", showIcon: "showIcon", placeholder: "placeholder" }, outputs: { shareCheckedList: "shareCheckedList", shareIndividualCheckedList: "shareIndividualCheckedList" }, ngImport: i0, template: "<div>\n  <div class=\"title\">{{title}}</div>\n  <div class=\"containerSelectMultiple\" (mouseleave)=\"showDropDown = false\">\n    <button class=\"drop-toggle\" [disabled]=\"disabled\" (click)=\"showDropDown=!showDropDown\">\n      <span *ngIf=\"checkedList.length<=0\">{{placeholder}}</span>\n      <span *ngIf=\"checkedList.length>0\">\n        <div class=\"selected\">\n          <span>{{checkedList[0].name}}</span>\n          <div class=\"icon\" (click)=\"uncheck(checkedList[0].name, checkedList[0].value)\">\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 4 24 24\"\n              fill=\"none\"\n              style=\"color: #2649B6\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </div>\n        </div>\n        <span class=\"moreSelected\" *ngIf=\"checkedList.length > 1 \">(+ {{checkedList.length - 1}} m\u00E1s)</span>\n        <!--{{checkedList.join(', ')}}-->\n      </span>\n      <img *ngIf=\"showIcon\"\n           class=\"select-box__icon\"\n           [ngStyle]=\"{'transform': showDropDown ? 'translateY(-50%) rotate(180deg)' : 'translateY(-50%) rotate(0deg)' }\"\n           src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3NzUuNEwxMCwyODcuMmw2NC40LTYyLjZMNTAwLDY1MC4ybDQyNS42LTQyNS42bDY0LjQsNjIuNkw1MDAsNzc1LjR6Ii8+PC9nPg0KPC9zdmc+\" alt=\"Arrow Icon\"\n           aria-hidden=\"true\"/>\n    </button>\n    <div class=\"drop-show\" *ngIf=\"showDropDown\">\n      <label class=\"main\" *ngFor=\"let a of list\"><span class=\"text\">{{a.name}}</span>\n        <input type=\"checkbox\" [(ngModel)]=\"a.checked\"\n               (change)=\"getSelectedValue(a.checked,a.name, a?.value)\">\n        <span class=\"mark\"></span>\n      </label>\n\n    </div>\n  </div>\n</div>\n", styles: ["*{font-family:\"Barlow\",\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif}.title{color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px;margin-left:2px;margin-bottom:5px}.containerSelectMultiple{width:100%;position:relative}.drop-toggle{background-color:#e0e5ee;cursor:pointer;box-sizing:border-box;height:41px;width:100%;border:1px solid #C2C2C2;border-radius:5px;text-align:left;font-size:14px;color:#3c4149;overflow:hidden}.select-box__icon{position:absolute;right:15px;width:20px;top:50%;transform:translateY(-50%) rotate(0);opacity:.3;transition:.2s ease}button:disabled{background-color:#c8ccd4;cursor:not-allowed}.drop-toggle i{float:right}.drop-show{box-sizing:border-box;width:100%;border:1px solid #E0E5EE;border-radius:5px;background-color:#fff;position:absolute;z-index:2;box-shadow:0 6px 10px #00000026;margin-left:1px}.selected{display:inline-block;position:relative;margin-right:5px;box-sizing:border-box;height:26px;border:1px solid #C2C2C2;border-radius:3px;background-color:#f5f7fa;font-size:13px;letter-spacing:0;line-height:16px;padding:5px}.selected span{vertical-align:top}.selected .icon{display:inline;margin-left:2px}.moreSelected{position:absolute;margin-top:8px;color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px}.main{display:block;position:relative;margin-left:17px;margin-right:5px;margin-bottom:5px;cursor:pointer;color:#3c4149;font-size:13px;letter-spacing:0;line-height:27px}.text{margin-left:27px}input[type=checkbox]{visibility:hidden}.mark{position:absolute;top:5px;left:0;box-sizing:border-box;height:17px;width:17px;border:1px solid #D6D6D6;border-radius:2px;background-color:#f4f4f4}.main:hover input~.mark{background-color:#c2c2c2}.main input:active~.mark{background-color:#546c84}.main input:checked~.mark{background-color:#2649b6}.mark:after{content:\"\";position:absolute;display:none}.main input:checked~.mark:after{display:block}.main .mark:after{left:5px;bottom:5px;width:3px;height:6px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: SelectMultipleComponent, decorators: [{
@@ -78,2 +79,4 @@ type: Component,
                 type: Input
+            }], placeholder: [{
+                type: Input
             }], shareCheckedList: [{
@@ -84,2 +87,2 @@ type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW11bHRpcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xjdC1jb21wb25lbnRzL3NyYy9saWIvc2VsZWN0LW11bHRpcGxlL3NlbGVjdC1tdWx0aXBsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sY3QtY29tcG9uZW50cy9zcmMvbGliL3NlbGVjdC1tdWx0aXBsZS9zZWxlY3QtbXVsdGlwbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztBQWE3RSxNQUFNLE9BQU8sdUJBQXVCO0lBZ0JsQztRQWJTLFVBQUssR0FBRyxjQUFjLENBQUE7UUFDdEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBRWYscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN0QywrQkFBMEIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBTTFELGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBR25CLElBQUksQ0FBQyxXQUFXLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxRQUFRO0lBQ1IsQ0FBQztJQUVELGdCQUFnQixDQUFDLE1BQWUsRUFBQyxJQUFZLEVBQUUsS0FBd0I7O1FBQ3JFLElBQUcsTUFBTSxFQUFFO1lBQ1QsSUFBSSxLQUFLLEVBQUU7Z0JBQ1QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBQyxPQUFPLEVBQUcsTUFBTSxFQUFDLElBQUksRUFBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUM7YUFDbkU7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBQyxPQUFPLEVBQUcsTUFBTSxFQUFDLElBQUksRUFBQyxJQUFJLEVBQUMsQ0FBQyxDQUFDO2FBQ3JEO1NBQ0Y7YUFBSTtZQUNILE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1lBQ3RCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsQ0FBQztZQUMzRSxNQUFNLFNBQVMsR0FBRyxNQUFBLElBQUksQ0FBQyxJQUFJLDBDQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUM7WUFDbkUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2pDLElBQUksU0FBVSxJQUFJLENBQUMsRUFBRztnQkFDcEIsSUFBSSxDQUFDLElBQUssQ0FBQyxTQUFVLENBQUMsQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO2FBQ3hDO1NBQ0Y7UUFFRCxJQUFJLEtBQUssRUFBRTtZQUNULElBQUksQ0FBQyxlQUFlLEdBQUcsRUFBQyxPQUFPLEVBQUcsTUFBTSxFQUFDLElBQUksRUFBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBQyxDQUFDO1NBQ25FO2FBQU07WUFDTCxPQUFPLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUE7WUFDN0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxFQUFDLE9BQU8sRUFBRyxNQUFNLEVBQUMsSUFBSSxFQUFDLElBQUksRUFBQyxDQUFDO1NBQ3JEO1FBRUQsb0JBQW9CO1FBQ3BCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUVwQixnQ0FBZ0M7UUFDaEMsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUNELFlBQVk7UUFDVixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBQ0QscUJBQXFCO1FBQ25CLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQzdELENBQUM7SUFFRCxPQUFPLENBQUMsSUFBWSxFQUFFLEtBQXVCO1FBQzNDLE9BQU8sQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQzVDLENBQUM7O29IQS9EVSx1QkFBdUI7d0dBQXZCLHVCQUF1Qiw4UENicEMseS9GQTJDQTsyRkQ5QmEsdUJBQXVCO2tCQUxuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLFdBQVcsRUFBRSxrQ0FBa0M7b0JBQy9DLFNBQVMsRUFBRSxDQUFDLGlDQUFpQyxDQUFDO2lCQUMvQzswRUFHVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csMEJBQTBCO3NCQUFuQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBJTGlzdExDVFNlbGVjdE11bHRpcGxlIHtcbiAgbmFtZTogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xuICB2YWx1ZT86IHN0cmluZyB8IG51bWJlcjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGN0LXNlbGVjdC1tdWx0aXBsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QtbXVsdGlwbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3QtbXVsdGlwbGUuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdE11bHRpcGxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBsaXN0OiBJTGlzdExDVFNlbGVjdE11bHRpcGxlW10gfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIHRpdGxlID0gJ0luc2VydCB0aXRsZSdcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgc2hvd0ljb24gPSB0cnVlO1xuXG4gIEBPdXRwdXQoKSBzaGFyZUNoZWNrZWRMaXN0ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgc2hhcmVJbmRpdmlkdWFsQ2hlY2tlZExpc3QgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cblxuXG4gIGNoZWNrZWRMaXN0IDogSUxpc3RMQ1RTZWxlY3RNdWx0aXBsZVtdO1xuICBjdXJyZW50U2VsZWN0ZWQgOiBJTGlzdExDVFNlbGVjdE11bHRpcGxlIHwgdW5kZWZpbmVkO1xuICBzaG93RHJvcERvd24gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLmNoZWNrZWRMaXN0ID0gW107XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG4gIGdldFNlbGVjdGVkVmFsdWUoc3RhdHVzOiBib29sZWFuLG5hbWU6IHN0cmluZywgdmFsdWU/IDogc3RyaW5nIHwgbnVtYmVyKXtcbiAgICBpZihzdGF0dXMpIHtcbiAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICB0aGlzLmNoZWNrZWRMaXN0LnB1c2goe2NoZWNrZWQgOiBzdGF0dXMsbmFtZTpuYW1lLCB2YWx1ZTogdmFsdWV9KTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuY2hlY2tlZExpc3QucHVzaCh7Y2hlY2tlZCA6IHN0YXR1cyxuYW1lOm5hbWV9KTtcbiAgICAgIH1cbiAgICB9ZWxzZXtcbiAgICAgIGNvbnNvbGUubG9nKHRoaXMubGlzdClcbiAgICAgIGNvbnN0IGluZGV4ID0gdGhpcy5jaGVja2VkTGlzdC5maW5kSW5kZXgoY2hlY2tlZCA9PiBjaGVja2VkLm5hbWUgPT09IG5hbWUpO1xuICAgICAgY29uc3QgaW5kZXhMaXN0ID0gdGhpcy5saXN0Py5maW5kSW5kZXgobGlzdCA9PiBsaXN0Lm5hbWUgPT09IG5hbWUpO1xuICAgICAgdGhpcy5jaGVja2VkTGlzdC5zcGxpY2UoaW5kZXgsMSk7XG4gICAgICBpZiAoaW5kZXhMaXN0ISA+PSAwICkge1xuICAgICAgICB0aGlzLmxpc3QhW2luZGV4TGlzdCFdLmNoZWNrZWQgPSBmYWxzZTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIHRoaXMuY3VycmVudFNlbGVjdGVkID0ge2NoZWNrZWQgOiBzdGF0dXMsbmFtZTpuYW1lLCB2YWx1ZTogdmFsdWV9O1xuICAgIH0gZWxzZSB7XG4gICAgICBjb25zb2xlLmxvZygnbm8gdGllbmUgdmFsdWUnKVxuICAgICAgdGhpcy5jdXJyZW50U2VsZWN0ZWQgPSB7Y2hlY2tlZCA6IHN0YXR1cyxuYW1lOm5hbWV9O1xuICAgIH1cblxuICAgIC8vc2hhcmUgY2hlY2tlZCBsaXN0XG4gICAgdGhpcy5zaGFyZUNoZWNrZWQoKTtcblxuICAgIC8vc2hhcmUgaW5kaXZpZHVhbCBzZWxlY3RlZCBpdGVtXG4gICAgdGhpcy5zaGFyZUluZGl2aWR1YWxTdGF0dXMoKTtcbiAgfVxuICBzaGFyZUNoZWNrZWQoKXtcbiAgICB0aGlzLnNoYXJlQ2hlY2tlZExpc3QuZW1pdCh0aGlzLmNoZWNrZWRMaXN0KTtcbiAgfVxuICBzaGFyZUluZGl2aWR1YWxTdGF0dXMoKXtcbiAgICB0aGlzLnNoYXJlSW5kaXZpZHVhbENoZWNrZWRMaXN0LmVtaXQodGhpcy5jdXJyZW50U2VsZWN0ZWQpO1xuICB9XG5cbiAgdW5jaGVjayhuYW1lOiBzdHJpbmcsIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyKSB7XG4gICAgY29uc29sZS5sb2coJ2Rlc21hcmNhciAnLCBuYW1lKTtcbiAgICB0aGlzLmdldFNlbGVjdGVkVmFsdWUoZmFsc2UsIG5hbWUsIHZhbHVlKTtcbiAgfVxuXG59XG4iLCI8ZGl2PlxuICA8ZGl2IGNsYXNzPVwidGl0bGVcIj57e3RpdGxlfX08L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclNlbGVjdE11bHRpcGxlXCIgKG1vdXNlbGVhdmUpPVwic2hvd0Ryb3BEb3duID0gZmFsc2VcIj5cbiAgICA8YnV0dG9uIGNsYXNzPVwiZHJvcC10b2dnbGVcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAoY2xpY2spPVwic2hvd0Ryb3BEb3duPSFzaG93RHJvcERvd25cIj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiY2hlY2tlZExpc3QubGVuZ3RoPD0wXCI+U2VsZWNjaW9uZSB1bmEgb3BjacOzbjwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiY2hlY2tlZExpc3QubGVuZ3RoPjBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNlbGVjdGVkXCI+XG4gICAgICAgICAgPHNwYW4+e3tjaGVja2VkTGlzdFswXS5uYW1lfX08L3NwYW4+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImljb25cIiAoY2xpY2spPVwidW5jaGVjayhjaGVja2VkTGlzdFswXS5uYW1lLCBjaGVja2VkTGlzdFswXS52YWx1ZSlcIj5cbiAgICAgICAgICAgIDxzdmdcbiAgICAgICAgICAgICAgd2lkdGg9XCIyMFwiXG4gICAgICAgICAgICAgIGhlaWdodD1cIjIwXCJcbiAgICAgICAgICAgICAgdmlld0JveD1cIjAgNCAyNCAyNFwiXG4gICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgc3R5bGU9XCJjb2xvcjogIzI2NDlCNlwiXG4gICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgIGQ9XCJNNi4yMjUzIDQuODExMDhDNS44MzQ3NyA0LjQyMDU2IDUuMjAxNjEgNC40MjA1NiA0LjgxMTA4IDQuODExMDhDNC40MjA1NiA1LjIwMTYxIDQuNDIwNTYgNS44MzQ3NyA0LjgxMTA4IDYuMjI1M0wxMC41ODU4IDEyTDQuODExMTQgMTcuNzc0N0M0LjQyMDYyIDE4LjE2NTIgNC40MjA2MiAxOC43OTg0IDQuODExMTQgMTkuMTg4OUM1LjIwMTY3IDE5LjU3OTQgNS44MzQ4MyAxOS41Nzk0IDYuMjI1MzUgMTkuMTg4OUwxMiAxMy40MTQyTDE3Ljc3NDcgMTkuMTg4OUMxOC4xNjUyIDE5LjU3OTQgMTguNzk4NCAxOS41Nzk0IDE5LjE4ODkgMTkuMTg4OUMxOS41Nzk0IDE4Ljc5ODQgMTkuNTc5NCAxOC4xNjUyIDE5LjE4ODkgMTcuNzc0N0wxMy40MTQyIDEyTDE5LjE4OSA2LjIyNTNDMTkuNTc5NSA1LjgzNDc3IDE5LjU3OTUgNS4yMDE2MSAxOS4xODkgNC44MTEwOEMxOC43OTg1IDQuNDIwNTYgMTguMTY1MyA0LjQyMDU2IDE3Ljc3NDggNC44MTEwOEwxMiAxMC41ODU4TDYuMjI1MyA0LjgxMTA4WlwiXG4gICAgICAgICAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibW9yZVNlbGVjdGVkXCIgKm5nSWY9XCJjaGVja2VkTGlzdC5sZW5ndGggPiAxIFwiPigrIHt7Y2hlY2tlZExpc3QubGVuZ3RoIC0gMX19IG3DoXMpPC9zcGFuPlxuICAgICAgICA8IS0te3tjaGVja2VkTGlzdC5qb2luKCcsICcpfX0tLT5cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxpbWcgKm5nSWY9XCJzaG93SWNvblwiXG4gICAgICAgICAgIGNsYXNzPVwic2VsZWN0LWJveF9faWNvblwiXG4gICAgICAgICAgIFtuZ1N0eWxlXT1cInsndHJhbnNmb3JtJzogc2hvd0Ryb3BEb3duID8gJ3RyYW5zbGF0ZVkoLTUwJSkgcm90YXRlKDE4MGRlZyknIDogJ3RyYW5zbGF0ZVkoLTUwJSkgcm90YXRlKDBkZWcpJyB9XCJcbiAgICAgICAgICAgc3JjPVwiZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQRDk0Yld3Z2RtVnljMmx2YmowaU1TNHdJaUJsYm1OdlpHbHVaejBpZFhSbUxUZ2lQejROQ2p3aExTMGdVM1puSUZabFkzUnZjaUJKWTI5dWN5QTZJR2gwZEhBNkx5OTNkM2N1YjI1c2FXNWxkMlZpWm05dWRITXVZMjl0TDJsamIyNGdMUzArRFFvOElVUlBRMVJaVUVVZ2MzWm5JRkJWUWt4SlF5QWlMUzh2VnpOREx5OUVWRVFnVTFaSElERXVNUzh2UlU0aUlDSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OUhjbUZ3YUdsamN5OVRWa2N2TVM0eEwwUlVSQzl6ZG1jeE1TNWtkR1FpUGcwS1BITjJaeUIyWlhKemFXOXVQU0l4TGpFaUlIaHRiRzV6UFNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk4eU1EQXdMM04yWnlJZ2VHMXNibk02ZUd4cGJtczlJbWgwZEhBNkx5OTNkM2N1ZHpNdWIzSm5MekU1T1RrdmVHeHBibXNpSUhnOUlqQndlQ0lnZVQwaU1IQjRJaUIyYVdWM1FtOTRQU0l3SURBZ01UQXdNQ0F4TURBd0lpQmxibUZpYkdVdFltRmphMmR5YjNWdVpEMGlibVYzSURBZ01DQXhNREF3SURFd01EQWlJSGh0YkRwemNHRmpaVDBpY0hKbGMyVnlkbVVpUGcwS1BHMWxkR0ZrWVhSaFBpQlRkbWNnVm1WamRHOXlJRWxqYjI1eklEb2dhSFIwY0RvdkwzZDNkeTV2Ym14cGJtVjNaV0ptYjI1MGN5NWpiMjB2YVdOdmJpQThMMjFsZEdGa1lYUmhQZzBLUEdjK1BIQmhkR2dnWkQwaVRUVXdNQ3czTnpVdU5Fd3hNQ3d5T0RjdU1tdzJOQzQwTFRZeUxqWk1OVEF3TERZMU1DNHliRFF5TlM0MkxUUXlOUzQyYkRZMExqUXNOakl1Tmt3MU1EQXNOemMxTGpSNklpOCtQQzluUGcwS1BDOXpkbWMrXCIgYWx0PVwiQXJyb3cgSWNvblwiXG4gICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiLz5cbiAgICA8L2J1dHRvbj5cbiAgICA8ZGl2IGNsYXNzPVwiZHJvcC1zaG93XCIgKm5nSWY9XCJzaG93RHJvcERvd25cIj5cbiAgICAgIDxsYWJlbCBjbGFzcz1cIm1haW5cIiAqbmdGb3I9XCJsZXQgYSBvZiBsaXN0XCI+PHNwYW4gY2xhc3M9XCJ0ZXh0XCI+e3thLm5hbWV9fTwvc3Bhbj5cbiAgICAgICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFsobmdNb2RlbCldPVwiYS5jaGVja2VkXCJcbiAgICAgICAgICAgICAgIChjaGFuZ2UpPVwiZ2V0U2VsZWN0ZWRWYWx1ZShhLmNoZWNrZWQsYS5uYW1lLCBhPy52YWx1ZSlcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXJrXCI+PC9zcGFuPlxuICAgICAgPC9sYWJlbD5cblxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW11bHRpcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xjdC1jb21wb25lbnRzL3NyYy9saWIvc2VsZWN0LW11bHRpcGxlL3NlbGVjdC1tdWx0aXBsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sY3QtY29tcG9uZW50cy9zcmMvbGliL3NlbGVjdC1tdWx0aXBsZS9zZWxlY3QtbXVsdGlwbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztBQWE3RSxNQUFNLE9BQU8sdUJBQXVCO0lBaUJsQztRQWRTLFVBQUssR0FBRyxjQUFjLENBQUE7UUFDdEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ2hCLGdCQUFXLEdBQUcsb0JBQW9CLENBQUM7UUFFbEMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN0QywrQkFBMEIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBTTFELGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBR25CLElBQUksQ0FBQyxXQUFXLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxRQUFRO0lBQ1IsQ0FBQztJQUVELGdCQUFnQixDQUFDLE1BQWUsRUFBQyxJQUFZLEVBQUUsS0FBd0I7O1FBQ3JFLElBQUcsTUFBTSxFQUFFO1lBQ1QsSUFBSSxLQUFLLEVBQUU7Z0JBQ1QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBQyxPQUFPLEVBQUcsTUFBTSxFQUFDLElBQUksRUFBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUM7YUFDbkU7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBQyxPQUFPLEVBQUcsTUFBTSxFQUFDLElBQUksRUFBQyxJQUFJLEVBQUMsQ0FBQyxDQUFDO2FBQ3JEO1NBQ0Y7YUFBSTtZQUNILE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1lBQ3RCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsQ0FBQztZQUMzRSxNQUFNLFNBQVMsR0FBRyxNQUFBLElBQUksQ0FBQyxJQUFJLDBDQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUM7WUFDbkUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2pDLElBQUksU0FBVSxJQUFJLENBQUMsRUFBRztnQkFDcEIsSUFBSSxDQUFDLElBQUssQ0FBQyxTQUFVLENBQUMsQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO2FBQ3hDO1NBQ0Y7UUFFRCxJQUFJLEtBQUssRUFBRTtZQUNULElBQUksQ0FBQyxlQUFlLEdBQUcsRUFBQyxPQUFPLEVBQUcsTUFBTSxFQUFDLElBQUksRUFBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBQyxDQUFDO1NBQ25FO2FBQU07WUFDTCxPQUFPLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUE7WUFDN0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxFQUFDLE9BQU8sRUFBRyxNQUFNLEVBQUMsSUFBSSxFQUFDLElBQUksRUFBQyxDQUFDO1NBQ3JEO1FBRUQsb0JBQW9CO1FBQ3BCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUVwQixnQ0FBZ0M7UUFDaEMsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUNELFlBQVk7UUFDVixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBQ0QscUJBQXFCO1FBQ25CLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQzdELENBQUM7SUFFRCxPQUFPLENBQUMsSUFBWSxFQUFFLEtBQXVCO1FBQzNDLE9BQU8sQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQzVDLENBQUM7O29IQWhFVSx1QkFBdUI7d0dBQXZCLHVCQUF1QiwwUkNicEMsOCtGQTJDQTsyRkQ5QmEsdUJBQXVCO2tCQUxuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLFdBQVcsRUFBRSxrQ0FBa0M7b0JBQy9DLFNBQVMsRUFBRSxDQUFDLGlDQUFpQyxDQUFDO2lCQUMvQzswRUFHVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRywwQkFBMEI7c0JBQW5DLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElMaXN0TENUU2VsZWN0TXVsdGlwbGUge1xuICBuYW1lOiBzdHJpbmc7XG4gIGNoZWNrZWQ6IGJvb2xlYW47XG4gIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsY3Qtc2VsZWN0LW11bHRpcGxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC1tdWx0aXBsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdC1tdWx0aXBsZS5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0TXVsdGlwbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGxpc3Q6IElMaXN0TENUU2VsZWN0TXVsdGlwbGVbXSB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgdGl0bGUgPSAnSW5zZXJ0IHRpdGxlJ1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBzaG93SWNvbiA9IHRydWU7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJ0luc2VydCBwbGFjZWhvbGRlcic7XG5cbiAgQE91dHB1dCgpIHNoYXJlQ2hlY2tlZExpc3QgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBzaGFyZUluZGl2aWR1YWxDaGVja2VkTGlzdCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXG5cbiAgY2hlY2tlZExpc3QgOiBJTGlzdExDVFNlbGVjdE11bHRpcGxlW107XG4gIGN1cnJlbnRTZWxlY3RlZCA6IElMaXN0TENUU2VsZWN0TXVsdGlwbGUgfCB1bmRlZmluZWQ7XG4gIHNob3dEcm9wRG93biA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMuY2hlY2tlZExpc3QgPSBbXTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbiAgZ2V0U2VsZWN0ZWRWYWx1ZShzdGF0dXM6IGJvb2xlYW4sbmFtZTogc3RyaW5nLCB2YWx1ZT8gOiBzdHJpbmcgfCBudW1iZXIpe1xuICAgIGlmKHN0YXR1cykge1xuICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgIHRoaXMuY2hlY2tlZExpc3QucHVzaCh7Y2hlY2tlZCA6IHN0YXR1cyxuYW1lOm5hbWUsIHZhbHVlOiB2YWx1ZX0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5jaGVja2VkTGlzdC5wdXNoKHtjaGVja2VkIDogc3RhdHVzLG5hbWU6bmFtZX0pO1xuICAgICAgfVxuICAgIH1lbHNle1xuICAgICAgY29uc29sZS5sb2codGhpcy5saXN0KVxuICAgICAgY29uc3QgaW5kZXggPSB0aGlzLmNoZWNrZWRMaXN0LmZpbmRJbmRleChjaGVja2VkID0+IGNoZWNrZWQubmFtZSA9PT0gbmFtZSk7XG4gICAgICBjb25zdCBpbmRleExpc3QgPSB0aGlzLmxpc3Q/LmZpbmRJbmRleChsaXN0ID0+IGxpc3QubmFtZSA9PT0gbmFtZSk7XG4gICAgICB0aGlzLmNoZWNrZWRMaXN0LnNwbGljZShpbmRleCwxKTtcbiAgICAgIGlmIChpbmRleExpc3QhID49IDAgKSB7XG4gICAgICAgIHRoaXMubGlzdCFbaW5kZXhMaXN0IV0uY2hlY2tlZCA9IGZhbHNlO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlmICh2YWx1ZSkge1xuICAgICAgdGhpcy5jdXJyZW50U2VsZWN0ZWQgPSB7Y2hlY2tlZCA6IHN0YXR1cyxuYW1lOm5hbWUsIHZhbHVlOiB2YWx1ZX07XG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbnNvbGUubG9nKCdubyB0aWVuZSB2YWx1ZScpXG4gICAgICB0aGlzLmN1cnJlbnRTZWxlY3RlZCA9IHtjaGVja2VkIDogc3RhdHVzLG5hbWU6bmFtZX07XG4gICAgfVxuXG4gICAgLy9zaGFyZSBjaGVja2VkIGxpc3RcbiAgICB0aGlzLnNoYXJlQ2hlY2tlZCgpO1xuXG4gICAgLy9zaGFyZSBpbmRpdmlkdWFsIHNlbGVjdGVkIGl0ZW1cbiAgICB0aGlzLnNoYXJlSW5kaXZpZHVhbFN0YXR1cygpO1xuICB9XG4gIHNoYXJlQ2hlY2tlZCgpe1xuICAgIHRoaXMuc2hhcmVDaGVja2VkTGlzdC5lbWl0KHRoaXMuY2hlY2tlZExpc3QpO1xuICB9XG4gIHNoYXJlSW5kaXZpZHVhbFN0YXR1cygpe1xuICAgIHRoaXMuc2hhcmVJbmRpdmlkdWFsQ2hlY2tlZExpc3QuZW1pdCh0aGlzLmN1cnJlbnRTZWxlY3RlZCk7XG4gIH1cblxuICB1bmNoZWNrKG5hbWU6IHN0cmluZywgdmFsdWU/OiBzdHJpbmcgfCBudW1iZXIpIHtcbiAgICBjb25zb2xlLmxvZygnZGVzbWFyY2FyICcsIG5hbWUpO1xuICAgIHRoaXMuZ2V0U2VsZWN0ZWRWYWx1ZShmYWxzZSwgbmFtZSwgdmFsdWUpO1xuICB9XG5cbn1cbiIsIjxkaXY+XG4gIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPnt7dGl0bGV9fTwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyU2VsZWN0TXVsdGlwbGVcIiAobW91c2VsZWF2ZSk9XCJzaG93RHJvcERvd24gPSBmYWxzZVwiPlxuICAgIDxidXR0b24gY2xhc3M9XCJkcm9wLXRvZ2dsZVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChjbGljayk9XCJzaG93RHJvcERvd249IXNob3dEcm9wRG93blwiPlxuICAgICAgPHNwYW4gKm5nSWY9XCJjaGVja2VkTGlzdC5sZW5ndGg8PTBcIj57e3BsYWNlaG9sZGVyfX08L3NwYW4+XG4gICAgICA8c3BhbiAqbmdJZj1cImNoZWNrZWRMaXN0Lmxlbmd0aD4wXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZWxlY3RlZFwiPlxuICAgICAgICAgIDxzcGFuPnt7Y2hlY2tlZExpc3RbMF0ubmFtZX19PC9zcGFuPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uXCIgKGNsaWNrKT1cInVuY2hlY2soY2hlY2tlZExpc3RbMF0ubmFtZSwgY2hlY2tlZExpc3RbMF0udmFsdWUpXCI+XG4gICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgIHdpZHRoPVwiMjBcIlxuICAgICAgICAgICAgICBoZWlnaHQ9XCIyMFwiXG4gICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDQgMjQgMjRcIlxuICAgICAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgICAgIHN0eWxlPVwiY29sb3I6ICMyNjQ5QjZcIlxuICAgICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICBkPVwiTTYuMjI1MyA0LjgxMTA4QzUuODM0NzcgNC40MjA1NiA1LjIwMTYxIDQuNDIwNTYgNC44MTEwOCA0LjgxMTA4QzQuNDIwNTYgNS4yMDE2MSA0LjQyMDU2IDUuODM0NzcgNC44MTEwOCA2LjIyNTNMMTAuNTg1OCAxMkw0LjgxMTE0IDE3Ljc3NDdDNC40MjA2MiAxOC4xNjUyIDQuNDIwNjIgMTguNzk4NCA0LjgxMTE0IDE5LjE4ODlDNS4yMDE2NyAxOS41Nzk0IDUuODM0ODMgMTkuNTc5NCA2LjIyNTM1IDE5LjE4ODlMMTIgMTMuNDE0MkwxNy43NzQ3IDE5LjE4ODlDMTguMTY1MiAxOS41Nzk0IDE4Ljc5ODQgMTkuNTc5NCAxOS4xODg5IDE5LjE4ODlDMTkuNTc5NCAxOC43OTg0IDE5LjU3OTQgMTguMTY1MiAxOS4xODg5IDE3Ljc3NDdMMTMuNDE0MiAxMkwxOS4xODkgNi4yMjUzQzE5LjU3OTUgNS44MzQ3NyAxOS41Nzk1IDUuMjAxNjEgMTkuMTg5IDQuODExMDhDMTguNzk4NSA0LjQyMDU2IDE4LjE2NTMgNC40MjA1NiAxNy43NzQ4IDQuODExMDhMMTIgMTAuNTg1OEw2LjIyNTMgNC44MTEwOFpcIlxuICAgICAgICAgICAgICAgIGZpbGw9XCJjdXJyZW50Q29sb3JcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8c3BhbiBjbGFzcz1cIm1vcmVTZWxlY3RlZFwiICpuZ0lmPVwiY2hlY2tlZExpc3QubGVuZ3RoID4gMSBcIj4oKyB7e2NoZWNrZWRMaXN0Lmxlbmd0aCAtIDF9fSBtw6FzKTwvc3Bhbj5cbiAgICAgICAgPCEtLXt7Y2hlY2tlZExpc3Quam9pbignLCAnKX19LS0+XG4gICAgICA8L3NwYW4+XG4gICAgICA8aW1nICpuZ0lmPVwic2hvd0ljb25cIlxuICAgICAgICAgICBjbGFzcz1cInNlbGVjdC1ib3hfX2ljb25cIlxuICAgICAgICAgICBbbmdTdHlsZV09XCJ7J3RyYW5zZm9ybSc6IHNob3dEcm9wRG93biA/ICd0cmFuc2xhdGVZKC01MCUpIHJvdGF0ZSgxODBkZWcpJyA6ICd0cmFuc2xhdGVZKC01MCUpIHJvdGF0ZSgwZGVnKScgfVwiXG4gICAgICAgICAgIHNyYz1cImRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEQ5NGJXd2dkbVZ5YzJsdmJqMGlNUzR3SWlCbGJtTnZaR2x1WnowaWRYUm1MVGdpUHo0TkNqd2hMUzBnVTNabklGWmxZM1J2Y2lCSlkyOXVjeUE2SUdoMGRIQTZMeTkzZDNjdWIyNXNhVzVsZDJWaVptOXVkSE11WTI5dEwybGpiMjRnTFMwK0RRbzhJVVJQUTFSWlVFVWdjM1puSUZCVlFreEpReUFpTFM4dlZ6TkRMeTlFVkVRZ1UxWkhJREV1TVM4dlJVNGlJQ0pvZEhSd09pOHZkM2QzTG5jekxtOXlaeTlIY21Gd2FHbGpjeTlUVmtjdk1TNHhMMFJVUkM5emRtY3hNUzVrZEdRaVBnMEtQSE4yWnlCMlpYSnphVzl1UFNJeExqRWlJSGh0Ykc1elBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHlNREF3TDNOMlp5SWdlRzFzYm5NNmVHeHBibXM5SW1oMGRIQTZMeTkzZDNjdWR6TXViM0puTHpFNU9Ua3ZlR3hwYm1zaUlIZzlJakJ3ZUNJZ2VUMGlNSEI0SWlCMmFXVjNRbTk0UFNJd0lEQWdNVEF3TUNBeE1EQXdJaUJsYm1GaWJHVXRZbUZqYTJkeWIzVnVaRDBpYm1WM0lEQWdNQ0F4TURBd0lERXdNREFpSUhodGJEcHpjR0ZqWlQwaWNISmxjMlZ5ZG1VaVBnMEtQRzFsZEdGa1lYUmhQaUJUZG1jZ1ZtVmpkRzl5SUVsamIyNXpJRG9nYUhSMGNEb3ZMM2QzZHk1dmJteHBibVYzWldKbWIyNTBjeTVqYjIwdmFXTnZiaUE4TDIxbGRHRmtZWFJoUGcwS1BHYytQSEJoZEdnZ1pEMGlUVFV3TUN3M056VXVORXd4TUN3eU9EY3VNbXcyTkM0MExUWXlMalpNTlRBd0xEWTFNQzR5YkRReU5TNDJMVFF5TlM0MmJEWTBMalFzTmpJdU5rdzFNREFzTnpjMUxqUjZJaTgrUEM5blBnMEtQQzl6ZG1jK1wiIGFsdD1cIkFycm93IEljb25cIlxuICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIi8+XG4gICAgPC9idXR0b24+XG4gICAgPGRpdiBjbGFzcz1cImRyb3Atc2hvd1wiICpuZ0lmPVwic2hvd0Ryb3BEb3duXCI+XG4gICAgICA8bGFiZWwgY2xhc3M9XCJtYWluXCIgKm5nRm9yPVwibGV0IGEgb2YgbGlzdFwiPjxzcGFuIGNsYXNzPVwidGV4dFwiPnt7YS5uYW1lfX08L3NwYW4+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbKG5nTW9kZWwpXT1cImEuY2hlY2tlZFwiXG4gICAgICAgICAgICAgICAoY2hhbmdlKT1cImdldFNlbGVjdGVkVmFsdWUoYS5jaGVja2VkLGEubmFtZSwgYT8udmFsdWUpXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWFya1wiPjwvc3Bhbj5cbiAgICAgIDwvbGFiZWw+XG5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

fesm2015/lct-components.js

@@ -52,2 +52,3 @@ import * as i0 from '@angular/core';
         this.showIcon = true;
+        this.placeholder = 'Insert placeholder';
         this.shareCheckedList = new EventEmitter();
@@ -103,3 +104,3 @@ this.shareIndividualCheckedList = new EventEmitter();
 SelectMultipleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: SelectMultipleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SelectMultipleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SelectMultipleComponent, selector: "lct-select-multiple", inputs: { list: "list", title: "title", disabled: "disabled", showIcon: "showIcon" }, outputs: { shareCheckedList: "shareCheckedList", shareIndividualCheckedList: "shareIndividualCheckedList" }, ngImport: i0, template: "<div>\n  <div class=\"title\">{{title}}</div>\n  <div class=\"containerSelectMultiple\" (mouseleave)=\"showDropDown = false\">\n    <button class=\"drop-toggle\" [disabled]=\"disabled\" (click)=\"showDropDown=!showDropDown\">\n      <span *ngIf=\"checkedList.length<=0\">Seleccione una opci\u00F3n</span>\n      <span *ngIf=\"checkedList.length>0\">\n        <div class=\"selected\">\n          <span>{{checkedList[0].name}}</span>\n          <div class=\"icon\" (click)=\"uncheck(checkedList[0].name, checkedList[0].value)\">\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 4 24 24\"\n              fill=\"none\"\n              style=\"color: #2649B6\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </div>\n        </div>\n        <span class=\"moreSelected\" *ngIf=\"checkedList.length > 1 \">(+ {{checkedList.length - 1}} m\u00E1s)</span>\n        <!--{{checkedList.join(', ')}}-->\n      </span>\n      <img *ngIf=\"showIcon\"\n           class=\"select-box__icon\"\n           [ngStyle]=\"{'transform': showDropDown ? 'translateY(-50%) rotate(180deg)' : 'translateY(-50%) rotate(0deg)' }\"\n           src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3NzUuNEwxMCwyODcuMmw2NC40LTYyLjZMNTAwLDY1MC4ybDQyNS42LTQyNS42bDY0LjQsNjIuNkw1MDAsNzc1LjR6Ii8+PC9nPg0KPC9zdmc+\" alt=\"Arrow Icon\"\n           aria-hidden=\"true\"/>\n    </button>\n    <div class=\"drop-show\" *ngIf=\"showDropDown\">\n      <label class=\"main\" *ngFor=\"let a of list\"><span class=\"text\">{{a.name}}</span>\n        <input type=\"checkbox\" [(ngModel)]=\"a.checked\"\n               (change)=\"getSelectedValue(a.checked,a.name, a?.value)\">\n        <span class=\"mark\"></span>\n      </label>\n\n    </div>\n  </div>\n</div>\n", styles: ["*{font-family:\"Barlow\",\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif}.title{color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px;margin-left:2px;margin-bottom:5px}.containerSelectMultiple{width:100%;position:relative}.drop-toggle{background-color:#e0e5ee;cursor:pointer;box-sizing:border-box;height:41px;width:100%;border:1px solid #C2C2C2;border-radius:5px;text-align:left;font-size:14px;color:#3c4149;overflow:hidden}.select-box__icon{position:absolute;right:15px;width:20px;top:50%;transform:translateY(-50%) rotate(0);opacity:.3;transition:.2s ease}button:disabled{background-color:#c8ccd4;cursor:not-allowed}.drop-toggle i{float:right}.drop-show{box-sizing:border-box;width:100%;border:1px solid #E0E5EE;border-radius:5px;background-color:#fff;position:absolute;z-index:2;box-shadow:0 6px 10px #00000026;margin-left:1px}.selected{display:inline-block;position:relative;margin-right:5px;box-sizing:border-box;height:26px;border:1px solid #C2C2C2;border-radius:3px;background-color:#f5f7fa;font-size:13px;letter-spacing:0;line-height:16px;padding:5px}.selected span{vertical-align:top}.selected .icon{display:inline;margin-left:2px}.moreSelected{position:absolute;margin-top:8px;color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px}.main{display:block;position:relative;margin-left:17px;margin-right:5px;margin-bottom:5px;cursor:pointer;color:#3c4149;font-size:13px;letter-spacing:0;line-height:27px}.text{margin-left:27px}input[type=checkbox]{visibility:hidden}.mark{position:absolute;top:5px;left:0;box-sizing:border-box;height:17px;width:17px;border:1px solid #D6D6D6;border-radius:2px;background-color:#f4f4f4}.main:hover input~.mark{background-color:#c2c2c2}.main input:active~.mark{background-color:#546c84}.main input:checked~.mark{background-color:#2649b6}.mark:after{content:\"\";position:absolute;display:none}.main input:checked~.mark:after{display:block}.main .mark:after{left:5px;bottom:5px;width:3px;height:6px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+SelectMultipleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SelectMultipleComponent, selector: "lct-select-multiple", inputs: { list: "list", title: "title", disabled: "disabled", showIcon: "showIcon", placeholder: "placeholder" }, outputs: { shareCheckedList: "shareCheckedList", shareIndividualCheckedList: "shareIndividualCheckedList" }, ngImport: i0, template: "<div>\n  <div class=\"title\">{{title}}</div>\n  <div class=\"containerSelectMultiple\" (mouseleave)=\"showDropDown = false\">\n    <button class=\"drop-toggle\" [disabled]=\"disabled\" (click)=\"showDropDown=!showDropDown\">\n      <span *ngIf=\"checkedList.length<=0\">{{placeholder}}</span>\n      <span *ngIf=\"checkedList.length>0\">\n        <div class=\"selected\">\n          <span>{{checkedList[0].name}}</span>\n          <div class=\"icon\" (click)=\"uncheck(checkedList[0].name, checkedList[0].value)\">\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 4 24 24\"\n              fill=\"none\"\n              style=\"color: #2649B6\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </div>\n        </div>\n        <span class=\"moreSelected\" *ngIf=\"checkedList.length > 1 \">(+ {{checkedList.length - 1}} m\u00E1s)</span>\n        <!--{{checkedList.join(', ')}}-->\n      </span>\n      <img *ngIf=\"showIcon\"\n           class=\"select-box__icon\"\n           [ngStyle]=\"{'transform': showDropDown ? 'translateY(-50%) rotate(180deg)' : 'translateY(-50%) rotate(0deg)' }\"\n           src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3NzUuNEwxMCwyODcuMmw2NC40LTYyLjZMNTAwLDY1MC4ybDQyNS42LTQyNS42bDY0LjQsNjIuNkw1MDAsNzc1LjR6Ii8+PC9nPg0KPC9zdmc+\" alt=\"Arrow Icon\"\n           aria-hidden=\"true\"/>\n    </button>\n    <div class=\"drop-show\" *ngIf=\"showDropDown\">\n      <label class=\"main\" *ngFor=\"let a of list\"><span class=\"text\">{{a.name}}</span>\n        <input type=\"checkbox\" [(ngModel)]=\"a.checked\"\n               (change)=\"getSelectedValue(a.checked,a.name, a?.value)\">\n        <span class=\"mark\"></span>\n      </label>\n\n    </div>\n  </div>\n</div>\n", styles: ["*{font-family:\"Barlow\",\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif}.title{color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px;margin-left:2px;margin-bottom:5px}.containerSelectMultiple{width:100%;position:relative}.drop-toggle{background-color:#e0e5ee;cursor:pointer;box-sizing:border-box;height:41px;width:100%;border:1px solid #C2C2C2;border-radius:5px;text-align:left;font-size:14px;color:#3c4149;overflow:hidden}.select-box__icon{position:absolute;right:15px;width:20px;top:50%;transform:translateY(-50%) rotate(0);opacity:.3;transition:.2s ease}button:disabled{background-color:#c8ccd4;cursor:not-allowed}.drop-toggle i{float:right}.drop-show{box-sizing:border-box;width:100%;border:1px solid #E0E5EE;border-radius:5px;background-color:#fff;position:absolute;z-index:2;box-shadow:0 6px 10px #00000026;margin-left:1px}.selected{display:inline-block;position:relative;margin-right:5px;box-sizing:border-box;height:26px;border:1px solid #C2C2C2;border-radius:3px;background-color:#f5f7fa;font-size:13px;letter-spacing:0;line-height:16px;padding:5px}.selected span{vertical-align:top}.selected .icon{display:inline;margin-left:2px}.moreSelected{position:absolute;margin-top:8px;color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px}.main{display:block;position:relative;margin-left:17px;margin-right:5px;margin-bottom:5px;cursor:pointer;color:#3c4149;font-size:13px;letter-spacing:0;line-height:27px}.text{margin-left:27px}input[type=checkbox]{visibility:hidden}.mark{position:absolute;top:5px;left:0;box-sizing:border-box;height:17px;width:17px;border:1px solid #D6D6D6;border-radius:2px;background-color:#f4f4f4}.main:hover input~.mark{background-color:#c2c2c2}.main input:active~.mark{background-color:#546c84}.main input:checked~.mark{background-color:#2649b6}.mark:after{content:\"\";position:absolute;display:none}.main input:checked~.mark:after{display:block}.main .mark:after{left:5px;bottom:5px;width:3px;height:6px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: SelectMultipleComponent, decorators: [{
@@ -120,2 +121,4 @@ type: Component,
                 type: Input
+            }], placeholder: [{
+                type: Input
             }], shareCheckedList: [{
@@ -122,0 +125,0 @@ type: Output

lib/select-multiple/select-multiple.component.d.ts

@@ -13,2 +13,3 @@ import { EventEmitter, OnInit } from '@angular/core';
     showIcon: boolean;
+    placeholder: string;
     shareCheckedList: EventEmitter<any>;
@@ -26,3 +27,3 @@ shareIndividualCheckedList: EventEmitter<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectMultipleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectMultipleComponent, "lct-select-multiple", never, { "list": "list"; "title": "title"; "disabled": "disabled"; "showIcon": "showIcon"; }, { "shareCheckedList": "shareCheckedList"; "shareIndividualCheckedList": "shareIndividualCheckedList"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectMultipleComponent, "lct-select-multiple", never, { "list": "list"; "title": "title"; "disabled": "disabled"; "showIcon": "showIcon"; "placeholder": "placeholder"; }, { "shareCheckedList": "shareCheckedList"; "shareIndividualCheckedList": "shareIndividualCheckedList"; }, never, never>;
 }

package.json

 {
   "name": "lct-components",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "LCT basic components",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -29,3 +29,4 @@
 ```  
-<lct-select-multiple [list]="list2"  
+<lct-select-multiple [list]="list2"
+                     placeholder="select options"  
                      title="Insert title"  
@@ -96,3 +97,3 @@ (shareCheckedList)="shareCheckedList($event)"
 
->Version 0.1.2
+>Version 0.1.3
 >
@@ -99,0 +100,0 @@ >[(ngModel)] Can only be used at the moment for:

New alerts

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

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

289708

increased by0.28%

Lines of code

2342

increased by0.47%

Number of lines in readme file

101

increased by1%

No dependency changes