@inaccess-fang/ui-components
Version:
The Inaccess UI Components Library for the Front-end projects
21 lines • 2.93 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
export class FangAutocompleteDropdownComponent {
constructor() {
this.onSelect = new EventEmitter();
}
selectElement(element) {
this.onSelect.emit(element);
}
}
FangAutocompleteDropdownComponent.decorators = [
{ type: Component, args: [{
selector: 'autocomplete-dropdown',
template: "<div class=\"dropdown-list\">\n\t<div *ngFor=\"let el of dropdownElements; let i=index\"\n\t\t class=\"dropdown-item\"\n\t\t (click)=\"selectElement(el)\">\n\t\t{{el}}\n\t</div>\n</div>\n",
styles: [":host{background-clip:padding-box;border:1px solid #bdbdc3;border-radius:4px;border-top:0;box-shadow:4px 4px 4px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.24);display:block;flex-direction:column;margin:2px 0 2px 1px;overflow:hidden;z-index:9999999999}.dropdown-list,:host{background-color:#fff}.dropdown-list{flex-grow:1;height:100%;max-height:20vh;overflow-x:hidden;overflow-y:auto;position:relative;width:100%;will-change:transform,scroll-position}.dropdown-item{align-items:center;color:#333;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;padding:8px}.dropdown-item:hover{background-color:#f5f5f5}"]
},] }
];
FangAutocompleteDropdownComponent.propDecorators = {
dropdownElements: [{ type: Input }],
onSelect: [{ type: Output }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFuZy1hdXRvY29tcGxldGUtZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9ob21lL2lhc29uYXMvRGVza3RvcC9jdXJyZW50L2ZhbmctdWktY29tcG9uZW50cy1saWJyYXJ5L3Byb2plY3RzL2ZhbmctdWktY29tcG9uZW50cy9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9hdXRvY29tcGxldGUtd2l0aC1pbnB1dC9mYW5nLWF1dG9jb21wbGV0ZS1kcm9wZG93bi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVFyRSxNQUFNLE9BQU8saUNBQWlDO0lBTjlDO1FBU1csYUFBUSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFLakQsQ0FBQztJQUhBLGFBQWEsQ0FBQyxPQUFlO1FBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzdCLENBQUM7OztZQWJELFNBQVMsU0FBQztnQkFDVixRQUFRLEVBQUUsdUJBQXVCO2dCQUNqQyx1TUFBMEQ7O2FBRTFEOzs7K0JBSUMsS0FBSzt1QkFDTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2F1dG9jb21wbGV0ZS1kcm9wZG93bicsXG5cdHRlbXBsYXRlVXJsOiAnLi9mYW5nLWF1dG9jb21wbGV0ZS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL2ZhbmctYXV0b2NvbXBsZXRlLWRyb3Bkb3duLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBGYW5nQXV0b2NvbXBsZXRlRHJvcGRvd25Db21wb25lbnQge1xuXG5cdEBJbnB1dCgpIGRyb3Bkb3duRWxlbWVudHM6IHN0cmluZ1tdO1xuXHRAT3V0cHV0KCkgb25TZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuXHRzZWxlY3RFbGVtZW50KGVsZW1lbnQ6IHN0cmluZykge1xuXHRcdHRoaXMub25TZWxlY3QuZW1pdChlbGVtZW50KTtcblx0fVxufVxuIl19