{"__symbolic":"module","version":4,"metadata":{"NgxCustomComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":24,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":45,"character":1},"arguments":[{"selector":"ng-common-multiselect-input","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":49,"character":19},"member":"OnPush"},"template":"<div>\r\n    <label \r\n        *ngIf=\"formLabel\"\r\n        [for]=\"formName\">\r\n        {{formLabel}}\r\n    </label>\r\n    <input\r\n        class=\"no-vis\"\r\n        [name]=\"formName\"\r\n        [(ngModel)]=\"_selected\"\r\n        [required]=\"isRequired\">\r\n    <div\r\n        click-outside-event\r\n        (clickOutside)=\"_object.dropdown.open = false\">\r\n        <span>\r\n            <input \r\n                type=\"button\"\r\n                [ngClass]=\"_object.button.classes\"\r\n                [value]=\"_object.button.value\"\r\n                (click)=\"openCloseMultiselect()\">\r\n            <svg class=\"chevron bi bi-chevron-down\" width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path fill-rule=\"evenodd\" d=\"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\"/>\r\n            </svg>\r\n        </span>\r\n        <div \r\n            *ngIf=\"_object.dropdown.open\"\r\n            [ngClass]=\"_object.dropdown.classes\"\r\n            (keydown)=\"$event.stopPropagation();\">\r\n            <div\r\n                [ngClass]=\"_object.group.classes\"\r\n                *ngFor=\"let item of inputList; index as i;\">\r\n                <input\r\n                    type=\"checkbox\"\r\n                    [name]=\"i\"\r\n                    [ngClass]=\"_object.checkboxes.classes\"\r\n                    [checked]=\"inSelectedCheckboxes(item)\"\r\n                    (click)=\"addRemoveSelected($event, item)\"\r\n                    (keydown)=\"addRemoveSelected($event, item)\">\r\n                <label\r\n                    [for]=\"i\"\r\n                    [ngClass]=\"_object.labels.classes\"\r\n                    (click)=\"addRemoveSelected($event, item)\">\r\n                    {{item.label}}\r\n                </label>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","styles":[".ng-invalid{color:red!important}.multiselect-box{position:absolute;height:200px;width:84%;overflow-y:scroll;border:1px solid #e4e4e4;border-radius:3px;padding:10px;z-index:100;background-color:#fff}.multiselect-checks{margin-right:8px}input.multiselect-button{border:1px solid #ced4da;width:100%;text-align:left;border-radius:3px;height:38px;padding-left:10px;background-color:#fff}input.no-vis{visibility:hidden;position:fixed}.chevron{position:relative;top:-24px;float:right;font-size:12px;right:2px}button:focus,input:focus{outline:0!important;border:1px solid #ed0d6c!important;box-shadow:0 0 3px #ed0d6c}"]}]}],"members":{"formName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":5}}]}],"outputType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}}]}],"inputList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"inputProperty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}}]}],"isRequired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}}]}],"formLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}}]}],"overrides":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":5}}]}],"additions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"inputModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}}]}],"inputModelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":92,"character":43}]}],"ngOnInit":[{"__symbolic":"method"}],"updateButtonFull":[{"__symbolic":"method"}],"updateButtonValue":[{"__symbolic":"method"}],"initComponents":[{"__symbolic":"method"}],"openCloseMultiselect":[{"__symbolic":"method"}],"addRemoveSelected":[{"__symbolic":"method"}],"inSelectedCheckboxes":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"ng-common-virtual-scroll","template":"\r\n<div\r\n    #topLevel>\r\n    <label\r\n        *ngIf=\"formLabel\"\r\n        [for]=\"formName\">\r\n        {{ formLabel }}\r\n    </label>\r\n    <input\r\n        class=\"no-vis\"\r\n        [name]=\"formName\"\r\n        [(ngModel)]=\"model\"\r\n        [required]=\"isRequired\">\r\n    <div\r\n        click-outside-event\r\n        (clickOutside)=\"closeDropdown()\">\r\n      <span\r\n        *ngIf=\"!isOpen; else searchBar\">\r\n        <input\r\n            type=\"button\"\r\n            class=\"form-button form-control\"\r\n            [ngClass]=\"button.classes\"\r\n            [attr.style]=\"button.style\"\r\n            (focus)=\"!isDisabled ? open(dropdown) : ''\"\r\n            [value]=\"!isDisabled ? formValue : ''\"\r\n            (keydown)=\"navigate($event)\"\r\n            [disabled]=\"isDisabled\">\r\n        <svg class=\"chevron bi bi-chevron-down\" width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path fill-rule=\"evenodd\" d=\"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\"/>\r\n        </svg>\r\n      </span>\r\n    \r\n      <ng-template #searchBar>\r\n          <input\r\n          type=\"text\"\r\n          class=\"form-button form-control focus-target\"\r\n          (keydown)=\"navigate($event)\"\r\n          (keyup)=\"search($event)\">\r\n      </ng-template   >\r\n\r\n\r\n      <ng-template \r\n          #dropdown>\r\n          <div \r\n              class=\"select-menu\"\r\n              *ngIf=\"isOpen\">\r\n              <cdk-virtual-scroll-viewport \r\n                  itemSize=\"14\"\r\n                  class=\"select-viewport\">\r\n                  <div \r\n                      *ngIf=\"!optionsCopy || !optionsCopy.length\">\r\n                      No results found...\r\n                  </div>\r\n                  <div\r\n                      *cdkVirtualFor=\"let option of optionsCopy\"\r\n                      [ngClass]=\"isActive(option.value) ? 'active front-clickable' : 'front-clickable'\"\r\n                      (click)=\"select(option)\">\r\n                      {{ option.label }}\r\n                  </div>\r\n              </cdk-virtual-scroll-viewport>\r\n          </div>\r\n        </ng-template>\r\n    </div>\r\n</div>","styles":[".active{background-color:#ed0d6c!important;color:#fff!important}input.form-button{border:1px solid #ced4da;width:100%;text-align:left;border-radius:3px;height:38px;padding-left:10px;background-color:#fff}.select-menu{width:100%;height:100%}input:focus{outline:0!important;border:1px solid #ed0d6c!important;box-shadow:0 0 3px #ed0d6c}input.no-vis{visibility:hidden;position:fixed}.ng-invalid{color:red!important}.select-viewport{position:absolute;height:200px;width:200px;border:1px solid #e4e4e4;border-radius:3px;padding:10px;z-index:100;background-color:#fff}.chevron{position:relative;top:-24px;float:right;font-size:12px;right:2px}.disabled{background-color:#f5f5f5!important;color:#f5f5f5!important}.front-clickable{z-index:1000;cursor:pointer}"]}]}],"members":{"topLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":5},"arguments":["topLevel"]}]}],"currentOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"formName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"formLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"formValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"isRequired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":38,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[click-outside-event]"}]}],"members":{"clickOutside":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":6,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":7,"character":34}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":9,"character":3},"arguments":["document:click",["$event"]]}]}]}}},"origins":{"NgxCustomComponentsModule":"./lib/components.module","ɵa":"./lib/multiselect/multiselect.component","ɵb":"./lib/virtual-scroll/virtual-scroll.component","ɵc":"./directives/click-outside-event/click-outside-event.directive"},"importAs":"@optioncare/components"}