Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
lct-components
Advanced tools
lct-components - npm Package Compare versions
Comparing version 0.1.1 to 0.1.2
@@ -5,3 +5,3 @@ (function (global, factory) { | ||
| (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['lct-components'] = {}, global.ng.core, global.ng.common, global.ng.forms, global.rxjs, global.rxjs.operators)); | ||
| }(this, (function (exports, i0, i1, i2, rxjs, operators) { 'use strict'; | ||
| }(this, (function (exports, i0, i1, i1$1, rxjs, operators) { 'use strict'; | ||
@@ -30,3 +30,3 @@ function _interopNamespace(e) { | ||
| var i1__namespace = /*#__PURE__*/_interopNamespace(i1); | ||
| var i2__namespace = /*#__PURE__*/_interopNamespace(i2); | ||
| var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1); | ||
@@ -121,3 +121,3 @@ var LctComponentsService = /** @class */ (function () { | ||
| 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: i2__namespace.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.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" }, 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"] }] }); | ||
| i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: SelectMultipleComponent, decorators: [{ | ||
@@ -148,2 +148,3 @@ type: i0.Component, | ||
| this.title = 'Insert title'; | ||
| this.placeholder = 'Select one option'; | ||
| this.value = new i0.EventEmitter(); | ||
@@ -153,7 +154,4 @@ this.myInputField = new i0.ElementRef(''); | ||
| this.show = false; | ||
| this.selected = this.options[0]; | ||
| this.selected = 'default'; | ||
| } | ||
| SelectComponent.prototype.ngAfterViewInit = function () { | ||
| this.selected = this.options[0]; | ||
| }; | ||
| SelectComponent.prototype.ngOnInit = function () { | ||
@@ -188,3 +186,2 @@ }; | ||
| var _this = this; | ||
| console.log('hola'); | ||
| this.myInputField.nativeElement.setAttribute('inputmode', 'none'); | ||
@@ -199,3 +196,3 @@ setTimeout(function () { | ||
| SelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: SelectComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component }); | ||
| SelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SelectComponent, selector: "lct-select", inputs: { options: "options", title: "title" }, outputs: { value: "value" }, viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true }, { propertyName: "myInputField", first: true, predicate: ["myinput"], descendants: true }], ngImport: i0__namespace, template: "<div [id]=\"title\">\n <div class=\"title\">{{title}}</div>\n <div class=\"select-box disabled\">\n <div #select\n class=\"select-box__current\"\n tabindex=\"1\"\n (click)=\"toggleSelect()\"\n (blur)=\"hideSelect()\">\n <div class=\"select-box__value\" *ngFor=\"let option of options; let i = index\">\n <input\n #myinput\n (click)=\"hidenKeyboard()\"\n class=\"select-box__input\"\n type=\"radio\"\n [id]=\"title.replace(regexTrim, '')+i\"\n [value]=\"option\"\n [name]=\"title.replace(regexTrim, '')\"\n [checked]=\"i===0\"\n [(ngModel)]=\"selected\"\n (ngModelChange)=\"changeValue(option)\"/>\n <p class=\"select-box__input-text\">{{option}}</p>\n </div>\n <img class=\"select-box__icon\" src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3NzUuNEwxMCwyODcuMmw2NC40LTYyLjZMNTAwLDY1MC4ybDQyNS42LTQyNS42bDY0LjQsNjIuNkw1MDAsNzc1LjR6Ii8+PC9nPg0KPC9zdmc+\" alt=\"Arrow Icon\"\n aria-hidden=\"true\"/>\n <!--<img class=\"select-box__icon\" src=\"https://cdn.onlinewebfonts.com/svg/img_295694.svg\" alt=\"Arrow Icon\"\n aria-hidden=\"true\"/>-->\n </div>\n <ul class=\"select-box__list\">\n <li *ngFor=\"let option of options; let i = index\">\n <label class=\"select-box__option\" [for]=\"title.replace(regexTrim, '')+i\" aria-hidden=\"aria-hidden\"\n (click)=\"clickOption(option)\">{{option}}</label>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".title{font-family:\"Barlow\",\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif;color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px;margin-left:2px;margin-bottom:5px}.select-box__list{z-index:1;margin-top:0}.select-box{position:relative;display:block;width:100%;margin:0 auto;font-family:\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif;font-size:15px;color:#60666d}.select-box__current{position:relative;box-shadow:0 15px 30px -10px #0000001a;cursor:pointer;outline:none;z-index:auto}.select-box__current:focus+.select-box__list{position:absolute;opacity:1;box-sizing:border-box;border:1px solid #E0E5EE;border-radius:5px;background-color:#fff;animation-name:none}.select-box__current:focus+.select-box__list .select-box__option{cursor:pointer}.select-box__current:focus .select-box__icon{transform:translateY(-50%) rotate(180deg)}.select-box__icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;opacity:.3;transition:.2s ease}.select-box__value{display:flex}.select-box__input{display:none}.select-box__input:checked+.select-box__input-text{display:flex;align-items:center}.select-box__input-text{display:none;width:100%;margin:0;padding-left:12px;height:40px;box-sizing:border-box;border:1px solid #C2C2C2;border-radius:5px;background-color:#e0e5ee}@media (max-width: 375px){.select-box__input-text{height:50px!important}}.select-box__list{position:absolute;width:100%;padding:0;list-style:none;opacity:0;animation-name:HideList;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards;animation-timing-function:step-start;box-shadow:0 15px 30px -10px #0000001a}.select-box__option{display:block;background-color:#fff;padding:10px}.select-box__option:hover,.select-box__option:focus{color:#546c84;background-color:#fbfbfb}@keyframes HideList{0%{transform:scaleY(1)}to{transform:scaleY(0)}}\n"], directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i2__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); | ||
| SelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SelectComponent, selector: "lct-select", inputs: { options: "options", title: "title", placeholder: "placeholder" }, outputs: { value: "value" }, viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true }, { propertyName: "myInputField", first: true, predicate: ["myinput"], descendants: true }], ngImport: i0__namespace, template: "<div [id]=\"title\">\n <div class=\"title\">{{title}}</div>\n <div class=\"select-box disabled\">\n <div #select\n class=\"select-box__current\"\n tabindex=\"1\"\n (click)=\"toggleSelect()\"\n (blur)=\"hideSelect()\">\n <div class=\"select-box__value\">\n <input\n (click)=\"hidenKeyboard()\"\n class=\"select-box__input\"\n type=\"radio\"\n id=\"default\"\n [value]=\"'default'\"\n [name]=\"title.replace(regexTrim, '')\"\n checked\n [(ngModel)]=\"selected\"\n (ngModelChange)=\"changeValue('default')\"/>\n <p class=\"select-box__input-text\">{{placeholder}}</p>\n </div>\n <div class=\"select-box__value\" *ngFor=\"let option of options; let i = index\">\n <input\n #myinput\n (click)=\"hidenKeyboard()\"\n class=\"select-box__input\"\n type=\"radio\"\n [id]=\"title.replace(regexTrim, '')+i\"\n [value]=\"option\"\n [name]=\"title.replace(regexTrim, '')\"\n [checked]=\"i+1===0\"\n [(ngModel)]=\"selected\"\n (ngModelChange)=\"changeValue(option)\"/>\n <p class=\"select-box__input-text\">{{option}}</p>\n </div>\n <img class=\"select-box__icon\" src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3NzUuNEwxMCwyODcuMmw2NC40LTYyLjZMNTAwLDY1MC4ybDQyNS42LTQyNS42bDY0LjQsNjIuNkw1MDAsNzc1LjR6Ii8+PC9nPg0KPC9zdmc+\" alt=\"Arrow Icon\"\n aria-hidden=\"true\"/>\n <!--<img class=\"select-box__icon\" src=\"https://cdn.onlinewebfonts.com/svg/img_295694.svg\" alt=\"Arrow Icon\"\n aria-hidden=\"true\"/>-->\n </div>\n <ul class=\"select-box__list\">\n <li *ngFor=\"let option of options; let i = index\">\n <label class=\"select-box__option\" [for]=\"title.replace(regexTrim, '')+i\" aria-hidden=\"aria-hidden\"\n (click)=\"clickOption(option)\">{{option}}</label>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".title{font-family:\"Barlow\",\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif;color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px;margin-left:2px;margin-bottom:5px}.select-box__list{z-index:1;margin-top:0}.select-box{position:relative;display:block;width:100%;margin:0 auto;font-family:\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif;font-size:15px;color:#60666d}.select-box__current{position:relative;box-shadow:0 15px 30px -10px #0000001a;cursor:pointer;outline:none;z-index:auto}.select-box__current:focus+.select-box__list{position:absolute;opacity:1;box-sizing:border-box;border:1px solid #E0E5EE;border-radius:5px;background-color:#fff;animation-name:none}.select-box__current:focus+.select-box__list .select-box__option{cursor:pointer}.select-box__current:focus .select-box__icon{transform:translateY(-50%) rotate(180deg)}.select-box__icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;opacity:.3;transition:.2s ease}.select-box__value{display:flex}.select-box__input{display:none}.select-box__input:checked+.select-box__input-text{display:flex;align-items:center}.select-box__input-text{display:none;width:100%;margin:0;padding-left:12px;height:40px;box-sizing:border-box;border:1px solid #C2C2C2;border-radius:5px;background-color:#e0e5ee}@media (max-width: 375px){.select-box__input-text{height:50px!important}}.select-box__list{position:absolute;width:100%;padding:0;list-style:none;opacity:0;animation-name:HideList;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards;animation-timing-function:step-start;box-shadow:0 15px 30px -10px #0000001a}.select-box__option{display:block;background-color:#fff;padding:10px}.select-box__option:hover,.select-box__option:focus{color:#546c84;background-color:#fbfbfb}@keyframes HideList{0%{transform:scaleY(1)}to{transform:scaleY(0)}}\n"], directives: [{ type: i1__namespace$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); | ||
| i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: SelectComponent, decorators: [{ | ||
@@ -212,2 +209,4 @@ type: i0.Component, | ||
| type: i0.Input | ||
| }], placeholder: [{ | ||
| type: i0.Input | ||
| }], select: [{ | ||
@@ -660,2 +659,5 @@ type: i0.ViewChild, | ||
| } | ||
| if (this.inputValue && typeof event === 'string' && event === '') { | ||
| this.inputValue = ''; | ||
| } | ||
| this.propagateChange(this.inputValue); | ||
@@ -682,6 +684,6 @@ }; | ||
| InputTextComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: InputTextComponent, selector: "lct-input-text", inputs: { disabled: "disabled", icon: "icon", iconPosition: "iconPosition", pdaAutoEnter: "pdaAutoEnter", placeholder: "placeholder", showIcon: "showIcon", title: "title", type: "type" }, outputs: { enterEmitted: "enterEmitted", iconClick: "iconClick", inputClick: "inputClick" }, providers: [{ | ||
| provide: i2.NG_VALUE_ACCESSOR, | ||
| provide: i1$1.NG_VALUE_ACCESSOR, | ||
| useExisting: InputTextComponent, | ||
| multi: true | ||
| }], viewQueries: [{ propertyName: "inputScan", first: true, predicate: ["inputScan"], descendants: true }, { propertyName: "iconDiv", first: true, predicate: ["iconDiv"], descendants: true }], ngImport: i0__namespace, template: "<div>\n <div class=\"title\">\n {{title}}\n </div>\n <div class=\"input-with-icon iconLeft\">\n <input [type]=\"type\"\n class=\"form-control\"\n #inputScan\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"inputValue\"\n (keydown.enter)=\"enterEmit()\"\n (keydown.tab)=\"enterEmit()\"\n (keyup)=\"onKeyUpHandler($event)\"\n (click)=\"clickInput()\"\n (ngModelChange)=\"lpnUpdate.next(inputScan.value);\"\n >\n <div class=\"icon\" #iconDiv *ngIf=\"showIcon\">\n <img [src]=\"icon\" [ngStyle]=\"{'cursor': disabled ? 'not-allowed' : 'pointer'}\" alt=\"\" (click)=\"click()\">\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}.input-with-icon{box-sizing:border-box;position:relative;height:40px}@media (max-width: 375px){.input-with-icon{height:50px}}.input-with-icon .form-control{height:100%;width:100%;border:1px solid #C2C2C2;border-radius:5px;background-color:#e0e5ee;box-sizing:border-box;color:#3c4149;font-size:14px;letter-spacing:0;line-height:17px;padding:12px 20px 12px 15px}.input-with-icon .form-control.iconLeft{padding:12px 20px 12px 60px}.input-with-icon .form-control:disabled{cursor:not-allowed;background-color:#c8ccd4}.input-with-icon .icon{position:absolute;right:1%;top:.01rem;width:2.6rem;height:2.6rem;border-radius:.3rem;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.input-with-icon .icon :hover{cursor:pointer}@media (max-width: 375px){.input-with-icon .icon{top:.3rem}}.input-with-icon .icon.iconLeft{left:15px}\n"], directives: [{ type: i2__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); | ||
| }], viewQueries: [{ propertyName: "inputScan", first: true, predicate: ["inputScan"], descendants: true }, { propertyName: "iconDiv", first: true, predicate: ["iconDiv"], descendants: true }], ngImport: i0__namespace, template: "<div>\n <div class=\"title\">\n {{title}}\n </div>\n <div class=\"input-with-icon iconLeft\">\n <input [type]=\"type\"\n class=\"form-control\"\n #inputScan\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"inputValue\"\n (keydown.enter)=\"enterEmit()\"\n (keydown.tab)=\"enterEmit()\"\n (keyup)=\"onKeyUpHandler($event)\"\n (click)=\"clickInput()\"\n (ngModelChange)=\"lpnUpdate.next(inputScan.value);\"\n >\n <div class=\"icon\" #iconDiv *ngIf=\"showIcon\">\n <img [src]=\"icon\" [ngStyle]=\"{'cursor': disabled ? 'not-allowed' : 'pointer'}\" alt=\"\" (click)=\"click()\">\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}.input-with-icon{box-sizing:border-box;position:relative;height:40px}@media (max-width: 375px){.input-with-icon{height:50px}}.input-with-icon .form-control{height:100%;width:100%;border:1px solid #C2C2C2;border-radius:5px;background-color:#e0e5ee;box-sizing:border-box;color:#3c4149;font-size:14px;letter-spacing:0;line-height:17px;padding:12px 20px 12px 15px}.input-with-icon .form-control.iconLeft{padding:12px 20px 12px 60px}.input-with-icon .form-control:disabled{cursor:not-allowed;background-color:#c8ccd4}.input-with-icon .icon{position:absolute;right:1%;top:.01rem;width:2.6rem;height:2.6rem;border-radius:.3rem;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.input-with-icon .icon :hover{cursor:pointer}@media (max-width: 375px){.input-with-icon .icon{top:.3rem}}.input-with-icon .icon.iconLeft{left:15px}\n"], directives: [{ type: i1__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); | ||
| i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: InputTextComponent, decorators: [{ | ||
@@ -694,3 +696,3 @@ type: i0.Component, | ||
| providers: [{ | ||
| provide: i2.NG_VALUE_ACCESSOR, | ||
| provide: i1$1.NG_VALUE_ACCESSOR, | ||
| useExisting: InputTextComponent, | ||
@@ -809,3 +811,3 @@ multi: true | ||
| SwitchComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SwitchComponent, selector: "lct-switch", inputs: { checked: "checked", disabled: "disabled" }, outputs: { enterEmitted: "enterEmitted" }, providers: [{ | ||
| provide: i2.NG_VALUE_ACCESSOR, | ||
| provide: i1$1.NG_VALUE_ACCESSOR, | ||
| useExisting: SwitchComponent, | ||
@@ -821,3 +823,3 @@ multi: true | ||
| providers: [{ | ||
| provide: i2.NG_VALUE_ACCESSOR, | ||
| provide: i1$1.NG_VALUE_ACCESSOR, | ||
| useExisting: SwitchComponent, | ||
@@ -848,3 +850,3 @@ multi: true | ||
| SwitchComponent], imports: [i1.CommonModule, | ||
| i2.FormsModule], exports: [ButtonComponent, | ||
| i1$1.FormsModule], exports: [ButtonComponent, | ||
| InputTextComponent, | ||
@@ -858,3 +860,3 @@ LctComponentsComponent, | ||
| i1.CommonModule, | ||
| i2.FormsModule | ||
| i1$1.FormsModule | ||
| ]] }); | ||
@@ -875,3 +877,3 @@ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: LctComponentsModule, decorators: [{ | ||
| i1.CommonModule, | ||
| i2.FormsModule | ||
| i1$1.FormsModule | ||
| ], | ||
@@ -878,0 +880,0 @@ exports: [ |
@@ -66,2 +66,5 @@ import { __awaiter } from "tslib"; | ||
| } | ||
| if (this.inputValue && typeof event === 'string' && event === '') { | ||
| this.inputValue = ''; | ||
| } | ||
| this.propagateChange(this.inputValue); | ||
@@ -132,2 +135,2 @@ } | ||
| }] } }); | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sY3QtY29tcG9uZW50cy9zcmMvbGliL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sY3QtY29tcG9uZW50cy9zcmMvbGliL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFFTixTQUFTLEVBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUM3QixPQUFPLEVBQUMsWUFBWSxFQUFFLG9CQUFvQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUF1QixpQkFBaUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7O0FBWXZFLE1BQU0sT0FBTyxrQkFBa0I7SUFxQjdCLFlBQW9CLE1BQWlCO1FBQWpCLFdBQU0sR0FBTixNQUFNLENBQVc7UUFuQjVCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsU0FBSSxHQUFHLEVBQUUsQ0FBQTtRQUNULGlCQUFZLEdBQXFCLE9BQU8sQ0FBQztRQUN6QyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFVBQUssR0FBRyxjQUFjLENBQUM7UUFDdkIsU0FBSSxHQUFnQyxNQUFNLENBQUM7UUFDMUMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFBO1FBQ3pDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9CLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBSTFDLGVBQVUsR0FBRyxF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Qjs0QkFDL0IsS0FBSyxFQUFFLElBQUk7eUJBQ1osQ0FBQztpQkFDSDtnR0FHVSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ2lCLFNBQVM7c0JBQWhDLFNBQVM7dUJBQUMsV0FBVztnQkFDQSxPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBSZW5kZXJlcjIsXG4gIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U3ViamVjdH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7ZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XG5pbXBvcnQge0NvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xjdC1pbnB1dC10ZXh0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LXRleHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC10ZXh0LmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogSW5wdXRUZXh0Q29tcG9uZW50LFxuICAgIG11bHRpOiB0cnVlXG4gIH1dXG59KVxuZXhwb3J0IGNsYXNzIElucHV0VGV4dENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGljb24gPSAnJ1xuICBASW5wdXQoKSBpY29uUG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCcgPSAncmlnaHQnO1xuICBASW5wdXQoKSBwZGFBdXRvRW50ZXIgPSBmYWxzZTtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgc2hvd0ljb24gPSBmYWxzZTtcbiAgQElucHV0KCkgdGl0bGUgPSAnSW5zZXJ0IFRpdGxlJztcbiAgQElucHV0KCkgdHlwZTogJ2VtYWlsJyB8ICdudW1iZXInIHwgJ3RleHQnID0gJ3RleHQnO1xuICBAT3V0cHV0KCkgZW50ZXJFbWl0dGVkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KClcbiAgQE91dHB1dCgpIGljb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGlucHV0Q2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBWaWV3Q2hpbGQoJ2lucHV0U2NhbicpIGlucHV0U2NhbjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcbiAgQFZpZXdDaGlsZCgnaWNvbkRpdicpIGljb25EaXY6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG5cbiAgaW5wdXRWYWx1ZSA9ICcnO1xuICBwdWJsaWMgbHBuVXBkYXRlID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xuXG4gIHB1YmxpYyBwcm9wYWdhdGVDaGFuZ2UgPSAoXzogYW55KSA9PiB7IH07XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXI6IFJlbmRlcmVyMikge1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICh0aGlzLmljb25Qb3NpdGlvbiA9PT0gXCJsZWZ0XCIgJiYgdGhpcy5zaG93SWNvbikge1xuICAgICAgdGhpcy5yZW5kZXIuYWRkQ2xhc3ModGhpcy5pbnB1dFNjYW4/Lm5hdGl2ZUVsZW1lbnQsICdpY29uTGVmdCcpXG4gICAgICB0aGlzLnJlbmRlci5hZGRDbGFzcyh0aGlzLmljb25EaXY/Lm5hdGl2ZUVsZW1lbnQsICdpY29uTGVmdCcpXG4gICAgfVxuICAgIGlmICh0aGlzLnBkYUF1dG9FbnRlcikge1xuICAgICAgdGhpcy5scG5VcGRhdGVcbiAgICAgICAgLnBpcGUoXG4gICAgICAgICAgZGVib3VuY2VUaW1lKDIwMCksXG4gICAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKVxuICAgICAgICApXG4gICAgICAgIC5zdWJzY3JpYmUoYXN5bmMgdmFsdWUgPT4ge1xuICAgICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5lbnRlckVtaXQoKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICBpZiAodHlwZW9mIHZhbHVlICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgdGhpcy5vbktleVVwSGFuZGxlcih2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAvLyBjb25zb2xlLmxvZygncmVnIHRvdWNoJywgZm4pXG4gIH1cblxuICBvbktleVVwSGFuZGxlcihldmVudD86IEtleWJvYXJkRXZlbnQgfCBzdHJpbmcpIHtcbiAgICBpZiAoIXRoaXMuaW5wdXRWYWx1ZSAmJiB0eXBlb2YgZXZlbnQgPT09ICdzdHJpbmcnKSB7XG4gICAgICB0aGlzLmlucHV0VmFsdWUgPSBldmVudDtcbiAgICB9XG4gICAgaWYgKHRoaXMuaW5wdXRWYWx1ZSAmJiBldmVudCA9PT0gbnVsbCl7XG4gICAgICB0aGlzLmlucHV0VmFsdWUgPSAnJztcbiAgICB9XG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodGhpcy5pbnB1dFZhbHVlKTtcbiAgfVxuXG4gIGNsaWNrKCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5pY29uQ2xpY2suZW1pdCgnaWNvbkNsaWNrJylcbiAgICB9XG4gIH1cblxuICBjbGlja0lucHV0KCApIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuaW5wdXRDbGljay5lbWl0KCdpbnB1dENsaWNrJylcbiAgICB9XG4gIH1cblxuICBlbnRlckVtaXQoKSB7XG4gICAgaWYgKHRoaXMuaW5wdXRWYWx1ZSkge1xuICAgICAgdGhpcy5lbnRlckVtaXR0ZWQuZW1pdCh0aGlzLmlucHV0VmFsdWUpO1xuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGl2PlxuICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICB7e3RpdGxlfX1cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJpbnB1dC13aXRoLWljb24gaWNvbkxlZnRcIj5cbiAgICA8aW5wdXQgW3R5cGVdPVwidHlwZVwiXG4gICAgICAgICAgIGNsYXNzPVwiZm9ybS1jb250cm9sXCJcbiAgICAgICAgICAgI2lucHV0U2NhblxuICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgICAgICBbKG5nTW9kZWwpXT1cImlucHV0VmFsdWVcIlxuICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJlbnRlckVtaXQoKVwiXG4gICAgICAgICAgIChrZXlkb3duLnRhYik9XCJlbnRlckVtaXQoKVwiXG4gICAgICAgICAgIChrZXl1cCk9XCJvbktleVVwSGFuZGxlcigkZXZlbnQpXCJcbiAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrSW5wdXQoKVwiXG4gICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cImxwblVwZGF0ZS5uZXh0KGlucHV0U2Nhbi52YWx1ZSk7XCJcbiAgICA+XG4gICAgPGRpdiBjbGFzcz1cImljb25cIiAjaWNvbkRpdiAqbmdJZj1cInNob3dJY29uXCI+XG4gICAgICA8aW1nIFtzcmNdPVwiaWNvblwiIFtuZ1N0eWxlXT1cInsnY3Vyc29yJzogZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ3BvaW50ZXInfVwiIGFsdD1cIlwiIChjbGljayk9XCJjbGljaygpXCI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0= | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sY3QtY29tcG9uZW50cy9zcmMvbGliL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sY3QtY29tcG9uZW50cy9zcmMvbGliL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFFTixTQUFTLEVBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUM3QixPQUFPLEVBQUMsWUFBWSxFQUFFLG9CQUFvQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUF1QixpQkFBaUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7O0FBWXZFLE1BQU0sT0FBTyxrQkFBa0I7SUFxQjdCLFlBQW9CLE1BQWlCO1FBQWpCLFdBQU0sR0FBTixNQUFNLENBQVc7UUFuQjVCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsU0FBSSxHQUFHLEVBQUUsQ0FBQTtRQUNULGlCQUFZLEdBQXFCLE9BQU8sQ0FBQztRQUN6QyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFVBQUssR0FBRyxjQUFjLENBQUM7UUFDdkIsU0FBSSxHQUFnQyxNQUFNLENBQUM7UUFDMUMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFBO1FBQ3pDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9CLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBSTFDLGVBQVUsR0FBRyxF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QzFCLFdBQVcsRUFBRSw2QkFBNkI7b0JBQzFDLFNBQVMsRUFBRSxDQUFDLDZCQUE2QixDQUFDO29CQUMxQyxTQUFTLEVBQUUsQ0FBQzs0QkFDVixPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLG9CQUFvQjs0QkFDL0IsS0FBSyxFQUFFLElBQUk7eUJBQ1osQ0FBQztpQkFDSDtnR0FHVSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ2lCLFNBQVM7c0JBQWhDLFNBQVM7dUJBQUMsV0FBVztnQkFDQSxPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBSZW5kZXJlcjIsXG4gIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U3ViamVjdH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7ZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XG5pbXBvcnQge0NvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xjdC1pbnB1dC10ZXh0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LXRleHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC10ZXh0LmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogSW5wdXRUZXh0Q29tcG9uZW50LFxuICAgIG11bHRpOiB0cnVlXG4gIH1dXG59KVxuZXhwb3J0IGNsYXNzIElucHV0VGV4dENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGljb24gPSAnJ1xuICBASW5wdXQoKSBpY29uUG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCcgPSAncmlnaHQnO1xuICBASW5wdXQoKSBwZGFBdXRvRW50ZXIgPSBmYWxzZTtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgc2hvd0ljb24gPSBmYWxzZTtcbiAgQElucHV0KCkgdGl0bGUgPSAnSW5zZXJ0IFRpdGxlJztcbiAgQElucHV0KCkgdHlwZTogJ2VtYWlsJyB8ICdudW1iZXInIHwgJ3RleHQnID0gJ3RleHQnO1xuICBAT3V0cHV0KCkgZW50ZXJFbWl0dGVkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KClcbiAgQE91dHB1dCgpIGljb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGlucHV0Q2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBWaWV3Q2hpbGQoJ2lucHV0U2NhbicpIGlucHV0U2NhbjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcbiAgQFZpZXdDaGlsZCgnaWNvbkRpdicpIGljb25EaXY6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG5cbiAgaW5wdXRWYWx1ZSA9ICcnO1xuICBwdWJsaWMgbHBuVXBkYXRlID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xuXG4gIHB1YmxpYyBwcm9wYWdhdGVDaGFuZ2UgPSAoXzogYW55KSA9PiB7IH07XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXI6IFJlbmRlcmVyMikge1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICh0aGlzLmljb25Qb3NpdGlvbiA9PT0gXCJsZWZ0XCIgJiYgdGhpcy5zaG93SWNvbikge1xuICAgICAgdGhpcy5yZW5kZXIuYWRkQ2xhc3ModGhpcy5pbnB1dFNjYW4/Lm5hdGl2ZUVsZW1lbnQsICdpY29uTGVmdCcpXG4gICAgICB0aGlzLnJlbmRlci5hZGRDbGFzcyh0aGlzLmljb25EaXY/Lm5hdGl2ZUVsZW1lbnQsICdpY29uTGVmdCcpXG4gICAgfVxuICAgIGlmICh0aGlzLnBkYUF1dG9FbnRlcikge1xuICAgICAgdGhpcy5scG5VcGRhdGVcbiAgICAgICAgLnBpcGUoXG4gICAgICAgICAgZGVib3VuY2VUaW1lKDIwMCksXG4gICAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKVxuICAgICAgICApXG4gICAgICAgIC5zdWJzY3JpYmUoYXN5bmMgdmFsdWUgPT4ge1xuICAgICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5lbnRlckVtaXQoKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICBpZiAodHlwZW9mIHZhbHVlICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgdGhpcy5vbktleVVwSGFuZGxlcih2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAvLyBjb25zb2xlLmxvZygncmVnIHRvdWNoJywgZm4pXG4gIH1cblxuICBvbktleVVwSGFuZGxlcihldmVudD86IEtleWJvYXJkRXZlbnQgfCBzdHJpbmcpIHtcbiAgICBpZiAoIXRoaXMuaW5wdXRWYWx1ZSAmJiB0eXBlb2YgZXZlbnQgPT09ICdzdHJpbmcnKSB7XG4gICAgICB0aGlzLmlucHV0VmFsdWUgPSBldmVudDtcbiAgICB9XG4gICAgaWYgKHRoaXMuaW5wdXRWYWx1ZSAmJiBldmVudCA9PT0gbnVsbCl7XG4gICAgICB0aGlzLmlucHV0VmFsdWUgPSAnJztcbiAgICB9XG4gICAgaWYgKHRoaXMuaW5wdXRWYWx1ZSAmJiB0eXBlb2YgZXZlbnQgPT09ICdzdHJpbmcnICYmIGV2ZW50PT09JycpIHtcbiAgICAgIHRoaXMuaW5wdXRWYWx1ZSA9ICcnO1xuICAgIH1cbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh0aGlzLmlucHV0VmFsdWUpO1xuICB9XG5cbiAgY2xpY2soKSB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLmljb25DbGljay5lbWl0KCdpY29uQ2xpY2snKVxuICAgIH1cbiAgfVxuXG4gIGNsaWNrSW5wdXQoICkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5pbnB1dENsaWNrLmVtaXQoJ2lucHV0Q2xpY2snKVxuICAgIH1cbiAgfVxuXG4gIGVudGVyRW1pdCgpIHtcbiAgICBpZiAodGhpcy5pbnB1dFZhbHVlKSB7XG4gICAgICB0aGlzLmVudGVyRW1pdHRlZC5lbWl0KHRoaXMuaW5wdXRWYWx1ZSk7XG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXY+XG4gIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxuICAgIHt7dGl0bGV9fVxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImlucHV0LXdpdGgtaWNvbiBpY29uTGVmdFwiPlxuICAgIDxpbnB1dCBbdHlwZV09XCJ0eXBlXCJcbiAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgICAjaW5wdXRTY2FuXG4gICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgICAgIFsobmdNb2RlbCldPVwiaW5wdXRWYWx1ZVwiXG4gICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cImVudGVyRW1pdCgpXCJcbiAgICAgICAgICAgKGtleWRvd24udGFiKT1cImVudGVyRW1pdCgpXCJcbiAgICAgICAgICAgKGtleXVwKT1cIm9uS2V5VXBIYW5kbGVyKCRldmVudClcIlxuICAgICAgICAgICAoY2xpY2spPVwiY2xpY2tJbnB1dCgpXCJcbiAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwibHBuVXBkYXRlLm5leHQoaW5wdXRTY2FuLnZhbHVlKTtcIlxuICAgID5cbiAgICA8ZGl2IGNsYXNzPVwiaWNvblwiICNpY29uRGl2ICpuZ0lmPVwic2hvd0ljb25cIj5cbiAgICAgIDxpbWcgW3NyY109XCJpY29uXCIgW25nU3R5bGVdPVwieydjdXJzb3InOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcid9XCIgYWx0PVwiXCIgKGNsaWNrKT1cImNsaWNrKClcIj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ== |
| import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core'; | ||
| import * as i0 from "@angular/core"; | ||
| import * as i1 from "@angular/common"; | ||
| import * as i2 from "@angular/forms"; | ||
| import * as i1 from "@angular/forms"; | ||
| import * as i2 from "@angular/common"; | ||
| export class SelectComponent { | ||
@@ -9,2 +9,3 @@ constructor() { | ||
| this.title = 'Insert title'; | ||
| this.placeholder = 'Select one option'; | ||
| this.value = new EventEmitter(); | ||
@@ -14,7 +15,4 @@ this.myInputField = new ElementRef(''); | ||
| this.show = false; | ||
| this.selected = this.options[0]; | ||
| this.selected = 'default'; | ||
| } | ||
| ngAfterViewInit() { | ||
| this.selected = this.options[0]; | ||
| } | ||
| ngOnInit() { | ||
@@ -47,3 +45,2 @@ } | ||
| hidenKeyboard() { | ||
| console.log('hola'); | ||
| this.myInputField.nativeElement.setAttribute('inputmode', 'none'); | ||
@@ -57,3 +54,3 @@ setTimeout(() => { | ||
| SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); | ||
| SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SelectComponent, selector: "lct-select", inputs: { options: "options", title: "title" }, outputs: { value: "value" }, viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true }, { propertyName: "myInputField", first: true, predicate: ["myinput"], descendants: true }], ngImport: i0, template: "<div [id]=\"title\">\n <div class=\"title\">{{title}}</div>\n <div class=\"select-box disabled\">\n <div #select\n class=\"select-box__current\"\n tabindex=\"1\"\n (click)=\"toggleSelect()\"\n (blur)=\"hideSelect()\">\n <div class=\"select-box__value\" *ngFor=\"let option of options; let i = index\">\n <input\n #myinput\n (click)=\"hidenKeyboard()\"\n class=\"select-box__input\"\n type=\"radio\"\n [id]=\"title.replace(regexTrim, '')+i\"\n [value]=\"option\"\n [name]=\"title.replace(regexTrim, '')\"\n [checked]=\"i===0\"\n [(ngModel)]=\"selected\"\n (ngModelChange)=\"changeValue(option)\"/>\n <p class=\"select-box__input-text\">{{option}}</p>\n </div>\n <img class=\"select-box__icon\" src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3NzUuNEwxMCwyODcuMmw2NC40LTYyLjZMNTAwLDY1MC4ybDQyNS42LTQyNS42bDY0LjQsNjIuNkw1MDAsNzc1LjR6Ii8+PC9nPg0KPC9zdmc+\" alt=\"Arrow Icon\"\n aria-hidden=\"true\"/>\n <!--<img class=\"select-box__icon\" src=\"https://cdn.onlinewebfonts.com/svg/img_295694.svg\" alt=\"Arrow Icon\"\n aria-hidden=\"true\"/>-->\n </div>\n <ul class=\"select-box__list\">\n <li *ngFor=\"let option of options; let i = index\">\n <label class=\"select-box__option\" [for]=\"title.replace(regexTrim, '')+i\" aria-hidden=\"aria-hidden\"\n (click)=\"clickOption(option)\">{{option}}</label>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".title{font-family:\"Barlow\",\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif;color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px;margin-left:2px;margin-bottom:5px}.select-box__list{z-index:1;margin-top:0}.select-box{position:relative;display:block;width:100%;margin:0 auto;font-family:\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif;font-size:15px;color:#60666d}.select-box__current{position:relative;box-shadow:0 15px 30px -10px #0000001a;cursor:pointer;outline:none;z-index:auto}.select-box__current:focus+.select-box__list{position:absolute;opacity:1;box-sizing:border-box;border:1px solid #E0E5EE;border-radius:5px;background-color:#fff;animation-name:none}.select-box__current:focus+.select-box__list .select-box__option{cursor:pointer}.select-box__current:focus .select-box__icon{transform:translateY(-50%) rotate(180deg)}.select-box__icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;opacity:.3;transition:.2s ease}.select-box__value{display:flex}.select-box__input{display:none}.select-box__input:checked+.select-box__input-text{display:flex;align-items:center}.select-box__input-text{display:none;width:100%;margin:0;padding-left:12px;height:40px;box-sizing:border-box;border:1px solid #C2C2C2;border-radius:5px;background-color:#e0e5ee}@media (max-width: 375px){.select-box__input-text{height:50px!important}}.select-box__list{position:absolute;width:100%;padding:0;list-style:none;opacity:0;animation-name:HideList;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards;animation-timing-function:step-start;box-shadow:0 15px 30px -10px #0000001a}.select-box__option{display:block;background-color:#fff;padding:10px}.select-box__option:hover,.select-box__option:focus{color:#546c84;background-color:#fbfbfb}@keyframes HideList{0%{transform:scaleY(1)}to{transform:scaleY(0)}}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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"] }] }); | ||
| SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SelectComponent, selector: "lct-select", inputs: { options: "options", title: "title", placeholder: "placeholder" }, outputs: { value: "value" }, viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true }, { propertyName: "myInputField", first: true, predicate: ["myinput"], descendants: true }], ngImport: i0, template: "<div [id]=\"title\">\n <div class=\"title\">{{title}}</div>\n <div class=\"select-box disabled\">\n <div #select\n class=\"select-box__current\"\n tabindex=\"1\"\n (click)=\"toggleSelect()\"\n (blur)=\"hideSelect()\">\n <div class=\"select-box__value\">\n <input\n (click)=\"hidenKeyboard()\"\n class=\"select-box__input\"\n type=\"radio\"\n id=\"default\"\n [value]=\"'default'\"\n [name]=\"title.replace(regexTrim, '')\"\n checked\n [(ngModel)]=\"selected\"\n (ngModelChange)=\"changeValue('default')\"/>\n <p class=\"select-box__input-text\">{{placeholder}}</p>\n </div>\n <div class=\"select-box__value\" *ngFor=\"let option of options; let i = index\">\n <input\n #myinput\n (click)=\"hidenKeyboard()\"\n class=\"select-box__input\"\n type=\"radio\"\n [id]=\"title.replace(regexTrim, '')+i\"\n [value]=\"option\"\n [name]=\"title.replace(regexTrim, '')\"\n [checked]=\"i+1===0\"\n [(ngModel)]=\"selected\"\n (ngModelChange)=\"changeValue(option)\"/>\n <p class=\"select-box__input-text\">{{option}}</p>\n </div>\n <img class=\"select-box__icon\" src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3NzUuNEwxMCwyODcuMmw2NC40LTYyLjZMNTAwLDY1MC4ybDQyNS42LTQyNS42bDY0LjQsNjIuNkw1MDAsNzc1LjR6Ii8+PC9nPg0KPC9zdmc+\" alt=\"Arrow Icon\"\n aria-hidden=\"true\"/>\n <!--<img class=\"select-box__icon\" src=\"https://cdn.onlinewebfonts.com/svg/img_295694.svg\" alt=\"Arrow Icon\"\n aria-hidden=\"true\"/>-->\n </div>\n <ul class=\"select-box__list\">\n <li *ngFor=\"let option of options; let i = index\">\n <label class=\"select-box__option\" [for]=\"title.replace(regexTrim, '')+i\" aria-hidden=\"aria-hidden\"\n (click)=\"clickOption(option)\">{{option}}</label>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".title{font-family:\"Barlow\",\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif;color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px;margin-left:2px;margin-bottom:5px}.select-box__list{z-index:1;margin-top:0}.select-box{position:relative;display:block;width:100%;margin:0 auto;font-family:\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif;font-size:15px;color:#60666d}.select-box__current{position:relative;box-shadow:0 15px 30px -10px #0000001a;cursor:pointer;outline:none;z-index:auto}.select-box__current:focus+.select-box__list{position:absolute;opacity:1;box-sizing:border-box;border:1px solid #E0E5EE;border-radius:5px;background-color:#fff;animation-name:none}.select-box__current:focus+.select-box__list .select-box__option{cursor:pointer}.select-box__current:focus .select-box__icon{transform:translateY(-50%) rotate(180deg)}.select-box__icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;opacity:.3;transition:.2s ease}.select-box__value{display:flex}.select-box__input{display:none}.select-box__input:checked+.select-box__input-text{display:flex;align-items:center}.select-box__input-text{display:none;width:100%;margin:0;padding-left:12px;height:40px;box-sizing:border-box;border:1px solid #C2C2C2;border-radius:5px;background-color:#e0e5ee}@media (max-width: 375px){.select-box__input-text{height:50px!important}}.select-box__list{position:absolute;width:100%;padding:0;list-style:none;opacity:0;animation-name:HideList;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards;animation-timing-function:step-start;box-shadow:0 15px 30px -10px #0000001a}.select-box__option{display:block;background-color:#fff;padding:10px}.select-box__option:hover,.select-box__option:focus{color:#546c84;background-color:#fbfbfb}@keyframes HideList{0%{transform:scaleY(1)}to{transform:scaleY(0)}}\n"], directives: [{ type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); | ||
| i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: SelectComponent, decorators: [{ | ||
@@ -70,2 +67,4 @@ type: Component, | ||
| type: Input | ||
| }], placeholder: [{ | ||
| type: Input | ||
| }], select: [{ | ||
@@ -80,2 +79,2 @@ type: ViewChild, | ||
| }] } }); | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xjdC1jb21wb25lbnRzL3NyYy9saWIvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sY3QtY29tcG9uZW50cy9zcmMvbGliL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztBQU9uSCxNQUFNLE9BQU8sZUFBZTtJQVkxQjtRQVZTLFlBQU8sR0FBRyxDQUFDLCtCQUErQixDQUFDLENBQUE7UUFDM0MsVUFBSyxHQUFHLGNBQWMsQ0FBQztRQUV0QixVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNmLGlCQUFZLEdBQWUsSUFBSSxVQUFVLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDcEUsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNULFNBQUksR0FBRyxLQUFLLENBQUM7UUFFckIsYUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFFWCxDQUFDO0lBRWpCLGVBQWU7UUFDYixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWE7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsVUFBVSxDQUFDLEdBQUcsRUFBRTs7Z0JBQ2QsTUFBQSxJQUFJLENBQUMsTUFBTSwwQ0FBRSxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ2xDLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1lBQ3BCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztTQUNSO2FBQU07WUFDTCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztTQUNsQjtJQUNILENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7U0FDbkI7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWE7UUFDdkIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxhQUFhO1FBQ1gsT0FBTyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ2xFLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUN4QyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDL0QsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQzs7NEdBdERVLGVBQWU7Z0dBQWYsZUFBZSwyVENQNUIsMnBFQW1DQTsyRkQ1QmEsZUFBZTtrQkFMM0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsV0FBVyxFQUFFLHlCQUF5QjtvQkFDdEMsU0FBUyxFQUFFLENBQUMseUJBQXlCLENBQUM7aUJBQ3ZDOzBFQUdVLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ2UsTUFBTTtzQkFBMUIsU0FBUzt1QkFBQyxRQUFRO2dCQUNULEtBQUs7c0JBQWQsTUFBTTtnQkFDZSxZQUFZO3NCQUFqQyxTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xjdC1zZWxlY3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcblxuICBASW5wdXQoKSBvcHRpb25zID0gWydJbnNlcnQgVmFsdWVzIGFzIHN0cmluZyBhcnJheSddXG4gIEBJbnB1dCgpIHRpdGxlID0gJ0luc2VydCB0aXRsZSc7XG4gIEBWaWV3Q2hpbGQoJ3NlbGVjdCcpIHNlbGVjdDogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcbiAgQE91dHB1dCgpIHZhbHVlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAVmlld0NoaWxkKFwibXlpbnB1dFwiKSBteUlucHV0RmllbGQ6IEVsZW1lbnRSZWYgPSBuZXcgRWxlbWVudFJlZignJyk7XG4gIHJlZ2V4VHJpbSA9IC8gL2c7XG4gIHByaXZhdGUgc2hvdyA9IGZhbHNlO1xuXG4gIHNlbGVjdGVkID0gdGhpcy5vcHRpb25zWzBdO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMuc2VsZWN0ZWQgPSB0aGlzLm9wdGlvbnNbMF07XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIGNoYW5nZVZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLnZhbHVlLmVtaXQodmFsdWUpO1xuICAgIHRoaXMuaGlkZVNlbGVjdCgpO1xuICB9XG5cbiAgdG9nZ2xlU2VsZWN0KCkge1xuICAgIGlmICh0aGlzLnNob3cpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLnNlbGVjdD8ubmF0aXZlRWxlbWVudC5ibHVyKCk7XG4gICAgICAgIHRoaXMuc2hvdyA9IGZhbHNlO1xuICAgICAgfSwgNTApO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNob3cgPSB0cnVlO1xuICAgIH1cbiAgfVxuXG4gIGhpZGVTZWxlY3QoKSB7XG4gICAgaWYgKHRoaXMuc2hvdykge1xuICAgICAgdGhpcy5zaG93ID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgY2xpY2tPcHRpb24odmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMudG9nZ2xlU2VsZWN0KCk7XG4gIH1cblxuICBoaWRlbktleWJvYXJkKCkge1xuICAgIGNvbnNvbGUubG9nKCdob2xhJyk7XG4gICAgdGhpcy5teUlucHV0RmllbGQubmF0aXZlRWxlbWVudC5zZXRBdHRyaWJ1dGUoJ2lucHV0bW9kZScsICdub25lJyk7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLm15SW5wdXRGaWVsZC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgICB0aGlzLm15SW5wdXRGaWVsZC5uYXRpdmVFbGVtZW50LnJlbW92ZUF0dHJpYnV0ZSgnaW5wdXRtb2RlJyk7XG4gICAgfSwgMTAwKTtcbiAgfVxuXG59XG4iLCI8ZGl2IFtpZF09XCJ0aXRsZVwiPlxuICA8ZGl2IGNsYXNzPVwidGl0bGVcIj57e3RpdGxlfX08L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNlbGVjdC1ib3ggZGlzYWJsZWRcIj5cbiAgICA8ZGl2ICNzZWxlY3RcbiAgICAgICAgIGNsYXNzPVwic2VsZWN0LWJveF9fY3VycmVudFwiXG4gICAgICAgICB0YWJpbmRleD1cIjFcIlxuICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZVNlbGVjdCgpXCJcbiAgICAgICAgIChibHVyKT1cImhpZGVTZWxlY3QoKVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInNlbGVjdC1ib3hfX3ZhbHVlXCIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgICNteWlucHV0XG4gICAgICAgICAgKGNsaWNrKT1cImhpZGVuS2V5Ym9hcmQoKVwiXG4gICAgICAgICAgY2xhc3M9XCJzZWxlY3QtYm94X19pbnB1dFwiXG4gICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICBbaWRdPVwidGl0bGUucmVwbGFjZShyZWdleFRyaW0sICcnKStpXCJcbiAgICAgICAgICBbdmFsdWVdPVwib3B0aW9uXCJcbiAgICAgICAgICBbbmFtZV09XCJ0aXRsZS5yZXBsYWNlKHJlZ2V4VHJpbSwgJycpXCJcbiAgICAgICAgICBbY2hlY2tlZF09XCJpPT09MFwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZFwiXG4gICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlVmFsdWUob3B0aW9uKVwiLz5cbiAgICAgICAgPHAgY2xhc3M9XCJzZWxlY3QtYm94X19pbnB1dC10ZXh0XCI+e3tvcHRpb259fTwvcD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGltZyBjbGFzcz1cInNlbGVjdC1ib3hfX2ljb25cIiBzcmM9XCJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBEOTRiV3dnZG1WeWMybHZiajBpTVM0d0lpQmxibU52WkdsdVp6MGlkWFJtTFRnaVB6NE5DandoTFMwZ1UzWm5JRlpsWTNSdmNpQkpZMjl1Y3lBNklHaDBkSEE2THk5M2QzY3ViMjVzYVc1bGQyVmlabTl1ZEhNdVkyOXRMMmxqYjI0Z0xTMCtEUW84SVVSUFExUlpVRVVnYzNabklGQlZRa3hKUXlBaUxTOHZWek5ETHk5RVZFUWdVMVpISURFdU1TOHZSVTRpSUNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk5SGNtRndhR2xqY3k5VFZrY3ZNUzR4TDBSVVJDOXpkbWN4TVM1a2RHUWlQZzBLUEhOMlp5QjJaWEp6YVc5dVBTSXhMakVpSUhodGJHNXpQU0pvZEhSd09pOHZkM2QzTG5jekxtOXlaeTh5TURBd0wzTjJaeUlnZUcxc2JuTTZlR3hwYm1zOUltaDBkSEE2THk5M2QzY3Vkek11YjNKbkx6RTVPVGt2ZUd4cGJtc2lJSGc5SWpCd2VDSWdlVDBpTUhCNElpQjJhV1YzUW05NFBTSXdJREFnTVRBd01DQXhNREF3SWlCbGJtRmliR1V0WW1GamEyZHliM1Z1WkQwaWJtVjNJREFnTUNBeE1EQXdJREV3TURBaUlIaHRiRHB6Y0dGalpUMGljSEpsYzJWeWRtVWlQZzBLUEcxbGRHRmtZWFJoUGlCVGRtY2dWbVZqZEc5eUlFbGpiMjV6SURvZ2FIUjBjRG92TDNkM2R5NXZibXhwYm1WM1pXSm1iMjUwY3k1amIyMHZhV052YmlBOEwyMWxkR0ZrWVhSaFBnMEtQR2MrUEhCaGRHZ2daRDBpVFRVd01DdzNOelV1TkV3eE1Dd3lPRGN1TW13Mk5DNDBMVFl5TGpaTU5UQXdMRFkxTUM0eWJEUXlOUzQyTFRReU5TNDJiRFkwTGpRc05qSXVOa3cxTURBc056YzFMalI2SWk4K1BDOW5QZzBLUEM5emRtYytcIiBhbHQ9XCJBcnJvdyBJY29uXCJcbiAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCIvPlxuICAgICAgPCEtLTxpbWcgY2xhc3M9XCJzZWxlY3QtYm94X19pY29uXCIgc3JjPVwiaHR0cHM6Ly9jZG4ub25saW5ld2ViZm9udHMuY29tL3N2Zy9pbWdfMjk1Njk0LnN2Z1wiIGFsdD1cIkFycm93IEljb25cIlxuICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIi8+LS0+XG4gICAgPC9kaXY+XG4gICAgPHVsIGNsYXNzPVwic2VsZWN0LWJveF9fbGlzdFwiPlxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uczsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICA8bGFiZWwgY2xhc3M9XCJzZWxlY3QtYm94X19vcHRpb25cIiBbZm9yXT1cInRpdGxlLnJlcGxhY2UocmVnZXhUcmltLCAnJykraVwiIGFyaWEtaGlkZGVuPVwiYXJpYS1oaWRkZW5cIlxuICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrT3B0aW9uKG9wdGlvbilcIj57e29wdGlvbn19PC9sYWJlbD5cbiAgICAgIDwvbGk+XG4gICAgPC91bD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ== | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xjdC1jb21wb25lbnRzL3NyYy9saWIvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sY3QtY29tcG9uZW50cy9zcmMvbGliL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3JHLE1BQU0sT0FBTyxlQUFlO0lBYTFCO1FBWFMsWUFBTyxHQUFHLENBQUMsK0JBQStCLENBQUMsQ0FBQTtRQUMzQyxVQUFLLEdBQUcsY0FBYyxDQUFDO1FBQ3ZCLGdCQUFXLEdBQUcsbUJBQW1CLENBQUM7UUFFakMsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDZixpQkFBWSxHQUFlLElBQUksVUFBVSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3BFLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDVCxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBRXJCLGFBQVEsR0FBRyxTQUFTLENBQUM7SUFFTCxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWE7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsVUFBVSxDQUFDLEdBQUcsRUFBRTs7Z0JBQ2QsTUFBQSxJQUFJLENBQUMsTUFBTSwwQ0FBRSxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ2xDLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1lBQ3BCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztTQUNSO2FBQU07WUFDTCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztTQUNsQjtJQUNILENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7U0FDbkI7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWE7UUFDdkIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUNsRSxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDeEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQy9ELENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7OzRHQWxEVSxlQUFlO2dHQUFmLGVBQWUsdVZDUDVCLDBtRkFnREE7MkZEekNhLGVBQWU7a0JBTDNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFdBQVcsRUFBRSx5QkFBeUI7b0JBQ3RDLFNBQVMsRUFBRSxDQUFDLHlCQUF5QixDQUFDO2lCQUN2QzswRUFHVSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ2UsTUFBTTtzQkFBMUIsU0FBUzt1QkFBQyxRQUFRO2dCQUNULEtBQUs7c0JBQWQsTUFBTTtnQkFDZSxZQUFZO3NCQUFqQyxTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsY3Qtc2VsZWN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgb3B0aW9ucyA9IFsnSW5zZXJ0IFZhbHVlcyBhcyBzdHJpbmcgYXJyYXknXVxuICBASW5wdXQoKSB0aXRsZSA9ICdJbnNlcnQgdGl0bGUnO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICdTZWxlY3Qgb25lIG9wdGlvbic7XG4gIEBWaWV3Q2hpbGQoJ3NlbGVjdCcpIHNlbGVjdDogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcbiAgQE91dHB1dCgpIHZhbHVlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAVmlld0NoaWxkKFwibXlpbnB1dFwiKSBteUlucHV0RmllbGQ6IEVsZW1lbnRSZWYgPSBuZXcgRWxlbWVudFJlZignJyk7XG4gIHJlZ2V4VHJpbSA9IC8gL2c7XG4gIHByaXZhdGUgc2hvdyA9IGZhbHNlO1xuXG4gIHNlbGVjdGVkID0gJ2RlZmF1bHQnO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBjaGFuZ2VWYWx1ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy52YWx1ZS5lbWl0KHZhbHVlKTtcbiAgICB0aGlzLmhpZGVTZWxlY3QoKTtcbiAgfVxuXG4gIHRvZ2dsZVNlbGVjdCgpIHtcbiAgICBpZiAodGhpcy5zaG93KSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5zZWxlY3Q/Lm5hdGl2ZUVsZW1lbnQuYmx1cigpO1xuICAgICAgICB0aGlzLnNob3cgPSBmYWxzZTtcbiAgICAgIH0sIDUwKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zaG93ID0gdHJ1ZTtcbiAgICB9XG4gIH1cblxuICBoaWRlU2VsZWN0KCkge1xuICAgIGlmICh0aGlzLnNob3cpIHtcbiAgICAgIHRoaXMuc2hvdyA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIGNsaWNrT3B0aW9uKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLnRvZ2dsZVNlbGVjdCgpO1xuICB9XG5cbiAgaGlkZW5LZXlib2FyZCgpIHtcbiAgICB0aGlzLm15SW5wdXRGaWVsZC5uYXRpdmVFbGVtZW50LnNldEF0dHJpYnV0ZSgnaW5wdXRtb2RlJywgJ25vbmUnKTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMubXlJbnB1dEZpZWxkLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgIHRoaXMubXlJbnB1dEZpZWxkLm5hdGl2ZUVsZW1lbnQucmVtb3ZlQXR0cmlidXRlKCdpbnB1dG1vZGUnKTtcbiAgICB9LCAxMDApO1xuICB9XG5cbn1cbiIsIjxkaXYgW2lkXT1cInRpdGxlXCI+XG4gIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPnt7dGl0bGV9fTwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic2VsZWN0LWJveCBkaXNhYmxlZFwiPlxuICAgIDxkaXYgI3NlbGVjdFxuICAgICAgICAgY2xhc3M9XCJzZWxlY3QtYm94X19jdXJyZW50XCJcbiAgICAgICAgIHRhYmluZGV4PVwiMVwiXG4gICAgICAgICAoY2xpY2spPVwidG9nZ2xlU2VsZWN0KClcIlxuICAgICAgICAgKGJsdXIpPVwiaGlkZVNlbGVjdCgpXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic2VsZWN0LWJveF9fdmFsdWVcIj5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgKGNsaWNrKT1cImhpZGVuS2V5Ym9hcmQoKVwiXG4gICAgICAgICAgY2xhc3M9XCJzZWxlY3QtYm94X19pbnB1dFwiXG4gICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICBpZD1cImRlZmF1bHRcIlxuICAgICAgICAgIFt2YWx1ZV09XCInZGVmYXVsdCdcIlxuICAgICAgICAgIFtuYW1lXT1cInRpdGxlLnJlcGxhY2UocmVnZXhUcmltLCAnJylcIlxuICAgICAgICAgIGNoZWNrZWRcbiAgICAgICAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkXCJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJjaGFuZ2VWYWx1ZSgnZGVmYXVsdCcpXCIvPlxuICAgICAgICA8cCBjbGFzcz1cInNlbGVjdC1ib3hfX2lucHV0LXRleHRcIj57e3BsYWNlaG9sZGVyfX08L3A+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzZWxlY3QtYm94X192YWx1ZVwiICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uczsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICAjbXlpbnB1dFxuICAgICAgICAgIChjbGljayk9XCJoaWRlbktleWJvYXJkKClcIlxuICAgICAgICAgIGNsYXNzPVwic2VsZWN0LWJveF9faW5wdXRcIlxuICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgW2lkXT1cInRpdGxlLnJlcGxhY2UocmVnZXhUcmltLCAnJykraVwiXG4gICAgICAgICAgW3ZhbHVlXT1cIm9wdGlvblwiXG4gICAgICAgICAgW25hbWVdPVwidGl0bGUucmVwbGFjZShyZWdleFRyaW0sICcnKVwiXG4gICAgICAgICAgW2NoZWNrZWRdPVwiaSsxPT09MFwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZFwiXG4gICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlVmFsdWUob3B0aW9uKVwiLz5cbiAgICAgICAgPHAgY2xhc3M9XCJzZWxlY3QtYm94X19pbnB1dC10ZXh0XCI+e3tvcHRpb259fTwvcD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGltZyBjbGFzcz1cInNlbGVjdC1ib3hfX2ljb25cIiBzcmM9XCJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBEOTRiV3dnZG1WeWMybHZiajBpTVM0d0lpQmxibU52WkdsdVp6MGlkWFJtTFRnaVB6NE5DandoTFMwZ1UzWm5JRlpsWTNSdmNpQkpZMjl1Y3lBNklHaDBkSEE2THk5M2QzY3ViMjVzYVc1bGQyVmlabTl1ZEhNdVkyOXRMMmxqYjI0Z0xTMCtEUW84SVVSUFExUlpVRVVnYzNabklGQlZRa3hKUXlBaUxTOHZWek5ETHk5RVZFUWdVMVpISURFdU1TOHZSVTRpSUNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk5SGNtRndhR2xqY3k5VFZrY3ZNUzR4TDBSVVJDOXpkbWN4TVM1a2RHUWlQZzBLUEhOMlp5QjJaWEp6YVc5dVBTSXhMakVpSUhodGJHNXpQU0pvZEhSd09pOHZkM2QzTG5jekxtOXlaeTh5TURBd0wzTjJaeUlnZUcxc2JuTTZlR3hwYm1zOUltaDBkSEE2THk5M2QzY3Vkek11YjNKbkx6RTVPVGt2ZUd4cGJtc2lJSGc5SWpCd2VDSWdlVDBpTUhCNElpQjJhV1YzUW05NFBTSXdJREFnTVRBd01DQXhNREF3SWlCbGJtRmliR1V0WW1GamEyZHliM1Z1WkQwaWJtVjNJREFnTUNBeE1EQXdJREV3TURBaUlIaHRiRHB6Y0dGalpUMGljSEpsYzJWeWRtVWlQZzBLUEcxbGRHRmtZWFJoUGlCVGRtY2dWbVZqZEc5eUlFbGpiMjV6SURvZ2FIUjBjRG92TDNkM2R5NXZibXhwYm1WM1pXSm1iMjUwY3k1amIyMHZhV052YmlBOEwyMWxkR0ZrWVhSaFBnMEtQR2MrUEhCaGRHZ2daRDBpVFRVd01DdzNOelV1TkV3eE1Dd3lPRGN1TW13Mk5DNDBMVFl5TGpaTU5UQXdMRFkxTUM0eWJEUXlOUzQyTFRReU5TNDJiRFkwTGpRc05qSXVOa3cxTURBc056YzFMalI2SWk4K1BDOW5QZzBLUEM5emRtYytcIiBhbHQ9XCJBcnJvdyBJY29uXCJcbiAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCIvPlxuICAgICAgPCEtLTxpbWcgY2xhc3M9XCJzZWxlY3QtYm94X19pY29uXCIgc3JjPVwiaHR0cHM6Ly9jZG4ub25saW5ld2ViZm9udHMuY29tL3N2Zy9pbWdfMjk1Njk0LnN2Z1wiIGFsdD1cIkFycm93IEljb25cIlxuICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIi8+LS0+XG4gICAgPC9kaXY+XG4gICAgPHVsIGNsYXNzPVwic2VsZWN0LWJveF9fbGlzdFwiPlxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uczsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICA8bGFiZWwgY2xhc3M9XCJzZWxlY3QtYm94X19vcHRpb25cIiBbZm9yXT1cInRpdGxlLnJlcGxhY2UocmVnZXhUcmltLCAnJykraVwiIGFyaWEtaGlkZGVuPVwiYXJpYS1oaWRkZW5cIlxuICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrT3B0aW9uKG9wdGlvbilcIj57e29wdGlvbn19PC9sYWJlbD5cbiAgICAgIDwvbGk+XG4gICAgPC91bD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ== |
@@ -5,3 +5,3 @@ import * as i0 from '@angular/core'; | ||
| import { CommonModule } from '@angular/common'; | ||
| import * as i2 from '@angular/forms'; | ||
| import * as i1$1 from '@angular/forms'; | ||
| import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms'; | ||
@@ -103,3 +103,3 @@ import { __awaiter } from 'tslib'; | ||
| 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" }, 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"] }] }); | ||
| i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: SelectMultipleComponent, decorators: [{ | ||
@@ -130,2 +130,3 @@ type: Component, | ||
| this.title = 'Insert title'; | ||
| this.placeholder = 'Select one option'; | ||
| this.value = new EventEmitter(); | ||
@@ -135,7 +136,4 @@ this.myInputField = new ElementRef(''); | ||
| this.show = false; | ||
| this.selected = this.options[0]; | ||
| this.selected = 'default'; | ||
| } | ||
| ngAfterViewInit() { | ||
| this.selected = this.options[0]; | ||
| } | ||
| ngOnInit() { | ||
@@ -168,3 +166,2 @@ } | ||
| hidenKeyboard() { | ||
| console.log('hola'); | ||
| this.myInputField.nativeElement.setAttribute('inputmode', 'none'); | ||
@@ -178,3 +175,3 @@ setTimeout(() => { | ||
| SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); | ||
| SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SelectComponent, selector: "lct-select", inputs: { options: "options", title: "title" }, outputs: { value: "value" }, viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true }, { propertyName: "myInputField", first: true, predicate: ["myinput"], descendants: true }], ngImport: i0, template: "<div [id]=\"title\">\n <div class=\"title\">{{title}}</div>\n <div class=\"select-box disabled\">\n <div #select\n class=\"select-box__current\"\n tabindex=\"1\"\n (click)=\"toggleSelect()\"\n (blur)=\"hideSelect()\">\n <div class=\"select-box__value\" *ngFor=\"let option of options; let i = index\">\n <input\n #myinput\n (click)=\"hidenKeyboard()\"\n class=\"select-box__input\"\n type=\"radio\"\n [id]=\"title.replace(regexTrim, '')+i\"\n [value]=\"option\"\n [name]=\"title.replace(regexTrim, '')\"\n [checked]=\"i===0\"\n [(ngModel)]=\"selected\"\n (ngModelChange)=\"changeValue(option)\"/>\n <p class=\"select-box__input-text\">{{option}}</p>\n </div>\n <img class=\"select-box__icon\" src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3NzUuNEwxMCwyODcuMmw2NC40LTYyLjZMNTAwLDY1MC4ybDQyNS42LTQyNS42bDY0LjQsNjIuNkw1MDAsNzc1LjR6Ii8+PC9nPg0KPC9zdmc+\" alt=\"Arrow Icon\"\n aria-hidden=\"true\"/>\n <!--<img class=\"select-box__icon\" src=\"https://cdn.onlinewebfonts.com/svg/img_295694.svg\" alt=\"Arrow Icon\"\n aria-hidden=\"true\"/>-->\n </div>\n <ul class=\"select-box__list\">\n <li *ngFor=\"let option of options; let i = index\">\n <label class=\"select-box__option\" [for]=\"title.replace(regexTrim, '')+i\" aria-hidden=\"aria-hidden\"\n (click)=\"clickOption(option)\">{{option}}</label>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".title{font-family:\"Barlow\",\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif;color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px;margin-left:2px;margin-bottom:5px}.select-box__list{z-index:1;margin-top:0}.select-box{position:relative;display:block;width:100%;margin:0 auto;font-family:\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif;font-size:15px;color:#60666d}.select-box__current{position:relative;box-shadow:0 15px 30px -10px #0000001a;cursor:pointer;outline:none;z-index:auto}.select-box__current:focus+.select-box__list{position:absolute;opacity:1;box-sizing:border-box;border:1px solid #E0E5EE;border-radius:5px;background-color:#fff;animation-name:none}.select-box__current:focus+.select-box__list .select-box__option{cursor:pointer}.select-box__current:focus .select-box__icon{transform:translateY(-50%) rotate(180deg)}.select-box__icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;opacity:.3;transition:.2s ease}.select-box__value{display:flex}.select-box__input{display:none}.select-box__input:checked+.select-box__input-text{display:flex;align-items:center}.select-box__input-text{display:none;width:100%;margin:0;padding-left:12px;height:40px;box-sizing:border-box;border:1px solid #C2C2C2;border-radius:5px;background-color:#e0e5ee}@media (max-width: 375px){.select-box__input-text{height:50px!important}}.select-box__list{position:absolute;width:100%;padding:0;list-style:none;opacity:0;animation-name:HideList;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards;animation-timing-function:step-start;box-shadow:0 15px 30px -10px #0000001a}.select-box__option{display:block;background-color:#fff;padding:10px}.select-box__option:hover,.select-box__option:focus{color:#546c84;background-color:#fbfbfb}@keyframes HideList{0%{transform:scaleY(1)}to{transform:scaleY(0)}}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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"] }] }); | ||
| SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: SelectComponent, selector: "lct-select", inputs: { options: "options", title: "title", placeholder: "placeholder" }, outputs: { value: "value" }, viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true }, { propertyName: "myInputField", first: true, predicate: ["myinput"], descendants: true }], ngImport: i0, template: "<div [id]=\"title\">\n <div class=\"title\">{{title}}</div>\n <div class=\"select-box disabled\">\n <div #select\n class=\"select-box__current\"\n tabindex=\"1\"\n (click)=\"toggleSelect()\"\n (blur)=\"hideSelect()\">\n <div class=\"select-box__value\">\n <input\n (click)=\"hidenKeyboard()\"\n class=\"select-box__input\"\n type=\"radio\"\n id=\"default\"\n [value]=\"'default'\"\n [name]=\"title.replace(regexTrim, '')\"\n checked\n [(ngModel)]=\"selected\"\n (ngModelChange)=\"changeValue('default')\"/>\n <p class=\"select-box__input-text\">{{placeholder}}</p>\n </div>\n <div class=\"select-box__value\" *ngFor=\"let option of options; let i = index\">\n <input\n #myinput\n (click)=\"hidenKeyboard()\"\n class=\"select-box__input\"\n type=\"radio\"\n [id]=\"title.replace(regexTrim, '')+i\"\n [value]=\"option\"\n [name]=\"title.replace(regexTrim, '')\"\n [checked]=\"i+1===0\"\n [(ngModel)]=\"selected\"\n (ngModelChange)=\"changeValue(option)\"/>\n <p class=\"select-box__input-text\">{{option}}</p>\n </div>\n <img class=\"select-box__icon\" src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3NzUuNEwxMCwyODcuMmw2NC40LTYyLjZMNTAwLDY1MC4ybDQyNS42LTQyNS42bDY0LjQsNjIuNkw1MDAsNzc1LjR6Ii8+PC9nPg0KPC9zdmc+\" alt=\"Arrow Icon\"\n aria-hidden=\"true\"/>\n <!--<img class=\"select-box__icon\" src=\"https://cdn.onlinewebfonts.com/svg/img_295694.svg\" alt=\"Arrow Icon\"\n aria-hidden=\"true\"/>-->\n </div>\n <ul class=\"select-box__list\">\n <li *ngFor=\"let option of options; let i = index\">\n <label class=\"select-box__option\" [for]=\"title.replace(regexTrim, '')+i\" aria-hidden=\"aria-hidden\"\n (click)=\"clickOption(option)\">{{option}}</label>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".title{font-family:\"Barlow\",\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif;color:#3c4149;font-size:12px;letter-spacing:0;line-height:15px;margin-left:2px;margin-bottom:5px}.select-box__list{z-index:1;margin-top:0}.select-box{position:relative;display:block;width:100%;margin:0 auto;font-family:\"Open Sans\",\"Helvetica Neue\",\"Segoe UI\",\"Calibri\",\"Arial\",sans-serif;font-size:15px;color:#60666d}.select-box__current{position:relative;box-shadow:0 15px 30px -10px #0000001a;cursor:pointer;outline:none;z-index:auto}.select-box__current:focus+.select-box__list{position:absolute;opacity:1;box-sizing:border-box;border:1px solid #E0E5EE;border-radius:5px;background-color:#fff;animation-name:none}.select-box__current:focus+.select-box__list .select-box__option{cursor:pointer}.select-box__current:focus .select-box__icon{transform:translateY(-50%) rotate(180deg)}.select-box__icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;opacity:.3;transition:.2s ease}.select-box__value{display:flex}.select-box__input{display:none}.select-box__input:checked+.select-box__input-text{display:flex;align-items:center}.select-box__input-text{display:none;width:100%;margin:0;padding-left:12px;height:40px;box-sizing:border-box;border:1px solid #C2C2C2;border-radius:5px;background-color:#e0e5ee}@media (max-width: 375px){.select-box__input-text{height:50px!important}}.select-box__list{position:absolute;width:100%;padding:0;list-style:none;opacity:0;animation-name:HideList;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards;animation-timing-function:step-start;box-shadow:0 15px 30px -10px #0000001a}.select-box__option{display:block;background-color:#fff;padding:10px}.select-box__option:hover,.select-box__option:focus{color:#546c84;background-color:#fbfbfb}@keyframes HideList{0%{transform:scaleY(1)}to{transform:scaleY(0)}}\n"], directives: [{ type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); | ||
| i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: SelectComponent, decorators: [{ | ||
@@ -191,2 +188,4 @@ type: Component, | ||
| type: Input | ||
| }], placeholder: [{ | ||
| type: Input | ||
| }], select: [{ | ||
@@ -316,2 +315,5 @@ type: ViewChild, | ||
| } | ||
| if (this.inputValue && typeof event === 'string' && event === '') { | ||
| this.inputValue = ''; | ||
| } | ||
| this.propagateChange(this.inputValue); | ||
@@ -340,3 +342,3 @@ } | ||
| multi: true | ||
| }], viewQueries: [{ propertyName: "inputScan", first: true, predicate: ["inputScan"], descendants: true }, { propertyName: "iconDiv", first: true, predicate: ["iconDiv"], descendants: true }], ngImport: i0, template: "<div>\n <div class=\"title\">\n {{title}}\n </div>\n <div class=\"input-with-icon iconLeft\">\n <input [type]=\"type\"\n class=\"form-control\"\n #inputScan\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"inputValue\"\n (keydown.enter)=\"enterEmit()\"\n (keydown.tab)=\"enterEmit()\"\n (keyup)=\"onKeyUpHandler($event)\"\n (click)=\"clickInput()\"\n (ngModelChange)=\"lpnUpdate.next(inputScan.value);\"\n >\n <div class=\"icon\" #iconDiv *ngIf=\"showIcon\">\n <img [src]=\"icon\" [ngStyle]=\"{'cursor': disabled ? 'not-allowed' : 'pointer'}\" alt=\"\" (click)=\"click()\">\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}.input-with-icon{box-sizing:border-box;position:relative;height:40px}@media (max-width: 375px){.input-with-icon{height:50px}}.input-with-icon .form-control{height:100%;width:100%;border:1px solid #C2C2C2;border-radius:5px;background-color:#e0e5ee;box-sizing:border-box;color:#3c4149;font-size:14px;letter-spacing:0;line-height:17px;padding:12px 20px 12px 15px}.input-with-icon .form-control.iconLeft{padding:12px 20px 12px 60px}.input-with-icon .form-control:disabled{cursor:not-allowed;background-color:#c8ccd4}.input-with-icon .icon{position:absolute;right:1%;top:.01rem;width:2.6rem;height:2.6rem;border-radius:.3rem;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.input-with-icon .icon :hover{cursor:pointer}@media (max-width: 375px){.input-with-icon .icon{top:.3rem}}.input-with-icon .icon.iconLeft{left:15px}\n"], directives: [{ type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); | ||
| }], viewQueries: [{ propertyName: "inputScan", first: true, predicate: ["inputScan"], descendants: true }, { propertyName: "iconDiv", first: true, predicate: ["iconDiv"], descendants: true }], ngImport: i0, template: "<div>\n <div class=\"title\">\n {{title}}\n </div>\n <div class=\"input-with-icon iconLeft\">\n <input [type]=\"type\"\n class=\"form-control\"\n #inputScan\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"inputValue\"\n (keydown.enter)=\"enterEmit()\"\n (keydown.tab)=\"enterEmit()\"\n (keyup)=\"onKeyUpHandler($event)\"\n (click)=\"clickInput()\"\n (ngModelChange)=\"lpnUpdate.next(inputScan.value);\"\n >\n <div class=\"icon\" #iconDiv *ngIf=\"showIcon\">\n <img [src]=\"icon\" [ngStyle]=\"{'cursor': disabled ? 'not-allowed' : 'pointer'}\" alt=\"\" (click)=\"click()\">\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}.input-with-icon{box-sizing:border-box;position:relative;height:40px}@media (max-width: 375px){.input-with-icon{height:50px}}.input-with-icon .form-control{height:100%;width:100%;border:1px solid #C2C2C2;border-radius:5px;background-color:#e0e5ee;box-sizing:border-box;color:#3c4149;font-size:14px;letter-spacing:0;line-height:17px;padding:12px 20px 12px 15px}.input-with-icon .form-control.iconLeft{padding:12px 20px 12px 60px}.input-with-icon .form-control:disabled{cursor:not-allowed;background-color:#c8ccd4}.input-with-icon .icon{position:absolute;right:1%;top:.01rem;width:2.6rem;height:2.6rem;border-radius:.3rem;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.input-with-icon .icon :hover{cursor:pointer}@media (max-width: 375px){.input-with-icon .icon{top:.3rem}}.input-with-icon .icon.iconLeft{left:15px}\n"], directives: [{ type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); | ||
| i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: InputTextComponent, decorators: [{ | ||
@@ -343,0 +345,0 @@ type: Component, |
@@ -1,6 +0,7 @@ | ||
| import { AfterViewInit, ElementRef, EventEmitter, OnInit } from '@angular/core'; | ||
| import { ElementRef, EventEmitter, OnInit } from '@angular/core'; | ||
| import * as i0 from "@angular/core"; | ||
| export declare class SelectComponent implements OnInit, AfterViewInit { | ||
| export declare class SelectComponent implements OnInit { | ||
| options: string[]; | ||
| title: string; | ||
| placeholder: string; | ||
| select: ElementRef | undefined; | ||
@@ -13,3 +14,2 @@ value: EventEmitter<any>; | ||
| constructor(); | ||
| ngAfterViewInit(): void; | ||
| ngOnInit(): void; | ||
@@ -22,3 +22,3 @@ changeValue(value: string): void; | ||
| static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>; | ||
| static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "lct-select", never, { "options": "options"; "title": "title"; }, { "value": "value"; }, never, never>; | ||
| static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "lct-select", never, { "options": "options"; "title": "title"; "placeholder": "placeholder"; }, { "value": "value"; }, never, never>; | ||
| } |
| { | ||
| "name": "lct-components", | ||
| "version": "0.1.1", | ||
| "version": "0.1.2", | ||
| "description": "LCT basic components", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
@@ -21,5 +21,5 @@ | ||
| title="Title to component" | ||
| placeholder="Select option" | ||
| (value)="changeSelect($event)" | ||
| [options]="['Select one', 'One Option']]" | ||
| [options]="['Option one', 'option two']]" | ||
| > | ||
@@ -43,2 +43,3 @@ </lct-select> | ||
| placeholder="Insert placeholder" | ||
| [(ngModel)]="value" | ||
| (enterEmitted)="myFunctionEnter($event)" | ||
@@ -59,3 +60,4 @@ iconPosition="right" | ||
| <lct-input-text | ||
| (enterEmitted)="myFunctionEnter($event)" | ||
| (enterEmitted)="myFunctionEnter($event)" | ||
| [(ngModel)]="value" | ||
| ></lct-input-text> | ||
@@ -96,6 +98,6 @@ ``` | ||
| >Version 0.1.1 | ||
| >Version 0.1.2 | ||
| > | ||
| >[(ngModel)] only can be used for: | ||
| >[(ngModel)] Can only be used at the moment for: | ||
| > > lct-input-text | ||
| > > lct-switch |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis 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 riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis 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 riskContains 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
- increased by1.29%
288893
- Lines of code
- increased by0.47%
2331
- Number of lines in readme file
- increased by2.04%
100
No dependency changes