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

Unified reusable UI components designed for the Ontotext ecosystem.

import { Component, EventEmitter, Input, Output } from '@angular/core';
import { of } from 'rxjs';
export class OntoSearchFieldComponent {
    constructor() {
        /**
         * Emits selected search phrases on search button press.
         */
        this.onSearch = new EventEmitter();
        /**
         * On key press event emitter.
         */
        this.onKeyPress = new EventEmitter();
    }
    ngOnInit() {
        this.states = this.autocompleteData || of([]);
    }
    onSearchEvent($event) {
        this.onSearch.emit($event);
    }
    onKeyPressEvent($event) {
        this.onKeyPress.emit($event);
    }
}
OntoSearchFieldComponent.decorators = [
    { type: Component, args: [{
                selector: 'onto-search-field',
                template: "<app-search\n  [states]=\"states\"\n  [autocompleteOptionTemplate]=\"customTemplate || defaultTemplate\"\n  [preselectedStatesList]=\"selectedList || []\"\n  [enableInnerAutocompleteFiltration]=\"enableInnerAutocompleteFiltration\"\n  [searchResultMappingFunction]=\"searchResultMappingFunction\"\n  (onSearch)=\"onSearchEvent($event)\"\n  (onKeyPress)=\"onKeyPressEvent($event)\"></app-search>\n\n  <ng-template #defaultTemplate let-item>\n    <span [attr.appCypressData]=\"'state-label-' + item.index\" class=\"state-label\">{{item.state.label}}</span>\n    <span [attr.appCypressData]=\"'state-type-' + item.index\" class=\"state-type\">{{item.state.type}}</span> <br/>\n    <span [attr.appCypressData]=\"'state-labels-' + item.index\" class=\"state-labels\"><small>{{item.state.labels}}</small></span>\n</ng-template>\n",
                styles: [".state-type{float:right}.state-labels{line-height:1em;white-space:normal}::ng-deep .state-suggestion{background-color:#add8e6!important;color:#000!important}"]
            },] }
];
OntoSearchFieldComponent.propDecorators = {
    customTemplate: [{ type: Input }],
    selectedList: [{ type: Input }],
    autocompleteData: [{ type: Input }],
    enableInnerAutocompleteFiltration: [{ type: Input }],
    searchResultMappingFunction: [{ type: Input }],
    onSearch: [{ type: Output }],
    onKeyPress: [{ type: Output }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib250by1zZWFyY2gtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9vcHQvamVua2luc19qb2JzL3dvcmtzcGFjZS9yZXVzYWJsZS11aS1jb21wb25lbnRzLXJlbGVhc2UvcHJvamVjdHMvb250by1zZWFyY2gvc3JjLyIsInNvdXJjZXMiOlsibGliL29udG8tc2VhcmNoLWZpZWxkL29udG8tc2VhcmNoLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBYSxFQUFFLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFTcEMsTUFBTSxPQUFPLHdCQUF3QjtJQUxyQztRQW1ERTs7V0FFRztRQUVILGFBQVEsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUV0RDs7V0FFRztRQUVJLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQWVqRSxDQUFDO0lBWEMsUUFBUTtRQUNOLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRU0sYUFBYSxDQUFDLE1BQVc7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVNLGVBQWUsQ0FBQyxNQUFXO1FBQ2hDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQy9CLENBQUM7OztZQTNFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtnQkFDN0IsbTBCQUFpRDs7YUFFbEQ7Ozs2QkFZRSxLQUFLOzJCQU1MLEtBQUs7K0JBTUwsS0FBSztnREFRTCxLQUFLOzBDQVlMLEtBQUs7dUJBTUwsTUFBTTt5QkFNTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBUZW1wbGF0ZVJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge09ic2VydmFibGUsIG9mfSBmcm9tICdyeGpzJztcbmltcG9ydCB7U2VhcmNoRmllbGRNb2RlbH0gZnJvbSAnLi9tb2RlbHMvc2VhcmNoLWZpZWxkLW1vZGVsJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvbnRvLXNlYXJjaC1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9vbnRvLXNlYXJjaC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29udG8tc2VhcmNoLWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE9udG9TZWFyY2hGaWVsZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBDdXN0b20gdGVtcGxhdGUgcmVmZXJlbmNlLiBXaWxsIG92ZXJyaWRlIHRoZSB0ZW1wbGF0ZSB1c2VkIGluIGF1dG9jb21wbGV0ZSBkcm9wZG93bi5cbiAgICogV2hlbiBjcmVhdGluZyB0aGUgY3VzdG9tIHRlbXBsYXRlLCBhIHZhcmlhYmxlIG11c3QgYmUgZGVjbGFyZWQgaW4gb3JkZXIgdG8gYWNjZXNzIHRoZSBvYmplY3QgYW5kIGl0cyBwcm9wZXJ0aWVzLlxuICAgKiBUaGUgdmFyaWFibGUgaG9sZHMgdGhlIGluZGV4IG51bWJlciBvZiB0aGUgZWxlbWVudCBpbiBpdCdzIGluZGV4IHBhcmFtZXRlciwgYW5kIHRoZSBlbGVtZW50IGluIGl0J3Mgc3RhdGUgcGFyYW1ldGVyLlxuICAgKlxuICAgKiBGb3IgZXhhbXBsZSwgaWYgeW91IG5hbWUgeW91IHZhcmlhYmxlIGl0ZW06XG4gICAqIDxuZy10ZW1wbGF0ZSAjY3VzdG9tVGVtcGxhdGUgbGV0LWl0ZW0+XG4gICAqIDxzcGFuIFthdHRyLmFwcEN5cHJlc3NEYXRhXT1cIidjdXN0b20tc3RhdGUtbGFiZWwtJyArIGl0ZW0uaW5kZXhcIiBjbGFzcz1cInN0YXRlLWxhYmVsXCI+e3tpdGVtLnN0YXRlLmxhYmVsfX08L3NwYW4+XG4gICAqIDwvbmctdGVtcGxhdGU+XG4gICAqL1xuICBASW5wdXQoKVxuICBjdXN0b21UZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgLyoqXG4gICAqIFByZXNlbGVjdGVkIHN0YXRlcyBsaXN0LlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNlbGVjdGVkTGlzdDogYW55W107XG5cbiAgLyoqXG4gICAqIE9ic2VydmFibGUgb2YgZGF0YSB0aGF0IGlzIHByb3ZpZGVzIGF1dG9jb21wbGV0ZSBvcHRpb25zXG4gICAqL1xuICBASW5wdXQoKVxuICBwcml2YXRlIGF1dG9jb21wbGV0ZURhdGE6IE9ic2VydmFibGU8U2VhcmNoRmllbGRNb2RlbFtdPjtcblxuICAvKipcbiAgICogSWYgdGhlIHJlc3VsdHMgZm9yIHRoZSBhdXRvY29tcGxldGUgYXJlIG9idGFpbmVkIGF0IG9uY2UgYW5kIHRoZSBjb21wb25lbnQgaXMgcmVzcG9uc2libGUgZm9yIGZpbHRlcmluZyB0aGVtLFxuICAgKiB0aGVuIHRoZSB0cnVlIG11c3QgYmUgc2V0LlxuICAgKiBCeSBkZWZhdWx0IGlzIHNldCB0byBmYWxzZSBhc3N1bWluZyBldmVyeSBrZXkgcHJlc3Mgc2VuZHMgYSByZXF1ZXN0IGZvciBhIG5ldyBsaXN0IG9mIGF1dG9jb21wbGV0ZSByZXN1bHRzLlxuICAgKi9cbiAgQElucHV0KClcbiAgZW5hYmxlSW5uZXJBdXRvY29tcGxldGVGaWx0cmF0aW9uOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBBIGN1c3RvbSBmdW5jdGlvbiB0aGF0IGFwcGxpZXMgdG8gZWFjaCBvZiB0aGUgc2VsZWN0ZWQgc2VhcmNoIG9iamVjdHMsIHdoaWNoIGlzIG5vdCBmcmVlIHRleHQuXG4gICAqIFRoZSBmdW5jdGlvbiBpcyBhcHBsaWVkIHRvIHRoZSBzZWxlY3RlZCBzZWFyY2ggcGhyYXNlcyB3aGVuIFNlYXJjaCBidXR0b24gaXMgcHJlc3NlZC5cbiAgICpcbiAgICogSWYgbm90IHNwZWNpZmllZCwgdGhlIGNvbXBvbmVudCByZXR1cm5zIHRoZSBzZWxlY3RlZCBvYmplY3QgdW5tb2RpZmllZC5cbiAgICpcbiAgICogRXhhbXBsZTpcbiAgICogdGhpcy5zZWFyY2hSZXN1bHRNYXBwaW5nRnVuY3Rpb24gPSAoZGF0YSkgPT4gZGF0YS5sYWJlbDtcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZWFyY2hSZXN1bHRNYXBwaW5nRnVuY3Rpb246IChhcmdzOiBTZWFyY2hGaWVsZE1vZGVsKSA9PiBhbnk7XG5cbiAgLyoqXG4gICAqIEVtaXRzIHNlbGVjdGVkIHNlYXJjaCBwaHJhc2VzIG9uIHNlYXJjaCBidXR0b24gcHJlc3MuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgb25TZWFyY2g6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgLyoqXG4gICAqIE9uIGtleSBwcmVzcyBldmVudCBlbWl0dGVyLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBvbktleVByZXNzOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIHB1YmxpYyBzdGF0ZXM6IE9ic2VydmFibGU8U2VhcmNoRmllbGRNb2RlbFtdPjtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlcyA9IHRoaXMuYXV0b2NvbXBsZXRlRGF0YSB8fCBvZihbXSk7XG4gIH1cblxuICBwdWJsaWMgb25TZWFyY2hFdmVudCgkZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25TZWFyY2guZW1pdCgkZXZlbnQpO1xuICB9XG5cbiAgcHVibGljIG9uS2V5UHJlc3NFdmVudCgkZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25LZXlQcmVzcy5lbWl0KCRldmVudCk7XG4gIH1cbn1cbiJdfQ==