survey-creator-angular/esm2015/tabs/designer/designer-survey.component.js

Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.

import { Component, Input } from "@angular/core";
import { BaseAngular } from "survey-angular-ui";
import * as i0 from "@angular/core";
import * as i1 from "survey-angular-ui";
import * as i2 from "./designer-pages.component";
import * as i3 from "../../page-navigator/page-navigator.component";
import * as i4 from "@angular/common";
export class DesignerSurveyComponent extends BaseAngular {
    getModel() {
        return this.model.survey;
    }
    get creator() {
        return this.model.creator;
    }
    get survey() {
        return this.creator.survey;
    }
    trackPageBy(index, page) {
        return page.id;
    }
}
DesignerSurveyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DesignerSurveyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
DesignerSurveyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DesignerSurveyComponent, selector: "svc-designer-survey", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div [class]=\"model.designerCss\" [style.maxWidth]=\"survey.renderedWidth\" [style]=\"model.surfaceCssVariables\">\n    <div *ngIf=\"creator.allowEditSurveyTitle\" class=\"svc-designer-header\">\n      <div *ngIf=\"survey.renderedHasHeader\" [class]=\"survey.css.header\" [survey]=\"survey\" sv-ng-survey-header></div>\n    </div>\n\n    <ng-container *ngIf=\"creator.pageEditMode !== 'bypage'\">\n      <ng-container *ngFor=\"let page of model.pages; trackBy: trackPageBy \">\n        <ng-container>\n          <ng-container\n            *ngTemplateOutlet=\"pageContainer; context: { page, isGhost: model.newPage == page }\"></ng-container>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"model.pagesController.page2Display && creator.pageEditMode === 'bypage'\">\n      <svc-designer-pages [model]=\"model\"></svc-designer-pages>\n    </ng-container>\n\n  </div>\n\n  <div *ngIf=\"model.showSurfaceTools\" class=\"svc-tab-designer__tools\">\n    <div *ngIf=\"creator.showPageNavigator\" class=\"svc-tab-designer__page-navigator\">\n      <svc-page-navigator [pagesController]=\"model.pagesController\" [pageEditMode]=\"creator.pageEditMode\">\n      </svc-page-navigator>\n    </div>\n    <div *ngIf=\"model.showSurfaceToolbar\" class=\"svc-tab-designer__toolbar\">\n      <sv-action-bar [model]=\"model.surfaceToolbar\"></sv-action-bar>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template let-page=\"page\" let-isGhost=\"isGhost\" #pageContainer>\n  <div class=\"svc-page\" [attr.data-sv-drop-target-survey-element]=\"isGhost ? 'newGhostPage' : page.name\"\n    [attr.data-sv-drop-target-page]=\"page.name\">\n    <ng-template\n      [component]=\"{ name: 'svc-page', data: { model: page, creator, survey, isGhost: isGhost }}\"></ng-template>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.SurveyHeaderComponent, selector: "'[sv-ng-survey-header]'", inputs: ["survey"] }, { type: i2.DesignerPagesComponent, selector: "svc-designer-pages", inputs: ["model"] }, { type: i3.PageNavigatorComponent, selector: "svc-page-navigator", inputs: ["pagesController", "pageEditMode"] }, { type: i1.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DesignerSurveyComponent, decorators: [{
            type: Component,
            args: [{
                    selector: "svc-designer-survey",
                    templateUrl: "./designer-survey.component.html",
                    styles: [":host { display: none; }"]
                }]
        }], propDecorators: { model: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduZXItc3VydmV5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy90YWJzL2Rlc2lnbmVyL2Rlc2lnbmVyLXN1cnZleS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9zcmMvdGFicy9kZXNpZ25lci9kZXNpZ25lci1zdXJ2ZXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHakQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7QUFPaEQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLFdBQXdCO0lBRXpELFFBQVE7UUFDaEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQztJQUMzQixDQUFDO0lBQ0QsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFDNUIsQ0FBQztJQUNELElBQVcsTUFBTTtRQUNmLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7SUFDN0IsQ0FBQztJQUNNLFdBQVcsQ0FBQyxLQUFhLEVBQUUsSUFBZTtRQUMvQyxPQUFPLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDakIsQ0FBQzs7cUhBYlUsdUJBQXVCO3lHQUF2Qix1QkFBdUIsOEdDVnBDLDJ6REFxQ2M7NEZEM0JELHVCQUF1QjtrQkFMbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixXQUFXLEVBQUUsa0NBQWtDO29CQUMvQyxNQUFNLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDckM7OEJBRVUsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBQYWdlTW9kZWwsIFN1cnZleU1vZGVsIH0gZnJvbSBcInN1cnZleS1jb3JlXCI7XG5pbXBvcnQgeyBUYWJEZXNpZ25lclZpZXdNb2RlbCB9IGZyb20gXCJzdXJ2ZXktY3JlYXRvci1jb3JlXCI7XG5pbXBvcnQgeyBCYXNlQW5ndWxhciB9IGZyb20gXCJzdXJ2ZXktYW5ndWxhci11aVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3ZjLWRlc2lnbmVyLXN1cnZleVwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2Rlc2lnbmVyLXN1cnZleS5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZXM6IFtcIjpob3N0IHsgZGlzcGxheTogbm9uZTsgfVwiXVxufSlcbmV4cG9ydCBjbGFzcyBEZXNpZ25lclN1cnZleUNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyPFN1cnZleU1vZGVsPiB7XG4gIEBJbnB1dCgpIG1vZGVsITogVGFiRGVzaWduZXJWaWV3TW9kZWw7XG4gIHByb3RlY3RlZCBnZXRNb2RlbCgpOiBTdXJ2ZXlNb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWwuc3VydmV5O1xuICB9XG4gIHB1YmxpYyBnZXQgY3JlYXRvcigpIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbC5jcmVhdG9yO1xuICB9XG4gIHB1YmxpYyBnZXQgc3VydmV5KCkge1xuICAgIHJldHVybiB0aGlzLmNyZWF0b3Iuc3VydmV5O1xuICB9XG4gIHB1YmxpYyB0cmFja1BhZ2VCeShpbmRleDogbnVtYmVyLCBwYWdlOiBQYWdlTW9kZWwpOiBzdHJpbmcge1xuICAgIHJldHVybiBwYWdlLmlkO1xuICB9XG59IiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPGRpdiBbY2xhc3NdPVwibW9kZWwuZGVzaWduZXJDc3NcIiBbc3R5bGUubWF4V2lkdGhdPVwic3VydmV5LnJlbmRlcmVkV2lkdGhcIiBbc3R5bGVdPVwibW9kZWwuc3VyZmFjZUNzc1ZhcmlhYmxlc1wiPlxuICAgIDxkaXYgKm5nSWY9XCJjcmVhdG9yLmFsbG93RWRpdFN1cnZleVRpdGxlXCIgY2xhc3M9XCJzdmMtZGVzaWduZXItaGVhZGVyXCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwic3VydmV5LnJlbmRlcmVkSGFzSGVhZGVyXCIgW2NsYXNzXT1cInN1cnZleS5jc3MuaGVhZGVyXCIgW3N1cnZleV09XCJzdXJ2ZXlcIiBzdi1uZy1zdXJ2ZXktaGVhZGVyPjwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNyZWF0b3IucGFnZUVkaXRNb2RlICE9PSAnYnlwYWdlJ1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgcGFnZSBvZiBtb2RlbC5wYWdlczsgdHJhY2tCeTogdHJhY2tQYWdlQnkgXCI+XG4gICAgICAgIDxuZy1jb250YWluZXI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJwYWdlQ29udGFpbmVyOyBjb250ZXh0OiB7IHBhZ2UsIGlzR2hvc3Q6IG1vZGVsLm5ld1BhZ2UgPT0gcGFnZSB9XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vZGVsLnBhZ2VzQ29udHJvbGxlci5wYWdlMkRpc3BsYXkgJiYgY3JlYXRvci5wYWdlRWRpdE1vZGUgPT09ICdieXBhZ2UnXCI+XG4gICAgICA8c3ZjLWRlc2lnbmVyLXBhZ2VzIFttb2RlbF09XCJtb2RlbFwiPjwvc3ZjLWRlc2lnbmVyLXBhZ2VzPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gIDwvZGl2PlxuXG4gIDxkaXYgKm5nSWY9XCJtb2RlbC5zaG93U3VyZmFjZVRvb2xzXCIgY2xhc3M9XCJzdmMtdGFiLWRlc2lnbmVyX190b29sc1wiPlxuICAgIDxkaXYgKm5nSWY9XCJjcmVhdG9yLnNob3dQYWdlTmF2aWdhdG9yXCIgY2xhc3M9XCJzdmMtdGFiLWRlc2lnbmVyX19wYWdlLW5hdmlnYXRvclwiPlxuICAgICAgPHN2Yy1wYWdlLW5hdmlnYXRvciBbcGFnZXNDb250cm9sbGVyXT1cIm1vZGVsLnBhZ2VzQ29udHJvbGxlclwiIFtwYWdlRWRpdE1vZGVdPVwiY3JlYXRvci5wYWdlRWRpdE1vZGVcIj5cbiAgICAgIDwvc3ZjLXBhZ2UtbmF2aWdhdG9yPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJtb2RlbC5zaG93U3VyZmFjZVRvb2xiYXJcIiBjbGFzcz1cInN2Yy10YWItZGVzaWduZXJfX3Rvb2xiYXJcIj5cbiAgICAgIDxzdi1hY3Rpb24tYmFyIFttb2RlbF09XCJtb2RlbC5zdXJmYWNlVG9vbGJhclwiPjwvc3YtYWN0aW9uLWJhcj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgbGV0LXBhZ2U9XCJwYWdlXCIgbGV0LWlzR2hvc3Q9XCJpc0dob3N0XCIgI3BhZ2VDb250YWluZXI+XG4gIDxkaXYgY2xhc3M9XCJzdmMtcGFnZVwiIFthdHRyLmRhdGEtc3YtZHJvcC10YXJnZXQtc3VydmV5LWVsZW1lbnRdPVwiaXNHaG9zdCA/ICduZXdHaG9zdFBhZ2UnIDogcGFnZS5uYW1lXCJcbiAgICBbYXR0ci5kYXRhLXN2LWRyb3AtdGFyZ2V0LXBhZ2VdPVwicGFnZS5uYW1lXCI+XG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICBbY29tcG9uZW50XT1cInsgbmFtZTogJ3N2Yy1wYWdlJywgZGF0YTogeyBtb2RlbDogcGFnZSwgY3JlYXRvciwgc3VydmV5LCBpc0dob3N0OiBpc0dob3N0IH19XCI+PC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==