novo-elements/src/elements/picker/extras/grouped-multi-picker-results/GroupedMultiPickerResults.metadata.json

Bullhorn's NOVO Element Repository for Angular 2

[{"__symbolic":"module","version":3,"metadata":{"GroupedMultiPickerResults":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-picker-results/BasePickerResults","name":"BasePickerResults"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"grouped-multi-picker-results","template":"\n        <div class=\"grouped-multi-picker-groups\">\n            <novo-list direction=\"vertical\">\n                <novo-list-item\n                    *ngIf=\"config.displayAll\"\n                    (click)=\"selectCategory({ value: 'all', label: 'all' })\"\n                    [class.active]=\"selectedCategory === 'all'\"\n                    [class.disabled]=\"isLoading\">\n                    <item-content>\n                        <span>{{ labels.all }}</span>\n                    </item-content>\n                    <item-end>\n                        <i class=\"bhi-next\"></i>\n                    </item-end>\n                </novo-list-item>\n                <novo-list-item\n                    *ngFor=\"let category of categories\"\n                    (click)=\"selectCategory(category)\"\n                    [class.active]=\"selectedCategory === category.value\"\n                    [class.disabled]=\"isLoading\">\n                    <item-content>\n                        <span>{{ category.label }}</span>\n                    </item-content>\n                    <item-end>\n                        <i class=\"bhi-next\"></i>\n                    </item-end>\n                </novo-list-item>\n            </novo-list>\n        </div>\n        <div class=\"grouped-multi-picker-matches\">\n            <div class=\"grouped-multi-picker-input-container\" [hidden]=\"!selectedCategory\">\n                <input autofocus #input [(ngModel)]=\"searchTerm\" [disabled]=\"isLoading\"/>\n                <i class=\"bhi-search\" *ngIf=\"!searchTerm\" [class.disabled]=\"isLoading\"></i>\n                <i class=\"bhi-times\" *ngIf=\"searchTerm\" (click)=\"clearSearchTerm($event)\" [class.disabled]=\"isLoading\"></i>\n            </div>\n            <novo-list direction=\"vertical\" #list>\n                <novo-list-item\n                    *ngFor=\"let match of matches\"\n                    (click)=\"selectMatch($event)\"\n                    [class.active]=\"match === activeMatch\"\n                    (mouseenter)=\"selectActive(match)\"\n                    [class.disabled]=\"preselected(match)\"\n                    [class.disabled]=\"isLoading\">\n                    <item-content>\n                        <span>{{ match.label }}</span>\n                    </item-content>\n                </novo-list-item>\n            </novo-list>\n            <div class=\"grouped-multi-picker-no-results\" *ngIf=\"matches.length === 0 && !isLoading\">\n                {{ labels.groupedMultiPickerEmpty }}\n            </div>\n            <div class=\"grouped-multi-picker-loading\" *ngIf=\"isLoading\">\n                <novo-loading theme=\"line\"></novo-loading>\n            </div>\n        </div>\n    "}]}],"members":{"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"listElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["list"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"../../../../services/novo-label-service","name":"NovoLabelService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setAllCategory":[{"__symbolic":"method"}],"selectCategory":[{"__symbolic":"method"}],"clearSearchTerm":[{"__symbolic":"method"}],"filterData":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"GroupedMultiPickerResults":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-picker-results/BasePickerResults","name":"BasePickerResults"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"grouped-multi-picker-results","template":"\n        <div class=\"grouped-multi-picker-groups\">\n            <novo-list direction=\"vertical\">\n                <novo-list-item\n                    *ngIf=\"config.displayAll\"\n                    (click)=\"selectCategory({ value: 'all', label: 'all' })\"\n                    [class.active]=\"selectedCategory === 'all'\"\n                    [class.disabled]=\"isLoading\">\n                    <item-content>\n                        <span>{{ labels.all }}</span>\n                    </item-content>\n                    <item-end>\n                        <i class=\"bhi-next\"></i>\n                    </item-end>\n                </novo-list-item>\n                <novo-list-item\n                    *ngFor=\"let category of categories\"\n                    (click)=\"selectCategory(category)\"\n                    [class.active]=\"selectedCategory === category.value\"\n                    [class.disabled]=\"isLoading\">\n                    <item-content>\n                        <span>{{ category.label }}</span>\n                    </item-content>\n                    <item-end>\n                        <i class=\"bhi-next\"></i>\n                    </item-end>\n                </novo-list-item>\n            </novo-list>\n        </div>\n        <div class=\"grouped-multi-picker-matches\">\n            <div class=\"grouped-multi-picker-input-container\" [hidden]=\"!selectedCategory\">\n                <input autofocus #input [(ngModel)]=\"searchTerm\" [disabled]=\"isLoading\"/>\n                <i class=\"bhi-search\" *ngIf=\"!searchTerm\" [class.disabled]=\"isLoading\"></i>\n                <i class=\"bhi-times\" *ngIf=\"searchTerm\" (click)=\"clearSearchTerm($event)\" [class.disabled]=\"isLoading\"></i>\n            </div>\n            <novo-list direction=\"vertical\" #list>\n                <novo-list-item\n                    *ngFor=\"let match of matches\"\n                    (click)=\"selectMatch($event)\"\n                    [class.active]=\"match === activeMatch\"\n                    (mouseenter)=\"selectActive(match)\"\n                    [class.disabled]=\"preselected(match)\"\n                    [class.disabled]=\"isLoading\">\n                    <item-content>\n                        <span>{{ match.label }}</span>\n                    </item-content>\n                </novo-list-item>\n            </novo-list>\n            <div class=\"grouped-multi-picker-no-results\" *ngIf=\"matches.length === 0 && !isLoading\">\n                {{ labels.groupedMultiPickerEmpty }}\n            </div>\n            <div class=\"grouped-multi-picker-loading\" *ngIf=\"isLoading\">\n                <novo-loading theme=\"line\"></novo-loading>\n            </div>\n        </div>\n    "}]}],"members":{"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"listElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["list"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"../../../../services/novo-label-service","name":"NovoLabelService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setAllCategory":[{"__symbolic":"method"}],"selectCategory":[{"__symbolic":"method"}],"clearSearchTerm":[{"__symbolic":"method"}],"filterData":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}]}}}}]