{"__symbolic":"module","version":4,"metadata":{"NgxSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxSelectComponent"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":14},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":8,"character":28},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":47}],"exports":[{"__symbolic":"reference","name":"NgxSelectComponent"}]}]}],"members":{}},"NgxSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngx-select","host":{"(document:click)":"onClick($event)","$quoted$":["(document:click)"]},"template":"<button type=\"button\" class=\"btn {{ toggleBtnClass }}\" (click)=\"animateToggle()\">\n    <fa-icon\n        [icon]=\"faCaretRight\"\n        class=\"d-inline-block mr-2\"\n        [ngClass]=\"{ open: state === 'open' }\"\n    ></fa-icon>\n    <span class=\"toggleLabel\">{{ toggleButtonLabel }}</span>\n</button>\n\n<ul\n    class=\"toggle-content list-group {{ toggleContentClass }}\"\n    [ngClass]=\"{ open: state === 'open', enableAnimations: enableAnimations === true }\"\n>\n    <li class=\"px-3 py-0\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <input\n                    name=\"name\"\n                    type=\"text\"\n                    [(ngModel)]=\"filter.name\"\n                    placeholder=\"{{ placeholder }}\"\n                    class=\"form-control mt-2 mb-2\"\n                />\n            </div>\n            <div class=\"divider dropdown-divider col-12\"></div>\n        </div>\n    </li>\n    <ngx-select-children\n        *ngFor=\"let item of items\"\n        [filter]=\"filter.name\"\n        (itemSelected)=\"childClicked($event)\"\n        [item]=\"item\"\n        [parentSelectable]=\"parentSelectable\"\n    >\n    </ngx-select-children>\n</ul>\n","styles":["button{border:none;display:flex;justify-content:center;align-items:center}button span{display:inline-block}button .toggleLabel{overflow:hidden;text-overflow:ellipsis;max-width:90%}fa-icon{-webkit-transform:rotate(0);transform:rotate(0);transition:.5s}fa-icon.open{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.toggle-content{padding:0 0 0 5px;max-height:0;list-style-type:none;overflow:auto;position:absolute;background-color:#fff;z-index:9}.toggle-content.enableAnimations{transition:max-height .5s ease-out}.toggle-content.open{max-height:100px;border:1px solid #000}.toggle-content button{overflow:hidden;text-overflow:ellipsis;display:block}@media screen and (min-width:768px){.toggle-content.open{max-height:300px}}@media screen and (min-width:992px){.toggle-content.open{max-height:400px}}@media screen and (min-width:1200px){.toggle-content.open{max-height:500px}}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"defaultToggleButtonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"toggleBtnClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"toggleContentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"parentSelectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"enableAnimations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"itemSelectedEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"animateToggle":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"setLabel":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"childClicked":[{"__symbolic":"method"}]}},"ItemSelectedEvent":{"__symbolic":"class","members":{}},"Item":{"__symbolic":"class","members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ngx-select-children","template":"<ul *ngIf=\"isVisible\" class=\"no-style-list px-3\">\n    <li role=\"menuitem\">\n        <div\n            [ngClass]=\"{\n                'font-weight-bold': item.children.length > 0,\n                'font-italic': item.isSelected,\n                'text-muted': item.isSelected,\n                pointer: item.children.length == 0\n            }\"\n            (click)=\"itemClicked(item)\"\n        >\n            {{ item.name }}\n            <fa-icon *ngIf=\"item.isSelected\" [icon]=\"faCheck\" class=\"d-inline-block\"></fa-icon>\n        </div>\n        <ng-container *ngIf=\"item.children.length > 0\">\n            <ngx-select-children\n                *ngFor=\"let item of item.children\"\n                [filter]=\"filter\"\n                (itemSelected)=\"childClicked($event)\"\n                [item]=\"item\"\n                [parentSelectable]=\"parentSelectable\"\n            ></ngx-select-children>\n        </ng-container>\n    </li>\n</ul>\n","styles":[".no-style-list{list-style-type:none;cursor:default}.pointer{cursor:pointer!important}"]}]}],"members":{"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"isFirstLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"parentSelectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"itemSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":33,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"unSelectAllChildren":[{"__symbolic":"method"}],"itemClicked":[{"__symbolic":"method"}],"keep":[{"__symbolic":"method"}],"childClicked":[{"__symbolic":"method"}],"matchFilter":[{"__symbolic":"method"}],"updateFilter":[{"__symbolic":"method"}]}}},"origins":{"NgxSelectModule":"./ngx-select.module","NgxSelectComponent":"./components/ngx-select/ngx-select.component","ItemSelectedEvent":"./models/item-selected-event.model","Item":"./models/item.model","ɵa":"./components/ngx-select-children/ngx-select-children.component"},"importAs":"@zokelion/ngx-select"}