survey-creator-angular
Version:
A white-label drag-and-drop form builder for Angular that lets you design complex, interactive forms and surveys without writing code. It generates JSON schemas used by the SurveyJS Form Library to render dynamic forms in your Angular app.
33 lines • 8.12 kB
JavaScript
import { Component, Input } from "@angular/core";
import { AngularComponentFactory, BaseAngular } from "survey-angular-ui";
import * as i0 from "@angular/core";
import * as i1 from "survey-angular-ui";
import * as i2 from "../../components/surface-placeholder.component";
import * as i3 from "../../page-wrapper.component";
import * as i4 from "./designer-survey.component";
import * as i5 from "@angular/common";
export class DesignerTabComponent extends BaseAngular {
get survey() {
return this.creator.survey;
}
get creator() {
return this.model.creator;
}
getModel() {
return this.model;
}
}
DesignerTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DesignerTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
DesignerTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DesignerTabComponent, selector: "svc-tab-designer", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div class=\"svc-flex-column\">\n <ng-container *ngIf=\"model.isToolboxVisible\">\n <ng-template [component]=\"{name: 'svc-toolbox', data: { model: creator }}\"></ng-template>\n </ng-container>\n </div>\n <div class=\"svc-tab-designer\" [class]=\"model.getRootCss()\" (click)=\"model.clickDesigner()\">\n <sv-scroll>\n <div class=\"svc-tab-designer_content\">\n <ng-container *ngIf=\"model.showPlaceholder\">\n <div *ngIf=\"creator.showHeaderInEmptySurvey && creator.showSurveyHeader\" class=\"svc-designer-header\">\n <div *ngIf=\"survey.renderedHasHeader\" [class]=\"survey.css.header\" [survey]=\"survey\" sv-ng-survey-header>\n </div>\n </div>\n <div class=\"svc-designer__placeholder-container\" [attr.data-sv-drop-target-survey-element]=\"'newGhostPage'\">\n <svc-surface-placeholder [name]=\"'designer'\" [placeholderTitleText]=\"model.placeholderTitleText\"\n [placeholderDescriptionText]=\"model.placeholderDescriptionText\">\n </svc-surface-placeholder>\n <svc-page-wrapper [page]=\"model.newPage\" [creator]=\"creator\" [isGhost]=\"true\" [className]=\"'svc-designer-placeholder-page'\"></svc-page-wrapper>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!model.showPlaceholder\">\n <svc-designer-survey [model]=\"model\"></svc-designer-survey>\n </ng-container>\n </div>\n </sv-scroll>\n </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.ScrollComponent, selector: "sv-scroll", inputs: ["disabled", "onInnerHeightChanged"] }, { type: i1.SurveyHeaderComponent, selector: "'[sv-ng-survey-header]'", inputs: ["survey"] }, { type: i2.SurfacePlaceholderComponent, selector: "svc-surface-placeholder", inputs: ["name", "placeholderTitleText", "placeholderDescriptionText"] }, { type: i3.PageWrapperComponent, selector: "svc-page-wrapper", inputs: ["page", "isGhost", "creator", "className"] }, { type: i4.DesignerSurveyComponent, selector: "svc-designer-survey", inputs: ["model"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DesignerTabComponent, decorators: [{
type: Component,
args: [{
selector: "svc-tab-designer",
templateUrl: "./designer.component.html",
styles: [":host { display: none; }"]
}]
}], propDecorators: { model: [{
type: Input
}] } });
AngularComponentFactory.Instance.registerComponent("svc-tab-designer", DesignerTabComponent);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhYnMvZGVzaWduZXIvZGVzaWduZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL3RhYnMvZGVzaWduZXIvZGVzaWduZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7O0FBUXpFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxXQUFpQztJQUV6RSxJQUFXLE1BQU07UUFDZixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFXLE9BQU87UUFDaEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUM1QixDQUFDO0lBQ1MsUUFBUTtRQUNoQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQzs7a0hBVlUsb0JBQW9CO3NHQUFwQixvQkFBb0IsMkdDVGpDLHEvQ0EyQmM7NEZEbEJELG9CQUFvQjtrQkFMaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixXQUFXLEVBQUUsMkJBQTJCO29CQUN4QyxNQUFNLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDckM7OEJBRVUsS0FBSztzQkFBYixLQUFLOztBQVdSLHVCQUF1QixDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxrQkFBa0IsRUFBRSxvQkFBb0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSwgQmFzZUFuZ3VsYXIgfSBmcm9tIFwic3VydmV5LWFuZ3VsYXItdWlcIjtcbmltcG9ydCB7IFRhYkRlc2lnbmVyVmlld01vZGVsIH0gZnJvbSBcInN1cnZleS1jcmVhdG9yLWNvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2Yy10YWItZGVzaWduZXJcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9kZXNpZ25lci5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZXM6IFtcIjpob3N0IHsgZGlzcGxheTogbm9uZTsgfVwiXVxufSlcbmV4cG9ydCBjbGFzcyBEZXNpZ25lclRhYkNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyPFRhYkRlc2lnbmVyVmlld01vZGVsPiB7XG4gIEBJbnB1dCgpIG1vZGVsITogVGFiRGVzaWduZXJWaWV3TW9kZWw7XG4gIHB1YmxpYyBnZXQgc3VydmV5KCkge1xuICAgIHJldHVybiB0aGlzLmNyZWF0b3Iuc3VydmV5O1xuICB9XG4gIHB1YmxpYyBnZXQgY3JlYXRvcigpIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbC5jcmVhdG9yO1xuICB9XG4gIHByb3RlY3RlZCBnZXRNb2RlbCgpOiBUYWJEZXNpZ25lclZpZXdNb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWw7XG4gIH1cbn1cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3ZjLXRhYi1kZXNpZ25lclwiLCBEZXNpZ25lclRhYkNvbXBvbmVudCk7IiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cInN2Yy1mbGV4LWNvbHVtblwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC5pc1Rvb2xib3hWaXNpYmxlXCI+XG4gICAgICA8bmctdGVtcGxhdGUgW2NvbXBvbmVudF09XCJ7bmFtZTogJ3N2Yy10b29sYm94JywgZGF0YTogeyBtb2RlbDogY3JlYXRvciB9fVwiPjwvbmctdGVtcGxhdGU+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3ZjLXRhYi1kZXNpZ25lclwiIFtjbGFzc109XCJtb2RlbC5nZXRSb290Q3NzKClcIiAoY2xpY2spPVwibW9kZWwuY2xpY2tEZXNpZ25lcigpXCI+XG4gICAgPHN2LXNjcm9sbD5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdmMtdGFiLWRlc2lnbmVyX2NvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vZGVsLnNob3dQbGFjZWhvbGRlclwiPlxuICAgICAgICAgIDxkaXYgKm5nSWY9XCJjcmVhdG9yLnNob3dIZWFkZXJJbkVtcHR5U3VydmV5ICYmIGNyZWF0b3Iuc2hvd1N1cnZleUhlYWRlclwiIGNsYXNzPVwic3ZjLWRlc2lnbmVyLWhlYWRlclwiPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cInN1cnZleS5yZW5kZXJlZEhhc0hlYWRlclwiIFtjbGFzc109XCJzdXJ2ZXkuY3NzLmhlYWRlclwiIFtzdXJ2ZXldPVwic3VydmV5XCIgc3Ytbmctc3VydmV5LWhlYWRlcj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdmMtZGVzaWduZXJfX3BsYWNlaG9sZGVyLWNvbnRhaW5lclwiIFthdHRyLmRhdGEtc3YtZHJvcC10YXJnZXQtc3VydmV5LWVsZW1lbnRdPVwiJ25ld0dob3N0UGFnZSdcIj5cbiAgICAgICAgICAgIDxzdmMtc3VyZmFjZS1wbGFjZWhvbGRlciBbbmFtZV09XCInZGVzaWduZXInXCIgW3BsYWNlaG9sZGVyVGl0bGVUZXh0XT1cIm1vZGVsLnBsYWNlaG9sZGVyVGl0bGVUZXh0XCJcbiAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyRGVzY3JpcHRpb25UZXh0XT1cIm1vZGVsLnBsYWNlaG9sZGVyRGVzY3JpcHRpb25UZXh0XCI+XG4gICAgICAgICAgICA8L3N2Yy1zdXJmYWNlLXBsYWNlaG9sZGVyPlxuICAgICAgICAgICAgPHN2Yy1wYWdlLXdyYXBwZXIgW3BhZ2VdPVwibW9kZWwubmV3UGFnZVwiIFtjcmVhdG9yXT1cImNyZWF0b3JcIiBbaXNHaG9zdF09XCJ0cnVlXCIgW2NsYXNzTmFtZV09XCInc3ZjLWRlc2lnbmVyLXBsYWNlaG9sZGVyLXBhZ2UnXCI+PC9zdmMtcGFnZS13cmFwcGVyPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFtb2RlbC5zaG93UGxhY2Vob2xkZXJcIj5cbiAgICAgICAgICA8c3ZjLWRlc2lnbmVyLXN1cnZleSBbbW9kZWxdPVwibW9kZWxcIj48L3N2Yy1kZXNpZ25lci1zdXJ2ZXk+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgPC9zdi1zY3JvbGw+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=