survey-creator-angular 3.0.0-beta.9 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +228 -30
- package/adorners/question-dropdown.component.d.ts +2 -1
- package/adorners/translation-dropdown-question.component.d.ts +18 -0
- package/angular-ui.d.ts +4 -0
- package/angular-ui.module.d.ts +60 -56
- package/bundles/survey-creator-angular.umd.js +245 -37
- package/bundles/survey-creator-angular.umd.js.map +1 -1
- package/components/collab-row.component.d.ts +8 -0
- package/components/floating-panel.component.d.ts +12 -0
- package/creator.component.d.ts +1 -0
- package/esm2015/adorners/question-dropdown.component.js +2 -2
- package/esm2015/adorners/translation-dropdown-question.component.js +53 -0
- package/esm2015/angular-ui.js +5 -1
- package/esm2015/angular-ui.module.js +17 -13
- package/esm2015/components/collab-row.component.js +25 -0
- package/esm2015/components/floating-panel.component.js +40 -0
- package/esm2015/creator.component.js +13 -5
- package/esm2015/custom-questions/file-editor-button.component.js +2 -2
- package/esm2015/tabs/translation/translation-locale-item.component.js +32 -0
- package/esm2015/tabs/translation/translation.component.js +25 -3
- package/fesm2015/survey-creator-angular.js +191 -35
- package/fesm2015/survey-creator-angular.js.map +1 -1
- package/package.json +25 -18
- package/tabs/translation/translation-locale-item.component.d.ts +10 -0
- package/tabs/translation/translation.component.d.ts +9 -4
package/README.md
CHANGED
|
@@ -1,61 +1,259 @@
|
|
|
1
|
-
|
|
1
|
+
<div align="center">
|
|
2
|
+
|
|
3
|
+
# SurveyJS Survey Creator for Angular — Drag-and-Drop Form Builder
|
|
2
4
|
|
|
5
|
+
<img width="1200" height="600" alt="readme_overview_creator" src="https://github.com/user-attachments/assets/e4f2eafc-aadf-4331-8ae0-842b875d91c2" /><br>
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
[](https://dev.azure.com/SurveyJS/V2%20Libraries/_build/latest?definitionId=149&repoName=surveyjs%2Fsurvey-creator&branchName=master)
|
|
8
|
+
[](https://www.npmjs.com/package/survey-creator-angular)
|
|
9
|
+
[](https://playwright.dev)
|
|
10
|
+
[](https://github.com/surveyjs/survey-creator/issues)
|
|
11
|
+
[](https://github.com/surveyjs/survey-creator/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aclosed+)
|
|
5
12
|
|
|
13
|
+
</div>
|
|
14
|
+
<div align="justify">
|
|
6
15
|
|
|
7
|
-
|
|
8
|
-
|
|
16
|
+
Survey Creator for Angular is an embeddable drag-and-drop form builder for creating and editing dynamic, JSON-based forms and surveys in Angular applications.
|
|
17
|
+
|
|
18
|
+
The `survey-creator-angular` package provides the Angular rendering layer for SurveyJS Creator. It works with the framework-independent [`survey-creator-core`](https://github.com/surveyjs/survey-creator/tree/master/packages/survey-creator-core) package, which manages the form builder model, editor state, form-editing logic, Toolbox, Property Grid, tabs, actions, and other core behavior. `survey-creator-core` is a peer dependency: npm 7 and later install it automatically; with pnpm or Yarn 1, add it explicitly. You configure a builder instance with `survey-creator-core` and bind it to this package's `<survey-creator>` component through its `model` input: `<survey-creator [model]="surveyCreatorModel"></survey-creator>`.
|
|
19
|
+
|
|
20
|
+
Use Survey Creator to build multi-page forms, surveys, quizzes, assessments, and other data-entry tools, configure conditional logic and validation, and customize the form builder UI. Survey Creator generates SurveyJS JSON form definitions that you can [save in your own backend](https://surveyjs.io/survey-creator/documentation/integration-with-backend) and render with [SurveyJS Angular Form Library](https://github.com/surveyjs/survey-library/tree/master/packages/survey-angular-ui).
|
|
21
|
+
|
|
22
|
+
</div>
|
|
23
|
+
|
|
24
|
+
[Try Survey Creator for Angular](https://surveyjs.io/create-free-survey)
|
|
25
|
+
|
|
26
|
+
## Install
|
|
27
|
+
|
|
28
|
+
Requires **Angular v12.0.0 or newer** and the `@angular/cdk` package (install the CDK version that matches your Angular version):
|
|
29
|
+
|
|
30
|
+
```sh
|
|
31
|
+
npm install survey-creator-angular --save
|
|
32
|
+
npm install @angular/cdk --save
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
> Angular v8–v11 are supported by the legacy [`survey-creator-knockout`](https://www.npmjs.com/package/survey-creator-knockout) package, which depends on Knockout and is obsolete. See [Add Survey Creator to an Angular v8–v11 Application](https://github.com/surveyjs/code-examples/tree/main/legacy-angular/survey-creator).
|
|
36
|
+
|
|
37
|
+
## License key
|
|
38
|
+
|
|
39
|
+
Survey Creator displays an alert banner until you activate a [purchased commercial license](https://surveyjs.io/licensing). Activate your key with `setLicenseKey` from `survey-core`:
|
|
40
|
+
|
|
41
|
+
```ts
|
|
42
|
+
import { setLicenseKey } from "survey-core";
|
|
43
|
+
|
|
44
|
+
setLicenseKey("your-license-key-goes-here");
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
Call it once at module bootstrap — in `app.module.ts` alongside the `SurveyCreatorModule` import, or in `main.ts` before `bootstrapModule`. Your key and step-by-step setup instructions are on the [How to Remove the Alert Banner](https://surveyjs.io/remove-alert-banner) page in your SurveyJS account.
|
|
48
|
+
|
|
49
|
+
## Usage
|
|
50
|
+
|
|
51
|
+
Import `SurveyCreatorModule` in your `NgModule`:
|
|
52
|
+
|
|
53
|
+
```ts
|
|
54
|
+
// app.module.ts
|
|
55
|
+
import { SurveyCreatorModule } from "survey-creator-angular";
|
|
56
|
+
|
|
57
|
+
@NgModule({
|
|
58
|
+
imports: [ /* ... */ SurveyCreatorModule ],
|
|
59
|
+
// ...
|
|
60
|
+
})
|
|
61
|
+
export class AppModule { }
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
Build a model and bind it to the `<survey-creator>` element:
|
|
65
|
+
|
|
66
|
+
```ts
|
|
67
|
+
// survey-creator.component.ts
|
|
68
|
+
import { Component } from "@angular/core";
|
|
69
|
+
import { SurveyCreatorModel } from "survey-creator-core";
|
|
70
|
+
|
|
71
|
+
const creatorOptions = {
|
|
72
|
+
autoSaveEnabled: true,
|
|
73
|
+
collapseOnDrag: true
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
@Component({ selector: "app-survey-creator", templateUrl: "./survey-creator.component.html" })
|
|
77
|
+
export class SurveyCreatorComponent {
|
|
78
|
+
surveyCreatorModel = new SurveyCreatorModel(creatorOptions);
|
|
79
|
+
|
|
80
|
+
constructor() {
|
|
81
|
+
this.surveyCreatorModel.saveSurveyFunc = (saveNo: number, callback: (num: number, status: boolean) => void) => {
|
|
82
|
+
// Save `this.surveyCreatorModel.JSON` or `.text` to your database, then:
|
|
83
|
+
callback(saveNo, true);
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
```html
|
|
90
|
+
<!-- survey-creator.component.html -->
|
|
91
|
+
<div id="surveyCreator">
|
|
92
|
+
<survey-creator [model]="surveyCreatorModel"></survey-creator>
|
|
93
|
+
</div>
|
|
94
|
+
```
|
|
95
|
+
|
|
96
|
+
Give the container an explicit size, because Survey Creator fills the space it is given:
|
|
97
|
+
|
|
98
|
+
```css
|
|
99
|
+
#surveyCreator {
|
|
100
|
+
height: 100vh;
|
|
101
|
+
width: 100vw;
|
|
102
|
+
}
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
Add the style sheets to the `styles` array in `angular.json`:
|
|
106
|
+
|
|
107
|
+
```json
|
|
108
|
+
"styles": [
|
|
109
|
+
"src/styles.css",
|
|
110
|
+
"node_modules/survey-core/survey-core.min.css",
|
|
111
|
+
"node_modules/survey-creator-core/survey-creator-core.min.css"
|
|
112
|
+
]
|
|
113
|
+
```
|
|
114
|
+
|
|
115
|
+
When [using standalone components](https://github.com/surveyjs/code-examples/tree/main/get-started-creator/angular-standalone-components), add `SurveyCreatorModule` to the component's `imports` array and import the style sheets in the component file instead.
|
|
9
116
|
|
|
10
|
-
|
|
117
|
+
## Themes
|
|
11
118
|
|
|
12
|
-
|
|
119
|
+
`survey-creator-core/survey-creator-core.min.css` applies the Light UI theme. The Dark, Contrast, and Survey Creator 2020 themes are imported from `survey-creator-core/themes` and applied with `applyCreatorTheme(theme)`:
|
|
13
120
|
|
|
14
|
-
|
|
121
|
+
```ts
|
|
122
|
+
import { DefaultDark } from "survey-creator-core/themes";
|
|
15
123
|
|
|
16
|
-
|
|
124
|
+
this.surveyCreatorModel.applyCreatorTheme(DefaultDark);
|
|
125
|
+
```
|
|
17
126
|
|
|
18
|
-
|
|
127
|
+
The UI theme styles the builder itself. The look of the forms it produces is edited in the built-in Theme tab and stored in the survey theme JSON. See [Themes & Styles](https://surveyjs.io/survey-creator/documentation/survey-creator-interface-themes) and [Theme Editor](https://surveyjs.io/survey-creator/documentation/theme-editor).
|
|
128
|
+
|
|
129
|
+
## Theme adapters
|
|
130
|
+
|
|
131
|
+
A theme adapter maps an existing design system's CSS variables onto SurveyJS design tokens, so a survey inherits the look of the host application. Survey Creator supports adapters: the form on the design surface and in the Preview tab is a real survey, so it picks up whichever adapter the page loads. Adapters ship with `survey-core` as plain CSS — load one after the base style sheets:
|
|
132
|
+
|
|
133
|
+
```json
|
|
134
|
+
"styles": [
|
|
135
|
+
"node_modules/survey-core/survey-core.min.css",
|
|
136
|
+
"node_modules/survey-creator-core/survey-creator-core.min.css",
|
|
137
|
+
"node_modules/survey-core/themes/adapters/bootstrap-default.css"
|
|
138
|
+
]
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
Adapters are available for [Bootstrap](https://getbootstrap.com) (plus Bootswatch variants), [Material UI](https://mui.com), and [shadcn/ui](https://ui.shadcn.com), with matching icon sets (`survey-core/themes/adapters/icons/lucide`, `.../icons/mui`). See [Theme Adapters](https://surveyjs.io/themes/theme-adapters).
|
|
142
|
+
|
|
143
|
+
## Key features
|
|
144
|
+
|
|
145
|
+
### Angular Integration
|
|
146
|
+
|
|
147
|
+
- Angular rendering package for SurveyJS Creator
|
|
148
|
+
- Framework-independent editor model through `survey-creator-core`
|
|
149
|
+
- TypeScript support
|
|
150
|
+
- Client-side form editing without a required SurveyJS backend
|
|
151
|
+
|
|
152
|
+
### Visual Form Editing
|
|
153
|
+
|
|
154
|
+
- Drag-and-drop form builder UI
|
|
155
|
+
- Multi-page forms and form wizards
|
|
156
|
+
- Conditional visibility, branching, validation, and calculated values
|
|
157
|
+
- Dedicated Logic and JSON Editor interfaces
|
|
158
|
+
- Form preview before publication
|
|
159
|
+
|
|
160
|
+
### Customizable Editor UI
|
|
161
|
+
|
|
162
|
+
- Configure the Toolbox, Property Grid, tabs, actions, and editor behavior
|
|
163
|
+
- [Create reusable configurations with the UI Preset Editor](https://surveyjs.io/survey-creator/documentation/ui-preset-editor)
|
|
164
|
+
- [Add custom question types and reusable components](https://surveyjs.io/survey-creator/documentation/customize-question-types)
|
|
165
|
+
- Configure different editor experiences for roles, tenants, or subscription plans
|
|
166
|
+
|
|
167
|
+
### Appearance Customization
|
|
168
|
+
|
|
169
|
+
- Built-in themes and custom branding
|
|
170
|
+
- Shared design token system based on CSS variables
|
|
171
|
+
- [Theme Adapters for Bootstrap, Material UI, and shadcn/ui](https://surveyjs.io/themes/theme-adapters)
|
|
172
|
+
- Localization and right-to-left language support
|
|
173
|
+
|
|
174
|
+
## Related packages
|
|
175
|
+
|
|
176
|
+
| Package | Purpose |
|
|
177
|
+
| --- | --- |
|
|
178
|
+
| [`survey-creator-core`](https://www.npmjs.com/package/survey-creator-core) | Platform-independent Survey Creator model (peer dependency) |
|
|
179
|
+
| [`survey-creator-react`](https://www.npmjs.com/package/survey-creator-react) | React renderer |
|
|
180
|
+
| [`survey-creator-vue`](https://www.npmjs.com/package/survey-creator-vue) | Vue 3 renderer |
|
|
181
|
+
| [`survey-creator-js`](https://www.npmjs.com/package/survey-creator-js) | HTML/CSS/JavaScript renderer |
|
|
182
|
+
| [`survey-angular-ui`](https://www.npmjs.com/package/survey-angular-ui) | Renders the forms that Survey Creator produces |
|
|
183
|
+
|
|
184
|
+
## Documentation
|
|
19
185
|
|
|
20
186
|
- [Website](https://surveyjs.io/)
|
|
21
|
-
- [Documentation](https://surveyjs.io/
|
|
22
|
-
- [
|
|
23
|
-
- [
|
|
187
|
+
- [Documentation](https://surveyjs.io/survey-creator/documentation/overview)
|
|
188
|
+
- [Get Started with Angular](https://surveyjs.io/survey-creator/documentation/get-started-angular)
|
|
189
|
+
- [API Reference](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator)
|
|
190
|
+
- [Survey Creator Demos for Angular](https://surveyjs.io/survey-creator/examples/free-nps-survey-template/angular)
|
|
191
|
+
- [What's New](https://surveyjs.io/stay-updated/major-updates/2025-2026)
|
|
24
192
|
|
|
25
|
-
|
|
193
|
+
For AI coding agents: [https://surveyjs.io/llms.txt](https://surveyjs.io/llms.txt) indexes the documentation. Any documentation page is also available as raw Markdown — append `.md` to its URL, for example [https://surveyjs.io/survey-creator/documentation/get-started-angular.md](https://surveyjs.io/survey-creator/documentation/get-started-angular.md).
|
|
26
194
|
|
|
27
|
-
|
|
195
|
+
## SurveyJS ecosystem
|
|
28
196
|
|
|
29
|
-
|
|
30
|
-
|
|
197
|
+
| Product | Purpose | License |
|
|
198
|
+
| --- | --- | --- |
|
|
199
|
+
| [Form Library](https://surveyjs.io/form-library) | Render dynamic forms from JSON | MIT |
|
|
200
|
+
| [Survey Creator](https://surveyjs.io/survey-creator) | Drag-and-drop form builder UI (this package) | Commercial |
|
|
201
|
+
| [Dashboard](https://surveyjs.io/dashboard) | Visualize and analyze collected results | Commercial |
|
|
202
|
+
| [PDF Generator](https://surveyjs.io/pdf-generator) | Render forms and responses as PDF | Commercial |
|
|
203
|
+
| [AI Form Response Extractor](https://surveyjs.io/documentation/combine-paper-and-online-survey-form-data) | Extract responses from paper forms, PDFs, and images into a SurveyJS schema (`ai-form-response-extractor`) | MIT |
|
|
31
204
|
|
|
32
|
-
|
|
33
|
-
- [Build the Survey Creator Model from Sources](https://github.com/surveyjs/survey-creator/tree/master/packages/survey-creator-core#build-the-survey-creator-model-from-sources)
|
|
205
|
+
## Build from sources
|
|
34
206
|
|
|
35
|
-
|
|
207
|
+
This monorepo does **not** use npm workspaces: each package installs independently, but a root install is still required for the shared tooling (linting, Playwright).
|
|
36
208
|
|
|
37
|
-
|
|
209
|
+
1. **Build `survey-library` and `survey-creator-core` first**
|
|
38
210
|
|
|
39
|
-
|
|
40
|
-
|
|
211
|
+
This package resolves `survey-core`, `survey-angular-ui`, and `survey-creator-core` from sibling `build` folders, so those must be built before this library can be built or tested. Refer to the following instructions:
|
|
212
|
+
|
|
213
|
+
- [Build from sources](https://github.com/surveyjs/survey-library/blob/master/packages/survey-core/README.md#build-from-sources) in the `survey-core` README — build `survey-core`, then `survey-angular-ui`.
|
|
214
|
+
- [Build from sources](https://github.com/surveyjs/survey-creator/blob/master/packages/survey-creator-core/README.md#build-from-sources) in the `survey-creator-core` README.
|
|
215
|
+
|
|
216
|
+
> NOTE: Make sure that the folders with the cloned `survey-library` and `survey-creator` repositories are in the same directory.
|
|
217
|
+
|
|
218
|
+
2. **Install dependencies and build this library**
|
|
219
|
+
|
|
220
|
+
```sh
|
|
221
|
+
cd packages/survey-creator-angular
|
|
41
222
|
npm install
|
|
223
|
+
npm run build
|
|
42
224
|
```
|
|
43
225
|
|
|
44
|
-
|
|
226
|
+
Build output goes to the `build` directory.
|
|
45
227
|
|
|
228
|
+
3. **Run a test application**
|
|
229
|
+
|
|
230
|
+
```sh
|
|
231
|
+
npm run serve:example:dev
|
|
46
232
|
```
|
|
47
|
-
npm run build
|
|
48
|
-
```
|
|
49
233
|
|
|
50
|
-
|
|
234
|
+
This runs a local HTTP server at http://localhost:4200/.
|
|
235
|
+
|
|
236
|
+
4. **Run unit tests**
|
|
51
237
|
|
|
52
|
-
|
|
238
|
+
Unit tests run through the Angular CLI, which uses [Karma](https://karma-runner.github.io/latest/index.html) and [Jasmine](https://jasmine.github.io/).
|
|
53
239
|
|
|
240
|
+
```sh
|
|
241
|
+
npm run test # watch mode
|
|
242
|
+
npm run test:single # single run, headless Chrome
|
|
54
243
|
```
|
|
55
|
-
|
|
244
|
+
|
|
245
|
+
5. **Run end-to-end tests**
|
|
246
|
+
|
|
247
|
+
E2E, visual-regression, and accessibility tests are Playwright suites. Angular serves a production build of the example app, so build it first. Do not start an HTTP server yourself — the Playwright config runs `serve:example:prod` itself.
|
|
248
|
+
|
|
249
|
+
```sh
|
|
250
|
+
npm run build:example:prod # produces dist/angular-ui
|
|
251
|
+
npm run e2e:ci # e2e
|
|
252
|
+
npm run e2e:ci -- --grep "TestName" # a single test
|
|
253
|
+
npm run test:scr:ci # visual regression
|
|
254
|
+
npm run test:a11y:ci # accessibility
|
|
56
255
|
```
|
|
57
|
-
This command runs unit tests using [Karma](https://karma-runner.github.io/0.13/index.html).
|
|
58
256
|
|
|
59
257
|
## Licensing
|
|
60
258
|
|
|
61
|
-
Survey Creator
|
|
259
|
+
You can install Survey Creator and evaluate its full functionality right away — no license is needed to prototype, test, or build a proof of concept. Production use requires a [commercial license](https://surveyjs.io/licensing) for each developer who works with the SurveyJS APIs or implements the integration, and activating a [license key](#license-key) removes the alert banner. The forms Survey Creator produces are rendered by [SurveyJS Form Library](https://surveyjs.io/form-library/documentation/overview), which is MIT-licensed and runs free of charge.
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { EmbeddedViewContentComponent } from "survey-angular-ui";
|
|
2
2
|
import { ItemValue } from "survey-core";
|
|
3
|
+
import { QuestionDropdownAdornerViewModel } from "survey-creator-core";
|
|
3
4
|
import { QuestionDesignerComponent } from "../question.component";
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class QuestionDropdownDesignerComponent extends QuestionDesignerComponent {
|
|
@@ -9,7 +10,7 @@ export declare class QuestionDropdownDesignerComponent extends QuestionDesignerC
|
|
|
9
10
|
static ɵcmp: i0.ɵɵComponentDeclaration<QuestionDropdownDesignerComponent, "svc-dropdown-question", never, {}, {}, never, never>;
|
|
10
11
|
}
|
|
11
12
|
export declare class QuestionDropdownAdornerDesignerComponent extends EmbeddedViewContentComponent {
|
|
12
|
-
adorner:
|
|
13
|
+
adorner: QuestionDropdownAdornerViewModel;
|
|
13
14
|
question: any;
|
|
14
15
|
getItemValueComponentName(item: ItemValue): string;
|
|
15
16
|
getItemValueComponentData(item: ItemValue): any;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { TemplateRef } from "@angular/core";
|
|
2
|
+
import { CreatorModelComponent } from "../creator-model.component";
|
|
3
|
+
import { TranslationDropdownViewModel } from "survey-creator-core";
|
|
4
|
+
import { QuestionSelectBase } from "survey-core";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class TranslationDropdownQuestionComponent extends CreatorModelComponent<TranslationDropdownViewModel> {
|
|
7
|
+
componentName: string;
|
|
8
|
+
componentData: any;
|
|
9
|
+
contentTempl: TemplateRef<any>;
|
|
10
|
+
adorner: TranslationDropdownViewModel;
|
|
11
|
+
get question(): QuestionSelectBase;
|
|
12
|
+
protected createModel(): void;
|
|
13
|
+
protected getPropertiesToTrack(): string[];
|
|
14
|
+
protected getModel(): TranslationDropdownViewModel;
|
|
15
|
+
ngOnDestroy(): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TranslationDropdownQuestionComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TranslationDropdownQuestionComponent, "svc-translation-dropdown-question", never, { "componentName": "componentName"; "componentData": "componentData"; "contentTempl": "contentTempl"; }, {}, never, never>;
|
|
18
|
+
}
|
package/angular-ui.d.ts
CHANGED
|
@@ -28,11 +28,14 @@ export * from "./components/action-button.component";
|
|
|
28
28
|
export * from "./components/question-error.component";
|
|
29
29
|
export * from "./components/surface-placeholder.component";
|
|
30
30
|
export * from "./components/switcher.component";
|
|
31
|
+
export * from "./components/collab-row.component";
|
|
32
|
+
export * from "./components/floating-panel.component";
|
|
31
33
|
export * from "./questions/question-link-value.component";
|
|
32
34
|
export * from "./questions/question-embedded-survey.component";
|
|
33
35
|
export * from "./tabs/translation/translation.component";
|
|
34
36
|
export * from "./tabs/translation/translation-line-skeleton.component";
|
|
35
37
|
export * from "./tabs/translation/translate-from-action.component";
|
|
38
|
+
export * from "./tabs/translation/translation-locale-item.component";
|
|
36
39
|
export * from "./tabs/preview/simulator.component";
|
|
37
40
|
export * from "./tabs/preview/survey-results.component";
|
|
38
41
|
export * from "./tabs/preview/survey-results-row.component";
|
|
@@ -66,6 +69,7 @@ export * from "./tabs/designer/designer-survey.component";
|
|
|
66
69
|
export * from "./adorners/cell-question.component";
|
|
67
70
|
export * from "./question-widget.component";
|
|
68
71
|
export * from "./adorners/question-rating.component";
|
|
72
|
+
export * from "./adorners/translation-dropdown-question.component";
|
|
69
73
|
export * from "./header/logo-image.component";
|
|
70
74
|
export * from "./tabs/json/json-error-item.component";
|
|
71
75
|
export * from "./custom-questions/spin-editor.component";
|
package/angular-ui.module.d.ts
CHANGED
|
@@ -26,63 +26,67 @@ import * as i24 from "./components/action-button.component";
|
|
|
26
26
|
import * as i25 from "./components/question-error.component";
|
|
27
27
|
import * as i26 from "./components/surface-placeholder.component";
|
|
28
28
|
import * as i27 from "./components/switcher.component";
|
|
29
|
-
import * as i28 from "./
|
|
30
|
-
import * as i29 from "./
|
|
31
|
-
import * as i30 from "./
|
|
32
|
-
import * as i31 from "./
|
|
33
|
-
import * as i32 from "./tabs/
|
|
34
|
-
import * as i33 from "./tabs/
|
|
35
|
-
import * as i34 from "./tabs/preview/
|
|
36
|
-
import * as i35 from "./tabs/preview/
|
|
37
|
-
import * as i36 from "./tabs/
|
|
38
|
-
import * as i37 from "./
|
|
39
|
-
import * as i38 from "./
|
|
40
|
-
import * as i39 from "./toolbox/toolbox
|
|
41
|
-
import * as i40 from "./toolbox/toolbox-
|
|
42
|
-
import * as i41 from "./toolbox/toolbox-
|
|
43
|
-
import * as i42 from "./toolbox/toolbox-
|
|
44
|
-
import * as i43 from "./
|
|
45
|
-
import * as i44 from "./
|
|
46
|
-
import * as i45 from "./
|
|
47
|
-
import * as i46 from "./
|
|
48
|
-
import * as i47 from "./
|
|
49
|
-
import * as i48 from "./adorners/
|
|
50
|
-
import * as i49 from "./adorners/image
|
|
51
|
-
import * as i50 from "./
|
|
52
|
-
import * as i51 from "./adorners/
|
|
53
|
-
import * as i52 from "./
|
|
54
|
-
import * as i53 from "./
|
|
55
|
-
import * as i54 from "./
|
|
56
|
-
import * as i55 from "./
|
|
57
|
-
import * as i56 from "./
|
|
58
|
-
import * as i57 from "./
|
|
59
|
-
import * as i58 from "./
|
|
60
|
-
import * as i59 from "./
|
|
61
|
-
import * as i60 from "./adorners/question
|
|
62
|
-
import * as i61 from "./
|
|
63
|
-
import * as i62 from "./
|
|
64
|
-
import * as i63 from "./
|
|
65
|
-
import * as i64 from "./custom-questions/
|
|
66
|
-
import * as i65 from "./custom-questions/
|
|
67
|
-
import * as i66 from "./custom-questions/
|
|
68
|
-
import * as i67 from "./custom-questions/
|
|
69
|
-
import * as i68 from "./
|
|
70
|
-
import * as i69 from "./
|
|
71
|
-
import * as i70 from "./
|
|
72
|
-
import * as i71 from "./
|
|
73
|
-
import * as i72 from "./question-
|
|
74
|
-
import * as i73 from "./
|
|
75
|
-
import * as i74 from "./
|
|
76
|
-
import * as i75 from "./
|
|
77
|
-
import * as i76 from "./
|
|
78
|
-
import * as i77 from "./
|
|
79
|
-
import * as i78 from "./
|
|
80
|
-
import * as i79 from "./
|
|
81
|
-
import * as i80 from "
|
|
82
|
-
import * as i81 from "
|
|
83
|
-
import * as i82 from "
|
|
29
|
+
import * as i28 from "./components/collab-row.component";
|
|
30
|
+
import * as i29 from "./components/floating-panel.component";
|
|
31
|
+
import * as i30 from "./questions/question-link-value.component";
|
|
32
|
+
import * as i31 from "./questions/question-embedded-survey.component";
|
|
33
|
+
import * as i32 from "./tabs/translation/translation.component";
|
|
34
|
+
import * as i33 from "./tabs/translation/translation-line-skeleton.component";
|
|
35
|
+
import * as i34 from "./tabs/preview/simulator.component";
|
|
36
|
+
import * as i35 from "./tabs/preview/test.component";
|
|
37
|
+
import * as i36 from "./tabs/preview/survey-results.component";
|
|
38
|
+
import * as i37 from "./tabs/preview/survey-results-row.component";
|
|
39
|
+
import * as i38 from "./tabs/theme/theme.component";
|
|
40
|
+
import * as i39 from "./toolbox/adaptive-toolbox.component";
|
|
41
|
+
import * as i40 from "./toolbox/toolbox-tool.component";
|
|
42
|
+
import * as i41 from "./toolbox/toolbox-item.component";
|
|
43
|
+
import * as i42 from "./toolbox/toolbox-item-group.component";
|
|
44
|
+
import * as i43 from "./toolbox/toolbox-list.component";
|
|
45
|
+
import * as i44 from "./toolbox/toolbox-category.component";
|
|
46
|
+
import * as i45 from "./string-editor.component";
|
|
47
|
+
import * as i46 from "./page-navigator/page-navigator.component";
|
|
48
|
+
import * as i47 from "./page-navigator/page-navigator-item.component";
|
|
49
|
+
import * as i48 from "./adorners/question-dropdown.component";
|
|
50
|
+
import * as i49 from "./adorners/question-image.component";
|
|
51
|
+
import * as i50 from "./adorners/translation-dropdown-question.component";
|
|
52
|
+
import * as i51 from "./adorners/item-value.component";
|
|
53
|
+
import * as i52 from "./adorners/image-item-value.component";
|
|
54
|
+
import * as i53 from "./questions/logic-operator.component";
|
|
55
|
+
import * as i54 from "./adorners/matrix-cell.component";
|
|
56
|
+
import * as i55 from "./question-editor.component";
|
|
57
|
+
import * as i56 from "./adorners/cell-question-dropdown.component";
|
|
58
|
+
import * as i57 from "./row.component";
|
|
59
|
+
import * as i58 from "./tabs/designer/designer-pages.component";
|
|
60
|
+
import * as i59 from "./tabs/designer/designer-survey.component";
|
|
61
|
+
import * as i60 from "./adorners/cell-question.component";
|
|
62
|
+
import * as i61 from "./question-widget.component";
|
|
63
|
+
import * as i62 from "./header/logo-image.component";
|
|
64
|
+
import * as i63 from "./adorners/question-rating.component";
|
|
65
|
+
import * as i64 from "./custom-questions/spin-editor.component";
|
|
66
|
+
import * as i65 from "./custom-questions/spin-editor-button.component";
|
|
67
|
+
import * as i66 from "./custom-questions/color-item.component";
|
|
68
|
+
import * as i67 from "./custom-questions/color.component";
|
|
69
|
+
import * as i68 from "./custom-questions/swatch.component";
|
|
70
|
+
import * as i69 from "./custom-questions/file.component";
|
|
71
|
+
import * as i70 from "./custom-questions/file-editor-button.component";
|
|
72
|
+
import * as i71 from "./add-question.component";
|
|
73
|
+
import * as i72 from "./question-banner.component";
|
|
74
|
+
import * as i73 from "./tabs/json/json-error-item.component";
|
|
75
|
+
import * as i74 from "./tabs/translation/translate-from-action.component";
|
|
76
|
+
import * as i75 from "./tabs/translation/translation-locale-item.component";
|
|
77
|
+
import * as i76 from "./question-element-content.component";
|
|
78
|
+
import * as i77 from "./page-element-content.component";
|
|
79
|
+
import * as i78 from "./page-wrapper.component";
|
|
80
|
+
import * as i79 from "./components/component-container.component";
|
|
81
|
+
import * as i80 from "./components/icon-item.component";
|
|
82
|
+
import * as i81 from "./side-bar/side-bar-launch-card.component";
|
|
83
|
+
import * as i82 from "./tabs/container/container-tab.component";
|
|
84
|
+
import * as i83 from "./adorners/image-item-drag-action.component";
|
|
85
|
+
import * as i84 from "@angular/common";
|
|
86
|
+
import * as i85 from "@angular/forms";
|
|
87
|
+
import * as i86 from "survey-angular-ui";
|
|
84
88
|
export declare class SurveyCreatorModule {
|
|
85
89
|
static ɵfac: i0.ɵɵFactoryDeclaration<SurveyCreatorModule, never>;
|
|
86
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SurveyCreatorModule, [typeof i1.CreatorComponent, typeof i2.DesignerTabComponent, typeof i3.PageDesignerComponent, typeof i4.QuestionDesignerComponent, typeof i5.PanelDesignerComponent, typeof i6.TabbledMenuComponent, typeof i7.TabbedMenuItemComponent, typeof i8.TabbedMenuItemWrapperComponent, typeof i9.SidebarComponent, typeof i10.SidebarPageComponent, typeof i11.SidebarDefaultHeaderComponent, typeof i12.ObjectSelectorComponent, typeof i13.SidebarPropertyGridHeaderComponent, typeof i14.PropertyGridPlaceholderComponent, typeof i15.SidebarHeaderComponent, typeof i16.TabControlComponent, typeof i17.TabsComponent, typeof i18.TabButtonComponent, typeof i19.PropertyGridComponent, typeof i20.SearchComponent, typeof i21.TextareaJsonEditorComponent, typeof i22.AceJsonEditorComponent, typeof i23.LogicTabComponent, typeof i24.ActionButtonComponent, typeof i25.QuestionPgErrorComponent, typeof i26.SurfacePlaceholderComponent, typeof i27.SwitcherComponent, typeof i28.
|
|
90
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SurveyCreatorModule, [typeof i1.CreatorComponent, typeof i2.DesignerTabComponent, typeof i3.PageDesignerComponent, typeof i4.QuestionDesignerComponent, typeof i5.PanelDesignerComponent, typeof i6.TabbledMenuComponent, typeof i7.TabbedMenuItemComponent, typeof i8.TabbedMenuItemWrapperComponent, typeof i9.SidebarComponent, typeof i10.SidebarPageComponent, typeof i11.SidebarDefaultHeaderComponent, typeof i12.ObjectSelectorComponent, typeof i13.SidebarPropertyGridHeaderComponent, typeof i14.PropertyGridPlaceholderComponent, typeof i15.SidebarHeaderComponent, typeof i16.TabControlComponent, typeof i17.TabsComponent, typeof i18.TabButtonComponent, typeof i19.PropertyGridComponent, typeof i20.SearchComponent, typeof i21.TextareaJsonEditorComponent, typeof i22.AceJsonEditorComponent, typeof i23.LogicTabComponent, typeof i24.ActionButtonComponent, typeof i25.QuestionPgErrorComponent, typeof i26.SurfacePlaceholderComponent, typeof i27.SwitcherComponent, typeof i28.CollabRowComponent, typeof i29.FloatingPanelComponent, typeof i30.LinkValueQuestionComponent, typeof i31.EmbeddedSurveyQuestionComponent, typeof i32.TranslationTabComponent, typeof i33.TranslationSkeletonComponent, typeof i34.SimulatorComponent, typeof i35.TestTabComponent, typeof i36.SurveyResultsComponent, typeof i37.SurveyResultsTableRowComponent, typeof i38.ThemeTabComponent, typeof i39.AdaptiveToolboxComponent, typeof i40.ToolboxToolComponent, typeof i41.ToolboxItemComponent, typeof i42.ToolboxItemGroupComponent, typeof i43.ToolboxListComponent, typeof i44.ToolboxCategoryComponent, typeof i45.StringEditorComponent, typeof i46.PageNavigatorComponent, typeof i47.PageNavigatorItemComponent, typeof i48.QuestionDropdownDesignerComponent, typeof i48.QuestionDropdownAdornerDesignerComponent, typeof i49.QuestionImageDesignerComponent, typeof i49.QuestionImageAdornerDesignerComponent, typeof i50.TranslationDropdownQuestionComponent, typeof i51.ItemValueDesignerComponent, typeof i52.ImageItemValueDesignerComponent, typeof i53.LogicOperatorComponent, typeof i54.MatrixCellComponent, typeof i55.QuestionEditorComponent, typeof i56.CellQuestionDropdownComponent, typeof i57.CreatorRowComponent, typeof i58.DesignerPagesComponent, typeof i59.DesignerSurveyComponent, typeof i60.CellQuestionComponent, typeof i61.QuestionWidgetDesignerComponent, typeof i62.CreatorLogoImageComponent, typeof i63.QuestionRatingAdornerDesignerComponent, typeof i63.QuestionRatingDesignerComponent, typeof i64.QuestionSpinEditorComponent, typeof i65.SpinEditorButtonComponent, typeof i66.ColorItemComponent, typeof i67.QuestionColorComponent, typeof i68.SwatchComponent, typeof i69.QuestionFileEditorComponent, typeof i70.FileEditorButtonComponent, typeof i71.AddQuestionButtonComponent, typeof i72.QuestionBannerComponent, typeof i73.JsonErrorItemComponent, typeof i74.TranslateFromAction, typeof i75.TranslationLocaleItemComponent, typeof i76.QuestionElementContentComponent, typeof i77.PageElementContentComponent, typeof i78.PageWrapperComponent, typeof i79.ComponentContainerComponent, typeof i80.IconItemComponent, typeof i81.SideBarLaunchCardComponent, typeof i82.ContainerTabComponent, typeof i83.ImageItemDragActionComponent], [typeof i84.CommonModule, typeof i85.FormsModule, typeof i86.SurveyModule], [typeof i1.CreatorComponent, typeof i2.DesignerTabComponent, typeof i3.PageDesignerComponent, typeof i4.QuestionDesignerComponent, typeof i5.PanelDesignerComponent, typeof i6.TabbledMenuComponent, typeof i7.TabbedMenuItemComponent, typeof i8.TabbedMenuItemWrapperComponent, typeof i9.SidebarComponent, typeof i10.SidebarPageComponent, typeof i11.SidebarDefaultHeaderComponent, typeof i13.SidebarPropertyGridHeaderComponent, typeof i14.PropertyGridPlaceholderComponent, typeof i15.SidebarHeaderComponent, typeof i16.TabControlComponent, typeof i17.TabsComponent, typeof i18.TabButtonComponent, typeof i12.ObjectSelectorComponent, typeof i19.PropertyGridComponent, typeof i20.SearchComponent, typeof i21.TextareaJsonEditorComponent, typeof i22.AceJsonEditorComponent, typeof i23.LogicTabComponent, typeof i24.ActionButtonComponent, typeof i25.QuestionPgErrorComponent, typeof i26.SurfacePlaceholderComponent, typeof i27.SwitcherComponent, typeof i28.CollabRowComponent, typeof i29.FloatingPanelComponent, typeof i30.LinkValueQuestionComponent, typeof i31.EmbeddedSurveyQuestionComponent, typeof i32.TranslationTabComponent, typeof i33.TranslationSkeletonComponent, typeof i34.SimulatorComponent, typeof i35.TestTabComponent, typeof i36.SurveyResultsComponent, typeof i37.SurveyResultsTableRowComponent, typeof i38.ThemeTabComponent, typeof i39.AdaptiveToolboxComponent, typeof i40.ToolboxToolComponent, typeof i41.ToolboxItemComponent, typeof i42.ToolboxItemGroupComponent, typeof i43.ToolboxListComponent, typeof i44.ToolboxCategoryComponent, typeof i45.StringEditorComponent, typeof i46.PageNavigatorComponent, typeof i47.PageNavigatorItemComponent, typeof i48.QuestionDropdownDesignerComponent, typeof i48.QuestionDropdownAdornerDesignerComponent, typeof i49.QuestionImageDesignerComponent, typeof i49.QuestionImageAdornerDesignerComponent, typeof i50.TranslationDropdownQuestionComponent, typeof i51.ItemValueDesignerComponent, typeof i52.ImageItemValueDesignerComponent, typeof i53.LogicOperatorComponent, typeof i54.MatrixCellComponent, typeof i55.QuestionEditorComponent, typeof i56.CellQuestionDropdownComponent, typeof i57.CreatorRowComponent, typeof i58.DesignerPagesComponent, typeof i59.DesignerSurveyComponent, typeof i60.CellQuestionComponent, typeof i61.QuestionWidgetDesignerComponent, typeof i62.CreatorLogoImageComponent, typeof i63.QuestionRatingAdornerDesignerComponent, typeof i63.QuestionRatingDesignerComponent, typeof i64.QuestionSpinEditorComponent, typeof i65.SpinEditorButtonComponent, typeof i66.ColorItemComponent, typeof i67.QuestionColorComponent, typeof i68.SwatchComponent, typeof i69.QuestionFileEditorComponent, typeof i70.FileEditorButtonComponent, typeof i71.AddQuestionButtonComponent, typeof i72.QuestionBannerComponent, typeof i73.JsonErrorItemComponent, typeof i74.TranslateFromAction, typeof i75.TranslationLocaleItemComponent, typeof i76.QuestionElementContentComponent, typeof i77.PageElementContentComponent, typeof i79.ComponentContainerComponent, typeof i80.IconItemComponent, typeof i81.SideBarLaunchCardComponent, typeof i82.ContainerTabComponent, typeof i83.ImageItemDragActionComponent]>;
|
|
87
91
|
static ɵinj: i0.ɵɵInjectorDeclaration<SurveyCreatorModule>;
|
|
88
92
|
}
|