@vismaux/ngx-nordic-cool
Version:
Common Nordic-Cool components for Angular.
42 lines • 6.95 kB
JavaScript
import { Component, ChangeDetectionStrategy, ContentChildren, Input, Output, EventEmitter, } from '@angular/core';
import { NcPillComponent } from './pill/pill.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class NcPillsComponent {
constructor() {
this.color = 'default';
this.ariaLabel = null;
this.ariaLabelledby = null;
this.selectedChange = new EventEmitter();
}
/** @ignore */
select(value) {
this.selected = value;
this.selectedChange.emit(value);
}
}
NcPillsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NcPillsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
NcPillsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: NcPillsComponent, selector: "nc-pills", inputs: { color: "color", selected: "selected", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"] }, outputs: { selectedChange: "selectedChange" }, host: { properties: { "attr.aria-label": "null", "attr.aria-labelledby": "null" } }, queries: [{ propertyName: "pills", predicate: NcPillComponent }], ngImport: i0, template: "<div\n role=\"group\"\n class=\"nav nav-pills\"\n [class.nav-pills-primary]=\"color === 'primary'\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n>\n <button\n *ngFor=\"let pill of pills\"\n type=\"button\"\n [class.active]=\"pill.value === selected\"\n [attr.aria-pressed]=\"pill.value === selected\"\n [disabled]=\"pill.disabled\"\n (click)=\"select(pill.value)\"\n >\n <ng-template [ngTemplateOutlet]=\"pill.templateRef\"></ng-template>\n </button>\n</div>\n", directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NcPillsComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-pills', changeDetection: ChangeDetectionStrategy.OnPush, host: {
'[attr.aria-label]': 'null',
'[attr.aria-labelledby]': 'null',
}, template: "<div\n role=\"group\"\n class=\"nav nav-pills\"\n [class.nav-pills-primary]=\"color === 'primary'\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n>\n <button\n *ngFor=\"let pill of pills\"\n type=\"button\"\n [class.active]=\"pill.value === selected\"\n [attr.aria-pressed]=\"pill.value === selected\"\n [disabled]=\"pill.disabled\"\n (click)=\"select(pill.value)\"\n >\n <ng-template [ngTemplateOutlet]=\"pill.templateRef\"></ng-template>\n </button>\n</div>\n" }]
}], propDecorators: { color: [{
type: Input
}], selected: [{
type: Input
}], ariaLabel: [{
type: Input,
args: ['aria-label']
}], ariaLabelledby: [{
type: Input,
args: ['aria-labelledby']
}], selectedChange: [{
type: Output
}], pills: [{
type: ContentChildren,
args: [NcPillComponent]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW5vcmRpYy1jb29sL3NyYy9saWIvcGlsbHMvcGlsbHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW5vcmRpYy1jb29sL3NyYy9saWIvcGlsbHMvcGlsbHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsZUFBZSxFQUVmLEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxHQUNiLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7O0FBV3hELE1BQU0sT0FBTyxnQkFBZ0I7SUFUN0I7UUFVVyxVQUFLLEdBQTBCLFNBQVMsQ0FBQztRQUc3QixjQUFTLEdBQWtCLElBQUksQ0FBQztRQUMzQixtQkFBYyxHQUFrQixJQUFJLENBQUM7UUFFNUMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBVzdEO0lBTEMsY0FBYztJQUNkLE1BQU0sQ0FBQyxLQUFVO1FBQ2YsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7NkdBakJVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLDJWQVVWLGVBQWUsNkJDOUJsQyw2Z0JBa0JBOzJGREVhLGdCQUFnQjtrQkFUNUIsU0FBUzsrQkFDRSxVQUFVLG1CQUVILHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osbUJBQW1CLEVBQUUsTUFBTTt3QkFDM0Isd0JBQXdCLEVBQUUsTUFBTTtxQkFDakM7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRWUsU0FBUztzQkFBN0IsS0FBSzt1QkFBQyxZQUFZO2dCQUNPLGNBQWM7c0JBQXZDLEtBQUs7dUJBQUMsaUJBQWlCO2dCQUVMLGNBQWM7c0JBQWhDLE1BQU07Z0JBSUUsS0FBSztzQkFEYixlQUFlO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIFF1ZXJ5TGlzdCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5jUGlsbENvbXBvbmVudCB9IGZyb20gJy4vcGlsbC9waWxsLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLXBpbGxzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BpbGxzLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuYXJpYS1sYWJlbF0nOiAnbnVsbCcsXG4gICAgJ1thdHRyLmFyaWEtbGFiZWxsZWRieV0nOiAnbnVsbCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIE5jUGlsbHNDb21wb25lbnQge1xuICBASW5wdXQoKSBjb2xvcjogJ2RlZmF1bHQnIHwgJ3ByaW1hcnknID0gJ2RlZmF1bHQnO1xuICBASW5wdXQoKSBzZWxlY3RlZDogYW55O1xuXG4gIEBJbnB1dCgnYXJpYS1sYWJlbCcpIGFyaWFMYWJlbDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgnYXJpYS1sYWJlbGxlZGJ5JykgYXJpYUxhYmVsbGVkYnk6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gIEBPdXRwdXQoKSByZWFkb25seSBzZWxlY3RlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIEBDb250ZW50Q2hpbGRyZW4oTmNQaWxsQ29tcG9uZW50KVxuICByZWFkb25seSBwaWxsczogUXVlcnlMaXN0PE5jUGlsbENvbXBvbmVudD47XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgc2VsZWN0KHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLnNlbGVjdGVkID0gdmFsdWU7XG4gICAgdGhpcy5zZWxlY3RlZENoYW5nZS5lbWl0KHZhbHVlKTtcbiAgfVxufVxuIiwiPGRpdlxuICByb2xlPVwiZ3JvdXBcIlxuICBjbGFzcz1cIm5hdiBuYXYtcGlsbHNcIlxuICBbY2xhc3MubmF2LXBpbGxzLXByaW1hcnldPVwiY29sb3IgPT09ICdwcmltYXJ5J1wiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcbiAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImFyaWFMYWJlbGxlZGJ5XCJcbj5cbiAgPGJ1dHRvblxuICAgICpuZ0Zvcj1cImxldCBwaWxsIG9mIHBpbGxzXCJcbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICBbY2xhc3MuYWN0aXZlXT1cInBpbGwudmFsdWUgPT09IHNlbGVjdGVkXCJcbiAgICBbYXR0ci5hcmlhLXByZXNzZWRdPVwicGlsbC52YWx1ZSA9PT0gc2VsZWN0ZWRcIlxuICAgIFtkaXNhYmxlZF09XCJwaWxsLmRpc2FibGVkXCJcbiAgICAoY2xpY2spPVwic2VsZWN0KHBpbGwudmFsdWUpXCJcbiAgPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJwaWxsLnRlbXBsYXRlUmVmXCI+PC9uZy10ZW1wbGF0ZT5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==