[{"__symbolic":"module","version":4,"metadata":{"SelectOption":{"__symbolic":"interface"},"IcosSelect":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./select-props","name":"IcosSelectPoprs","line":78,"character":32},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"icos-select","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":25,"character":15},"useExisting":{"__symbolic":"reference","name":"IcosSelect"},"multi":true}],"styles":["\n      .icos-select-dropdown__list {\n        overflow: hidden;\n      }\n      .icos-select__tags__padding {\n        padding-right: 30px;\n      }\n    "],"template":"\n    <div class=\"icos-select\" (click)=\"toggleHandle($event)\">\n      <div class=\"icos-select__tags icos-select__tags__padding\" *ngIf=\"multiple && model && model.length\" #tags>\n        <icos-tag\n          *ngFor=\"let tag of multipleLabels; let i = index\"\n          [closable]=\"!icosDisabled\"\n          [size]=\"size\"\n          (close)=\"$event.stopPropagation(); changeLabel(tag, model[i])\"\n          type=\"info\"\n          >{{ tag }}</icos-tag\n        >\n      </div>\n\n      <icos-input\n        iconClass=\"icos-select__caret\"\n        #input\n        [model]=\"selectedLabel\"\n        [placeholder]=\"multiple ? multiplePlaceholder : placeholder\"\n        [icon]=\"iconClass\"\n        [name]=\"name\"\n        [size]=\"size\"\n        [icosDisabled]=\"icosDisabled\"\n        [readonly]=\"true\"\n        (mouseenter)=\"mouseHandle(true)\"\n        (mouseleave)=\"mouseHandle(false)\"\n        (icon-click)=\"clearSelected($event)\"\n      >\n      </icos-input>\n      <ng-container>\n        <icos-select-dropdown [isActived]=\"dropdownActive\">\n          <ul class=\"icos-scrollbar__view icos-select-dropdown__list\">\n            <ng-content></ng-content>\n          </ul>\n        </icos-select-dropdown>\n      </ng-container>\n    </div>\n  "}]}],"members":{"tags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":80,"character":3},"arguments":["tags"]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":81,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":94,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":94,"character":56},{"__symbolic":"reference","module":"../shared/services","name":"WindowWrapper","line":94,"character":83}]}],"mouseHandle":[{"__symbolic":"method"}],"toggleHandle":[{"__symbolic":"method"}],"clearSelected":[{"__symbolic":"method"}],"changeLabel":[{"__symbolic":"method"}],"appendOptions":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"updateLayoutWithMultipleMode":[{"__symbolic":"method"}],"updateValueWithMultipleMode":[{"__symbolic":"method"}],"updatePlaceholderWithMultipleMode":[{"__symbolic":"method"}],"initModelWithMultipleMode":[{"__symbolic":"method"}]}}}}]