ngx-surveys
Version:
Angular 18+ survey / form builder
33 lines • 7.86 kB
JavaScript
import { Component, Input, EventEmitter, Output } from '@angular/core';
import { FormItem } from '../form-item';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/button";
import * as i3 from "@angular/material/form-field";
export class FormItemNumericRating extends FormItem {
}
export class FormItemNumericRatingComponent {
constructor() {
this.editable = true;
this.changes = new EventEmitter();
}
ngOnInit() {
}
onSelectionChange(value) {
this.item.value = value;
this.changes.emit(this.item);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormItemNumericRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: FormItemNumericRatingComponent, selector: "ammo-form-item-numeric-rating", inputs: { item: "item", editable: "editable" }, outputs: { changes: "changes" }, ngImport: i0, template: "<div class=\"form-group\">\n <div class=\"col-xs-12 rating-set\">\n <div class=\"rating-set-title\">{{item.label}}</div>\n <div class=\"rating-set-buttons\">\n <button mat-button class=\"btn btn-sm\" type=\"button\"\n (click)=\"editable ? onSelectionChange(i) : false\"\n [ngClass]=\"item.value===i ? 'btn-primary' : 'btn-outline-primary'\"\n *ngFor=\"let i of [0,1,2,3,4,5,6,7,8,9,10]\">{{i}}</button>\n </div>\n <mat-error *ngIf=\"item.errors && item.errors.length\">\n <div *ngFor=\"let error of item.errors\">{{error.message}}</div>\n </mat-error>\n <mat-hint align=\"start\" *ngIf=\"!(item.errors && item.errors.length)\"><strong>{{item.hint}}</strong> </mat-hint>\n </div>\n</div>\n", styles: [".rating-set{display:block;padding:100/2;padding-bottom:10;text-align:center}.rating-set-title{font-size:.875rem}:host ::ng-deep button.mat-button{margin-bottom:4px}:host ::ng-deep button.mat-button:not(:last-child){margin-right:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormItemNumericRatingComponent, decorators: [{
type: Component,
args: [{ selector: 'ammo-form-item-numeric-rating', template: "<div class=\"form-group\">\n <div class=\"col-xs-12 rating-set\">\n <div class=\"rating-set-title\">{{item.label}}</div>\n <div class=\"rating-set-buttons\">\n <button mat-button class=\"btn btn-sm\" type=\"button\"\n (click)=\"editable ? onSelectionChange(i) : false\"\n [ngClass]=\"item.value===i ? 'btn-primary' : 'btn-outline-primary'\"\n *ngFor=\"let i of [0,1,2,3,4,5,6,7,8,9,10]\">{{i}}</button>\n </div>\n <mat-error *ngIf=\"item.errors && item.errors.length\">\n <div *ngFor=\"let error of item.errors\">{{error.message}}</div>\n </mat-error>\n <mat-hint align=\"start\" *ngIf=\"!(item.errors && item.errors.length)\"><strong>{{item.hint}}</strong> </mat-hint>\n </div>\n</div>\n", styles: [".rating-set{display:block;padding:100/2;padding-bottom:10;text-align:center}.rating-set-title{font-size:.875rem}:host ::ng-deep button.mat-button{margin-bottom:4px}:host ::ng-deep button.mat-button:not(:last-child){margin-right:4px}\n"] }]
}], ctorParameters: () => [], propDecorators: { item: [{
type: Input
}], editable: [{
type: Input
}], changes: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1pdGVtLW51bWVyaWMtcmF0aW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdXJ2ZXlzL3NyYy9saWIvZm9ybS1pdGVtL2Zvcm0taXRlbS1udW1lcmljLXJhdGluZy9mb3JtLWl0ZW0tbnVtZXJpYy1yYXRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN1cnZleXMvc3JjL2xpYi9mb3JtLWl0ZW0vZm9ybS1pdGVtLW51bWVyaWMtcmF0aW5nL2Zvcm0taXRlbS1udW1lcmljLXJhdGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxRQUFRLEVBQWtCLE1BQU0sY0FBYyxDQUFDOzs7OztBQUV4RCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsUUFBUTtDQUVsRDtBQU9ELE1BQU0sT0FBTyw4QkFBOEI7SUFNdkM7UUFIUyxhQUFRLEdBQVUsSUFBSSxDQUFDO1FBQ3RCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBeUIsQ0FBQztJQUU5QyxDQUFDO0lBRWpCLFFBQVE7SUFFUixDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBSztRQUNuQixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBQyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2pDLENBQUM7K0dBZlEsOEJBQThCO21HQUE5Qiw4QkFBOEIsc0pDWjNDLG15QkFlQTs7NEZESGEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLCtCQUErQjt3REFNOUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1JdGVtLCBGb3JtSXRlbVdpZGdldCB9IGZyb20gJy4uL2Zvcm0taXRlbSc7XG5cbmV4cG9ydCBjbGFzcyBGb3JtSXRlbU51bWVyaWNSYXRpbmcgZXh0ZW5kcyBGb3JtSXRlbSB7XG4gICAgdmFsdWU6IG51bWJlcjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYW1tby1mb3JtLWl0ZW0tbnVtZXJpYy1yYXRpbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS1pdGVtLW51bWVyaWMtcmF0aW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZm9ybS1pdGVtLW51bWVyaWMtcmF0aW5nLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRm9ybUl0ZW1OdW1lcmljUmF0aW5nQ29tcG9uZW50IGltcGxlbWVudHMgRm9ybUl0ZW1XaWRnZXQsIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoKSBpdGVtOiBGb3JtSXRlbU51bWVyaWNSYXRpbmc7XG4gICAgQElucHV0KCkgZWRpdGFibGU6IGJvb2xlYW49dHJ1ZTtcbiAgICBAT3V0cHV0KCkgY2hhbmdlcyA9IG5ldyBFdmVudEVtaXR0ZXI8Rm9ybUl0ZW1OdW1lcmljUmF0aW5nPigpO1xuXG4gICAgY29uc3RydWN0b3IoKSB7IH1cblxuICAgIG5nT25Jbml0KCkge1xuXG4gICAgfVxuXG4gICAgb25TZWxlY3Rpb25DaGFuZ2UodmFsdWUpe1xuICAgICAgICB0aGlzLml0ZW0udmFsdWU9dmFsdWU7XG4gICAgICAgIHRoaXMuY2hhbmdlcy5lbWl0KHRoaXMuaXRlbSk7XG4gICAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgcmF0aW5nLXNldFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicmF0aW5nLXNldC10aXRsZVwiPnt7aXRlbS5sYWJlbH19PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyYXRpbmctc2V0LWJ1dHRvbnNcIj5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjbGFzcz1cImJ0biBidG4tc21cIiB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiZWRpdGFibGUgPyBvblNlbGVjdGlvbkNoYW5nZShpKSA6IGZhbHNlXCJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJpdGVtLnZhbHVlPT09aSA/ICdidG4tcHJpbWFyeScgOiAnYnRuLW91dGxpbmUtcHJpbWFyeSdcIlxuICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpIG9mIFswLDEsMiwzLDQsNSw2LDcsOCw5LDEwXVwiPnt7aX19PC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8bWF0LWVycm9yICpuZ0lmPVwiaXRlbS5lcnJvcnMgJiYgaXRlbS5lcnJvcnMubGVuZ3RoXCI+XG4gICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZXJyb3Igb2YgaXRlbS5lcnJvcnNcIj57e2Vycm9yLm1lc3NhZ2V9fTwvZGl2PlxuICAgICAgICA8L21hdC1lcnJvcj5cbiAgICAgICAgPG1hdC1oaW50IGFsaWduPVwic3RhcnRcIiAqbmdJZj1cIiEoaXRlbS5lcnJvcnMgJiYgaXRlbS5lcnJvcnMubGVuZ3RoKVwiPjxzdHJvbmc+e3tpdGVtLmhpbnR9fTwvc3Ryb25nPiA8L21hdC1oaW50PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=