survey-creator-angular
Version:
Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.
36 lines • 6.57 kB
JavaScript
import { Component, Input } from "@angular/core";
import { BaseAngular } from "survey-angular-ui";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "survey-angular-ui";
export class SimulatorComponent extends BaseAngular {
getModel() {
return this.model;
}
get simulatorFrame() {
return this.model.simulatorFrame;
}
activateZoom() {
if (this.model.device !== "desktop") {
this.model.activateZoom();
}
}
deactivateZoom() {
if (this.model.device !== "desktop") {
this.model.deactivateZoom();
}
}
}
SimulatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SimulatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
SimulatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SimulatorComponent, selector: "survey-simulator", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div [class]=\"model.getRootCss()\" (keydown)=\"model.tryToZoom($event, $event)\" (mouseover)=\"activateZoom()\"\n (mouseout)=\"deactivateZoom()\">\n <div *ngIf=\"model.hasFrame\" class=\"svd-simulator-wrapper\" id=\"svd-simulator-wrapper\"\n [style.width]=\"simulatorFrame.frameWidth + 'px'\" [style.height]=\"simulatorFrame.frameHeight + 'px'\">\n <div class=\"svd-simulator\" [style.width]=\"simulatorFrame.deviceWidth + 'px'\"\n [style.height]=\"simulatorFrame.deviceHeight + 'px'\"\n [style.transform]=\"'scale(' + simulatorFrame.scale + ') translate(-50%, -50%)'\">\n <div class=\"svd-simulator-content\">\n <ng-template [component]=\"{ name: 'survey-widget', data: { model: model.survey } }\"></ng-template>\n </div>\n </div>\n </div>\n <div *ngIf=\"!model.hasFrame\" class=\"svd-simulator-content\">\n <ng-template [component]=\"{ name: 'survey-widget', data: { model: model.survey } }\"></ng-template>\n </div>\n </div>\n</ng-template>", styles: [":host { display: none; }"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SimulatorComponent, decorators: [{
type: Component,
args: [{
selector: "survey-simulator",
templateUrl: "./simulator.component.html",
styles: [":host { display: none; }"]
}]
}], propDecorators: { model: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltdWxhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy90YWJzL3ByZXZpZXcvc2ltdWxhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy90YWJzL3ByZXZpZXcvc2ltdWxhdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBMkIsV0FBVyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7QUFRekUsTUFBTSxPQUFPLGtCQUFtQixTQUFRLFdBQWlDO0lBRTdELFFBQVE7UUFDaEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFDRCxJQUFXLGNBQWM7UUFDdkIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQztJQUNuQyxDQUFDO0lBQ0QsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEtBQUssU0FBUyxFQUFFO1lBQ25DLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDM0I7SUFDSCxDQUFDO0lBQ0QsY0FBYztRQUNaLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEtBQUssU0FBUyxFQUFFO1lBQ25DLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDN0I7SUFDSCxDQUFDOztnSEFqQlUsa0JBQWtCO29HQUFsQixrQkFBa0IsMkdDVC9CLHNoQ0FpQmM7NEZEUkQsa0JBQWtCO2tCQUw5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFdBQVcsRUFBRSw0QkFBNEI7b0JBQ3pDLE1BQU0sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQzs4QkFFVSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFuZ3VsYXJDb21wb25lbnRGYWN0b3J5LCBCYXNlQW5ndWxhciB9IGZyb20gXCJzdXJ2ZXktYW5ndWxhci11aVwiO1xuaW1wb3J0IHsgU3VydmV5U2ltdWxhdG9yTW9kZWwgfSBmcm9tIFwic3VydmV5LWNyZWF0b3ItY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3VydmV5LXNpbXVsYXRvclwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3NpbXVsYXRvci5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZXM6IFtcIjpob3N0IHsgZGlzcGxheTogbm9uZTsgfVwiXVxufSlcbmV4cG9ydCBjbGFzcyBTaW11bGF0b3JDb21wb25lbnQgZXh0ZW5kcyBCYXNlQW5ndWxhcjxTdXJ2ZXlTaW11bGF0b3JNb2RlbD4ge1xuICBASW5wdXQoKSBtb2RlbCE6IFN1cnZleVNpbXVsYXRvck1vZGVsO1xuICBwcm90ZWN0ZWQgZ2V0TW9kZWwoKTogU3VydmV5U2ltdWxhdG9yTW9kZWwge1xuICAgIHJldHVybiB0aGlzLm1vZGVsO1xuICB9XG4gIHB1YmxpYyBnZXQgc2ltdWxhdG9yRnJhbWUoKTogYW55IHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbC5zaW11bGF0b3JGcmFtZTtcbiAgfVxuICBhY3RpdmF0ZVpvb20oKSB7XG4gICAgaWYgKHRoaXMubW9kZWwuZGV2aWNlICE9PSBcImRlc2t0b3BcIikge1xuICAgICAgdGhpcy5tb2RlbC5hY3RpdmF0ZVpvb20oKTtcbiAgICB9XG4gIH1cbiAgZGVhY3RpdmF0ZVpvb20oKSB7XG4gICAgaWYgKHRoaXMubW9kZWwuZGV2aWNlICE9PSBcImRlc2t0b3BcIikge1xuICAgICAgdGhpcy5tb2RlbC5kZWFjdGl2YXRlWm9vbSgpO1xuICAgIH1cbiAgfVxufSIsIjxuZy10ZW1wbGF0ZSAjdGVtcGxhdGU+XG4gIDxkaXYgW2NsYXNzXT1cIm1vZGVsLmdldFJvb3RDc3MoKVwiIChrZXlkb3duKT1cIm1vZGVsLnRyeVRvWm9vbSgkZXZlbnQsICRldmVudClcIiAobW91c2VvdmVyKT1cImFjdGl2YXRlWm9vbSgpXCJcbiAgICAobW91c2VvdXQpPVwiZGVhY3RpdmF0ZVpvb20oKVwiPlxuICAgIDxkaXYgKm5nSWY9XCJtb2RlbC5oYXNGcmFtZVwiIGNsYXNzPVwic3ZkLXNpbXVsYXRvci13cmFwcGVyXCIgaWQ9XCJzdmQtc2ltdWxhdG9yLXdyYXBwZXJcIlxuICAgICAgW3N0eWxlLndpZHRoXT1cInNpbXVsYXRvckZyYW1lLmZyYW1lV2lkdGggKyAncHgnXCIgW3N0eWxlLmhlaWdodF09XCJzaW11bGF0b3JGcmFtZS5mcmFtZUhlaWdodCArICdweCdcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdmQtc2ltdWxhdG9yXCIgW3N0eWxlLndpZHRoXT1cInNpbXVsYXRvckZyYW1lLmRldmljZVdpZHRoICsgJ3B4J1wiXG4gICAgICAgIFtzdHlsZS5oZWlnaHRdPVwic2ltdWxhdG9yRnJhbWUuZGV2aWNlSGVpZ2h0ICsgJ3B4J1wiXG4gICAgICAgIFtzdHlsZS50cmFuc2Zvcm1dPVwiJ3NjYWxlKCcgKyBzaW11bGF0b3JGcmFtZS5zY2FsZSArICcpIHRyYW5zbGF0ZSgtNTAlLCAtNTAlKSdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN2ZC1zaW11bGF0b3ItY29udGVudFwiPlxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbY29tcG9uZW50XT1cInsgbmFtZTogJ3N1cnZleS13aWRnZXQnLCBkYXRhOiB7IG1vZGVsOiBtb2RlbC5zdXJ2ZXkgfSB9XCI+PC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiIW1vZGVsLmhhc0ZyYW1lXCIgY2xhc3M9XCJzdmQtc2ltdWxhdG9yLWNvbnRlbnRcIj5cbiAgICAgIDxuZy10ZW1wbGF0ZSBbY29tcG9uZW50XT1cInsgbmFtZTogJ3N1cnZleS13aWRnZXQnLCBkYXRhOiB7IG1vZGVsOiBtb2RlbC5zdXJ2ZXkgfSB9XCI+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==