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.
126 lines (119 loc) • 8.56 kB
JavaScript
import * as i0 from '@angular/core';
import { Component, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import * as i1$1 from 'survey-angular-ui';
import { BaseAngular, AngularComponentFactory, EmbeddedViewContentComponent, SurveyModule } from 'survey-angular-ui';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import { getLocString } from 'survey-creator-core';
import { FormsModule } from '@angular/forms';
class TabPresetsComponent extends BaseAngular {
constructor() {
super(...arguments);
this.model = undefined;
}
get survey() {
return this.model.model;
}
get creator() {
return this.model.creator;
}
getModel() {
return this.model;
}
}
TabPresetsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabPresetsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
TabPresetsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabPresetsComponent, selector: "svc-tab-presets", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div class=\"svc-flex-column\">\n <ng-template *ngIf=\"creator?.showToolbox\" [component]=\"{ name: 'svc-toolbox', data: {model: creator} }\">\n </ng-template>\n </div>\n <div class=\"svc-tab-designer\">\n <ng-template [component]=\"{ name: 'survey', data: {model: survey} }\">\n </ng-template>\n </div>\n</ng-template>\n", styles: [":host { display: none; }"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabPresetsComponent, decorators: [{
type: Component,
args: [{
selector: "svc-tab-presets",
templateUrl: "./presets.component.html",
styles: [":host { display: none; }"]
}]
}], propDecorators: { model: [{
type: Input
}] } });
AngularComponentFactory.Instance.registerComponent("svc-tab-presets", TabPresetsComponent);
class PresetsPropertyGridWrapperComponent extends BaseAngular {
constructor() {
super(...arguments);
this.buttonTitle = getLocString("presets.plugin.buttonTitle");
this.buttonDescription = getLocString("presets.plugin.buttonDescription");
}
showPresets() {
var _a, _b;
(_b = (_a = this.model)["showPresets"]) === null || _b === void 0 ? void 0 : _b.call(_a);
}
getModel() {
return this.model;
}
}
PresetsPropertyGridWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PresetsPropertyGridWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
PresetsPropertyGridWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PresetsPropertyGridWrapperComponent, selector: "svc-presets-property-grid", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div class=\"sps-launch\">\n <button class=\"sps-launch__card\" (click)=\"showPresets()\">\n <div class=\"sps-launch__container\">\n <div class=\"sps-launch__text\">{{buttonTitle}}</div>\n <div class=\"sps-launch__text2\">{{buttonDescription}}</div>\n </div>\n <div class=\"sps-launch__icon\">\n <div class=\"sps-launch__chevron-right-16-x-16\">\n <div class=\"sps-launch__icon2\">\n <svg size=\"auto\" iconName=\"chevrondown-24x24\" sv-ng-svg-icon></svg>\n </div>\n </div>\n </div>\n </button>\n </div>\n <ng-template [component]=\"{ name: 'svc-property-grid', data: {model: model} }\">\n </ng-template>\n</ng-template>\n", styles: [":host { display: none; }"], components: [{ type: i1$1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }], directives: [{ type: i1$1.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PresetsPropertyGridWrapperComponent, decorators: [{
type: Component,
args: [{
selector: "svc-presets-property-grid",
templateUrl: "./presets-property-grid.component.html",
styles: [":host { display: none; }"]
}]
}], propDecorators: { model: [{
type: Input
}] } });
AngularComponentFactory.Instance.registerComponent("svc-presets-property-grid", PresetsPropertyGridWrapperComponent);
class PresetsIconItemComponent extends EmbeddedViewContentComponent {
}
PresetsIconItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PresetsIconItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
PresetsIconItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PresetsIconItemComponent, selector: "svc-presets-icon-item", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n<div *ngIf=\"model\" class=\"sps-icon-item\" style=\"display: flex\">\n <svg [iconName]=\"model.value\" class=\"sps-icon-item__icon\" size=\"auto\" sv-ng-svg-icon></svg>\n <span class=\"sps-icon-item__text\">{{ model.title }}</span>\n</div>\n</ng-template>\n", styles: [":host { display: none; }"], components: [{ type: i1$1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PresetsIconItemComponent, decorators: [{
type: Component,
args: [{
selector: "svc-presets-icon-item",
templateUrl: "./presets-icon-item.component.html",
styles: [":host { display: none; }"]
}]
}], propDecorators: { model: [{
type: Input
}] } });
AngularComponentFactory.Instance.registerComponent("svc-presets-icon-item", PresetsIconItemComponent);
class PresetsModule {
}
PresetsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PresetsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
PresetsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PresetsModule, declarations: [TabPresetsComponent,
PresetsIconItemComponent,
PresetsPropertyGridWrapperComponent], imports: [CommonModule,
FormsModule,
SurveyModule], exports: [TabPresetsComponent,
PresetsIconItemComponent,
PresetsPropertyGridWrapperComponent] });
PresetsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PresetsModule, imports: [[
CommonModule,
FormsModule,
SurveyModule
]] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PresetsModule, decorators: [{
type: NgModule,
args: [{
declarations: [
TabPresetsComponent,
PresetsIconItemComponent,
PresetsPropertyGridWrapperComponent
],
imports: [
CommonModule,
FormsModule,
SurveyModule
],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
exports: [
TabPresetsComponent,
PresetsIconItemComponent,
PresetsPropertyGridWrapperComponent
]
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { PresetsIconItemComponent, PresetsModule, PresetsPropertyGridWrapperComponent, TabPresetsComponent };
//# sourceMappingURL=survey-creator-angular-ui-preset-editor.js.map