{"__symbolic":"module","version":4,"metadata":{"NgxFlexibleSelectService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"NgxFlexibleSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"ngx-flexible-select","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":23,"character":15},"useExisting":{"__symbolic":"reference","name":"NgxFlexibleSelectComponent"},"multi":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"},"template":"<div class=\"ngx-flexible-select ngx-flexible-select_sm\"\n    [ngClass]=\"{ 'ngx-flexible-select_has-value': selected !== null && selected !== undefined ? true : false, \n        'ngx-flexible-select_opened': isOpened && !selectDisabled, \n        'ngx-flexible-select_empty': !options || !options.length,\n        'ngx-flexible-select_focus-searh': isFocusSearh\n        }\"\n    (keydown)=\"keyDown($event)\" \n    (keypress)=\"keyPress($event)\" \n    (click)=\"open($event)\"\n    \n>\n    <div class=\"ngx-flexible-select__container\">\n        <div class=\"ngx-flexible-select__inner-wrapper\">\n            <div class=\"ngx-flexible-select__value\">\n              <ng-content select=\"[value-text]\"></ng-content>\n            </div>\n            <div class=\"ngx-flexible-select__placeholder\">\n              <ng-content select=\"[label]\"></ng-content>\n            </div>\n            <div (click)=\"openClose($event)\" class=\"ngx-flexible-select__icon\"></div>\n        </div>\n\n        <div (focus)=\"onSelectFocus($event)\" (blur)=\"blurSearch()\" [tabindex]=\"isOpened && !selectDisabled ? -1 : 0\" class=\"ngx-flexible-select__search-input\">\n            <ng-content select=\"[search-input]\"></ng-content>\n        </div>\n        <div [id]=\"selectId\" [ngClass]=\"{'ngx-flexible-select_opened': isOpened && !selectDisabled, 'ngx-flexible-select_empty': !options || !options.length}\"\n            class=\"ngx-flexible-select__options-wraped\">\n            <div *ngIf=\"!isNeedHideOption\"\n                class=\"ngx-flexible-select__options ngx-flexible-select-options\"\n                role=\"combobox\" aria-haspopup=\"true\" aria-expanded=\"false\"\n                (keydown)=\"keyDown($event)\" \n            >\n                <div (mousewheel)=\"onMouseWheal($event)\"\n                (scroll)=\"makeLoadMore($event)\"\n                    class=\"ngx-flexible-select__options-container\">\n                    <ng-content></ng-content>\n                </div>\n                <ng-content select=\"ngx-flexible-select-button\"></ng-content>\n            </div>\n        </div>\n    </div>\n</div>\n","styles":[".ngx-flexible-select{position:relative;margin:18px 0;height:52px;padding:2px 0;box-sizing:border-box;vertical-align:middle}.ngx-flexible-select__container{position:relative;height:33px;padding:0 2px 3px 0;border-bottom:1px solid rgba(0,0,0,.12);box-sizing:border-box;cursor:text}.ngx-flexible-select__label{display:none}.ngx-flexible-select__value{display:none;height:33px;font-size:16px;line-height:26px;padding:2px 35px 4px 0;border-bottom:1px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.ngx-flexible-select__placeholder{position:absolute;top:3px;width:100%;font-size:16px;line-height:24px;color:rgba(0,0,0,.38);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;transition:transform .4s cubic-bezier(.25,.8,.25,1);transition:transform .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);-webkit-transform-origin:left top;transform-origin:left top}.ngx-flexible-select__icon{display:block;position:absolute;top:5px;right:-5px;height:28px;width:24px;text-align:center;margin:0 4px;cursor:pointer;z-index:6}.ngx-flexible-select__icon:after{content:'';display:inline-block;position:absolute;top:10px;right:5px;width:0;height:0;border-style:solid;border-width:5px 5px 0;border-color:rgba(0,0,0,.54) transparent transparent}.ngx-flexible-select__options{width:100%;min-width:136px;min-height:0;visibility:hidden;position:absolute;top:50px;z-index:-10;background-color:#fafafa;box-shadow:0 8px 8px 0 rgba(0,0,0,.24),0 0 8px 0 rgba(0,0,0,.12)}.ngx-flexible-select__options_top{box-shadow:0 0 8px 0 rgba(0,0,0,.24),0 0 8px 0 rgba(0,0,0,.12)}.ngx-flexible-select__options-container{display:block;max-height:200px;overflow-y:auto;overflow-x:hidden;z-index:1}.ngx-flexible-select__options-container::-webkit-scrollbar{width:8px}.ngx-flexible-select__options-container::-webkit-scrollbar-track{background-color:#ddd}.ngx-flexible-select__options-container::-webkit-scrollbar-thumb{background-color:#bdbdbd}.ngx-flexible-select__divider{display:block;border-top:1px solid rgba(0,0,0,.12);margin:0}.ngx-flexible-select__divider:first-child{padding-top:8px}.ngx-flexible-select__divider:last-child{padding-bottom:8px}.ngx-flexible-select md-divider:first-child{padding-top:8px}.ngx-flexible-select md-divider:last-child{padding-bottom:8px}.ngx-flexible-select ngx-flexible-select-option{display:block}ngx-flexible-select-options{display:block;max-height:200px;overflow-y:auto;overflow-x:hidden}ngx-flexible-select-options ngx-flexible-select-option{display:block}ngx-flexible-select-options ngx-flexible-select-option:first-child{padding-top:8px}ngx-flexible-select-options ngx-flexible-select-option:last-child{padding-bottom:8px}.ngx-flexible-select__fixed-option button{min-height:48px;position:relative;display:flex;align-items:center;width:100%;transition:background .15s linear;padding:8px 16px;outline:0;cursor:pointer;border:none;border-top:1px solid rgba(0,0,0,.12);box-sizing:border-box;margin-bottom:8px;background:0 0}.ngx-flexible-select__fixed-option button:hover{background:#eee}.ngx-flexible-select__fixed-option:focus{outline:0}.ngx-flexible-select__fixed-option:focus button{background:#eee}.ngx-flexible-select-option{min-height:48px;position:relative;display:flex;align-items:center;width:auto;transition:background .15s linear;padding:8px 16px;outline:0;cursor:pointer;box-sizing:border-box}.ngx-flexible-select-option:focus,.ngx-flexible-select-option:hover{background:#eee}.ngx-flexible-select-option_error{color:#ec413b}.ngx-flexible-select__search-input{display:block;opacity:0;position:absolute;top:0;z-index:-1;background:0 0;min-height:1px;min-width:1px}.ngx-flexible-select__search-input input{visibility:hidden}.ngx-flexible-select__search-input:focus{outline:0}.ngx-flexible-select_has-value .ngx-flexible-select__value{display:block}.ngx-flexible-select_has-value .ngx-flexible-select__placeholder{width:auto;-webkit-transform:translateY(-22px) translateX(0) scale(.75);transform:translateY(-22px) translateX(0) scale(.75);color:rgba(0,0,0,.54)}.ngx-flexible-select_has-value .ngx-flexible-select__icon:after{opacity:1}.ngx-flexible-select_has-value .ngx-flexible-select__search-input{background:#fff}.ngx-flexible-select__tab-focus .ngx-flexible-select__container{border-bottom:2px solid rgba(0,0,0,.87)}.ngx-flexible-select_focus-searh .ngx-flexible-select__icon:after{border-color:rgba(0,0,0,.87) transparent transparent;opacity:1}.ngx-flexible-select_focus-searh .ngx-flexible-select__container{border-bottom:2px solid rgba(0,0,0,.87)}.ngx-flexible-select_opened .ngx-flexible-select__placeholder{width:auto;-webkit-transform:translateY(-22px) translateX(0) scale(.75);transform:translateY(-22px) translateX(0) scale(.75);color:rgba(0,0,0,.87)}.ngx-flexible-select_opened .ngx-flexible-select__icon:after{border-color:rgba(0,0,0,.87) transparent transparent;opacity:1}.ngx-flexible-select_opened .ngx-flexible-select__container{border-bottom:2px solid rgba(0,0,0,.87)}.ngx-flexible-select_opened .ngx-flexible-select__options{visibility:visible;z-index:200}.ngx-flexible-select_opened .ngx-flexible-select__search-input{display:block;z-index:5;opacity:1;width:100%;padding-right:35px}.ngx-flexible-select_opened .ngx-flexible-select__search-input input{visibility:visible;line-height:22px;background:0 0;border:none;border-bottom:0;outline:0;padding:4px 0 5px;width:100%;font-size:16px;font-weight:400}.ngx-flexible-select_opened .ngx-flexible-select__search-input input::-webkit-input-placeholder{font-weight:400;color:rgba(0,0,0,.54)}.ngx-flexible-select_opened .ngx-flexible-select__search-input input::-moz-placeholder{font-weight:400;color:rgba(0,0,0,.54)}.ngx-flexible-select_opened .ngx-flexible-select__search-input input:-ms-input-placeholder{font-weight:400;color:rgba(0,0,0,.54)}.ngx-flexible-select-root[required] .ngx-flexible-select__placeholder:after{font-size:13px;vertical-align:top}.ng-submitted stf-ng-select.ng-invalid .ngx-flexible-select__container{border-bottom-color:#ec413b}.ng-submitted stf-ng-select.ng-invalid .ngx-flexible-select__placeholder{color:#ec413b}.ng-submitted stf-ng-select.ng-invalid .ngx-flexible-select__icon:after{opacity:1;color:#ec413b;border-color:#ec413b transparent transparent}.ng-submitted stf-ng-select.ng-invalid-required .ngx-flexible-select__container{border-bottom-color:#ec413b}.ng-submitted stf-ng-select.ng-invalid-required .ngx-flexible-select__placeholder{color:#ec413b}.ng-submitted stf-ng-select.ng-invalid-required .ngx-flexible-select__placeholder:after{color:#ec413b;font-size:13px;vertical-align:top}.ng-submitted stf-ng-select.ng-invalid-required .ngx-flexible-select__icon:after{opacity:1;color:#ec413b;border-color:#ec413b transparent transparent}"]}]}],"members":{"more":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"needFocusInpOnTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"optionsWrapClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"pending":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"loadMore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"selectDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":80,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":80,"character":50}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":82,"character":3},"arguments":["focus",["$event"]]}]}],"blurSearch":[{"__symbolic":"method"}],"keyDown":[{"__symbolic":"method"}],"keyPress":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onMouseWheal":[{"__symbolic":"method"}],"onSelectFocus":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"openClose":[{"__symbolic":"method"}],"addOnBlurInputListener":[{"__symbolic":"method"}],"addwidowResizeListener":[{"__symbolic":"method"}],"addOutClickListener":[{"__symbolic":"method"}],"calculatePositionAnsSize":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"waraperClick":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"keyArrowDown":[{"__symbolic":"method"}],"getArrayElementForFocus":[{"__symbolic":"method"}],"getCurentFocuseIndex":[{"__symbolic":"method"}],"initOnChangeDetection":[{"__symbolic":"method"}],"keyArrowUp":[{"__symbolic":"method"}],"makeOpen":[{"__symbolic":"method"}],"optToBody":[{"__symbolic":"method"}]}},"NgxFlexibleSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxFlexibleSelectComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"NgxFlexibleSelectComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-flexible-select-option","template":"<div tabindex=\"0\"  class=\"ngx-flexible-select-option\"\n    (click)=\"selectValue($event)\"\n    (keydown)=\"keyDown($event)\"\n    >\n    <ng-content></ng-content>\n</div>"}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":13,"character":26}]}],"keyDown":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"selectValue":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-flexible-select-button","template":"<div tabindex=\"0\" (keydown.enter)=\"onEnter($event)\" class=\"ngx-flexible-select__fixed-option\">\n   <ng-content></ng-content>\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":11,"character":26}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}]}}},"origins":{"NgxFlexibleSelectService":"./lib/ngx-flexible-select.service","NgxFlexibleSelectComponent":"./lib/ngx-flexible-select.component","NgxFlexibleSelectModule":"./lib/ngx-flexible-select.module","ɵa":"./lib/ngx-flexible-select-option.component","ɵb":"./lib/ngx-flexible-select-button.component"},"importAs":"ngx-flexible-select"}