@hxui/angular
Version:
An Angular library based on the [HXUI design system](https://hxui.io).
41 lines • 6.94 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { IntervalItem } from '../interval-option-model';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class DateRangePickerIntervalComponent {
constructor() {
this.newSelectedInterval = new EventEmitter();
this.closeDropdown = new EventEmitter();
}
ngAfterViewInit() {
if (this.currentSelectedInterval) {
const element = document.getElementById(this.currentSelectedInterval.id);
element.classList.add('label-selected');
}
}
sendSelection(selectedItem) {
this.newSelectedInterval.emit(selectedItem);
this.closeDropdown.emit(true);
}
mouseHover(e) {
if (this.currentSelectedInterval) {
const element = document.getElementById(this.currentSelectedInterval.id);
element.classList.remove('label-selected');
}
}
}
DateRangePickerIntervalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateRangePickerIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
DateRangePickerIntervalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DateRangePickerIntervalComponent, selector: "hxa-date-range-picker-interval", inputs: { intervalOptionList: "intervalOptionList", currentSelectedInterval: "currentSelectedInterval" }, outputs: { newSelectedInterval: "newSelectedInterval", closeDropdown: "closeDropdown" }, ngImport: i0, template: "<div class=\"dropdown-menu\" (mouseenter)=\"mouseHover($event)\">\r\n <a class=\"hx-dropdown-item\" *ngFor=\"let intervalItem of intervalOptionList\" (click)=\"sendSelection(intervalItem)\"\r\n id=\"{{intervalItem.id}}\">\r\n {{intervalItem.displayName}}\r\n </a>\r\n</div>\r\n", styles: [".label-selected{background-color:#41b987;color:#fff}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateRangePickerIntervalComponent, decorators: [{
type: Component,
args: [{ selector: 'hxa-date-range-picker-interval', template: "<div class=\"dropdown-menu\" (mouseenter)=\"mouseHover($event)\">\r\n <a class=\"hx-dropdown-item\" *ngFor=\"let intervalItem of intervalOptionList\" (click)=\"sendSelection(intervalItem)\"\r\n id=\"{{intervalItem.id}}\">\r\n {{intervalItem.displayName}}\r\n </a>\r\n</div>\r\n", styles: [".label-selected{background-color:#41b987;color:#fff}\n"] }]
}], propDecorators: { intervalOptionList: [{
type: Input
}], currentSelectedInterval: [{
type: Input
}], newSelectedInterval: [{
type: Output
}], closeDropdown: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS1waWNrZXItaW50ZXJ2YWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaHgtdWkvc3JjL2xpYi9kYXRlLXJhbmdlLXBpY2tlci9kYXRlLXJhbmdlLXBpY2tlci1pbnRlcnZhbC9kYXRlLXJhbmdlLXBpY2tlci1pbnRlcnZhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9oeC11aS9zcmMvbGliL2RhdGUtcmFuZ2UtcGlja2VyL2RhdGUtcmFuZ2UtcGlja2VyLWludGVydmFsL2RhdGUtcmFuZ2UtcGlja2VyLWludGVydmFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7QUFPeEQsTUFBTSxPQUFPLGdDQUFnQztJQUw3QztRQVFZLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFnQixDQUFDO1FBQ3ZELGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQW9CdkQ7SUFsQkMsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLHVCQUF1QixFQUFFO1lBQ2hDLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLHVCQUF1QixDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ3pFLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLFlBQTBCO1FBQ3RDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDNUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELFVBQVUsQ0FBQyxDQUFDO1FBQ1YsSUFBSSxJQUFJLENBQUMsdUJBQXVCLEVBQUU7WUFDaEMsTUFBTSxPQUFPLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsdUJBQXVCLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDekUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztTQUM1QztJQUNILENBQUM7OzhIQXZCVSxnQ0FBZ0M7a0hBQWhDLGdDQUFnQyx5UUNkN0MsK1JBTUE7NEZEUWEsZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNFLGdDQUFnQzs4QkFLakMsa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFDSSxtQkFBbUI7c0JBQTVCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQWZ0ZXJWaWV3SW5pdCxcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE91dHB1dFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJbnRlcnZhbEl0ZW0gfSBmcm9tICcuLi9pbnRlcnZhbC1vcHRpb24tbW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdoeGEtZGF0ZS1yYW5nZS1waWNrZXItaW50ZXJ2YWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRlLXJhbmdlLXBpY2tlci1pbnRlcnZhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS1yYW5nZS1waWNrZXItaW50ZXJ2YWwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0ZVJhbmdlUGlja2VySW50ZXJ2YWxDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcclxuICBASW5wdXQoKSBpbnRlcnZhbE9wdGlvbkxpc3Q6IEludGVydmFsSXRlbVtdO1xyXG4gIEBJbnB1dCgpIGN1cnJlbnRTZWxlY3RlZEludGVydmFsOiBJbnRlcnZhbEl0ZW07XHJcbiAgQE91dHB1dCgpIG5ld1NlbGVjdGVkSW50ZXJ2YWwgPSBuZXcgRXZlbnRFbWl0dGVyPEludGVydmFsSXRlbT4oKTtcclxuICBAT3V0cHV0KCkgY2xvc2VEcm9wZG93biA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgaWYgKHRoaXMuY3VycmVudFNlbGVjdGVkSW50ZXJ2YWwpIHtcclxuICAgICAgY29uc3QgZWxlbWVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuY3VycmVudFNlbGVjdGVkSW50ZXJ2YWwuaWQpO1xyXG4gICAgICBlbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2xhYmVsLXNlbGVjdGVkJyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZW5kU2VsZWN0aW9uKHNlbGVjdGVkSXRlbTogSW50ZXJ2YWxJdGVtKSB7XHJcbiAgICB0aGlzLm5ld1NlbGVjdGVkSW50ZXJ2YWwuZW1pdChzZWxlY3RlZEl0ZW0pO1xyXG4gICAgdGhpcy5jbG9zZURyb3Bkb3duLmVtaXQodHJ1ZSk7XHJcbiAgfVxyXG5cclxuICBtb3VzZUhvdmVyKGUpIHtcclxuICAgIGlmICh0aGlzLmN1cnJlbnRTZWxlY3RlZEludGVydmFsKSB7XHJcbiAgICAgIGNvbnN0IGVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmN1cnJlbnRTZWxlY3RlZEludGVydmFsLmlkKTtcclxuICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdsYWJlbC1zZWxlY3RlZCcpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZHJvcGRvd24tbWVudVwiIChtb3VzZWVudGVyKT1cIm1vdXNlSG92ZXIoJGV2ZW50KVwiPlxyXG4gIDxhIGNsYXNzPVwiaHgtZHJvcGRvd24taXRlbVwiICpuZ0Zvcj1cImxldCBpbnRlcnZhbEl0ZW0gb2YgaW50ZXJ2YWxPcHRpb25MaXN0XCIgKGNsaWNrKT1cInNlbmRTZWxlY3Rpb24oaW50ZXJ2YWxJdGVtKVwiXHJcbiAgICBpZD1cInt7aW50ZXJ2YWxJdGVtLmlkfX1cIj5cclxuICAgIHt7aW50ZXJ2YWxJdGVtLmRpc3BsYXlOYW1lfX1cclxuICA8L2E+XHJcbjwvZGl2PlxyXG4iXX0=