survey-angular-ui
Version:
survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.
37 lines • 6.02 kB
JavaScript
import { Component, Input } from "@angular/core";
import { BaseAngular } from "../../base-angular";
import { AngularComponentFactory } from "../../component-factory";
import * as i0 from "@angular/core";
import * as i1 from "../svg-icon/svg-icon.component";
import * as i2 from "@angular/common";
export class TimerPanelComponent extends BaseAngular {
constructor() {
super(...arguments);
this.circleLengthValue = 440;
}
getStateElement() {
return this.model;
}
getModel() {
return this.model;
}
get circleLength() {
return this.circleLengthValue;
}
get progress() {
return -this.model.progress * this.circleLength;
}
}
TimerPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TimerPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
TimerPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TimerPanelComponent, selector: "sv-timerpanel", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"model.isRunning && model.showTimerAsClock\" [class]=\"model.rootCss\">\n <svg *ngIf=\"model.showProgress\" [class]=\"model.getProgressCss()\" [style.stroke-dasharray]=\"circleLength\" [style.stroke-dashoffset]=\"progress\" [size]=\"'auto'\" [iconName]=\"'icon-timercircle'\" sv-ng-svg-icon></svg>\n <div [class]=\"model.textContainerCss\">\n <span [class]=\"model.majorTextCss\">{{ model.clockMajorText }}</span>\n <span *ngIf=\"model.clockMinorText\" [class]=\"model.minorTextCss\">{{ model.clockMinorText }}</span>\n </div>\n</div>\n<div *ngIf=\"model.isRunning && !model.showTimerAsClock\" [class]='model.survey.getCss().timerRoot'>{{model.text}}</div>", components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TimerPanelComponent, decorators: [{
type: Component,
args: [{
selector: "sv-timerpanel",
templateUrl: "./timer-panel.component.html",
}]
}], propDecorators: { model: [{
type: Input
}] } });
AngularComponentFactory.Instance.registerComponent("sv-timerpanel", TimerPanelComponent);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXItcGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdGltZXItcGFuZWwvdGltZXItcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdGltZXItcGFuZWwvdGltZXItcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2pELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7O0FBU2xFLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxXQUE2QjtJQVB0RTs7UUFTbUIsc0JBQWlCLEdBQUcsR0FBRyxDQUFDO0tBYzFDO0lBWlcsZUFBZTtRQUN2QixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUNTLFFBQVE7UUFDaEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFDRCxJQUFXLFlBQVk7UUFDckIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDaEMsQ0FBQztJQUNELElBQVcsUUFBUTtRQUNqQixPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztJQUNsRCxDQUFDOztpSEFmVSxtQkFBbUI7cUdBQW5CLG1CQUFtQix3R0NaaEMscXJCQU9zSDs0RkRLekcsbUJBQW1CO2tCQVAvQixTQUFTO21CQUNSO29CQUNFLFFBQVEsRUFBRSxlQUFlO29CQUN6QixXQUFXLEVBQUUsOEJBQThCO2lCQUM1Qzs4QkFJUSxLQUFLO3NCQUFiLEtBQUs7O0FBaUJSLHVCQUF1QixDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxlQUFlLEVBQUUsbUJBQW1CLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQmFzZSwgU3VydmV5VGltZXJNb2RlbCB9IGZyb20gXCJzdXJ2ZXktY29yZVwiO1xuaW1wb3J0IHsgQmFzZUFuZ3VsYXIgfSBmcm9tIFwiLi4vLi4vYmFzZS1hbmd1bGFyXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSB9IGZyb20gXCIuLi8uLi9jb21wb25lbnQtZmFjdG9yeVwiO1xuXG5AQ29tcG9uZW50KFxuICB7XG4gICAgc2VsZWN0b3I6IFwic3YtdGltZXJwYW5lbFwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vdGltZXItcGFuZWwuY29tcG9uZW50Lmh0bWxcIixcbiAgfVxuKVxuXG5leHBvcnQgY2xhc3MgVGltZXJQYW5lbENvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyPFN1cnZleVRpbWVyTW9kZWw+IHtcbiAgQElucHV0KCkgbW9kZWwhOiBTdXJ2ZXlUaW1lck1vZGVsO1xuICBwcml2YXRlIHJlYWRvbmx5IGNpcmNsZUxlbmd0aFZhbHVlID0gNDQwO1xuXG4gIHByb3RlY3RlZCBnZXRTdGF0ZUVsZW1lbnQoKTogQmFzZSB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWw7XG4gIH1cbiAgcHJvdGVjdGVkIGdldE1vZGVsKCk6IFN1cnZleVRpbWVyTW9kZWwge1xuICAgIHJldHVybiB0aGlzLm1vZGVsO1xuICB9XG4gIHB1YmxpYyBnZXQgY2lyY2xlTGVuZ3RoKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuY2lyY2xlTGVuZ3RoVmFsdWU7XG4gIH1cbiAgcHVibGljIGdldCBwcm9ncmVzcygpOiBudW1iZXIge1xuICAgIHJldHVybiAtdGhpcy5tb2RlbC5wcm9ncmVzcyAqIHRoaXMuY2lyY2xlTGVuZ3RoO1xuICB9XG59XG5cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3YtdGltZXJwYW5lbFwiLCBUaW1lclBhbmVsQ29tcG9uZW50KTsiLCI8ZGl2ICpuZ0lmPVwibW9kZWwuaXNSdW5uaW5nICYmIG1vZGVsLnNob3dUaW1lckFzQ2xvY2tcIiBbY2xhc3NdPVwibW9kZWwucm9vdENzc1wiPlxuICAgIDxzdmcgKm5nSWY9XCJtb2RlbC5zaG93UHJvZ3Jlc3NcIiBbY2xhc3NdPVwibW9kZWwuZ2V0UHJvZ3Jlc3NDc3MoKVwiIFtzdHlsZS5zdHJva2UtZGFzaGFycmF5XT1cImNpcmNsZUxlbmd0aFwiIFtzdHlsZS5zdHJva2UtZGFzaG9mZnNldF09XCJwcm9ncmVzc1wiIFtzaXplXT1cIidhdXRvJ1wiIFtpY29uTmFtZV09XCInaWNvbi10aW1lcmNpcmNsZSdcIiBzdi1uZy1zdmctaWNvbj48L3N2Zz5cbiAgICA8ZGl2IFtjbGFzc109XCJtb2RlbC50ZXh0Q29udGFpbmVyQ3NzXCI+XG4gICAgICAgIDxzcGFuIFtjbGFzc109XCJtb2RlbC5tYWpvclRleHRDc3NcIj57eyBtb2RlbC5jbG9ja01ham9yVGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJtb2RlbC5jbG9ja01pbm9yVGV4dFwiIFtjbGFzc109XCJtb2RlbC5taW5vclRleHRDc3NcIj57eyBtb2RlbC5jbG9ja01pbm9yVGV4dCB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiAqbmdJZj1cIm1vZGVsLmlzUnVubmluZyAmJiAhbW9kZWwuc2hvd1RpbWVyQXNDbG9ja1wiIFtjbGFzc109J21vZGVsLnN1cnZleS5nZXRDc3MoKS50aW1lclJvb3QnPnt7bW9kZWwudGV4dH19PC9kaXY+Il19