survey-creator-angular 2.2.4 → 2.2.6
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/bundles/survey-creator-angular.umd.js +216 -215
- package/bundles/survey-creator-angular.umd.js.map +1 -1
- package/esm2015/tabs/designer/designer.component.js +7 -8
- package/esm2015/toolbox/adaptive-toolbox.component.js +3 -4
- package/esm2015/toolbox/toolbox-category.component.js +3 -2
- package/fesm2015/survey-creator-angular.js +177 -176
- package/fesm2015/survey-creator-angular.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { Component, Input } from "@angular/core";
|
|
2
2
|
import { AngularComponentFactory, BaseAngular } from "survey-angular-ui";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
-
import * as i2 from "
|
|
6
|
-
import * as i3 from "../../
|
|
7
|
-
import * as i4 from "
|
|
8
|
-
import * as i5 from "
|
|
9
|
-
import * as i6 from "@angular/common";
|
|
4
|
+
import * as i1 from "survey-angular-ui";
|
|
5
|
+
import * as i2 from "../../components/surface-placeholder.component";
|
|
6
|
+
import * as i3 from "../../page.component";
|
|
7
|
+
import * as i4 from "./designer-survey.component";
|
|
8
|
+
import * as i5 from "@angular/common";
|
|
10
9
|
export class DesignerTabComponent extends BaseAngular {
|
|
11
10
|
get survey() {
|
|
12
11
|
return this.creator.survey;
|
|
@@ -19,7 +18,7 @@ export class DesignerTabComponent extends BaseAngular {
|
|
|
19
18
|
}
|
|
20
19
|
}
|
|
21
20
|
DesignerTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DesignerTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
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 <
|
|
21
|
+
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.allowEditSurveyTitle\" 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 <div class=\"svc-designer-placeholder-page\">\n <svc-page [model]=\"model.newPage\" [survey]=\"survey\" [creator]=\"creator\" [isGhost]=\"true\"></svc-page>\n </div>\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.PageDesignerComponent, selector: "svc-page", inputs: ["model", "survey", "creator", "isGhost"] }, { 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"] }] });
|
|
23
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DesignerTabComponent, decorators: [{
|
|
24
23
|
type: Component,
|
|
25
24
|
args: [{
|
|
@@ -31,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
31
30
|
type: Input
|
|
32
31
|
}] } });
|
|
33
32
|
AngularComponentFactory.Instance.registerComponent("svc-tab-designer", DesignerTabComponent);
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhYnMvZGVzaWduZXIvZGVzaWduZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL3RhYnMvZGVzaWduZXIvZGVzaWduZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7O0FBUXpFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxXQUFpQztJQUV6RSxJQUFXLE1BQU07UUFDZixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFXLE9BQU87UUFDaEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUM1QixDQUFDO0lBQ1MsUUFBUTtRQUNoQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQzs7a0hBVlUsb0JBQW9CO3NHQUFwQixvQkFBb0IsMkdDVGpDLCtoREE2QmM7NEZEcEJELG9CQUFvQjtrQkFMaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixXQUFXLEVBQUUsMkJBQTJCO29CQUN4QyxNQUFNLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDckM7OEJBRVUsS0FBSztzQkFBYixLQUFLOztBQVdSLHVCQUF1QixDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxrQkFBa0IsRUFBRSxvQkFBb0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSwgQmFzZUFuZ3VsYXIgfSBmcm9tIFwic3VydmV5LWFuZ3VsYXItdWlcIjtcbmltcG9ydCB7IFRhYkRlc2lnbmVyVmlld01vZGVsIH0gZnJvbSBcInN1cnZleS1jcmVhdG9yLWNvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2Yy10YWItZGVzaWduZXJcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9kZXNpZ25lci5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZXM6IFtcIjpob3N0IHsgZGlzcGxheTogbm9uZTsgfVwiXVxufSlcbmV4cG9ydCBjbGFzcyBEZXNpZ25lclRhYkNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyPFRhYkRlc2lnbmVyVmlld01vZGVsPiB7XG4gIEBJbnB1dCgpIG1vZGVsITogVGFiRGVzaWduZXJWaWV3TW9kZWw7XG4gIHB1YmxpYyBnZXQgc3VydmV5KCkge1xuICAgIHJldHVybiB0aGlzLmNyZWF0b3Iuc3VydmV5O1xuICB9XG4gIHB1YmxpYyBnZXQgY3JlYXRvcigpIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbC5jcmVhdG9yO1xuICB9XG4gIHByb3RlY3RlZCBnZXRNb2RlbCgpOiBUYWJEZXNpZ25lclZpZXdNb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWw7XG4gIH1cbn1cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3ZjLXRhYi1kZXNpZ25lclwiLCBEZXNpZ25lclRhYkNvbXBvbmVudCk7IiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cInN2Yy1mbGV4LWNvbHVtblwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC5pc1Rvb2xib3hWaXNpYmxlXCI+XG4gICAgICA8bmctdGVtcGxhdGUgW2NvbXBvbmVudF09XCJ7bmFtZTogJ3N2Yy10b29sYm94JywgZGF0YTogeyBtb2RlbDogY3JlYXRvciB9fVwiPjwvbmctdGVtcGxhdGU+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3ZjLXRhYi1kZXNpZ25lclwiIFtjbGFzc109XCJtb2RlbC5nZXRSb290Q3NzKClcIiAoY2xpY2spPVwibW9kZWwuY2xpY2tEZXNpZ25lcigpXCI+XG4gICAgPHN2LXNjcm9sbD5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdmMtdGFiLWRlc2lnbmVyX2NvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vZGVsLnNob3dQbGFjZWhvbGRlclwiPlxuICAgICAgICAgIDxkaXYgKm5nSWY9XCJjcmVhdG9yLnNob3dIZWFkZXJJbkVtcHR5U3VydmV5ICYmIGNyZWF0b3IuYWxsb3dFZGl0U3VydmV5VGl0bGVcIiBjbGFzcz1cInN2Yy1kZXNpZ25lci1oZWFkZXJcIj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJzdXJ2ZXkucmVuZGVyZWRIYXNIZWFkZXJcIiBbY2xhc3NdPVwic3VydmV5LmNzcy5oZWFkZXJcIiBbc3VydmV5XT1cInN1cnZleVwiIHN2LW5nLXN1cnZleS1oZWFkZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic3ZjLWRlc2lnbmVyX19wbGFjZWhvbGRlci1jb250YWluZXJcIiBbYXR0ci5kYXRhLXN2LWRyb3AtdGFyZ2V0LXN1cnZleS1lbGVtZW50XT1cIiduZXdHaG9zdFBhZ2UnXCI+XG4gICAgICAgICAgICA8c3ZjLXN1cmZhY2UtcGxhY2Vob2xkZXIgW25hbWVdPVwiJ2Rlc2lnbmVyJ1wiIFtwbGFjZWhvbGRlclRpdGxlVGV4dF09XCJtb2RlbC5wbGFjZWhvbGRlclRpdGxlVGV4dFwiXG4gICAgICAgICAgICAgIFtwbGFjZWhvbGRlckRlc2NyaXB0aW9uVGV4dF09XCJtb2RlbC5wbGFjZWhvbGRlckRlc2NyaXB0aW9uVGV4dFwiPlxuICAgICAgICAgICAgPC9zdmMtc3VyZmFjZS1wbGFjZWhvbGRlcj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdmMtZGVzaWduZXItcGxhY2Vob2xkZXItcGFnZVwiPlxuICAgICAgICAgICAgICA8c3ZjLXBhZ2UgW21vZGVsXT1cIm1vZGVsLm5ld1BhZ2VcIiBbc3VydmV5XT1cInN1cnZleVwiIFtjcmVhdG9yXT1cImNyZWF0b3JcIiBbaXNHaG9zdF09XCJ0cnVlXCI+PC9zdmMtcGFnZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFtb2RlbC5zaG93UGxhY2Vob2xkZXJcIj5cbiAgICAgICAgICA8c3ZjLWRlc2lnbmVyLXN1cnZleSBbbW9kZWxdPVwibW9kZWxcIj48L3N2Yy1kZXNpZ25lci1zdXJ2ZXk+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgPC9zdi1zY3JvbGw+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=
|
|
@@ -4,8 +4,7 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "./toolbox-tool.component";
|
|
5
5
|
import * as i2 from "../components/search.component";
|
|
6
6
|
import * as i3 from "survey-angular-ui";
|
|
7
|
-
import * as i4 from "
|
|
8
|
-
import * as i5 from "@angular/common";
|
|
7
|
+
import * as i4 from "@angular/common";
|
|
9
8
|
export class AdaptiveToolboxComponent extends BaseAngular {
|
|
10
9
|
get toolbox() {
|
|
11
10
|
return this.model.toolbox;
|
|
@@ -45,7 +44,7 @@ export class AdaptiveToolboxComponent extends BaseAngular {
|
|
|
45
44
|
}
|
|
46
45
|
}
|
|
47
46
|
AdaptiveToolboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AdaptiveToolboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
-
AdaptiveToolboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AdaptiveToolboxComponent, selector: "svc-toolbox", inputs: { model: "model" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div [class]=\"toolbox.classNames\" #container [style]=\"toolbox.getRootStyle()\">\n <div (focusout)=\"toolbox.focusOut($event)\" class=\"svc-toolbox__panel\">\n <div *ngIf=\"toolbox.showSearch\" class=\"svc-toolbox__search-container\">\n <ng-container *ngIf=\"toolbox.isCompactRendered\">\n <svc-toolbox-tool [creator]=\"creator\" [item]=\"searchItem\" [parentModel]=\"toolbox\"\n [isCompact]=\"toolbox.isCompactRendered\"></svc-toolbox-tool>\n </ng-container>\n <svc-search [model]=\"toolbox.searchManager\"></svc-search>\n <div class=\"svc-toolbox__category-separator svc-toolbox__category-separator--search\"></div>\n </div>\n <div *ngIf=\"toolbox.showPlaceholder\" class=\"svc-toolbox__placeholder\">{{toolbox.toolboxNoResultsFound}}</div>\n <sv-scroll>\n <ng-container *ngIf=\"!toolbox.showInSingleCategory\">\n <
|
|
47
|
+
AdaptiveToolboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AdaptiveToolboxComponent, selector: "svc-toolbox", inputs: { model: "model" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div [class]=\"toolbox.classNames\" #container [style]=\"toolbox.getRootStyle()\">\n <div (focusout)=\"toolbox.focusOut($event)\" class=\"svc-toolbox__panel\">\n <div *ngIf=\"toolbox.showSearch\" class=\"svc-toolbox__search-container\">\n <ng-container *ngIf=\"toolbox.isCompactRendered\">\n <svc-toolbox-tool [creator]=\"creator\" [item]=\"searchItem\" [parentModel]=\"toolbox\"\n [isCompact]=\"toolbox.isCompactRendered\"></svc-toolbox-tool>\n </ng-container>\n <svc-search [model]=\"toolbox.searchManager\"></svc-search>\n <div class=\"svc-toolbox__category-separator svc-toolbox__category-separator--search\"></div>\n </div>\n <div *ngIf=\"toolbox.showPlaceholder\" class=\"svc-toolbox__placeholder\">{{toolbox.toolboxNoResultsFound}}</div>\n <sv-scroll>\n <ng-container *ngIf=\"!toolbox.showInSingleCategory\">\n <ng-container *ngFor=\"let category of toolbox.categories\">\n <ng-template [component]=\"{name: 'svc-toolbox-category', data: { category: category, toolbox: toolbox }}\"></ng-template>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"toolbox.showInSingleCategory\">\n <div class=\"svc-toolbox__category\">\n <ng-container *ngFor=\"let item of toolbox.renderedActions; trackBy: trackItemBy\">\n <svc-toolbox-tool [creator]=\"creator\" [item]=\"item\" [parentModel]=\"toolbox\"\n [isCompact]=\"toolbox.isCompactRendered\"></svc-toolbox-tool>\n </ng-container>\n </div>\n </ng-container>\n </sv-scroll>\n </div>\n </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.ToolboxToolComponent, selector: "svc-toolbox-tool", inputs: ["creator", "item", "parentModel", "isCompact"] }, { type: i2.SearchComponent, selector: "svc-search", inputs: ["model"] }, { type: i3.ScrollComponent, selector: "sv-scroll", inputs: ["disabled", "onInnerHeightChanged"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
|
|
49
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AdaptiveToolboxComponent, decorators: [{
|
|
50
49
|
type: Component,
|
|
51
50
|
args: [{
|
|
@@ -60,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
60
59
|
args: ["container"]
|
|
61
60
|
}] } });
|
|
62
61
|
AngularComponentFactory.Instance.registerComponent("svc-toolbox", AdaptiveToolboxComponent);
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRhcHRpdmUtdG9vbGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdG9vbGJveC9hZGFwdGl2ZS10b29sYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy90b29sYm94L2FkYXB0aXZlLXRvb2xib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsV0FBVyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7OztBQU96RSxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsV0FBNEI7SUFHeEUsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFDNUIsQ0FBQztJQUNELElBQVcsT0FBTztRQUNoQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUNELElBQVcsVUFBVTtRQUNuQixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBb0IsQ0FBQztJQUMzQyxDQUFDO0lBQ08sV0FBVzs7UUFDakIsSUFBSSxNQUFBLElBQUksQ0FBQyxTQUFTLDBDQUFFLGFBQWEsRUFBRTtZQUNqQyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1NBQ3hEO0lBQ0gsQ0FBQztJQUNELGVBQWU7UUFDYixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNRLGtCQUFrQjtRQUN6QixLQUFLLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNrQixXQUFXLENBQUMsTUFBZ0I7UUFDN0MsS0FBSyxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNTLFFBQVE7UUFDaEIsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFDUSxXQUFXO1FBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDN0IsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFDRCxXQUFXLENBQUMsQ0FBUyxFQUFFLElBQXlCO1FBQzlDLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDOztzSEFyQ1Usd0JBQXdCOzBHQUF4Qix3QkFBd0IsOE1DVnJDLGtxREE2QmM7NEZEbkJELHdCQUF3QjtrQkFMcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsV0FBVyxFQUFFLG1DQUFtQztvQkFDaEQsTUFBTSxFQUFFLENBQUMsMEJBQTBCLENBQUM7aUJBQ3JDOzhCQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDa0IsU0FBUztzQkFBaEMsU0FBUzt1QkFBQyxXQUFXOztBQXFDeEIsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSx3QkFBd0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFN1cnZleUNyZWF0b3JNb2RlbCwgUXVlc3Rpb25Ub29sYm94LCBRdWVzdGlvblRvb2xib3hJdGVtIH0gZnJvbSBcInN1cnZleS1jcmVhdG9yLWNvcmVcIjtcbmltcG9ydCB7IEFjdGlvbiB9IGZyb20gXCJzdXJ2ZXktY29yZVwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnksIEJhc2VBbmd1bGFyIH0gZnJvbSBcInN1cnZleS1hbmd1bGFyLXVpXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJzdmMtdG9vbGJveFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2FkYXB0aXZlLXRvb2xib3guY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVzOiBbXCI6aG9zdCB7IGRpc3BsYXk6IG5vbmU7IH1cIl1cbn0pXG5leHBvcnQgY2xhc3MgQWRhcHRpdmVUb29sYm94Q29tcG9uZW50IGV4dGVuZHMgQmFzZUFuZ3VsYXI8UXVlc3Rpb25Ub29sYm94PiBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBtb2RlbCE6IFN1cnZleUNyZWF0b3JNb2RlbDtcbiAgQFZpZXdDaGlsZChcImNvbnRhaW5lclwiKSBjb250YWluZXIhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcbiAgcHVibGljIGdldCB0b29sYm94KCkge1xuICAgIHJldHVybiB0aGlzLm1vZGVsLnRvb2xib3g7XG4gIH1cbiAgcHVibGljIGdldCBjcmVhdG9yKCkge1xuICAgIHJldHVybiB0aGlzLm1vZGVsO1xuICB9XG4gIHB1YmxpYyBnZXQgc2VhcmNoSXRlbSgpIHtcbiAgICByZXR1cm4gdGhpcy50b29sYm94LnNlYXJjaEl0ZW0gYXMgQWN0aW9uO1xuICB9XG4gIHByaXZhdGUgYWZ0ZXJSZW5kZXIoKSB7XG4gICAgaWYgKHRoaXMuY29udGFpbmVyPy5uYXRpdmVFbGVtZW50KSB7XG4gICAgICB0aGlzLnRvb2xib3guYWZ0ZXJSZW5kZXIodGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudCk7XG4gICAgfVxuICB9XG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmFmdGVyUmVuZGVyKCk7XG4gIH1cbiAgb3ZlcnJpZGUgbmdBZnRlclZpZXdDaGVja2VkKCk6IHZvaWQge1xuICAgIHN1cGVyLm5nQWZ0ZXJWaWV3Q2hlY2tlZCgpO1xuICAgIHRoaXMuYWZ0ZXJSZW5kZXIoKTtcbiAgfVxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYWZ0ZXJVcGRhdGUoaXNTeW5jPzogYm9vbGVhbik6IHZvaWQge1xuICAgIHN1cGVyLmFmdGVyVXBkYXRlKGlzU3luYyk7XG4gICAgdGhpcy5hZnRlclJlbmRlcigpO1xuICB9XG4gIHByb3RlY3RlZCBnZXRNb2RlbCgpOiBRdWVzdGlvblRvb2xib3gge1xuICAgIHJldHVybiB0aGlzLnRvb2xib3g7XG4gIH1cbiAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy50b29sYm94LmJlZm9yZURlc3Ryb3koKTtcbiAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICB9XG4gIHRyYWNrSXRlbUJ5KF86IG51bWJlciwgaXRlbTogUXVlc3Rpb25Ub29sYm94SXRlbSkge1xuICAgIHJldHVybiBpdGVtLnJlbmRlcmVkSWQ7XG4gIH1cbn1cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3ZjLXRvb2xib3hcIiwgQWRhcHRpdmVUb29sYm94Q29tcG9uZW50KTsiLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8ZGl2IFtjbGFzc109XCJ0b29sYm94LmNsYXNzTmFtZXNcIiAjY29udGFpbmVyIFtzdHlsZV09XCJ0b29sYm94LmdldFJvb3RTdHlsZSgpXCI+XG4gICAgPGRpdiAoZm9jdXNvdXQpPVwidG9vbGJveC5mb2N1c091dCgkZXZlbnQpXCIgY2xhc3M9XCJzdmMtdG9vbGJveF9fcGFuZWxcIj5cbiAgICAgIDxkaXYgKm5nSWY9XCJ0b29sYm94LnNob3dTZWFyY2hcIiBjbGFzcz1cInN2Yy10b29sYm94X19zZWFyY2gtY29udGFpbmVyXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0b29sYm94LmlzQ29tcGFjdFJlbmRlcmVkXCI+XG4gICAgICAgICAgPHN2Yy10b29sYm94LXRvb2wgW2NyZWF0b3JdPVwiY3JlYXRvclwiIFtpdGVtXT1cInNlYXJjaEl0ZW1cIiBbcGFyZW50TW9kZWxdPVwidG9vbGJveFwiXG4gICAgICAgICAgICBbaXNDb21wYWN0XT1cInRvb2xib3guaXNDb21wYWN0UmVuZGVyZWRcIj48L3N2Yy10b29sYm94LXRvb2w+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8c3ZjLXNlYXJjaCBbbW9kZWxdPVwidG9vbGJveC5zZWFyY2hNYW5hZ2VyXCI+PC9zdmMtc2VhcmNoPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic3ZjLXRvb2xib3hfX2NhdGVnb3J5LXNlcGFyYXRvciBzdmMtdG9vbGJveF9fY2F0ZWdvcnktc2VwYXJhdG9yLS1zZWFyY2hcIj48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiAqbmdJZj1cInRvb2xib3guc2hvd1BsYWNlaG9sZGVyXCIgY2xhc3M9XCJzdmMtdG9vbGJveF9fcGxhY2Vob2xkZXJcIj57e3Rvb2xib3gudG9vbGJveE5vUmVzdWx0c0ZvdW5kfX08L2Rpdj5cbiAgICAgIDxzdi1zY3JvbGw+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhdG9vbGJveC5zaG93SW5TaW5nbGVDYXRlZ29yeVwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNhdGVnb3J5IG9mIHRvb2xib3guY2F0ZWdvcmllc1wiPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtjb21wb25lbnRdPVwie25hbWU6ICdzdmMtdG9vbGJveC1jYXRlZ29yeScsIGRhdGE6IHsgY2F0ZWdvcnk6IGNhdGVnb3J5LCB0b29sYm94OiB0b29sYm94IH19XCI+PC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0b29sYm94LnNob3dJblNpbmdsZUNhdGVnb3J5XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInN2Yy10b29sYm94X19jYXRlZ29yeVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiB0b29sYm94LnJlbmRlcmVkQWN0aW9uczsgIHRyYWNrQnk6IHRyYWNrSXRlbUJ5XCI+XG4gICAgICAgICAgICAgIDxzdmMtdG9vbGJveC10b29sIFtjcmVhdG9yXT1cImNyZWF0b3JcIiBbaXRlbV09XCJpdGVtXCIgW3BhcmVudE1vZGVsXT1cInRvb2xib3hcIlxuICAgICAgICAgICAgICAgIFtpc0NvbXBhY3RdPVwidG9vbGJveC5pc0NvbXBhY3RSZW5kZXJlZFwiPjwvc3ZjLXRvb2xib3gtdG9vbD5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvc3Ytc2Nyb2xsPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+Il19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component, Input } from "@angular/core";
|
|
2
|
-
import { BaseAngular } from "survey-angular-ui";
|
|
2
|
+
import { AngularComponentFactory, BaseAngular } from "survey-angular-ui";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "survey-angular-ui";
|
|
5
5
|
import * as i2 from "./toolbox-tool.component";
|
|
@@ -26,4 +26,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
26
26
|
}], toolbox: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}] } });
|
|
29
|
-
|
|
29
|
+
AngularComponentFactory.Instance.registerComponent("svc-toolbox-category", ToolboxCategoryComponent);
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJveC1jYXRlZ29yeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdG9vbGJveC90b29sYm94LWNhdGVnb3J5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy90b29sYm94L3Rvb2xib3gtY2F0ZWdvcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7OztBQVF6RSxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsV0FBb0M7SUFHaEYsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBQ0QsV0FBVyxDQUFDLENBQVMsRUFBRSxJQUF5QjtRQUM5QyxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQzs7c0hBUlUsd0JBQXdCOzBHQUF4Qix3QkFBd0IsMElDVHJDLHdpQ0FpQkE7NEZEUmEsd0JBQXdCO2tCQUxwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFdBQVcsRUFBRSxtQ0FBbUM7b0JBQ2hELE1BQU0sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQzs4QkFFVSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSzs7QUFTUix1QkFBdUIsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsc0JBQXNCLEVBQUUsd0JBQXdCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnksIEJhc2VBbmd1bGFyIH0gZnJvbSBcInN1cnZleS1hbmd1bGFyLXVpXCI7XG5pbXBvcnQgeyBRdWVzdGlvblRvb2xib3gsIFF1ZXN0aW9uVG9vbGJveENhdGVnb3J5LCBRdWVzdGlvblRvb2xib3hJdGVtIH0gZnJvbSBcInN1cnZleS1jcmVhdG9yLWNvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2Yy10b29sYm94LWNhdGVnb3J5IFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3Rvb2xib3gtY2F0ZWdvcnkuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVzOiBbXCI6aG9zdCB7IGRpc3BsYXk6IG5vbmU7IH1cIl1cbn0pXG5leHBvcnQgY2xhc3MgVG9vbGJveENhdGVnb3J5Q29tcG9uZW50IGV4dGVuZHMgQmFzZUFuZ3VsYXI8UXVlc3Rpb25Ub29sYm94Q2F0ZWdvcnk+IHtcbiAgQElucHV0KCkgY2F0ZWdvcnkhOiBRdWVzdGlvblRvb2xib3hDYXRlZ29yeTtcbiAgQElucHV0KCkgdG9vbGJveCE6IFF1ZXN0aW9uVG9vbGJveDtcbiAgZ2V0TW9kZWwoKSB7XG4gICAgcmV0dXJuIHRoaXMuY2F0ZWdvcnk7XG4gIH1cbiAgdHJhY2tJdGVtQnkoXzogbnVtYmVyLCBpdGVtOiBRdWVzdGlvblRvb2xib3hJdGVtKSB7XG4gICAgcmV0dXJuIGl0ZW0ucmVuZGVyZWRJZDtcbiAgfVxufVxuXG5Bbmd1bGFyQ29tcG9uZW50RmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlckNvbXBvbmVudChcInN2Yy10b29sYm94LWNhdGVnb3J5XCIsIFRvb2xib3hDYXRlZ29yeUNvbXBvbmVudCk7XG4iLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwic3ZjLXRvb2xib3hfX2NhdGVnb3J5XCIgW2NsYXNzLnN2Yy10b29sYm94X19jYXRlZ29yeS0tY29sbGFwc2VkXT1cImNhdGVnb3J5LmNvbGxhcHNlZFwiXG4gICAgW2NsYXNzLnN2Yy10b29sYm94X19jYXRlZ29yeS0tZW1wdHldPVwiY2F0ZWdvcnkuZW1wdHlcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3ZjLXRvb2xib3hfX2NhdGVnb3J5LWhlYWRlci13cmFwcGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3ZjLXRvb2xib3hfX2NhdGVnb3J5LWhlYWRlclwiXG4gICAgICAgIChjbGljayk9XCJjYXRlZ29yeS50b2dnbGVTdGF0ZSgpXCIgW2tleTJjbGlja10gW2NsYXNzLnN2Yy10b29sYm94X19jYXRlZ29yeS1oZWFkZXItLWNvbGxhcHNlZF09XCJ0b29sYm94LmNhbkNvbGxhcHNlQ2F0ZWdvcmllc1wiID5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzdmMtdG9vbGJveF9fY2F0ZWdvcnktdGl0bGVcIj57e2NhdGVnb3J5LnRpdGxlfX08L3NwYW4+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJ0b29sYm94LmNhbkNvbGxhcHNlQ2F0ZWdvcmllc1wiIGNsYXNzPVwic3ZjLXRvb2xib3hfX2NhdGVnb3J5LWhlYWRlcl9fY29udHJvbHNcIj5cbiAgICAgICAgICA8c3ZnIFtpY29uTmFtZV09XCJjYXRlZ29yeS5pY29uTmFtZVwiIFtjbGFzc109XCJjYXRlZ29yeS5pY29uQ2xhc3NOYW1lXCIgW3NpemVdPVwiJ2F1dG8nXCIgc3Ytbmctc3ZnLWljb24+PC9zdmc+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGNhdGVnb3J5Lml0ZW1zOyB0cmFja0J5OiB0cmFja0l0ZW1CeVwiPlxuICAgICAgICA8c3ZjLXRvb2xib3gtdG9vbCBbaXRlbV09XCJpdGVtXCIgW2NyZWF0b3JdPVwidG9vbGJveC5jcmVhdG9yXCIgW3BhcmVudE1vZGVsXT1cInRvb2xib3hcIiBbaXNDb21wYWN0XT1cImZhbHNlXCIgPjwvc3ZjLXRvb2xib3gtdG9vbD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -6,7 +6,7 @@ import * as i3 from '@angular/forms';
|
|
|
6
6
|
import { FormsModule } from '@angular/forms';
|
|
7
7
|
import * as i1 from 'survey-angular-ui';
|
|
8
8
|
import { BaseAngular, AngularComponentFactory, SurveyContentComponent, EmbeddedViewContentComponent, ButtonGroupQuestionComponent, QuestionAngular, SurveyModule } from 'survey-angular-ui';
|
|
9
|
-
import {
|
|
9
|
+
import { PageAdorner, PageNavigatorViewModel, editorLocalization, SurveyResultsModel, QuestionAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, ToolboxToolViewModel, StringEditorViewModelBase, editableStringRendererName, initLogicOperator, MatrixCellWrapperViewModel, RowViewModel, QuestionRatingAdornerViewModel, LogoImageViewModel } from 'survey-creator-core';
|
|
10
10
|
import { getActionDropdownButtonTarget, DropdownListModel, RendererFactory } from 'survey-core';
|
|
11
11
|
|
|
12
12
|
class TabbedMenuItemWrapperComponent extends BaseAngular {
|
|
@@ -192,6 +192,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
192
192
|
}] } });
|
|
193
193
|
AngularComponentFactory.Instance.registerComponent("survey-widget", SurveyContentComponent);
|
|
194
194
|
|
|
195
|
+
class SurfacePlaceholderComponent extends EmbeddedViewContentComponent {
|
|
196
|
+
}
|
|
197
|
+
SurfacePlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SurfacePlaceholderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
198
|
+
SurfacePlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SurfacePlaceholderComponent, selector: "svc-surface-placeholder", inputs: { name: "name", placeholderTitleText: "placeholderTitleText", placeholderDescriptionText: "placeholderDescriptionText" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div class=\"svc-surface-placeholder\">\n <div class=\"svc-surface-placeholder__image\" [class]=\"'svc-surface-placeholder__image--' + name\"></div>\n <div class=\"svc-surface-placeholder__text\">\n <div class=\"svc-surface-placeholder__title\">{{placeholderTitleText}}</div>\n <div class=\"svc-surface-placeholder__description\">{{placeholderDescriptionText}}</div>\n </div>\n </div>\n</ng-template>", styles: [":host { display: none; }"] });
|
|
199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SurfacePlaceholderComponent, decorators: [{
|
|
200
|
+
type: Component,
|
|
201
|
+
args: [{
|
|
202
|
+
selector: "svc-surface-placeholder",
|
|
203
|
+
templateUrl: "./surface-placeholder.component.html",
|
|
204
|
+
styles: [":host { display: none; }"]
|
|
205
|
+
}]
|
|
206
|
+
}], propDecorators: { name: [{
|
|
207
|
+
type: Input
|
|
208
|
+
}], placeholderTitleText: [{
|
|
209
|
+
type: Input
|
|
210
|
+
}], placeholderDescriptionText: [{
|
|
211
|
+
type: Input
|
|
212
|
+
}] } });
|
|
213
|
+
AngularComponentFactory.Instance.registerComponent("svc-surface-placeholder", SurfacePlaceholderComponent);
|
|
214
|
+
|
|
195
215
|
class CreatorModelComponent extends BaseAngular {
|
|
196
216
|
createHash() {
|
|
197
217
|
this.hash = {};
|
|
@@ -229,180 +249,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
229
249
|
}]
|
|
230
250
|
}] });
|
|
231
251
|
|
|
232
|
-
class ToolboxToolComponent extends CreatorModelComponent {
|
|
233
|
-
constructor() {
|
|
234
|
-
super(...arguments);
|
|
235
|
-
this.isCompact = false;
|
|
236
|
-
}
|
|
237
|
-
createModel() {
|
|
238
|
-
this.model = new ToolboxToolViewModel(this.item, this.creator, this.parentModel);
|
|
239
|
-
}
|
|
240
|
-
getPropertiesToTrack() {
|
|
241
|
-
return ["creator", "item"];
|
|
242
|
-
}
|
|
243
|
-
getModel() {
|
|
244
|
-
return this.item;
|
|
245
|
-
}
|
|
246
|
-
get itemCssClasses() {
|
|
247
|
-
return this.item.css;
|
|
248
|
-
}
|
|
249
|
-
ngOnDestroy() {
|
|
250
|
-
super.ngOnDestroy();
|
|
251
|
-
this.model.dispose();
|
|
252
|
-
this.item.updateModeCallback = undefined;
|
|
253
|
-
}
|
|
254
|
-
ngAfterViewInit() {
|
|
255
|
-
if (this.item) {
|
|
256
|
-
this.item.updateModeCallback = (mode, callback) => {
|
|
257
|
-
var _a;
|
|
258
|
-
this.item.mode = mode;
|
|
259
|
-
callback(mode, (_a = this.container) === null || _a === void 0 ? void 0 : _a.nativeElement);
|
|
260
|
-
};
|
|
261
|
-
queueMicrotask(() => {
|
|
262
|
-
this.item.afterRender();
|
|
263
|
-
});
|
|
264
|
-
}
|
|
265
|
-
}
|
|
266
|
-
}
|
|
267
|
-
ToolboxToolComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ToolboxToolComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
268
|
-
ToolboxToolComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ToolboxToolComponent, selector: "svc-toolbox-tool", inputs: { creator: "creator", item: "item", parentModel: "parentModel", isCompact: "isCompact" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div [class]=\"itemCssClasses\" #container>\n <div class=\"svc-toolbox__category-separator\" *ngIf=\"item.needSeparator && !creator.toolbox.showCategoryTitles\">\n </div>\n <div class=\"svc-toolbox__tool-content sv-action__content\" (pointerdown)=\"model.onPointerDown($event)\">\n <ng-template [component]=\"{ name: model.itemComponent, default: 'svc-toolbox-item', \n data: { model: item, viewModel: model, creator: creator, isCompact: isCompact } }\"></ng-template>\n </div>\n </div>\n</ng-template>", styles: [":host { display: none; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
|
|
269
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ToolboxToolComponent, decorators: [{
|
|
270
|
-
type: Component,
|
|
271
|
-
args: [{
|
|
272
|
-
selector: "svc-toolbox-tool",
|
|
273
|
-
templateUrl: "./toolbox-tool.component.html",
|
|
274
|
-
styles: [":host { display: none; }"]
|
|
275
|
-
}]
|
|
276
|
-
}], propDecorators: { creator: [{
|
|
277
|
-
type: Input
|
|
278
|
-
}], item: [{
|
|
279
|
-
type: Input
|
|
280
|
-
}], parentModel: [{
|
|
281
|
-
type: Input
|
|
282
|
-
}], isCompact: [{
|
|
283
|
-
type: Input
|
|
284
|
-
}], container: [{
|
|
285
|
-
type: ViewChild,
|
|
286
|
-
args: ["container"]
|
|
287
|
-
}] } });
|
|
288
|
-
|
|
289
|
-
class SearchComponent extends BaseAngular {
|
|
290
|
-
getModel() {
|
|
291
|
-
return this.model;
|
|
292
|
-
}
|
|
293
|
-
}
|
|
294
|
-
SearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
295
|
-
SearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SearchComponent, selector: "svc-search", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div *ngIf=\"model.isVisible\" class=\"svc-search\">\n <div class=\"svc-search__search-icon\">\n <svg [iconName]=\"'icon-search'\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n </div>\n <input type=\"text\" class=\"svc-search__input\" [(ngModel)]=\"model.filterString\"\n [attr.aria-label]=\"model.filterStringPlaceholder\" [attr.placeholder]=\"model.filterStringPlaceholder\" />\n <div class=\"svc-search__toolbar\">\n <div class=\"svc-search__toolbar-counter\">{{model.matchCounterText}}</div>\n <sv-action-bar [model]=\"model.searchActionBar\"></sv-action-bar>\n </div>\n </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SearchComponent, decorators: [{
|
|
297
|
-
type: Component,
|
|
298
|
-
args: [{
|
|
299
|
-
selector: "svc-search",
|
|
300
|
-
templateUrl: "./search.component.html",
|
|
301
|
-
styles: [":host { display: none; }"]
|
|
302
|
-
}]
|
|
303
|
-
}], propDecorators: { model: [{
|
|
304
|
-
type: Input
|
|
305
|
-
}] } });
|
|
306
|
-
AngularComponentFactory.Instance.registerComponent("svc-search", SearchComponent);
|
|
307
|
-
|
|
308
|
-
class ToolboxCategoryComponent extends BaseAngular {
|
|
309
|
-
getModel() {
|
|
310
|
-
return this.category;
|
|
311
|
-
}
|
|
312
|
-
trackItemBy(_, item) {
|
|
313
|
-
return item.renderedId;
|
|
314
|
-
}
|
|
315
|
-
}
|
|
316
|
-
ToolboxCategoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ToolboxCategoryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
317
|
-
ToolboxCategoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ToolboxCategoryComponent, selector: "svc-toolbox-category ", inputs: { category: "category", toolbox: "toolbox" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div class=\"svc-toolbox__category\" [class.svc-toolbox__category--collapsed]=\"category.collapsed\"\n [class.svc-toolbox__category--empty]=\"category.empty\">\n <div class=\"svc-toolbox__category-header-wrapper\">\n <div class=\"svc-toolbox__category-header\"\n (click)=\"category.toggleState()\" [key2click] [class.svc-toolbox__category-header--collapsed]=\"toolbox.canCollapseCategories\" >\n <span class=\"svc-toolbox__category-title\">{{category.title}}</span>\n <div *ngIf=\"toolbox.canCollapseCategories\" class=\"svc-toolbox__category-header__controls\">\n <svg [iconName]=\"category.iconName\" [class]=\"category.iconClassName\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n </div>\n </div>\n </div>\n <ng-container *ngFor=\"let item of category.items; trackBy: trackItemBy\">\n <svc-toolbox-tool [item]=\"item\" [creator]=\"toolbox.creator\" [parentModel]=\"toolbox\" [isCompact]=\"false\" ></svc-toolbox-tool>\n </ng-container>\n </div>\n</ng-template>\n", styles: [":host { display: none; }"], components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: ToolboxToolComponent, selector: "svc-toolbox-tool", inputs: ["creator", "item", "parentModel", "isCompact"] }], directives: [{ type: i1.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
318
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ToolboxCategoryComponent, decorators: [{
|
|
319
|
-
type: Component,
|
|
320
|
-
args: [{
|
|
321
|
-
selector: "svc-toolbox-category ",
|
|
322
|
-
templateUrl: "./toolbox-category.component.html",
|
|
323
|
-
styles: [":host { display: none; }"]
|
|
324
|
-
}]
|
|
325
|
-
}], propDecorators: { category: [{
|
|
326
|
-
type: Input
|
|
327
|
-
}], toolbox: [{
|
|
328
|
-
type: Input
|
|
329
|
-
}] } });
|
|
330
|
-
|
|
331
|
-
class AdaptiveToolboxComponent extends BaseAngular {
|
|
332
|
-
get toolbox() {
|
|
333
|
-
return this.model.toolbox;
|
|
334
|
-
}
|
|
335
|
-
get creator() {
|
|
336
|
-
return this.model;
|
|
337
|
-
}
|
|
338
|
-
get searchItem() {
|
|
339
|
-
return this.toolbox.searchItem;
|
|
340
|
-
}
|
|
341
|
-
afterRender() {
|
|
342
|
-
var _a;
|
|
343
|
-
if ((_a = this.container) === null || _a === void 0 ? void 0 : _a.nativeElement) {
|
|
344
|
-
this.toolbox.afterRender(this.container.nativeElement);
|
|
345
|
-
}
|
|
346
|
-
}
|
|
347
|
-
ngAfterViewInit() {
|
|
348
|
-
this.afterRender();
|
|
349
|
-
}
|
|
350
|
-
ngAfterViewChecked() {
|
|
351
|
-
super.ngAfterViewChecked();
|
|
352
|
-
this.afterRender();
|
|
353
|
-
}
|
|
354
|
-
afterUpdate(isSync) {
|
|
355
|
-
super.afterUpdate(isSync);
|
|
356
|
-
this.afterRender();
|
|
357
|
-
}
|
|
358
|
-
getModel() {
|
|
359
|
-
return this.toolbox;
|
|
360
|
-
}
|
|
361
|
-
ngOnDestroy() {
|
|
362
|
-
this.toolbox.beforeDestroy();
|
|
363
|
-
super.ngOnDestroy();
|
|
364
|
-
}
|
|
365
|
-
trackItemBy(_, item) {
|
|
366
|
-
return item.renderedId;
|
|
367
|
-
}
|
|
368
|
-
}
|
|
369
|
-
AdaptiveToolboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AdaptiveToolboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
370
|
-
AdaptiveToolboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AdaptiveToolboxComponent, selector: "svc-toolbox", inputs: { model: "model" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div [class]=\"toolbox.classNames\" #container [style]=\"toolbox.getRootStyle()\">\n <div (focusout)=\"toolbox.focusOut($event)\" class=\"svc-toolbox__panel\">\n <div *ngIf=\"toolbox.showSearch\" class=\"svc-toolbox__search-container\">\n <ng-container *ngIf=\"toolbox.isCompactRendered\">\n <svc-toolbox-tool [creator]=\"creator\" [item]=\"searchItem\" [parentModel]=\"toolbox\"\n [isCompact]=\"toolbox.isCompactRendered\"></svc-toolbox-tool>\n </ng-container>\n <svc-search [model]=\"toolbox.searchManager\"></svc-search>\n <div class=\"svc-toolbox__category-separator svc-toolbox__category-separator--search\"></div>\n </div>\n <div *ngIf=\"toolbox.showPlaceholder\" class=\"svc-toolbox__placeholder\">{{toolbox.toolboxNoResultsFound}}</div>\n <sv-scroll>\n <ng-container *ngIf=\"!toolbox.showInSingleCategory\">\n <svc-toolbox-category *ngFor=\"let category of toolbox.categories\" [category]=\"category\"\n [toolbox]=\"toolbox\"></svc-toolbox-category>\n </ng-container>\n <ng-container *ngIf=\"toolbox.showInSingleCategory\">\n <div class=\"svc-toolbox__category\">\n <ng-container *ngFor=\"let item of toolbox.renderedActions; trackBy: trackItemBy\">\n <svc-toolbox-tool [creator]=\"creator\" [item]=\"item\" [parentModel]=\"toolbox\"\n [isCompact]=\"toolbox.isCompactRendered\"></svc-toolbox-tool>\n </ng-container>\n </div>\n </ng-container>\n </sv-scroll>\n </div>\n </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: ToolboxToolComponent, selector: "svc-toolbox-tool", inputs: ["creator", "item", "parentModel", "isCompact"] }, { type: SearchComponent, selector: "svc-search", inputs: ["model"] }, { type: i1.ScrollComponent, selector: "sv-scroll", inputs: ["disabled", "onInnerHeightChanged"] }, { type: ToolboxCategoryComponent, selector: "svc-toolbox-category ", inputs: ["category", "toolbox"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
371
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AdaptiveToolboxComponent, decorators: [{
|
|
372
|
-
type: Component,
|
|
373
|
-
args: [{
|
|
374
|
-
selector: "svc-toolbox",
|
|
375
|
-
templateUrl: "./adaptive-toolbox.component.html",
|
|
376
|
-
styles: [":host { display: none; }"]
|
|
377
|
-
}]
|
|
378
|
-
}], propDecorators: { model: [{
|
|
379
|
-
type: Input
|
|
380
|
-
}], container: [{
|
|
381
|
-
type: ViewChild,
|
|
382
|
-
args: ["container"]
|
|
383
|
-
}] } });
|
|
384
|
-
AngularComponentFactory.Instance.registerComponent("svc-toolbox", AdaptiveToolboxComponent);
|
|
385
|
-
|
|
386
|
-
class SurfacePlaceholderComponent extends EmbeddedViewContentComponent {
|
|
387
|
-
}
|
|
388
|
-
SurfacePlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SurfacePlaceholderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
389
|
-
SurfacePlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SurfacePlaceholderComponent, selector: "svc-surface-placeholder", inputs: { name: "name", placeholderTitleText: "placeholderTitleText", placeholderDescriptionText: "placeholderDescriptionText" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div class=\"svc-surface-placeholder\">\n <div class=\"svc-surface-placeholder__image\" [class]=\"'svc-surface-placeholder__image--' + name\"></div>\n <div class=\"svc-surface-placeholder__text\">\n <div class=\"svc-surface-placeholder__title\">{{placeholderTitleText}}</div>\n <div class=\"svc-surface-placeholder__description\">{{placeholderDescriptionText}}</div>\n </div>\n </div>\n</ng-template>", styles: [":host { display: none; }"] });
|
|
390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SurfacePlaceholderComponent, decorators: [{
|
|
391
|
-
type: Component,
|
|
392
|
-
args: [{
|
|
393
|
-
selector: "svc-surface-placeholder",
|
|
394
|
-
templateUrl: "./surface-placeholder.component.html",
|
|
395
|
-
styles: [":host { display: none; }"]
|
|
396
|
-
}]
|
|
397
|
-
}], propDecorators: { name: [{
|
|
398
|
-
type: Input
|
|
399
|
-
}], placeholderTitleText: [{
|
|
400
|
-
type: Input
|
|
401
|
-
}], placeholderDescriptionText: [{
|
|
402
|
-
type: Input
|
|
403
|
-
}] } });
|
|
404
|
-
AngularComponentFactory.Instance.registerComponent("svc-surface-placeholder", SurfacePlaceholderComponent);
|
|
405
|
-
|
|
406
252
|
class PageElementContentComponent extends EmbeddedViewContentComponent {
|
|
407
253
|
ngAfterViewInit() {
|
|
408
254
|
var _a;
|
|
@@ -615,7 +461,7 @@ class DesignerTabComponent extends BaseAngular {
|
|
|
615
461
|
}
|
|
616
462
|
}
|
|
617
463
|
DesignerTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DesignerTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
618
|
-
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 <
|
|
464
|
+
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.allowEditSurveyTitle\" 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 <div class=\"svc-designer-placeholder-page\">\n <svc-page [model]=\"model.newPage\" [survey]=\"survey\" [creator]=\"creator\" [isGhost]=\"true\"></svc-page>\n </div>\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: SurfacePlaceholderComponent, selector: "svc-surface-placeholder", inputs: ["name", "placeholderTitleText", "placeholderDescriptionText"] }, { type: PageDesignerComponent, selector: "svc-page", inputs: ["model", "survey", "creator", "isGhost"] }, { type: DesignerSurveyComponent, selector: "svc-designer-survey", inputs: ["model"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
|
|
619
465
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DesignerTabComponent, decorators: [{
|
|
620
466
|
type: Component,
|
|
621
467
|
args: [{
|
|
@@ -801,6 +647,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
801
647
|
}] } });
|
|
802
648
|
AngularComponentFactory.Instance.registerComponent("svc-object-selector", ObjectSelectorComponent);
|
|
803
649
|
|
|
650
|
+
class SearchComponent extends BaseAngular {
|
|
651
|
+
getModel() {
|
|
652
|
+
return this.model;
|
|
653
|
+
}
|
|
654
|
+
}
|
|
655
|
+
SearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
656
|
+
SearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SearchComponent, selector: "svc-search", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div *ngIf=\"model.isVisible\" class=\"svc-search\">\n <div class=\"svc-search__search-icon\">\n <svg [iconName]=\"'icon-search'\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n </div>\n <input type=\"text\" class=\"svc-search__input\" [(ngModel)]=\"model.filterString\"\n [attr.aria-label]=\"model.filterStringPlaceholder\" [attr.placeholder]=\"model.filterStringPlaceholder\" />\n <div class=\"svc-search__toolbar\">\n <div class=\"svc-search__toolbar-counter\">{{model.matchCounterText}}</div>\n <sv-action-bar [model]=\"model.searchActionBar\"></sv-action-bar>\n </div>\n </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
657
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SearchComponent, decorators: [{
|
|
658
|
+
type: Component,
|
|
659
|
+
args: [{
|
|
660
|
+
selector: "svc-search",
|
|
661
|
+
templateUrl: "./search.component.html",
|
|
662
|
+
styles: [":host { display: none; }"]
|
|
663
|
+
}]
|
|
664
|
+
}], propDecorators: { model: [{
|
|
665
|
+
type: Input
|
|
666
|
+
}] } });
|
|
667
|
+
AngularComponentFactory.Instance.registerComponent("svc-search", SearchComponent);
|
|
668
|
+
|
|
804
669
|
class PropertyGridComponent extends BaseAngular {
|
|
805
670
|
getModel() {
|
|
806
671
|
return this.model;
|
|
@@ -1645,6 +1510,118 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1645
1510
|
}] });
|
|
1646
1511
|
AngularComponentFactory.Instance.registerComponent("svc-panel", PanelDesignerComponent);
|
|
1647
1512
|
|
|
1513
|
+
class ToolboxToolComponent extends CreatorModelComponent {
|
|
1514
|
+
constructor() {
|
|
1515
|
+
super(...arguments);
|
|
1516
|
+
this.isCompact = false;
|
|
1517
|
+
}
|
|
1518
|
+
createModel() {
|
|
1519
|
+
this.model = new ToolboxToolViewModel(this.item, this.creator, this.parentModel);
|
|
1520
|
+
}
|
|
1521
|
+
getPropertiesToTrack() {
|
|
1522
|
+
return ["creator", "item"];
|
|
1523
|
+
}
|
|
1524
|
+
getModel() {
|
|
1525
|
+
return this.item;
|
|
1526
|
+
}
|
|
1527
|
+
get itemCssClasses() {
|
|
1528
|
+
return this.item.css;
|
|
1529
|
+
}
|
|
1530
|
+
ngOnDestroy() {
|
|
1531
|
+
super.ngOnDestroy();
|
|
1532
|
+
this.model.dispose();
|
|
1533
|
+
this.item.updateModeCallback = undefined;
|
|
1534
|
+
}
|
|
1535
|
+
ngAfterViewInit() {
|
|
1536
|
+
if (this.item) {
|
|
1537
|
+
this.item.updateModeCallback = (mode, callback) => {
|
|
1538
|
+
var _a;
|
|
1539
|
+
this.item.mode = mode;
|
|
1540
|
+
callback(mode, (_a = this.container) === null || _a === void 0 ? void 0 : _a.nativeElement);
|
|
1541
|
+
};
|
|
1542
|
+
queueMicrotask(() => {
|
|
1543
|
+
this.item.afterRender();
|
|
1544
|
+
});
|
|
1545
|
+
}
|
|
1546
|
+
}
|
|
1547
|
+
}
|
|
1548
|
+
ToolboxToolComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ToolboxToolComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1549
|
+
ToolboxToolComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ToolboxToolComponent, selector: "svc-toolbox-tool", inputs: { creator: "creator", item: "item", parentModel: "parentModel", isCompact: "isCompact" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div [class]=\"itemCssClasses\" #container>\n <div class=\"svc-toolbox__category-separator\" *ngIf=\"item.needSeparator && !creator.toolbox.showCategoryTitles\">\n </div>\n <div class=\"svc-toolbox__tool-content sv-action__content\" (pointerdown)=\"model.onPointerDown($event)\">\n <ng-template [component]=\"{ name: model.itemComponent, default: 'svc-toolbox-item', \n data: { model: item, viewModel: model, creator: creator, isCompact: isCompact } }\"></ng-template>\n </div>\n </div>\n</ng-template>", styles: [":host { display: none; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
|
|
1550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ToolboxToolComponent, decorators: [{
|
|
1551
|
+
type: Component,
|
|
1552
|
+
args: [{
|
|
1553
|
+
selector: "svc-toolbox-tool",
|
|
1554
|
+
templateUrl: "./toolbox-tool.component.html",
|
|
1555
|
+
styles: [":host { display: none; }"]
|
|
1556
|
+
}]
|
|
1557
|
+
}], propDecorators: { creator: [{
|
|
1558
|
+
type: Input
|
|
1559
|
+
}], item: [{
|
|
1560
|
+
type: Input
|
|
1561
|
+
}], parentModel: [{
|
|
1562
|
+
type: Input
|
|
1563
|
+
}], isCompact: [{
|
|
1564
|
+
type: Input
|
|
1565
|
+
}], container: [{
|
|
1566
|
+
type: ViewChild,
|
|
1567
|
+
args: ["container"]
|
|
1568
|
+
}] } });
|
|
1569
|
+
|
|
1570
|
+
class AdaptiveToolboxComponent extends BaseAngular {
|
|
1571
|
+
get toolbox() {
|
|
1572
|
+
return this.model.toolbox;
|
|
1573
|
+
}
|
|
1574
|
+
get creator() {
|
|
1575
|
+
return this.model;
|
|
1576
|
+
}
|
|
1577
|
+
get searchItem() {
|
|
1578
|
+
return this.toolbox.searchItem;
|
|
1579
|
+
}
|
|
1580
|
+
afterRender() {
|
|
1581
|
+
var _a;
|
|
1582
|
+
if ((_a = this.container) === null || _a === void 0 ? void 0 : _a.nativeElement) {
|
|
1583
|
+
this.toolbox.afterRender(this.container.nativeElement);
|
|
1584
|
+
}
|
|
1585
|
+
}
|
|
1586
|
+
ngAfterViewInit() {
|
|
1587
|
+
this.afterRender();
|
|
1588
|
+
}
|
|
1589
|
+
ngAfterViewChecked() {
|
|
1590
|
+
super.ngAfterViewChecked();
|
|
1591
|
+
this.afterRender();
|
|
1592
|
+
}
|
|
1593
|
+
afterUpdate(isSync) {
|
|
1594
|
+
super.afterUpdate(isSync);
|
|
1595
|
+
this.afterRender();
|
|
1596
|
+
}
|
|
1597
|
+
getModel() {
|
|
1598
|
+
return this.toolbox;
|
|
1599
|
+
}
|
|
1600
|
+
ngOnDestroy() {
|
|
1601
|
+
this.toolbox.beforeDestroy();
|
|
1602
|
+
super.ngOnDestroy();
|
|
1603
|
+
}
|
|
1604
|
+
trackItemBy(_, item) {
|
|
1605
|
+
return item.renderedId;
|
|
1606
|
+
}
|
|
1607
|
+
}
|
|
1608
|
+
AdaptiveToolboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AdaptiveToolboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1609
|
+
AdaptiveToolboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AdaptiveToolboxComponent, selector: "svc-toolbox", inputs: { model: "model" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div [class]=\"toolbox.classNames\" #container [style]=\"toolbox.getRootStyle()\">\n <div (focusout)=\"toolbox.focusOut($event)\" class=\"svc-toolbox__panel\">\n <div *ngIf=\"toolbox.showSearch\" class=\"svc-toolbox__search-container\">\n <ng-container *ngIf=\"toolbox.isCompactRendered\">\n <svc-toolbox-tool [creator]=\"creator\" [item]=\"searchItem\" [parentModel]=\"toolbox\"\n [isCompact]=\"toolbox.isCompactRendered\"></svc-toolbox-tool>\n </ng-container>\n <svc-search [model]=\"toolbox.searchManager\"></svc-search>\n <div class=\"svc-toolbox__category-separator svc-toolbox__category-separator--search\"></div>\n </div>\n <div *ngIf=\"toolbox.showPlaceholder\" class=\"svc-toolbox__placeholder\">{{toolbox.toolboxNoResultsFound}}</div>\n <sv-scroll>\n <ng-container *ngIf=\"!toolbox.showInSingleCategory\">\n <ng-container *ngFor=\"let category of toolbox.categories\">\n <ng-template [component]=\"{name: 'svc-toolbox-category', data: { category: category, toolbox: toolbox }}\"></ng-template>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"toolbox.showInSingleCategory\">\n <div class=\"svc-toolbox__category\">\n <ng-container *ngFor=\"let item of toolbox.renderedActions; trackBy: trackItemBy\">\n <svc-toolbox-tool [creator]=\"creator\" [item]=\"item\" [parentModel]=\"toolbox\"\n [isCompact]=\"toolbox.isCompactRendered\"></svc-toolbox-tool>\n </ng-container>\n </div>\n </ng-container>\n </sv-scroll>\n </div>\n </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: ToolboxToolComponent, selector: "svc-toolbox-tool", inputs: ["creator", "item", "parentModel", "isCompact"] }, { type: SearchComponent, selector: "svc-search", inputs: ["model"] }, { type: i1.ScrollComponent, selector: "sv-scroll", inputs: ["disabled", "onInnerHeightChanged"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
|
|
1610
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AdaptiveToolboxComponent, decorators: [{
|
|
1611
|
+
type: Component,
|
|
1612
|
+
args: [{
|
|
1613
|
+
selector: "svc-toolbox",
|
|
1614
|
+
templateUrl: "./adaptive-toolbox.component.html",
|
|
1615
|
+
styles: [":host { display: none; }"]
|
|
1616
|
+
}]
|
|
1617
|
+
}], propDecorators: { model: [{
|
|
1618
|
+
type: Input
|
|
1619
|
+
}], container: [{
|
|
1620
|
+
type: ViewChild,
|
|
1621
|
+
args: ["container"]
|
|
1622
|
+
}] } });
|
|
1623
|
+
AngularComponentFactory.Instance.registerComponent("svc-toolbox", AdaptiveToolboxComponent);
|
|
1624
|
+
|
|
1648
1625
|
class ToolboxItemComponent extends BaseAngular {
|
|
1649
1626
|
constructor() {
|
|
1650
1627
|
super(...arguments);
|
|
@@ -1730,6 +1707,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1730
1707
|
}] } });
|
|
1731
1708
|
AngularComponentFactory.Instance.registerComponent("svc-toolbox-list", ToolboxListComponent);
|
|
1732
1709
|
|
|
1710
|
+
class ToolboxCategoryComponent extends BaseAngular {
|
|
1711
|
+
getModel() {
|
|
1712
|
+
return this.category;
|
|
1713
|
+
}
|
|
1714
|
+
trackItemBy(_, item) {
|
|
1715
|
+
return item.renderedId;
|
|
1716
|
+
}
|
|
1717
|
+
}
|
|
1718
|
+
ToolboxCategoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ToolboxCategoryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1719
|
+
ToolboxCategoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ToolboxCategoryComponent, selector: "svc-toolbox-category ", inputs: { category: "category", toolbox: "toolbox" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n <div class=\"svc-toolbox__category\" [class.svc-toolbox__category--collapsed]=\"category.collapsed\"\n [class.svc-toolbox__category--empty]=\"category.empty\">\n <div class=\"svc-toolbox__category-header-wrapper\">\n <div class=\"svc-toolbox__category-header\"\n (click)=\"category.toggleState()\" [key2click] [class.svc-toolbox__category-header--collapsed]=\"toolbox.canCollapseCategories\" >\n <span class=\"svc-toolbox__category-title\">{{category.title}}</span>\n <div *ngIf=\"toolbox.canCollapseCategories\" class=\"svc-toolbox__category-header__controls\">\n <svg [iconName]=\"category.iconName\" [class]=\"category.iconClassName\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n </div>\n </div>\n </div>\n <ng-container *ngFor=\"let item of category.items; trackBy: trackItemBy\">\n <svc-toolbox-tool [item]=\"item\" [creator]=\"toolbox.creator\" [parentModel]=\"toolbox\" [isCompact]=\"false\" ></svc-toolbox-tool>\n </ng-container>\n </div>\n</ng-template>\n", styles: [":host { display: none; }"], components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: ToolboxToolComponent, selector: "svc-toolbox-tool", inputs: ["creator", "item", "parentModel", "isCompact"] }], directives: [{ type: i1.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
1720
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ToolboxCategoryComponent, decorators: [{
|
|
1721
|
+
type: Component,
|
|
1722
|
+
args: [{
|
|
1723
|
+
selector: "svc-toolbox-category ",
|
|
1724
|
+
templateUrl: "./toolbox-category.component.html",
|
|
1725
|
+
styles: [":host { display: none; }"]
|
|
1726
|
+
}]
|
|
1727
|
+
}], propDecorators: { category: [{
|
|
1728
|
+
type: Input
|
|
1729
|
+
}], toolbox: [{
|
|
1730
|
+
type: Input
|
|
1731
|
+
}] } });
|
|
1732
|
+
AngularComponentFactory.Instance.registerComponent("svc-toolbox-category", ToolboxCategoryComponent);
|
|
1733
|
+
|
|
1733
1734
|
class StringEditorComponent extends CreatorModelComponent {
|
|
1734
1735
|
constructor(cdr, vcr, ngZone) {
|
|
1735
1736
|
super(cdr, vcr);
|