systelab-components
Version:
systelab-components is a set of components that use wide accepted and adopted standard technologies like Angular and Bootstrap, as well as other popular libraries. Please read the ATTRIBUTION.md file for a complete list of dependencies.
29 lines • 4.87 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
export class ToggleSelectorComponent {
constructor() {
this.options = [];
this.currentOptionChange = new EventEmitter();
this.select = new EventEmitter();
}
selectOption(option) {
this.currentOption = option.id;
this.select.emit(option);
this.currentOptionChange.emit(option.id);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ToggleSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.9", type: ToggleSelectorComponent, selector: "systelab-toggle-selector", inputs: { options: "options", currentOption: "currentOption" }, outputs: { currentOptionChange: "currentOptionChange", select: "select" }, ngImport: i0, template: "<div class=\"slab-toggle-selector\">\n @for (option of options; track option.id) {\n <div [id]=\"'id'+option.id\" class=\"slab-option\"\n [class.slab-selected]=\"currentOption === option.id\"\n (click)=\"selectOption(option)\">\n <span>{{ option.name }}</span>\n </div>\n }\n</div>\n" }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ToggleSelectorComponent, decorators: [{
type: Component,
args: [{ selector: 'systelab-toggle-selector', template: "<div class=\"slab-toggle-selector\">\n @for (option of options; track option.id) {\n <div [id]=\"'id'+option.id\" class=\"slab-option\"\n [class.slab-selected]=\"currentOption === option.id\"\n (click)=\"selectOption(option)\">\n <span>{{ option.name }}</span>\n </div>\n }\n</div>\n" }]
}], propDecorators: { options: [{
type: Input
}], currentOption: [{
type: Input
}], currentOptionChange: [{
type: Output
}], select: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLXNlbGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N5c3RlbGFiLWNvbXBvbmVudHMvc3JjL2xpYi90b2dnbGUtc2VsZWN0b3IvdG9nZ2xlLXNlbGVjdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N5c3RlbGFiLWNvbXBvbmVudHMvc3JjL2xpYi90b2dnbGUtc2VsZWN0b3IvdG9nZ2xlLXNlbGVjdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBV3ZFLE1BQU0sT0FBTyx1QkFBdUI7SUFKcEM7UUFLa0IsWUFBTyxHQUFnQyxFQUFFLENBQUM7UUFHekMsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVqRCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQXdCLENBQUM7S0FPcEU7SUFMUSxZQUFZLENBQUMsTUFBNEI7UUFDOUMsSUFBSSxDQUFDLGFBQWEsR0FBRyxNQUFNLENBQUMsRUFBRSxDQUFDO1FBQy9CLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzNDLENBQUM7OEdBWlUsdUJBQXVCO2tHQUF2Qix1QkFBdUIsMk1DWHBDLG9WQVNBOzsyRkRFYSx1QkFBdUI7a0JBSm5DLFNBQVM7K0JBQ0UsMEJBQTBCOzhCQUlwQixPQUFPO3NCQUF0QixLQUFLO2dCQUVVLGFBQWE7c0JBQTVCLEtBQUs7Z0JBQ1csbUJBQW1CO3NCQUFuQyxNQUFNO2dCQUVVLE1BQU07c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRvZ2dsZVNlbGVjdG9yT3B0aW9uIHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeXN0ZWxhYi10b2dnbGUtc2VsZWN0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vdG9nZ2xlLXNlbGVjdG9yLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBUb2dnbGVTZWxlY3RvckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBvcHRpb25zOiBBcnJheTxUb2dnbGVTZWxlY3Rvck9wdGlvbj4gPSBbXTtcblxuICBASW5wdXQoKSBwdWJsaWMgY3VycmVudE9wdGlvbjogc3RyaW5nO1xuICBAT3V0cHV0KCkgcHVibGljIGN1cnJlbnRPcHRpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBAT3V0cHV0KCkgcHVibGljIHNlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8VG9nZ2xlU2VsZWN0b3JPcHRpb24+KCk7XG5cbiAgcHVibGljIHNlbGVjdE9wdGlvbihvcHRpb246IFRvZ2dsZVNlbGVjdG9yT3B0aW9uKTogdm9pZCB7XG4gICAgdGhpcy5jdXJyZW50T3B0aW9uID0gb3B0aW9uLmlkO1xuICAgIHRoaXMuc2VsZWN0LmVtaXQob3B0aW9uKTtcbiAgICB0aGlzLmN1cnJlbnRPcHRpb25DaGFuZ2UuZW1pdChvcHRpb24uaWQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2xhYi10b2dnbGUtc2VsZWN0b3JcIj5cbiAgICBAZm9yIChvcHRpb24gb2Ygb3B0aW9uczsgdHJhY2sgb3B0aW9uLmlkKSB7XG4gICAgICAgIDxkaXYgW2lkXT1cIidpZCcrb3B0aW9uLmlkXCIgY2xhc3M9XCJzbGFiLW9wdGlvblwiXG4gICAgICAgICAgICAgW2NsYXNzLnNsYWItc2VsZWN0ZWRdPVwiY3VycmVudE9wdGlvbiA9PT0gb3B0aW9uLmlkXCJcbiAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0T3B0aW9uKG9wdGlvbilcIj5cbiAgICAgICAgICAgIDxzcGFuPnt7IG9wdGlvbi5uYW1lIH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICB9XG48L2Rpdj5cbiJdfQ==