ontotext-reusable-ui-components/onto-search/esm2015/lib/onto-search-facet/onto-search-facet.component.js

Unified reusable UI components designed for the Ontotext ecosystem.

import { Component, EventEmitter, Input, Output } from '@angular/core';
import { SearchFacetType } from './models/search-facet-type';
import { OnDestroyMixin } from '@w11k/ngx-componentdestroyed';
export class OntoSearchFacetComponent extends OnDestroyMixin {
    constructor() {
        super(...arguments);
        /**
         * Emits selected search facets on selection change.
         */
        this.onSelectionChange = new EventEmitter();
        this.CHECKBOX = SearchFacetType.CHECKBOX;
        this.DATEPICKER = SearchFacetType.DATE_RANGE;
        this.TOGGLE = SearchFacetType.TOGGLE;
        this.RANGE = SearchFacetType.RANGE;
        this.DROPDOWN_MULTI_SELECT = SearchFacetType.DROPDOWN_MULTI_SELECT;
    }
    ngOnChanges(changes) {
        if (changes.data && changes.data.currentValue) {
            this.facetGroupName = this.data.facetGroupName;
            this.facetGroup = this.data.facetGroupData;
            this.selected = this.data.selected;
        }
    }
    onSelectionEvent($event) {
        this.onSelectionChange.emit($event);
    }
}
OntoSearchFacetComponent.decorators = [
    { type: Component, args: [{
                selector: 'onto-search-facet',
                template: "<div *ngIf=\"type === CHECKBOX\">\n  <onto-checkbox-facet\n    [data]=\"data\"\n    [type]=\"type\"\n    [facetTitleTemplate]=\"facetTitleTemplate\"\n    [facetTemplate]=\"facetTemplate\"\n    (onSelectionChange)=\"onSelectionEvent($event)\">\n  </onto-checkbox-facet>\n</div>\n\n<div *ngIf=\"type === DATEPICKER\">\n  <onto-daterange-facet\n      [data]=\"data\"\n      [type]=\"type\"\n      [facetTitleTemplate]=\"facetTitleTemplate\"\n      [facetTemplate]=\"facetTemplate\"\n      (onSelectionChange)=\"onSelectionEvent($event)\">>\n  </onto-daterange-facet>\n</div>\n\n<div *ngIf=\"type === TOGGLE\">\n  <onto-toggle-facet\n      [data]=\"data\"\n      [type]=\"type\"\n      [facetTitleTemplate]=\"facetTitleTemplate\"\n      [facetTemplate]=\"facetTemplate\"\n      (onSelectionChange)=\"onSelectionEvent($event)\">>\n  </onto-toggle-facet>\n</div>\n\n<div *ngIf=\"type === RANGE\">\n  <onto-range-facet\n    [data]=\"data\"\n    [type]=\"type\"\n    [facetTitleTemplate]=\"facetTitleTemplate\"\n    [facetTemplate]=\"facetTemplate\"\n    (onSelectionChange)=\"onSelectionEvent($event)\">>\n  </onto-range-facet>\n</div>\n\n<div *ngIf=\"type === DROPDOWN_MULTI_SELECT\">\n  <onto-dropdown-multi-select-facet\n    [data]=\"data\"\n    [type]=\"type\"\n    [facetTitleTemplate]=\"facetTitleTemplate\"\n    [facetTemplate]=\"facetTemplate\"\n    (onSelectionChange)=\"onSelectionEvent($event)\">>\n  </onto-dropdown-multi-select-facet>\n</div>\n",
                styles: [".checkbox-facet-title{font-size:large}"]
            },] }
];
OntoSearchFacetComponent.propDecorators = {
    data: [{ type: Input }],
    type: [{ type: Input }],
    facetTemplate: [{ type: Input }],
    facetTitleTemplate: [{ type: Input }],
    onSelectionChange: [{ type: Output }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib250by1zZWFyY2gtZmFjZXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9vcHQvamVua2luc19qb2JzL3dvcmtzcGFjZS9yZXVzYWJsZS11aS1jb21wb25lbnRzLXJlbGVhc2UvcHJvamVjdHMvb250by1zZWFyY2gvc3JjLyIsInNvdXJjZXMiOlsibGliL29udG8tc2VhcmNoLWZhY2V0L29udG8tc2VhcmNoLWZhY2V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUE2QixNQUFNLGVBQWUsQ0FBQztBQUU1RyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFFM0QsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBUTVELE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxjQUFjO0lBTDVEOztRQThDRTs7V0FFRztRQUVJLHNCQUFpQixHQUF1QyxJQUFJLFlBQVksRUFBd0IsQ0FBQztRQUVqRyxhQUFRLEdBQW9CLGVBQWUsQ0FBQyxRQUFRLENBQUM7UUFDckQsZUFBVSxHQUFvQixlQUFlLENBQUMsVUFBVSxDQUFDO1FBQ3pELFdBQU0sR0FBb0IsZUFBZSxDQUFDLE1BQU0sQ0FBQztRQUNqRCxVQUFLLEdBQW9CLGVBQWUsQ0FBQyxLQUFLLENBQUM7UUFDL0MsMEJBQXFCLEdBQW9CLGVBQWUsQ0FBQyxxQkFBcUIsQ0FBQztJQWlCeEYsQ0FBQztJQVhDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxJQUFJLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDN0MsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztZQUMvQyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO1lBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7U0FDcEM7SUFDSCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsTUFBTTtRQUM1QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RDLENBQUM7OztZQXhFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtnQkFDN0IsczdDQUFpRDs7YUFFbEQ7OzttQkFLRSxLQUFLO21CQU1MLEtBQUs7NEJBZ0JMLEtBQUs7aUNBWUwsS0FBSztnQ0FNTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzLCBUZW1wbGF0ZVJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1NlYXJjaEZhY2V0R3JvdXBNb2RlbH0gZnJvbSAnLi9tb2RlbHMvc2VhcmNoLWZhY2V0LWdyb3VwLW1vZGVsJztcbmltcG9ydCB7U2VhcmNoRmFjZXRUeXBlfSBmcm9tICcuL21vZGVscy9zZWFyY2gtZmFjZXQtdHlwZSc7XG5pbXBvcnQge1NlYXJjaEZhY2V0TW9kZWx9IGZyb20gJy4vbW9kZWxzL3NlYXJjaC1mYWNldC1tb2RlbCc7XG5pbXBvcnQge09uRGVzdHJveU1peGlufSBmcm9tICdAdzExay9uZ3gtY29tcG9uZW50ZGVzdHJveWVkJztcbmltcG9ydCB7U2VhcmNoRmFjZXRTZWxlY3Rpb259IGZyb20gJy4vbW9kZWxzL3NlYXJjaC1mYWNldC1zZWxlY3Rpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvbnRvLXNlYXJjaC1mYWNldCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9vbnRvLXNlYXJjaC1mYWNldC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29udG8tc2VhcmNoLWZhY2V0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgT250b1NlYXJjaEZhY2V0Q29tcG9uZW50IGV4dGVuZHMgT25EZXN0cm95TWl4aW4gaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAvKipcbiAgICogSG9sZHMgdGhlIGZhY2V0IGdyb3VwIGRhdGEuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZGF0YTogU2VhcmNoRmFjZXRHcm91cE1vZGVsO1xuXG4gIC8qKlxuICAgKiBVc2VkIGRvIGRlZmluZSB0aGUgZmFjZXQgdHlwZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0eXBlOiBTZWFyY2hGYWNldFR5cGU7XG5cbiAgLyoqXG4gICAqIEN1c3RvbSB0ZW1wbGF0ZSByZWZlcmVuY2UuIFdpbGwgb3ZlcnJpZGUgdGhlIHRlbXBsYXRlIHVzZWQgaW4gZmFjZXQgcHJldmlldy5cbiAgICogV2hlbiBjcmVhdGluZyB0aGUgY3VzdG9tIHRlbXBsYXRlLCBhIHZhcmlhYmxlIG11c3QgYmUgZGVjbGFyZWQgaW4gb3JkZXIgdG8gYWNjZXNzIHRoZSBvYmplY3QgYW5kIGl0cyBwcm9wZXJ0aWVzLlxuICAgKiBUaGUgdmFyaWFibGUgcmVwcmVzZW50cyBhIG1hcCBlbGVtZW50IC0gdGhlIGtleSBob2xkcyB0aGUgbGFiZWwgb2YgdGhlIGZhY2V0LiBUaGUgdmFsdWUgaXMgYSB0d28gZWxlbWVudCBvYmplY3QsXG4gICAqIGNvbnRhaW5pbmcgdGhlIHNlYXJjaCByZXN1bHQncyBjb3VudCBhbmQgYSBib29sZWFuIHZhcmlhYmxlLCBiaW5kIHRvIHRoZSBzZWxlY3RlZCBzdGF0dXMuXG4gICAqIGUucS4gXCJGYWNldCBMYWJlbFwiID0+IHtjb3VudDogNSwgc2VsZWN0ZWQ6IHRydWV9XG4gICAqXG4gICAqIEZvciBleGFtcGxlLCBpZiB5b3UgbmFtZSB5b3UgdmFyaWFibGUgaXRlbTpcbiAgICogPG5nLXRlbXBsYXRlICNjaGVja2JveEZhY2V0VGVtcGxhdGUgbGV0LWl0ZW0+XG4gICAqIDxzcGFuIGNsYXNzPVwiZmFjZXQtbGFiZWxcIj57e2l0ZW0ua2V5fX08L3NwYW4+XG4gICAqIDxzcGFuIGNsYXNzPVwiZmFjZXQtY291bnRcIj4oe3tpdGVtLnZhbHVlLmNvdW50fX0pPC9zcGFuPlxuICAgKiA8L25nLXRlbXBsYXRlPlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGZhY2V0VGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgLyoqXG4gICAqIEN1c3RvbSB0ZW1wbGF0ZSByZWZlcmVuY2UuIFdpbGwgb3ZlcnJpZGUgdGhlIHRlbXBsYXRlIHVzZWQgaW4gZmFjZXQgbmFtZSBwcmV2aWV3LlxuICAgKiBZb3UgY2FuIHBhc3MgZGlyZWN0bHkgdGhlIGRlc2lyZWQgZmFjZXQgZ3JvdXAgbmFtZT1cbiAgICpcbiAgICogRm9yIGV4YW1wbGU6XG4gICAqIDxuZy10ZW1wbGF0ZSAjZmFjZXRUaXRsZVRlbXBsYXRlPlxuICAgKiA8c3Ryb25nPnt7ZmFjZXRHcm91cE5hbWV9fTwvc3Ryb25nPlxuICAgKiA8L25nLXRlbXBsYXRlPlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGZhY2V0VGl0bGVUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcblxuICAvKipcbiAgICogRW1pdHMgc2VsZWN0ZWQgc2VhcmNoIGZhY2V0cyBvbiBzZWxlY3Rpb24gY2hhbmdlLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBvblNlbGVjdGlvbkNoYW5nZTogRXZlbnRFbWl0dGVyPFNlYXJjaEZhY2V0U2VsZWN0aW9uPiA9IG5ldyBFdmVudEVtaXR0ZXI8U2VhcmNoRmFjZXRTZWxlY3Rpb24+KCk7XG5cbiAgcHVibGljIENIRUNLQk9YOiBTZWFyY2hGYWNldFR5cGUgPSBTZWFyY2hGYWNldFR5cGUuQ0hFQ0tCT1g7XG4gIHB1YmxpYyBEQVRFUElDS0VSOiBTZWFyY2hGYWNldFR5cGUgPSBTZWFyY2hGYWNldFR5cGUuREFURV9SQU5HRTtcbiAgcHVibGljIFRPR0dMRTogU2VhcmNoRmFjZXRUeXBlID0gU2VhcmNoRmFjZXRUeXBlLlRPR0dMRTtcbiAgcHVibGljIFJBTkdFOiBTZWFyY2hGYWNldFR5cGUgPSBTZWFyY2hGYWNldFR5cGUuUkFOR0U7XG4gIHB1YmxpYyBEUk9QRE9XTl9NVUxUSV9TRUxFQ1Q6IFNlYXJjaEZhY2V0VHlwZSA9IFNlYXJjaEZhY2V0VHlwZS5EUk9QRE9XTl9NVUxUSV9TRUxFQ1Q7XG5cbiAgcHVibGljIGZhY2V0R3JvdXA6IFNlYXJjaEZhY2V0TW9kZWxbXTtcbiAgcHVibGljIGZhY2V0R3JvdXBOYW1lOiBzdHJpbmc7XG4gIHB1YmxpYyBzZWxlY3RlZDogU2VhcmNoRmFjZXRNb2RlbFtdO1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlcy5kYXRhICYmIGNoYW5nZXMuZGF0YS5jdXJyZW50VmFsdWUpIHtcbiAgICAgIHRoaXMuZmFjZXRHcm91cE5hbWUgPSB0aGlzLmRhdGEuZmFjZXRHcm91cE5hbWU7XG4gICAgICB0aGlzLmZhY2V0R3JvdXAgPSB0aGlzLmRhdGEuZmFjZXRHcm91cERhdGE7XG4gICAgICB0aGlzLnNlbGVjdGVkID0gdGhpcy5kYXRhLnNlbGVjdGVkO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvblNlbGVjdGlvbkV2ZW50KCRldmVudCk6IHZvaWQge1xuICAgIHRoaXMub25TZWxlY3Rpb25DaGFuZ2UuZW1pdCgkZXZlbnQpO1xuICB9XG59XG4iXX0=