survey-creator-angular 1.12.2 → 1.12.4

package/esm2015/side-bar/tabs.component.js

@@ -0,0 +1,23 @@
+import { Component, Input } from "@angular/core";
+import { BaseAngular } from "survey-angular-ui";
+import * as i0 from "@angular/core";
+import * as i1 from "./tab-button.component";
+import * as i2 from "@angular/common";
+export class TabsComponent extends BaseAngular {
+    getModel() {
+        return this.model;
+    }
+}
+TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabsComponent, selector: "svc-tabs", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <ng-container *ngFor=\"let action of model.actions\">\n    <svc-tab-button [model]=\"action\"></svc-tab-button>\n  </ng-container>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.TabButtonComponent, selector: "svc-tab-button", inputs: ["model"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "svc-tabs",
+                    templateUrl: "./tabs.component.html",
+                    styles: [":host { display: none; }"]
+                }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1iYXIvdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi9zcmMvc2lkZS1iYXIvdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7QUFTaEQsTUFBTSxPQUFPLGFBQWMsU0FBUSxXQUF3QztJQUUvRCxRQUFRO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDOzsyR0FKVSxhQUFhOytGQUFiLGFBQWEsbUdDVjFCLCtLQUljOzRGRE1ELGFBQWE7a0JBTHpCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFdBQVcsRUFBRSx1QkFBdUI7b0JBQ3BDLE1BQU0sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQzs4QkFFVSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEJhc2VBbmd1bGFyIH0gZnJvbSBcInN1cnZleS1hbmd1bGFyLXVpXCI7XG5pbXBvcnQgeyBBY3Rpb25Db250YWluZXIgfSBmcm9tIFwic3VydmV5LWNvcmVcIjtcbmltcG9ydCB7IE1lbnVCdXR0b24gfSBmcm9tIFwic3VydmV5LWNyZWF0b3ItY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3ZjLXRhYnNcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi90YWJzLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlczogW1wiOmhvc3QgeyBkaXNwbGF5OiBub25lOyB9XCJdXG59KVxuZXhwb3J0IGNsYXNzIFRhYnNDb21wb25lbnQgZXh0ZW5kcyBCYXNlQW5ndWxhcjxBY3Rpb25Db250YWluZXI8TWVudUJ1dHRvbj4+IHtcbiAgQElucHV0KCkgbW9kZWwhOiBBY3Rpb25Db250YWluZXI8TWVudUJ1dHRvbj47XG4gIHByb3RlY3RlZCBnZXRNb2RlbCgpOiBBY3Rpb25Db250YWluZXI8TWVudUJ1dHRvbj4ge1xuICAgIHJldHVybiB0aGlzLm1vZGVsO1xuICB9XG59IiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgYWN0aW9uIG9mIG1vZGVsLmFjdGlvbnNcIj5cbiAgICA8c3ZjLXRhYi1idXR0b24gW21vZGVsXT1cImFjdGlvblwiPjwvc3ZjLXRhYi1idXR0b24+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT4iXX0=

package/esm2015/tab-control/property-grid-placeholder-header.component.js

@@ -1,22 +1,22 @@
-import { Component, Input } from "@angular/core";
-import { AngularComponentFactory, BaseAngular } from "survey-angular-ui";
-import * as i0 from "@angular/core";
-export class SidebarPropertyGridPlaceholderHeaderComponent extends BaseAngular {
-    getModel() {
-        return this.model;
-    }
-}
-SidebarPropertyGridPlaceholderHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SidebarPropertyGridPlaceholderHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SidebarPropertyGridPlaceholderHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SidebarPropertyGridPlaceholderHeaderComponent, selector: "svc-side-bar-property-grid-placeholder-header", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-side-bar__container-header svc-sidebar__header-container\">\n    <div class=\"svc-side-bar__container-title\">{{model.caption}}</div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SidebarPropertyGridPlaceholderHeaderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "svc-side-bar-property-grid-placeholder-header",
-                    templateUrl: "./property-grid-placeholder-header.component.html",
-                    styles: [":host { display: none; }"]
-                }]
-        }], propDecorators: { model: [{
-                type: Input
-            }] } });
-AngularComponentFactory.Instance.registerComponent("svc-side-bar-property-grid-placeholder-header", SidebarPropertyGridPlaceholderHeaderComponent);
+import { Component, Input } from "@angular/core";
+import { AngularComponentFactory, BaseAngular } from "survey-angular-ui";
+import * as i0 from "@angular/core";
+export class SidebarPropertyGridPlaceholderHeaderComponent extends BaseAngular {
+    getModel() {
+        return this.model;
+    }
+}
+SidebarPropertyGridPlaceholderHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SidebarPropertyGridPlaceholderHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SidebarPropertyGridPlaceholderHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SidebarPropertyGridPlaceholderHeaderComponent, selector: "svc-side-bar-property-grid-placeholder-header", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-side-bar__container-header svc-sidebar__header-container\">\n    <div class=\"svc-side-bar__container-title\">{{model.caption}}</div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SidebarPropertyGridPlaceholderHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "svc-side-bar-property-grid-placeholder-header",
+                    templateUrl: "./property-grid-placeholder-header.component.html",
+                    styles: [":host { display: none; }"]
+                }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
+AngularComponentFactory.Instance.registerComponent("svc-side-bar-property-grid-placeholder-header", SidebarPropertyGridPlaceholderHeaderComponent);
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvcGVydHktZ3JpZC1wbGFjZWhvbGRlci1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhYi1jb250cm9sL3Byb3BlcnR5LWdyaWQtcGxhY2Vob2xkZXItaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy90YWItY29udHJvbC9wcm9wZXJ0eS1ncmlkLXBsYWNlaG9sZGVyLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsV0FBVyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBUXpFLE1BQU0sT0FBTyw2Q0FBOEMsU0FBUSxXQUE2QjtJQUVwRixRQUFRO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDOzsySUFKVSw2Q0FBNkM7K0hBQTdDLDZDQUE2Qyx3SUNWMUQsNk1BSWM7NEZETUQsNkNBQTZDO2tCQUx6RCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwrQ0FBK0M7b0JBQ3pELFdBQVcsRUFBRSxtREFBbUQ7b0JBQ2hFLE1BQU0sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQzs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7O0FBS1IsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLCtDQUErQyxFQUFFLDZDQUE2QyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnksIEJhc2VBbmd1bGFyIH0gZnJvbSBcInN1cnZleS1hbmd1bGFyLXVpXCI7XG5pbXBvcnQgeyBTaWRlYmFyUGFnZU1vZGVsIH0gZnJvbSBcInN1cnZleS1jcmVhdG9yLWNvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2Yy1zaWRlLWJhci1wcm9wZXJ0eS1ncmlkLXBsYWNlaG9sZGVyLWhlYWRlclwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3Byb3BlcnR5LWdyaWQtcGxhY2Vob2xkZXItaGVhZGVyLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlczogW1wiOmhvc3QgeyBkaXNwbGF5OiBub25lOyB9XCJdXG59KVxuZXhwb3J0IGNsYXNzIFNpZGViYXJQcm9wZXJ0eUdyaWRQbGFjZWhvbGRlckhlYWRlckNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyPFNpZGViYXJQYWdlTW9kZWw+IHtcbiAgQElucHV0KCkgbW9kZWwhOiBTaWRlYmFyUGFnZU1vZGVsO1xuICBwcm90ZWN0ZWQgZ2V0TW9kZWwoKTogU2lkZWJhclBhZ2VNb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWw7XG4gIH1cbn1cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3ZjLXNpZGUtYmFyLXByb3BlcnR5LWdyaWQtcGxhY2Vob2xkZXItaGVhZGVyXCIsIFNpZGViYXJQcm9wZXJ0eUdyaWRQbGFjZWhvbGRlckhlYWRlckNvbXBvbmVudCk7XG4iLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwic3ZjLXNpZGUtYmFyX19jb250YWluZXItaGVhZGVyIHN2Yy1zaWRlYmFyX19oZWFkZXItY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInN2Yy1zaWRlLWJhcl9fY29udGFpbmVyLXRpdGxlXCI+e3ttb2RlbC5jYXB0aW9ufX08L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==

package/esm2015/tab-control/property-grid-placeholder.component.js

@@ -1,22 +1,22 @@
-import { Component } from "@angular/core";
-import { AngularComponentFactory, EmbeddedViewContentComponent } from "survey-angular-ui";
-import { editorLocalization } from "survey-creator-core";
-import * as i0 from "@angular/core";
-export class PropertyGridPlaceholderComponent extends EmbeddedViewContentComponent {
-    constructor() {
-        super(...arguments);
-        this.editorLocalization = editorLocalization;
-    }
-}
-PropertyGridPlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PropertyGridPlaceholderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-PropertyGridPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PropertyGridPlaceholderComponent, selector: "svc-property-grid-placeholder", usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-property-grid-placeholder\">\n    <div class=\"svc-property-grid-placeholder__header\">\n      <span\n        class=\"svc-property-grid-placeholder__title\">{{editorLocalization.getString(\"ed.propertyGridPlaceholderTitle\")}}</span>\n      <span\n        class=\"svc-property-grid-placeholder__description\">{{editorLocalization.getString(\"ed.propertyGridPlaceholderDescription\")}}</span>\n    </div>\n    <div class=\"svc-property-grid-placeholder__content\">\n      <div class=\"svc-property-grid-placeholder__gap\"></div>\n      <div class=\"svc-property-grid-placeholder__image\"></div>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PropertyGridPlaceholderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "svc-property-grid-placeholder",
-                    templateUrl: "./property-grid-placeholder.component.html",
-                    styles: [":host { display: none; }"]
-                }]
-        }] });
-AngularComponentFactory.Instance.registerComponent("svc-property-grid-placeholder", PropertyGridPlaceholderComponent);
+import { Component } from "@angular/core";
+import { AngularComponentFactory, EmbeddedViewContentComponent } from "survey-angular-ui";
+import { editorLocalization } from "survey-creator-core";
+import * as i0 from "@angular/core";
+export class PropertyGridPlaceholderComponent extends EmbeddedViewContentComponent {
+    constructor() {
+        super(...arguments);
+        this.editorLocalization = editorLocalization;
+    }
+}
+PropertyGridPlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PropertyGridPlaceholderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+PropertyGridPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PropertyGridPlaceholderComponent, selector: "svc-property-grid-placeholder", usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-property-grid-placeholder\">\n    <div class=\"svc-property-grid-placeholder__header\">\n      <span\n        class=\"svc-property-grid-placeholder__title\">{{editorLocalization.getString(\"ed.propertyGridPlaceholderTitle\")}}</span>\n      <span\n        class=\"svc-property-grid-placeholder__description\">{{editorLocalization.getString(\"ed.propertyGridPlaceholderDescription\")}}</span>\n    </div>\n    <div class=\"svc-property-grid-placeholder__content\">\n      <div class=\"svc-property-grid-placeholder__gap\"></div>\n      <div class=\"svc-property-grid-placeholder__image\"></div>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PropertyGridPlaceholderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "svc-property-grid-placeholder",
+                    templateUrl: "./property-grid-placeholder.component.html",
+                    styles: [":host { display: none; }"]
+                }]
+        }] });
+AngularComponentFactory.Instance.registerComponent("svc-property-grid-placeholder", PropertyGridPlaceholderComponent);
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvcGVydHktZ3JpZC1wbGFjZWhvbGRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFiLWNvbnRyb2wvcHJvcGVydHktZ3JpZC1wbGFjZWhvbGRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi9zcmMvdGFiLWNvbnRyb2wvcHJvcGVydHktZ3JpZC1wbGFjZWhvbGRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQU96RCxNQUFNLE9BQU8sZ0NBQWlDLFNBQVEsNEJBQTRCO0lBTGxGOztRQU1FLHVCQUFrQixHQUFHLGtCQUFrQixDQUFDO0tBQ3pDOzs4SEFGWSxnQ0FBZ0M7a0hBQWhDLGdDQUFnQyw0RkNUN0MscXFCQWFjOzRGREpELGdDQUFnQztrQkFMNUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsK0JBQStCO29CQUN6QyxXQUFXLEVBQUUsNENBQTRDO29CQUN6RCxNQUFNLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDckM7O0FBSUQsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLCtCQUErQixFQUFFLGdDQUFnQyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnksIEVtYmVkZGVkVmlld0NvbnRlbnRDb21wb25lbnQgfSBmcm9tIFwic3VydmV5LWFuZ3VsYXItdWlcIjtcbmltcG9ydCB7IGVkaXRvckxvY2FsaXphdGlvbiB9IGZyb20gXCJzdXJ2ZXktY3JlYXRvci1jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJzdmMtcHJvcGVydHktZ3JpZC1wbGFjZWhvbGRlclwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3Byb3BlcnR5LWdyaWQtcGxhY2Vob2xkZXIuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVzOiBbXCI6aG9zdCB7IGRpc3BsYXk6IG5vbmU7IH1cIl1cbn0pXG5leHBvcnQgY2xhc3MgUHJvcGVydHlHcmlkUGxhY2Vob2xkZXJDb21wb25lbnQgZXh0ZW5kcyBFbWJlZGRlZFZpZXdDb250ZW50Q29tcG9uZW50IHtcbiAgZWRpdG9yTG9jYWxpemF0aW9uID0gZWRpdG9yTG9jYWxpemF0aW9uO1xufVxuQW5ndWxhckNvbXBvbmVudEZhY3RvcnkuSW5zdGFuY2UucmVnaXN0ZXJDb21wb25lbnQoXCJzdmMtcHJvcGVydHktZ3JpZC1wbGFjZWhvbGRlclwiLCBQcm9wZXJ0eUdyaWRQbGFjZWhvbGRlckNvbXBvbmVudCk7XG4iLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwic3ZjLXByb3BlcnR5LWdyaWQtcGxhY2Vob2xkZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3ZjLXByb3BlcnR5LWdyaWQtcGxhY2Vob2xkZXJfX2hlYWRlclwiPlxuICAgICAgPHNwYW5cbiAgICAgICAgY2xhc3M9XCJzdmMtcHJvcGVydHktZ3JpZC1wbGFjZWhvbGRlcl9fdGl0bGVcIj57e2VkaXRvckxvY2FsaXphdGlvbi5nZXRTdHJpbmcoXCJlZC5wcm9wZXJ0eUdyaWRQbGFjZWhvbGRlclRpdGxlXCIpfX08L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICBjbGFzcz1cInN2Yy1wcm9wZXJ0eS1ncmlkLXBsYWNlaG9sZGVyX19kZXNjcmlwdGlvblwiPnt7ZWRpdG9yTG9jYWxpemF0aW9uLmdldFN0cmluZyhcImVkLnByb3BlcnR5R3JpZFBsYWNlaG9sZGVyRGVzY3JpcHRpb25cIil9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic3ZjLXByb3BlcnR5LWdyaWQtcGxhY2Vob2xkZXJfX2NvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdmMtcHJvcGVydHktZ3JpZC1wbGFjZWhvbGRlcl9fZ2FwXCI+PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic3ZjLXByb3BlcnR5LWdyaWQtcGxhY2Vob2xkZXJfX2ltYWdlXCI+PC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=

package/esm2015/tab-control/side-bar-property-grid-header.component.js

@@ -1,28 +1,28 @@
-import { Component, Input } from "@angular/core";
-import { AngularComponentFactory, BaseAngular } from "survey-angular-ui";
-import { getActionDropdownButtonTarget } from "survey-core";
-import * as i0 from "@angular/core";
-import * as i1 from "survey-angular-ui";
-export class SidebarPropertyGridHeaderComponent extends BaseAngular {
-    constructor() {
-        super(...arguments);
-        this.getTarget = getActionDropdownButtonTarget;
-    }
-    getModel() {
-        return this.model;
-    }
-}
-SidebarPropertyGridHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SidebarPropertyGridHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SidebarPropertyGridHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SidebarPropertyGridHeaderComponent, selector: "svc-side-bar-property-grid-header", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-sidebar__header svc-sidebar__header--tabbed\">\n    <div class=\"svc-sidebar__header-container svc-sidebar__header-container--with-subtitle\">\n      <div class=\"svc-sidebar__header-content\" (click)=\"model.action()\">\n        <div [class]=\"model.buttonClassName\">\n          <div class=\"svc-sidebar__header-caption\">\n            <span class=\"svc-sidebar__header-title\">{{model.title}}</span>\n            <span class=\"svc-sidebar__header-subtitle\">{{model.tooltip}}</span>\n          </div>\n        </div>\n        <sv-ng-popup [popupModel]=\"model.popupModel\" [getTarget]=\"getTarget\"></sv-ng-popup>\n      </div>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.PopupComponent, selector: "sv-ng-popup, '[sv-ng-popup]'", inputs: ["popupModel", "getTarget", "getArea"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SidebarPropertyGridHeaderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "svc-side-bar-property-grid-header",
-                    templateUrl: "./side-bar-property-grid-header.component.html",
-                    styles: [":host { display: none; }"]
-                }]
-        }], propDecorators: { model: [{
-                type: Input
-            }] } });
-AngularComponentFactory.Instance.registerComponent("svc-side-bar-property-grid-header", SidebarPropertyGridHeaderComponent);
+import { Component, Input } from "@angular/core";
+import { AngularComponentFactory, BaseAngular } from "survey-angular-ui";
+import { getActionDropdownButtonTarget } from "survey-core";
+import * as i0 from "@angular/core";
+import * as i1 from "survey-angular-ui";
+export class SidebarPropertyGridHeaderComponent extends BaseAngular {
+    constructor() {
+        super(...arguments);
+        this.getTarget = getActionDropdownButtonTarget;
+    }
+    getModel() {
+        return this.model;
+    }
+}
+SidebarPropertyGridHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SidebarPropertyGridHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SidebarPropertyGridHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SidebarPropertyGridHeaderComponent, selector: "svc-side-bar-property-grid-header", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-sidebar__header svc-sidebar__header--tabbed\">\n    <div class=\"svc-sidebar__header-container svc-sidebar__header-container--with-subtitle\">\n      <div class=\"svc-sidebar__header-content\" (click)=\"model.action()\">\n        <div [class]=\"model.buttonClassName\">\n          <div class=\"svc-sidebar__header-caption\">\n            <span class=\"svc-sidebar__header-title\">{{model.title}}</span>\n            <span class=\"svc-sidebar__header-subtitle\">{{model.tooltip}}</span>\n          </div>\n        </div>\n        <sv-ng-popup [popupModel]=\"model.popupModel\" [getTarget]=\"getTarget\"></sv-ng-popup>\n      </div>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.PopupComponent, selector: "sv-ng-popup, '[sv-ng-popup]'", inputs: ["popupModel", "getTarget", "getArea"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SidebarPropertyGridHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "svc-side-bar-property-grid-header",
+                    templateUrl: "./side-bar-property-grid-header.component.html",
+                    styles: [":host { display: none; }"]
+                }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
+AngularComponentFactory.Instance.registerComponent("svc-side-bar-property-grid-header", SidebarPropertyGridHeaderComponent);
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1iYXItcHJvcGVydHktZ3JpZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhYi1jb250cm9sL3NpZGUtYmFyLXByb3BlcnR5LWdyaWQtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy90YWItY29udHJvbC9zaWRlLWJhci1wcm9wZXJ0eS1ncmlkLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsV0FBVyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDekUsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sYUFBYSxDQUFDOzs7QUFRNUQsTUFBTSxPQUFPLGtDQUFtQyxTQUFRLFdBQXVCO0lBTC9FOztRQU9TLGNBQVMsR0FBNEMsNkJBQTZCLENBQUM7S0FLM0Y7SUFIVyxRQUFRO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDOztnSUFOVSxrQ0FBa0M7b0hBQWxDLGtDQUFrQyw0SENYL0MsMHNCQWNjOzRGREhELGtDQUFrQztrQkFMOUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUNBQW1DO29CQUM3QyxXQUFXLEVBQUUsZ0RBQWdEO29CQUM3RCxNQUFNLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDckM7OEJBRVUsS0FBSztzQkFBYixLQUFLOztBQU9SLHVCQUF1QixDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxtQ0FBbUMsRUFBRSxrQ0FBa0MsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFuZ3VsYXJDb21wb25lbnRGYWN0b3J5LCBCYXNlQW5ndWxhciB9IGZyb20gXCJzdXJ2ZXktYW5ndWxhci11aVwiO1xuaW1wb3J0IHsgZ2V0QWN0aW9uRHJvcGRvd25CdXR0b25UYXJnZXQgfSBmcm9tIFwic3VydmV5LWNvcmVcIjtcbmltcG9ydCB7IE1lbnVCdXR0b24gfSBmcm9tIFwic3VydmV5LWNyZWF0b3ItY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3ZjLXNpZGUtYmFyLXByb3BlcnR5LWdyaWQtaGVhZGVyXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZS1iYXItcHJvcGVydHktZ3JpZC1oZWFkZXIuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVzOiBbXCI6aG9zdCB7IGRpc3BsYXk6IG5vbmU7IH1cIl1cbn0pXG5leHBvcnQgY2xhc3MgU2lkZWJhclByb3BlcnR5R3JpZEhlYWRlckNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyPE1lbnVCdXR0b24+IHtcbiAgQElucHV0KCkgbW9kZWwhOiBNZW51QnV0dG9uO1xuICBwdWJsaWMgZ2V0VGFyZ2V0OiAoY29udGFpbmVyOiBIVE1MRWxlbWVudCkgPT4gSFRNTEVsZW1lbnQgPSBnZXRBY3Rpb25Ecm9wZG93bkJ1dHRvblRhcmdldDtcblxuICBwcm90ZWN0ZWQgZ2V0TW9kZWwoKTogTWVudUJ1dHRvbiB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWw7XG4gIH1cbn1cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3ZjLXNpZGUtYmFyLXByb3BlcnR5LWdyaWQtaGVhZGVyXCIsIFNpZGViYXJQcm9wZXJ0eUdyaWRIZWFkZXJDb21wb25lbnQpO1xuIiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cInN2Yy1zaWRlYmFyX19oZWFkZXIgc3ZjLXNpZGViYXJfX2hlYWRlci0tdGFiYmVkXCI+XG4gICAgPGRpdiBjbGFzcz1cInN2Yy1zaWRlYmFyX19oZWFkZXItY29udGFpbmVyIHN2Yy1zaWRlYmFyX19oZWFkZXItY29udGFpbmVyLS13aXRoLXN1YnRpdGxlXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3ZjLXNpZGViYXJfX2hlYWRlci1jb250ZW50XCIgKGNsaWNrKT1cIm1vZGVsLmFjdGlvbigpXCI+XG4gICAgICAgIDxkaXYgW2NsYXNzXT1cIm1vZGVsLmJ1dHRvbkNsYXNzTmFtZVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdmMtc2lkZWJhcl9faGVhZGVyLWNhcHRpb25cIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3ZjLXNpZGViYXJfX2hlYWRlci10aXRsZVwiPnt7bW9kZWwudGl0bGV9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3ZjLXNpZGViYXJfX2hlYWRlci1zdWJ0aXRsZVwiPnt7bW9kZWwudG9vbHRpcH19PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHN2LW5nLXBvcHVwIFtwb3B1cE1vZGVsXT1cIm1vZGVsLnBvcHVwTW9kZWxcIiBbZ2V0VGFyZ2V0XT1cImdldFRhcmdldFwiPjwvc3YtbmctcG9wdXA+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==

package/esm2015/tab-control/tab-button.component.js

@@ -1,23 +1,23 @@
-import { Component, Input } from "@angular/core";
-import { BaseAngular, AngularComponentFactory } from "survey-angular-ui";
-import * as i0 from "@angular/core";
-import * as i1 from "survey-angular-ui";
-export class TabButtonComponent extends BaseAngular {
-    getModel() {
-        return this.model;
-    }
-}
-TabButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TabButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabButtonComponent, selector: "svc-tab-button", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-menu-action\">\n    <div [class]=\"model.buttonClassName\" [attr.title]=\"model.tooltip\" (click)=\"model.action()\">\n      <div class=\"svc-menu-action__icon\">\n        <div class=\"svc-menu-action__icon-container\">\n          <svg [iconName]=\"model.iconName\" [size]=\"24\" sv-ng-svg-icon></svg>\n        </div>\n      </div>\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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "svc-tab-button",
-                    templateUrl: "./tab-button.component.html",
-                    styles: [":host { display: none; }"]
-                }]
-        }], propDecorators: { model: [{
-                type: Input
-            }] } });
-AngularComponentFactory.Instance.registerComponent("svc-tab-button", TabButtonComponent);
+import { Component, Input } from "@angular/core";
+import { BaseAngular, AngularComponentFactory } from "survey-angular-ui";
+import * as i0 from "@angular/core";
+import * as i1 from "survey-angular-ui";
+export class TabButtonComponent extends BaseAngular {
+    getModel() {
+        return this.model;
+    }
+}
+TabButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TabButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabButtonComponent, selector: "svc-tab-button", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-menu-action\">\n    <div [class]=\"model.buttonClassName\" [attr.title]=\"model.tooltip\" (click)=\"model.action()\">\n      <div class=\"svc-menu-action__icon\">\n        <div class=\"svc-menu-action__icon-container\">\n          <svg [iconName]=\"model.iconName\" [size]=\"24\" sv-ng-svg-icon></svg>\n        </div>\n      </div>\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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "svc-tab-button",
+                    templateUrl: "./tab-button.component.html",
+                    styles: [":host { display: none; }"]
+                }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
+AngularComponentFactory.Instance.registerComponent("svc-tab-button", TabButtonComponent);
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFiLWNvbnRyb2wvdGFiLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi9zcmMvdGFiLWNvbnRyb2wvdGFiLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQVF6RSxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsV0FBdUI7SUFFbkQsUUFBUTtRQUNoQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQzs7Z0hBSlUsa0JBQWtCO29HQUFsQixrQkFBa0IseUdDVC9CLCtaQVVjOzRGRERELGtCQUFrQjtrQkFMOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixXQUFXLEVBQUUsNkJBQTZCO29CQUMxQyxNQUFNLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDckM7OEJBRVUsS0FBSztzQkFBYixLQUFLOztBQUtSLHVCQUF1QixDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxnQkFBZ0IsRUFBRSxrQkFBa0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBCYXNlQW5ndWxhciwgQW5ndWxhckNvbXBvbmVudEZhY3RvcnkgfSBmcm9tIFwic3VydmV5LWFuZ3VsYXItdWlcIjtcbmltcG9ydCB7IE1lbnVCdXR0b24gfSBmcm9tIFwic3VydmV5LWNyZWF0b3ItY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3ZjLXRhYi1idXR0b25cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi90YWItYnV0dG9uLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlczogW1wiOmhvc3QgeyBkaXNwbGF5OiBub25lOyB9XCJdXG59KVxuZXhwb3J0IGNsYXNzIFRhYkJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyPE1lbnVCdXR0b24+IHtcbiAgQElucHV0KCkgbW9kZWwhOiBNZW51QnV0dG9uO1xuICBwcm90ZWN0ZWQgZ2V0TW9kZWwoKTogTWVudUJ1dHRvbiB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWw7XG4gIH1cbn1cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3ZjLXRhYi1idXR0b25cIiwgVGFiQnV0dG9uQ29tcG9uZW50KTsiLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwic3ZjLW1lbnUtYWN0aW9uXCI+XG4gICAgPGRpdiBbY2xhc3NdPVwibW9kZWwuYnV0dG9uQ2xhc3NOYW1lXCIgW2F0dHIudGl0bGVdPVwibW9kZWwudG9vbHRpcFwiIChjbGljayk9XCJtb2RlbC5hY3Rpb24oKVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInN2Yy1tZW51LWFjdGlvbl9faWNvblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic3ZjLW1lbnUtYWN0aW9uX19pY29uLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxzdmcgW2ljb25OYW1lXT1cIm1vZGVsLmljb25OYW1lXCIgW3NpemVdPVwiMjRcIiBzdi1uZy1zdmctaWNvbj48L3N2Zz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==

package/esm2015/tab-control/tab-control.component.js

@@ -1,24 +1,24 @@
-import { Component, Input } from "@angular/core";
-import { BaseAngular, AngularComponentFactory } from "survey-angular-ui";
-import * as i0 from "@angular/core";
-import * as i1 from "./tab-button.component";
-import * as i2 from "./tabs.component";
-export class TabControlComponent extends BaseAngular {
-    getModel() {
-        return this.model;
-    }
-}
-TabControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TabControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabControlComponent, selector: "svc-tab-control", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div [class]=\"model.sideBarClassName\">\n    <div class=\"svc-sidebar-tabs__top-container\">\n      <div class=\"svc-sidebar-tabs__collapse-button\">\n        <svc-tab-button [model]=\"model.expandCollapseAction\"></svc-tab-button>\n      </div>\n      <div class=\"svc-sidebar-tabs__separator\">\n        <div></div>\n      </div>\n      <div class=\"svc-sidebar-tabs__items\">\n        <svc-tabs [model]=\"model.topToolbar\"></svc-tabs>\n      </div>\n    </div>\n    <div class=\"svc-sidebar-tabs__bottom-container\">\n      <div class=\"svc-sidebar-tabs__items\">\n        <svc-tabs [model]=\"model.bottomToolbar\"></svc-tabs>\n      </div>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.TabButtonComponent, selector: "svc-tab-button", inputs: ["model"] }, { type: i2.TabsComponent, selector: "svc-tabs", inputs: ["model"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabControlComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "svc-tab-control",
-                    templateUrl: "./tab-control.component.html",
-                    styles: [":host { display: none; }"]
-                }]
-        }], propDecorators: { model: [{
-                type: Input
-            }] } });
-AngularComponentFactory.Instance.registerComponent("svc-tab-control", TabControlComponent);
+import { Component, Input } from "@angular/core";
+import { BaseAngular, AngularComponentFactory } from "survey-angular-ui";
+import * as i0 from "@angular/core";
+import * as i1 from "./tab-button.component";
+import * as i2 from "./tabs.component";
+export class TabControlComponent extends BaseAngular {
+    getModel() {
+        return this.model;
+    }
+}
+TabControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TabControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabControlComponent, selector: "svc-tab-control", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div [class]=\"model.sideBarClassName\">\n    <div class=\"svc-sidebar-tabs__top-container\">\n      <div class=\"svc-sidebar-tabs__collapse-button\">\n        <svc-tab-button [model]=\"model.expandCollapseAction\"></svc-tab-button>\n      </div>\n      <div class=\"svc-sidebar-tabs__separator\">\n        <div></div>\n      </div>\n      <div class=\"svc-sidebar-tabs__items\">\n        <svc-tabs [model]=\"model.topToolbar\"></svc-tabs>\n      </div>\n    </div>\n    <div class=\"svc-sidebar-tabs__bottom-container\">\n      <div class=\"svc-sidebar-tabs__items\">\n        <svc-tabs [model]=\"model.bottomToolbar\"></svc-tabs>\n      </div>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.TabButtonComponent, selector: "svc-tab-button", inputs: ["model"] }, { type: i2.TabsComponent, selector: "svc-tabs", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabControlComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "svc-tab-control",
+                    templateUrl: "./tab-control.component.html",
+                    styles: [":host { display: none; }"]
+                }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
+AngularComponentFactory.Instance.registerComponent("svc-tab-control", TabControlComponent);
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhYi1jb250cm9sL3RhYi1jb250cm9sLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy90YWItY29udHJvbC90YWItY29udHJvbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7QUFRekUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLFdBQTRCO0lBRXpELFFBQVE7UUFDaEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7O2lIQUpVLG1CQUFtQjtxR0FBbkIsbUJBQW1CLDBHQ1RoQyx3c0JBbUJjOzRGRFZELG1CQUFtQjtrQkFML0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixXQUFXLEVBQUUsOEJBQThCO29CQUMzQyxNQUFNLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDckM7OEJBRVUsS0FBSztzQkFBYixLQUFLOztBQUtSLHVCQUF1QixDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxpQkFBaUIsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBCYXNlQW5ndWxhciwgQW5ndWxhckNvbXBvbmVudEZhY3RvcnkgfSBmcm9tIFwic3VydmV5LWFuZ3VsYXItdWlcIjtcbmltcG9ydCB7IFRhYkNvbnRyb2xNb2RlbCB9IGZyb20gXCJzdXJ2ZXktY3JlYXRvci1jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJzdmMtdGFiLWNvbnRyb2xcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi90YWItY29udHJvbC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZXM6IFtcIjpob3N0IHsgZGlzcGxheTogbm9uZTsgfVwiXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJDb250cm9sQ29tcG9uZW50IGV4dGVuZHMgQmFzZUFuZ3VsYXI8VGFiQ29udHJvbE1vZGVsPiB7XG4gIEBJbnB1dCgpIG1vZGVsITogVGFiQ29udHJvbE1vZGVsO1xuICBwcm90ZWN0ZWQgZ2V0TW9kZWwoKTogVGFiQ29udHJvbE1vZGVsIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbDtcbiAgfVxufVxuQW5ndWxhckNvbXBvbmVudEZhY3RvcnkuSW5zdGFuY2UucmVnaXN0ZXJDb21wb25lbnQoXCJzdmMtdGFiLWNvbnRyb2xcIiwgVGFiQ29udHJvbENvbXBvbmVudCk7IiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPGRpdiBbY2xhc3NdPVwibW9kZWwuc2lkZUJhckNsYXNzTmFtZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzdmMtc2lkZWJhci10YWJzX190b3AtY29udGFpbmVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3ZjLXNpZGViYXItdGFic19fY29sbGFwc2UtYnV0dG9uXCI+XG4gICAgICAgIDxzdmMtdGFiLWJ1dHRvbiBbbW9kZWxdPVwibW9kZWwuZXhwYW5kQ29sbGFwc2VBY3Rpb25cIj48L3N2Yy10YWItYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic3ZjLXNpZGViYXItdGFic19fc2VwYXJhdG9yXCI+XG4gICAgICAgIDxkaXY+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdmMtc2lkZWJhci10YWJzX19pdGVtc1wiPlxuICAgICAgICA8c3ZjLXRhYnMgW21vZGVsXT1cIm1vZGVsLnRvcFRvb2xiYXJcIj48L3N2Yy10YWJzPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInN2Yy1zaWRlYmFyLXRhYnNfX2JvdHRvbS1jb250YWluZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdmMtc2lkZWJhci10YWJzX19pdGVtc1wiPlxuICAgICAgICA8c3ZjLXRhYnMgW21vZGVsXT1cIm1vZGVsLmJvdHRvbVRvb2xiYXJcIj48L3N2Yy10YWJzPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=

package/esm2015/tab-control/tabs.component.js

@@ -1,23 +1,23 @@
-import { Component, Input } from "@angular/core";
-import { BaseAngular } from "survey-angular-ui";
-import * as i0 from "@angular/core";
-import * as i1 from "./tab-button.component";
-import * as i2 from "@angular/common";
-export class TabsComponent extends BaseAngular {
-    getModel() {
-        return this.model;
-    }
-}
-TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabsComponent, selector: "svc-tabs", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <ng-container *ngFor=\"let action of model.actions\">\n    <svc-tab-button [model]=\"action\"></svc-tab-button>\n  </ng-container>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.TabButtonComponent, selector: "svc-tab-button", inputs: ["model"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "svc-tabs",
-                    templateUrl: "./tabs.component.html",
-                    styles: [":host { display: none; }"]
-                }]
-        }], propDecorators: { model: [{
-                type: Input
-            }] } });
+import { Component, Input } from "@angular/core";
+import { BaseAngular } from "survey-angular-ui";
+import * as i0 from "@angular/core";
+import * as i1 from "./tab-button.component";
+import * as i2 from "@angular/common";
+export class TabsComponent extends BaseAngular {
+    getModel() {
+        return this.model;
+    }
+}
+TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabsComponent, selector: "svc-tabs", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <ng-container *ngFor=\"let action of model.actions\">\n    <svc-tab-button [model]=\"action\"></svc-tab-button>\n  </ng-container>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.TabButtonComponent, selector: "svc-tab-button", inputs: ["model"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "svc-tabs",
+                    templateUrl: "./tabs.component.html",
+                    styles: [":host { display: none; }"]
+                }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFiLWNvbnRyb2wvdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi9zcmMvdGFiLWNvbnRyb2wvdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7QUFTaEQsTUFBTSxPQUFPLGFBQWMsU0FBUSxXQUF3QztJQUUvRCxRQUFRO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDOzsyR0FKVSxhQUFhOytGQUFiLGFBQWEsbUdDVjFCLCtLQUljOzRGRE1ELGFBQWE7a0JBTHpCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFdBQVcsRUFBRSx1QkFBdUI7b0JBQ3BDLE1BQU0sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQzs4QkFFVSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEJhc2VBbmd1bGFyIH0gZnJvbSBcInN1cnZleS1hbmd1bGFyLXVpXCI7XG5pbXBvcnQgeyBBY3Rpb25Db250YWluZXIgfSBmcm9tIFwic3VydmV5LWNvcmVcIjtcbmltcG9ydCB7IE1lbnVCdXR0b24gfSBmcm9tIFwic3VydmV5LWNyZWF0b3ItY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3ZjLXRhYnNcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi90YWJzLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlczogW1wiOmhvc3QgeyBkaXNwbGF5OiBub25lOyB9XCJdXG59KVxuZXhwb3J0IGNsYXNzIFRhYnNDb21wb25lbnQgZXh0ZW5kcyBCYXNlQW5ndWxhcjxBY3Rpb25Db250YWluZXI8TWVudUJ1dHRvbj4+IHtcbiAgQElucHV0KCkgbW9kZWwhOiBBY3Rpb25Db250YWluZXI8TWVudUJ1dHRvbj47XG4gIHByb3RlY3RlZCBnZXRNb2RlbCgpOiBBY3Rpb25Db250YWluZXI8TWVudUJ1dHRvbj4ge1xuICAgIHJldHVybiB0aGlzLm1vZGVsO1xuICB9XG59IiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgYWN0aW9uIG9mIG1vZGVsLmFjdGlvbnNcIj5cbiAgICA8c3ZjLXRhYi1idXR0b24gW21vZGVsXT1cImFjdGlvblwiPjwvc3ZjLXRhYi1idXR0b24+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT4iXX0=

package/esm2015/tabs/designer/designer.component.js

@@ -3,9 +3,10 @@ import { AngularComponentFactory, BaseAngular } from "survey-angular-ui";
 import * as i0 from "@angular/core";
 import * as i1 from "../../toolbox/adaptive-toolbox.component";
 import * as i2 from "survey-angular-ui";
-import * as i3 from "../../page.component";
-import * as i4 from "./designer-survey.component";
-import * as i5 from "@angular/common";
+import * as i3 from "../../components/surface-placeholder.component";
+import * as i4 from "../../page.component";
+import * as i5 from "./designer-survey.component";
+import * as i6 from "@angular/common";
 export class DesignerTabComponent extends BaseAngular {
     get survey() {
         return this.creator.survey;
@@ -18,7 +19,7 @@ export class DesignerTabComponent extends BaseAngular {
     }
 }
 DesignerTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DesignerTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DesignerTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DesignerTabComponent, selector: "svc-tab-designer", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-flex-column\">\n    <svc-adaptive-toolbox *ngIf=\"model.isToolboxVisible\" [creator]=\"creator\"></svc-adaptive-toolbox>\n  </div>\n  <div class=\"svc-tab-designer\" [class]=\"model.getRootCss()\" (click)=\"model.clickDesigner()\">\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></div>\n        </div>\n        <div class=\"svc-designer__placeholder-container\" [attr.data-sv-drop-target-survey-element]=\"'newGhostPage'\">\n          <span class=\"svc-designer-placeholder-text svc-text svc-text--normal\">\n            {{ model.placeholderText }}\n          </span>\n          <svc-page class=\"svc-designer-placeholder-page\" [model]=\"model.newPage\" [survey]=\"survey\" [creator]=\"creator\"></svc-page>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"!model.showPlaceholder\">\n        <svc-designer-survey [model]=\"model\"></svc-designer-survey>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.AdaptiveToolboxComponent, selector: "svc-adaptive-toolbox", inputs: ["creator"] }, { type: i2.SurveyHeaderComponent, selector: "'[sv-ng-survey-header]'", inputs: ["survey"] }, { 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"] }] });
+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    <svc-adaptive-toolbox *ngIf=\"model.isToolboxVisible\" [creator]=\"creator\"></svc-adaptive-toolbox>\n  </div>\n  <div class=\"svc-tab-designer\" [class]=\"model.getRootCss()\" (click)=\"model.clickDesigner()\">\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></div>\n        </div>\n        <div class=\"svc-designer__placeholder-container\" [attr.data-sv-drop-target-survey-element]=\"'newGhostPage'\">\n          <svc-surface-placeholder [name]=\"'designer'\" [placeholderTitleText]=\"model.placeholderTitleText\"\n            [placeholderDescriptionText]=\"model.placeholderDescriptionText\">\n          </svc-surface-placeholder>\n          <svc-page class=\"svc-designer-placeholder-page\" [model]=\"model.newPage\" [survey]=\"survey\"\n            [creator]=\"creator\"></svc-page>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"!model.showPlaceholder\">\n        <svc-designer-survey [model]=\"model\"></svc-designer-survey>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.AdaptiveToolboxComponent, selector: "svc-adaptive-toolbox", inputs: ["creator"] }, { type: i2.SurveyHeaderComponent, selector: "'[sv-ng-survey-header]'", inputs: ["survey"] }, { type: i3.SurfacePlaceholderComponent, selector: "svc-surface-placeholder", inputs: ["name", "placeholderTitleText", "placeholderDescriptionText"] }, { type: i4.PageDesignerComponent, selector: "svc-page", inputs: ["model", "survey", "creator", "isGhost"] }, { type: i5.DesignerSurveyComponent, selector: "svc-designer-survey", inputs: ["model"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DesignerTabComponent, decorators: [{
             type: Component,
             args: [{
@@ -30,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }] } });
 AngularComponentFactory.Instance.registerComponent("svc-tab-designer", DesignerTabComponent);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhYnMvZGVzaWduZXIvZGVzaWduZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL3RhYnMvZGVzaWduZXIvZGVzaWduZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7O0FBUXpFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxXQUFpQztJQUV6RSxJQUFXLE1BQU07UUFDZixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFXLE9BQU87UUFDaEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUM1QixDQUFDO0lBQ1MsUUFBUTtRQUNoQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQzs7a0hBVlUsb0JBQW9CO3NHQUFwQixvQkFBb0IsMkdDVGpDLDJ2Q0F1QmM7NEZEZEQsb0JBQW9CO2tCQUxoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFdBQVcsRUFBRSwyQkFBMkI7b0JBQ3hDLE1BQU0sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQzs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7O0FBV1IsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLGtCQUFrQixFQUFFLG9CQUFvQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFuZ3VsYXJDb21wb25lbnRGYWN0b3J5LCBCYXNlQW5ndWxhciB9IGZyb20gXCJzdXJ2ZXktYW5ndWxhci11aVwiO1xuaW1wb3J0IHsgVGFiRGVzaWduZXJWaWV3TW9kZWwgfSBmcm9tIFwic3VydmV5LWNyZWF0b3ItY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3ZjLXRhYi1kZXNpZ25lclwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2Rlc2lnbmVyLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlczogW1wiOmhvc3QgeyBkaXNwbGF5OiBub25lOyB9XCJdXG59KVxuZXhwb3J0IGNsYXNzIERlc2lnbmVyVGFiQ29tcG9uZW50IGV4dGVuZHMgQmFzZUFuZ3VsYXI8VGFiRGVzaWduZXJWaWV3TW9kZWw+IHtcbiAgQElucHV0KCkgbW9kZWwhOiBUYWJEZXNpZ25lclZpZXdNb2RlbDtcbiAgcHVibGljIGdldCBzdXJ2ZXkoKSB7XG4gICAgcmV0dXJuIHRoaXMuY3JlYXRvci5zdXJ2ZXk7XG4gIH1cbiAgcHVibGljIGdldCBjcmVhdG9yKCkge1xuICAgIHJldHVybiB0aGlzLm1vZGVsLmNyZWF0b3I7XG4gIH1cbiAgcHJvdGVjdGVkIGdldE1vZGVsKCk6IFRhYkRlc2lnbmVyVmlld01vZGVsIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbDtcbiAgfVxufVxuQW5ndWxhckNvbXBvbmVudEZhY3RvcnkuSW5zdGFuY2UucmVnaXN0ZXJDb21wb25lbnQoXCJzdmMtdGFiLWRlc2lnbmVyXCIsIERlc2lnbmVyVGFiQ29tcG9uZW50KTsiLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwic3ZjLWZsZXgtY29sdW1uXCI+XG4gICAgPHN2Yy1hZGFwdGl2ZS10b29sYm94ICpuZ0lmPVwibW9kZWwuaXNUb29sYm94VmlzaWJsZVwiIFtjcmVhdG9yXT1cImNyZWF0b3JcIj48L3N2Yy1hZGFwdGl2ZS10b29sYm94PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN2Yy10YWItZGVzaWduZXJcIiBbY2xhc3NdPVwibW9kZWwuZ2V0Um9vdENzcygpXCIgKGNsaWNrKT1cIm1vZGVsLmNsaWNrRGVzaWduZXIoKVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzdmMtdGFiLWRlc2lnbmVyX2NvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC5zaG93UGxhY2Vob2xkZXJcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImNyZWF0b3Iuc2hvd0hlYWRlckluRW1wdHlTdXJ2ZXkgJiYgY3JlYXRvci5hbGxvd0VkaXRTdXJ2ZXlUaXRsZVwiIGNsYXNzPVwic3ZjLWRlc2lnbmVyLWhlYWRlclwiPlxuICAgICAgICAgIDxkaXYgKm5nSWY9XCJzdXJ2ZXkucmVuZGVyZWRIYXNIZWFkZXJcIiBbY2xhc3NdPVwic3VydmV5LmNzcy5oZWFkZXJcIiBbc3VydmV5XT1cInN1cnZleVwiIHN2LW5nLXN1cnZleS1oZWFkZXI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwic3ZjLWRlc2lnbmVyX19wbGFjZWhvbGRlci1jb250YWluZXJcIiBbYXR0ci5kYXRhLXN2LWRyb3AtdGFyZ2V0LXN1cnZleS1lbGVtZW50XT1cIiduZXdHaG9zdFBhZ2UnXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdmMtZGVzaWduZXItcGxhY2Vob2xkZXItdGV4dCBzdmMtdGV4dCBzdmMtdGV4dC0tbm9ybWFsXCI+XG4gICAgICAgICAgICB7eyBtb2RlbC5wbGFjZWhvbGRlclRleHQgfX1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHN2Yy1wYWdlIGNsYXNzPVwic3ZjLWRlc2lnbmVyLXBsYWNlaG9sZGVyLXBhZ2VcIiBbbW9kZWxdPVwibW9kZWwubmV3UGFnZVwiIFtzdXJ2ZXldPVwic3VydmV5XCIgW2NyZWF0b3JdPVwiY3JlYXRvclwiPjwvc3ZjLXBhZ2U+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhbW9kZWwuc2hvd1BsYWNlaG9sZGVyXCI+XG4gICAgICAgIDxzdmMtZGVzaWduZXItc3VydmV5IFttb2RlbF09XCJtb2RlbFwiPjwvc3ZjLWRlc2lnbmVyLXN1cnZleT5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhYnMvZGVzaWduZXIvZGVzaWduZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL3RhYnMvZGVzaWduZXIvZGVzaWduZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7OztBQVF6RSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsV0FBaUM7SUFFekUsSUFBVyxNQUFNO1FBQ2YsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQztJQUM3QixDQUFDO0lBQ0QsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFDNUIsQ0FBQztJQUNTLFFBQVE7UUFDaEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7O2tIQVZVLG9CQUFvQjtzR0FBcEIsb0JBQW9CLDJHQ1RqQyw4MUNBd0JjOzRGRGZELG9CQUFvQjtrQkFMaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixXQUFXLEVBQUUsMkJBQTJCO29CQUN4QyxNQUFNLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDckM7OEJBRVUsS0FBSztzQkFBYixLQUFLOztBQVdSLHVCQUF1QixDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxrQkFBa0IsRUFBRSxvQkFBb0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSwgQmFzZUFuZ3VsYXIgfSBmcm9tIFwic3VydmV5LWFuZ3VsYXItdWlcIjtcbmltcG9ydCB7IFRhYkRlc2lnbmVyVmlld01vZGVsIH0gZnJvbSBcInN1cnZleS1jcmVhdG9yLWNvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2Yy10YWItZGVzaWduZXJcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9kZXNpZ25lci5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZXM6IFtcIjpob3N0IHsgZGlzcGxheTogbm9uZTsgfVwiXVxufSlcbmV4cG9ydCBjbGFzcyBEZXNpZ25lclRhYkNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyPFRhYkRlc2lnbmVyVmlld01vZGVsPiB7XG4gIEBJbnB1dCgpIG1vZGVsITogVGFiRGVzaWduZXJWaWV3TW9kZWw7XG4gIHB1YmxpYyBnZXQgc3VydmV5KCkge1xuICAgIHJldHVybiB0aGlzLmNyZWF0b3Iuc3VydmV5O1xuICB9XG4gIHB1YmxpYyBnZXQgY3JlYXRvcigpIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbC5jcmVhdG9yO1xuICB9XG4gIHByb3RlY3RlZCBnZXRNb2RlbCgpOiBUYWJEZXNpZ25lclZpZXdNb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWw7XG4gIH1cbn1cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3ZjLXRhYi1kZXNpZ25lclwiLCBEZXNpZ25lclRhYkNvbXBvbmVudCk7IiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cInN2Yy1mbGV4LWNvbHVtblwiPlxuICAgIDxzdmMtYWRhcHRpdmUtdG9vbGJveCAqbmdJZj1cIm1vZGVsLmlzVG9vbGJveFZpc2libGVcIiBbY3JlYXRvcl09XCJjcmVhdG9yXCI+PC9zdmMtYWRhcHRpdmUtdG9vbGJveD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdmMtdGFiLWRlc2lnbmVyXCIgW2NsYXNzXT1cIm1vZGVsLmdldFJvb3RDc3MoKVwiIChjbGljayk9XCJtb2RlbC5jbGlja0Rlc2lnbmVyKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3ZjLXRhYi1kZXNpZ25lcl9jb250ZW50XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibW9kZWwuc2hvd1BsYWNlaG9sZGVyXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJjcmVhdG9yLnNob3dIZWFkZXJJbkVtcHR5U3VydmV5ICYmIGNyZWF0b3IuYWxsb3dFZGl0U3VydmV5VGl0bGVcIiBjbGFzcz1cInN2Yy1kZXNpZ25lci1oZWFkZXJcIj5cbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwic3VydmV5LnJlbmRlcmVkSGFzSGVhZGVyXCIgW2NsYXNzXT1cInN1cnZleS5jc3MuaGVhZGVyXCIgW3N1cnZleV09XCJzdXJ2ZXlcIiBzdi1uZy1zdXJ2ZXktaGVhZGVyPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN2Yy1kZXNpZ25lcl9fcGxhY2Vob2xkZXItY29udGFpbmVyXCIgW2F0dHIuZGF0YS1zdi1kcm9wLXRhcmdldC1zdXJ2ZXktZWxlbWVudF09XCInbmV3R2hvc3RQYWdlJ1wiPlxuICAgICAgICAgIDxzdmMtc3VyZmFjZS1wbGFjZWhvbGRlciBbbmFtZV09XCInZGVzaWduZXInXCIgW3BsYWNlaG9sZGVyVGl0bGVUZXh0XT1cIm1vZGVsLnBsYWNlaG9sZGVyVGl0bGVUZXh0XCJcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlckRlc2NyaXB0aW9uVGV4dF09XCJtb2RlbC5wbGFjZWhvbGRlckRlc2NyaXB0aW9uVGV4dFwiPlxuICAgICAgICAgIDwvc3ZjLXN1cmZhY2UtcGxhY2Vob2xkZXI+XG4gICAgICAgICAgPHN2Yy1wYWdlIGNsYXNzPVwic3ZjLWRlc2lnbmVyLXBsYWNlaG9sZGVyLXBhZ2VcIiBbbW9kZWxdPVwibW9kZWwubmV3UGFnZVwiIFtzdXJ2ZXldPVwic3VydmV5XCJcbiAgICAgICAgICAgIFtjcmVhdG9yXT1cImNyZWF0b3JcIj48L3N2Yy1wYWdlPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIW1vZGVsLnNob3dQbGFjZWhvbGRlclwiPlxuICAgICAgICA8c3ZjLWRlc2lnbmVyLXN1cnZleSBbbW9kZWxdPVwibW9kZWxcIj48L3N2Yy1kZXNpZ25lci1zdXJ2ZXk+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==

package/esm2015/tabs/logic/logic.component.js

@@ -2,15 +2,16 @@ import { Component, Input } from "@angular/core";
 import { AngularComponentFactory, BaseAngular } from "survey-angular-ui";
 import * as i0 from "@angular/core";
 import * as i1 from "survey-angular-ui";
-import * as i2 from "./logic-add-btn.component";
-import * as i3 from "@angular/common";
+import * as i2 from "../../components/surface-placeholder.component";
+import * as i3 from "./logic-add-btn.component";
+import * as i4 from "@angular/common";
 export class LogicTabComponent extends BaseAngular {
     getModel() {
         return this.model;
     }
 }
 LogicTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LogicTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LogicTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LogicTabComponent, selector: "svc-tab-logic", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-creator-tab__content\">\n    <div class=\"svc-plugin-tab__content svc-logic-tab__content\" [class.svc-logic-tab__empty]=\"!model.hasItems\">\n      <survey-content [model]=\"model.itemsSurvey\"></survey-content>\n      <div *ngIf=\"!model.hasItems\" class=\"svc-logic-tab__content-empty\">\n        <span class=\"svc-text\">{{model.emptyTabPlaceholder}}</span>\n      </div>\n      <ng-container *ngIf=\"!model.readOnly\">\n        <svc-tab-logic-add-btn [model]=\"model.addNewButton\"></svc-tab-logic-add-btn>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.SurveyContentComponent, selector: "survey-content", inputs: ["model"] }, { type: i2.LogicAddButtonComponent, selector: "svc-tab-logic-add-btn", inputs: ["model"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+LogicTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LogicTabComponent, selector: "svc-tab-logic", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-creator-tab__content\">\n    <div class=\"svc-plugin-tab__content svc-logic-tab__content\" [class.svc-logic-tab--empty]=\"!model.hasItems\">\n      <survey-content [model]=\"model.itemsSurvey\"></survey-content>\n      <div *ngIf=\"!model.hasItems\" class=\"svc-logic-tab__content-empty\">\n        <svc-surface-placeholder [name]=\"'logic'\" [placeholderTitleText]=\"model.placeholderTitleText\"\n          [placeholderDescriptionText]=\"model.placeholderDescriptionText\">\n        </svc-surface-placeholder>\n      </div>\n      <ng-container *ngIf=\"!model.readOnly\">\n        <svc-tab-logic-add-btn [model]=\"model.addNewButton\"></svc-tab-logic-add-btn>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.SurveyContentComponent, selector: "survey-content", inputs: ["model"] }, { type: i2.SurfacePlaceholderComponent, selector: "svc-surface-placeholder", inputs: ["name", "placeholderTitleText", "placeholderDescriptionText"] }, { type: i3.LogicAddButtonComponent, selector: "svc-tab-logic-add-btn", inputs: ["model"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LogicTabComponent, decorators: [{
             type: Component,
             args: [{
@@ -22,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }] } });
 AngularComponentFactory.Instance.registerComponent("svc-tab-logic", LogicTabComponent);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhYnMvbG9naWMvbG9naWMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL3RhYnMvbG9naWMvbG9naWMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7OztBQVF6RSxNQUFNLE9BQU8saUJBQWtCLFNBQVEsV0FBMEI7SUFHckQsUUFBUTtRQUNoQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQzs7K0dBTFUsaUJBQWlCO21HQUFqQixpQkFBaUIsd0dDVDlCLHltQkFZYzs0RkRIRCxpQkFBaUI7a0JBTDdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFdBQVcsRUFBRSx3QkFBd0I7b0JBQ3JDLE1BQU0sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQzs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7O0FBTVIsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLGVBQWUsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSwgQmFzZUFuZ3VsYXIgfSBmcm9tIFwic3VydmV5LWFuZ3VsYXItdWlcIjtcbmltcG9ydCB7IFN1cnZleUxvZ2ljVUkgfSBmcm9tIFwic3VydmV5LWNyZWF0b3ItY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3ZjLXRhYi1sb2dpY1wiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2xvZ2ljLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlczogW1wiOmhvc3QgeyBkaXNwbGF5OiBub25lOyB9XCJdXG59KVxuZXhwb3J0IGNsYXNzIExvZ2ljVGFiQ29tcG9uZW50IGV4dGVuZHMgQmFzZUFuZ3VsYXI8U3VydmV5TG9naWNVST4ge1xuICBASW5wdXQoKSBtb2RlbCE6IFN1cnZleUxvZ2ljVUk7XG5cbiAgcHJvdGVjdGVkIGdldE1vZGVsKCk6IFN1cnZleUxvZ2ljVUkge1xuICAgIHJldHVybiB0aGlzLm1vZGVsO1xuICB9XG59XG5Bbmd1bGFyQ29tcG9uZW50RmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlckNvbXBvbmVudChcInN2Yy10YWItbG9naWNcIiwgTG9naWNUYWJDb21wb25lbnQpO1xuXG4iLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwic3ZjLWNyZWF0b3ItdGFiX19jb250ZW50XCI+XG4gICAgPGRpdiBjbGFzcz1cInN2Yy1wbHVnaW4tdGFiX19jb250ZW50IHN2Yy1sb2dpYy10YWJfX2NvbnRlbnRcIiBbY2xhc3Muc3ZjLWxvZ2ljLXRhYl9fZW1wdHldPVwiIW1vZGVsLmhhc0l0ZW1zXCI+XG4gICAgICA8c3VydmV5LWNvbnRlbnQgW21vZGVsXT1cIm1vZGVsLml0ZW1zU3VydmV5XCI+PC9zdXJ2ZXktY29udGVudD5cbiAgICAgIDxkaXYgKm5nSWY9XCIhbW9kZWwuaGFzSXRlbXNcIiBjbGFzcz1cInN2Yy1sb2dpYy10YWJfX2NvbnRlbnQtZW1wdHlcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzdmMtdGV4dFwiPnt7bW9kZWwuZW1wdHlUYWJQbGFjZWhvbGRlcn19PC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIW1vZGVsLnJlYWRPbmx5XCI+XG4gICAgICAgIDxzdmMtdGFiLWxvZ2ljLWFkZC1idG4gW21vZGVsXT1cIm1vZGVsLmFkZE5ld0J1dHRvblwiPjwvc3ZjLXRhYi1sb2dpYy1hZGQtYnRuPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhYnMvbG9naWMvbG9naWMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL3RhYnMvbG9naWMvbG9naWMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7QUFRekUsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFdBQTBCO0lBR3JELFFBQVE7UUFDaEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7OytHQUxVLGlCQUFpQjttR0FBakIsaUJBQWlCLHdHQ1Q5QiwrdkJBY2M7NEZETEQsaUJBQWlCO2tCQUw3QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixXQUFXLEVBQUUsd0JBQXdCO29CQUNyQyxNQUFNLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDckM7OEJBRVUsS0FBSztzQkFBYixLQUFLOztBQU1SLHVCQUF1QixDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxlQUFlLEVBQUUsaUJBQWlCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnksIEJhc2VBbmd1bGFyIH0gZnJvbSBcInN1cnZleS1hbmd1bGFyLXVpXCI7XG5pbXBvcnQgeyBTdXJ2ZXlMb2dpY1VJIH0gZnJvbSBcInN1cnZleS1jcmVhdG9yLWNvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2Yy10YWItbG9naWNcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9sb2dpYy5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZXM6IFtcIjpob3N0IHsgZGlzcGxheTogbm9uZTsgfVwiXVxufSlcbmV4cG9ydCBjbGFzcyBMb2dpY1RhYkNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyPFN1cnZleUxvZ2ljVUk+IHtcbiAgQElucHV0KCkgbW9kZWwhOiBTdXJ2ZXlMb2dpY1VJO1xuXG4gIHByb3RlY3RlZCBnZXRNb2RlbCgpOiBTdXJ2ZXlMb2dpY1VJIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbDtcbiAgfVxufVxuQW5ndWxhckNvbXBvbmVudEZhY3RvcnkuSW5zdGFuY2UucmVnaXN0ZXJDb21wb25lbnQoXCJzdmMtdGFiLWxvZ2ljXCIsIExvZ2ljVGFiQ29tcG9uZW50KTtcblxuIiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cInN2Yy1jcmVhdG9yLXRhYl9fY29udGVudFwiPlxuICAgIDxkaXYgY2xhc3M9XCJzdmMtcGx1Z2luLXRhYl9fY29udGVudCBzdmMtbG9naWMtdGFiX19jb250ZW50XCIgW2NsYXNzLnN2Yy1sb2dpYy10YWItLWVtcHR5XT1cIiFtb2RlbC5oYXNJdGVtc1wiPlxuICAgICAgPHN1cnZleS1jb250ZW50IFttb2RlbF09XCJtb2RlbC5pdGVtc1N1cnZleVwiPjwvc3VydmV5LWNvbnRlbnQ+XG4gICAgICA8ZGl2ICpuZ0lmPVwiIW1vZGVsLmhhc0l0ZW1zXCIgY2xhc3M9XCJzdmMtbG9naWMtdGFiX19jb250ZW50LWVtcHR5XCI+XG4gICAgICAgIDxzdmMtc3VyZmFjZS1wbGFjZWhvbGRlciBbbmFtZV09XCInbG9naWMnXCIgW3BsYWNlaG9sZGVyVGl0bGVUZXh0XT1cIm1vZGVsLnBsYWNlaG9sZGVyVGl0bGVUZXh0XCJcbiAgICAgICAgICBbcGxhY2Vob2xkZXJEZXNjcmlwdGlvblRleHRdPVwibW9kZWwucGxhY2Vob2xkZXJEZXNjcmlwdGlvblRleHRcIj5cbiAgICAgICAgPC9zdmMtc3VyZmFjZS1wbGFjZWhvbGRlcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFtb2RlbC5yZWFkT25seVwiPlxuICAgICAgICA8c3ZjLXRhYi1sb2dpYy1hZGQtYnRuIFttb2RlbF09XCJtb2RlbC5hZGROZXdCdXR0b25cIj48L3N2Yy10YWItbG9naWMtYWRkLWJ0bj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+Il19

package/esm2015/tabs/preview/test.component.js

@@ -1,17 +1,18 @@
 import { Component, Input } from "@angular/core";
 import { AngularComponentFactory, BaseAngular } from "survey-angular-ui";
 import * as i0 from "@angular/core";
-import * as i1 from "./simulator.component";
-import * as i2 from "./survey-results.component";
-import * as i3 from "survey-angular-ui";
-import * as i4 from "@angular/common";
+import * as i1 from "../../components/surface-placeholder.component";
+import * as i2 from "./simulator.component";
+import * as i3 from "./survey-results.component";
+import * as i4 from "survey-angular-ui";
+import * as i5 from "@angular/common";
 export class TestTabComponent extends BaseAngular {
     getModel() {
         return this.model;
     }
 }
 TestTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TestTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TestTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TestTabComponent, selector: "svc-tab-test", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-creator-tab__content svc-test-tab__content\"\n    [class.svc-creator-tab__content--with-toolbar]=\"model.isPageToolbarVisible\">\n    <div class=\"svc-plugin-tab__content\">\n      <survey-simulator [model]=\"model.simulator\"></survey-simulator>\n      <ng-container *ngIf=\"model.showResults\">\n        <survey-results [survey]=\"model.survey\"></survey-results>\n      </ng-container>\n    </div>\n    <div *ngIf=\"model.isPageToolbarVisible\" class=\"svc-plugin-tab__content-actions svc-test-tab__content-actions\">\n      <sv-action-bar [model]=\"model.pages\"></sv-action-bar>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.SimulatorComponent, selector: "survey-simulator", inputs: ["model"] }, { type: i2.SurveyResultsComponent, selector: "survey-results", inputs: ["survey"] }, { type: i3.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+TestTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TestTabComponent, selector: "svc-tab-test", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-creator-tab__content svc-test-tab__content\"\n    [class.svc-creator-tab__content--with-toolbar]=\"model.isPageToolbarVisible\">\n    <div *ngIf=\"model.survey.isEmpty\" class=\"svc-test-tab--empty\">\n      <svc-surface-placeholder [name]=\"'preview'\" [placeholderTitleText]=\"model.placeholderTitleText\"\n        [placeholderDescriptionText]=\"model.placeholderDescriptionText\">\n      </svc-surface-placeholder>\n    </div>\n    <div *ngIf=\"!model.survey.isEmpty\" class=\"svc-plugin-tab__content\">\n      <survey-simulator [model]=\"model.simulator\"></survey-simulator>\n      <ng-container *ngIf=\"model.showResults\">\n        <survey-results [survey]=\"model.survey\"></survey-results>\n      </ng-container>\n    </div>\n    <div *ngIf=\"model.isPageToolbarVisible\" class=\"svc-plugin-tab__content-actions svc-test-tab__content-actions\">\n      <sv-action-bar [model]=\"model.pages\"></sv-action-bar>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.SurfacePlaceholderComponent, selector: "svc-surface-placeholder", inputs: ["name", "placeholderTitleText", "placeholderDescriptionText"] }, { type: i2.SimulatorComponent, selector: "survey-simulator", inputs: ["model"] }, { type: i3.SurveyResultsComponent, selector: "survey-results", inputs: ["survey"] }, { type: i4.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TestTabComponent, decorators: [{
             type: Component,
             args: [{
@@ -23,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }] } });
 AngularComponentFactory.Instance.registerComponent("svc-tab-test", TestTabComponent);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdGFicy9wcmV2aWV3L3Rlc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL3RhYnMvcHJldmlldy90ZXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBaUIsU0FBUyxFQUFjLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUN2RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsV0FBVyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7OztBQU96RSxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsV0FBbUM7SUFFN0QsUUFBUTtRQUNoQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQzs7OEdBSlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsdUdDVDdCLDJwQkFhYzs0RkRKRCxnQkFBZ0I7a0JBTDVCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFdBQVcsRUFBRSx1QkFBdUI7b0JBQ3BDLE1BQU0sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQzs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7O0FBS1IsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGVzdFN1cnZleVRhYlZpZXdNb2RlbCB9IGZyb20gXCJzdXJ2ZXktY3JlYXRvci1jb3JlXCI7XG5pbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnksIEJhc2VBbmd1bGFyIH0gZnJvbSBcInN1cnZleS1hbmd1bGFyLXVpXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJzdmMtdGFiLXRlc3RcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi90ZXN0LmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlczogW1wiOmhvc3QgeyBkaXNwbGF5OiBub25lOyB9XCJdXG59KVxuZXhwb3J0IGNsYXNzIFRlc3RUYWJDb21wb25lbnQgZXh0ZW5kcyBCYXNlQW5ndWxhcjxUZXN0U3VydmV5VGFiVmlld01vZGVsPiB7XG4gIEBJbnB1dCgpIG1vZGVsITogVGVzdFN1cnZleVRhYlZpZXdNb2RlbDtcbiAgcHJvdGVjdGVkIGdldE1vZGVsKCk6IFRlc3RTdXJ2ZXlUYWJWaWV3TW9kZWwge1xuICAgIHJldHVybiB0aGlzLm1vZGVsO1xuICB9XG59XG5Bbmd1bGFyQ29tcG9uZW50RmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlckNvbXBvbmVudChcInN2Yy10YWItdGVzdFwiLCBUZXN0VGFiQ29tcG9uZW50KTtcbiIsIjxuZy10ZW1wbGF0ZSAjdGVtcGxhdGU+XG4gIDxkaXYgY2xhc3M9XCJzdmMtY3JlYXRvci10YWJfX2NvbnRlbnQgc3ZjLXRlc3QtdGFiX19jb250ZW50XCJcbiAgICBbY2xhc3Muc3ZjLWNyZWF0b3ItdGFiX19jb250ZW50LS13aXRoLXRvb2xiYXJdPVwibW9kZWwuaXNQYWdlVG9vbGJhclZpc2libGVcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3ZjLXBsdWdpbi10YWJfX2NvbnRlbnRcIj5cbiAgICAgIDxzdXJ2ZXktc2ltdWxhdG9yIFttb2RlbF09XCJtb2RlbC5zaW11bGF0b3JcIj48L3N1cnZleS1zaW11bGF0b3I+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibW9kZWwuc2hvd1Jlc3VsdHNcIj5cbiAgICAgICAgPHN1cnZleS1yZXN1bHRzIFtzdXJ2ZXldPVwibW9kZWwuc3VydmV5XCI+PC9zdXJ2ZXktcmVzdWx0cz5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJtb2RlbC5pc1BhZ2VUb29sYmFyVmlzaWJsZVwiIGNsYXNzPVwic3ZjLXBsdWdpbi10YWJfX2NvbnRlbnQtYWN0aW9ucyBzdmMtdGVzdC10YWJfX2NvbnRlbnQtYWN0aW9uc1wiPlxuICAgICAgPHN2LWFjdGlvbi1iYXIgW21vZGVsXT1cIm1vZGVsLnBhZ2VzXCI+PC9zdi1hY3Rpb24tYmFyPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdGFicy9wcmV2aWV3L3Rlc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL3RhYnMvcHJldmlldy90ZXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBaUIsU0FBUyxFQUFjLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUN2RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsV0FBVyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7Ozs7QUFPekUsTUFBTSxPQUFPLGdCQUFpQixTQUFRLFdBQW1DO0lBRTdELFFBQVE7UUFDaEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7OzhHQUpVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLHVHQ1Q3Qix3K0JBa0JjOzRGRFRELGdCQUFnQjtrQkFMNUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsV0FBVyxFQUFFLHVCQUF1QjtvQkFDcEMsTUFBTSxFQUFFLENBQUMsMEJBQTBCLENBQUM7aUJBQ3JDOzhCQUVVLEtBQUs7c0JBQWIsS0FBSzs7QUFLUix1QkFBdUIsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsY0FBYyxFQUFFLGdCQUFnQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXN0U3VydmV5VGFiVmlld01vZGVsIH0gZnJvbSBcInN1cnZleS1jcmVhdG9yLWNvcmVcIjtcbmltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSwgQmFzZUFuZ3VsYXIgfSBmcm9tIFwic3VydmV5LWFuZ3VsYXItdWlcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2Yy10YWItdGVzdFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3Rlc3QuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVzOiBbXCI6aG9zdCB7IGRpc3BsYXk6IG5vbmU7IH1cIl1cbn0pXG5leHBvcnQgY2xhc3MgVGVzdFRhYkNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyPFRlc3RTdXJ2ZXlUYWJWaWV3TW9kZWw+IHtcbiAgQElucHV0KCkgbW9kZWwhOiBUZXN0U3VydmV5VGFiVmlld01vZGVsO1xuICBwcm90ZWN0ZWQgZ2V0TW9kZWwoKTogVGVzdFN1cnZleVRhYlZpZXdNb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWw7XG4gIH1cbn1cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3ZjLXRhYi10ZXN0XCIsIFRlc3RUYWJDb21wb25lbnQpO1xuIiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cInN2Yy1jcmVhdG9yLXRhYl9fY29udGVudCBzdmMtdGVzdC10YWJfX2NvbnRlbnRcIlxuICAgIFtjbGFzcy5zdmMtY3JlYXRvci10YWJfX2NvbnRlbnQtLXdpdGgtdG9vbGJhcl09XCJtb2RlbC5pc1BhZ2VUb29sYmFyVmlzaWJsZVwiPlxuICAgIDxkaXYgKm5nSWY9XCJtb2RlbC5zdXJ2ZXkuaXNFbXB0eVwiIGNsYXNzPVwic3ZjLXRlc3QtdGFiLS1lbXB0eVwiPlxuICAgICAgPHN2Yy1zdXJmYWNlLXBsYWNlaG9sZGVyIFtuYW1lXT1cIidwcmV2aWV3J1wiIFtwbGFjZWhvbGRlclRpdGxlVGV4dF09XCJtb2RlbC5wbGFjZWhvbGRlclRpdGxlVGV4dFwiXG4gICAgICAgIFtwbGFjZWhvbGRlckRlc2NyaXB0aW9uVGV4dF09XCJtb2RlbC5wbGFjZWhvbGRlckRlc2NyaXB0aW9uVGV4dFwiPlxuICAgICAgPC9zdmMtc3VyZmFjZS1wbGFjZWhvbGRlcj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiIW1vZGVsLnN1cnZleS5pc0VtcHR5XCIgY2xhc3M9XCJzdmMtcGx1Z2luLXRhYl9fY29udGVudFwiPlxuICAgICAgPHN1cnZleS1zaW11bGF0b3IgW21vZGVsXT1cIm1vZGVsLnNpbXVsYXRvclwiPjwvc3VydmV5LXNpbXVsYXRvcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC5zaG93UmVzdWx0c1wiPlxuICAgICAgICA8c3VydmV5LXJlc3VsdHMgW3N1cnZleV09XCJtb2RlbC5zdXJ2ZXlcIj48L3N1cnZleS1yZXN1bHRzPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cIm1vZGVsLmlzUGFnZVRvb2xiYXJWaXNpYmxlXCIgY2xhc3M9XCJzdmMtcGx1Z2luLXRhYl9fY29udGVudC1hY3Rpb25zIHN2Yy10ZXN0LXRhYl9fY29udGVudC1hY3Rpb25zXCI+XG4gICAgICA8c3YtYWN0aW9uLWJhciBbbW9kZWxdPVwibW9kZWwucGFnZXNcIj48L3N2LWFjdGlvbi1iYXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=

package/esm2015/tabs/theme/theme.component.js

@@ -1,17 +1,18 @@
 import { Component, Input } from "@angular/core";
 import { AngularComponentFactory, BaseAngular } from "survey-angular-ui";
 import * as i0 from "@angular/core";
-import * as i1 from "../preview/simulator.component";
-import * as i2 from "../preview/survey-results.component";
-import * as i3 from "survey-angular-ui";
-import * as i4 from "@angular/common";
+import * as i1 from "../../components/surface-placeholder.component";
+import * as i2 from "../preview/simulator.component";
+import * as i3 from "../preview/survey-results.component";
+import * as i4 from "survey-angular-ui";
+import * as i5 from "@angular/common";
 export class ThemeTabComponent extends BaseAngular {
     getModel() {
         return this.model;
     }
 }
 ThemeTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ThemeTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ThemeTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ThemeTabComponent, selector: "svc-tab-theme", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-creator-tab__content svc-test-tab__content\"\n    [class.svc-creator-tab__content--with-toolbar]=\"model.isPageToolbarVisible\">\n    <div class=\"svc-plugin-tab__content\">\n      <survey-simulator [model]=\"model.simulator\"></survey-simulator>\n      <ng-container *ngIf=\"model.showResults\">\n        <survey-results [survey]=\"model.survey\"></survey-results>\n      </ng-container>\n    </div>\n    <div *ngIf=\"model.isPageToolbarVisible\" class=\"svc-plugin-tab__content-actions svc-test-tab__content-actions\">\n      <sv-action-bar [model]=\"model.pages\"></sv-action-bar>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.SimulatorComponent, selector: "survey-simulator", inputs: ["model"] }, { type: i2.SurveyResultsComponent, selector: "survey-results", inputs: ["survey"] }, { type: i3.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ThemeTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ThemeTabComponent, selector: "svc-tab-theme", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"svc-creator-tab__content svc-test-tab__content\"\n    [class.svc-creator-tab__content--with-toolbar]=\"model.isPageToolbarVisible\">\n    <div *ngIf=\"model.survey.isEmpty\" class=\"svc-test-tab--empty\">\n      <svc-surface-placeholder [name]=\"'theme'\" [placeholderTitleText]=\"model.placeholderTitleText\"\n        [placeholderDescriptionText]=\"model.placeholderDescriptionText\">\n      </svc-surface-placeholder>\n    </div>\n    <div *ngIf=\"!model.survey.isEmpty\" class=\"svc-plugin-tab__content\">\n      <survey-simulator [model]=\"model.simulator\"></survey-simulator>\n      <ng-container *ngIf=\"model.showResults\">\n        <survey-results [survey]=\"model.survey\"></survey-results>\n      </ng-container>\n    </div>\n    <div *ngIf=\"model.isPageToolbarVisible\" class=\"svc-plugin-tab__content-actions svc-test-tab__content-actions\">\n      <sv-action-bar [model]=\"model.pages\"></sv-action-bar>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1.SurfacePlaceholderComponent, selector: "svc-surface-placeholder", inputs: ["name", "placeholderTitleText", "placeholderDescriptionText"] }, { type: i2.SimulatorComponent, selector: "survey-simulator", inputs: ["model"] }, { type: i3.SurveyResultsComponent, selector: "survey-results", inputs: ["survey"] }, { type: i4.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ThemeTabComponent, decorators: [{
             type: Component,
             args: [{
@@ -23,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }] } });
 AngularComponentFactory.Instance.registerComponent("svc-tab-theme", ThemeTabComponent);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhYnMvdGhlbWUvdGhlbWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL3RhYnMvdGhlbWUvdGhlbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7QUFPekUsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFdBQThCO0lBRXpELFFBQVE7UUFDaEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7OytHQUpVLGlCQUFpQjttR0FBakIsaUJBQWlCLHdHQ1Q5QiwycEJBYWM7NEZESkQsaUJBQWlCO2tCQUw3QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixXQUFXLEVBQUUsd0JBQXdCO29CQUNyQyxNQUFNLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDckM7OEJBRVUsS0FBSztzQkFBYixLQUFLOztBQUtSLHVCQUF1QixDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxlQUFlLEVBQUUsaUJBQWlCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRoZW1lVGFiVmlld01vZGVsIH0gZnJvbSBcInN1cnZleS1jcmVhdG9yLWNvcmVcIjtcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnksIEJhc2VBbmd1bGFyIH0gZnJvbSBcInN1cnZleS1hbmd1bGFyLXVpXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJzdmMtdGFiLXRoZW1lXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vdGhlbWUuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVzOiBbXCI6aG9zdCB7IGRpc3BsYXk6IG5vbmU7IH1cIl1cbn0pXG5leHBvcnQgY2xhc3MgVGhlbWVUYWJDb21wb25lbnQgZXh0ZW5kcyBCYXNlQW5ndWxhcjxUaGVtZVRhYlZpZXdNb2RlbD4ge1xuICBASW5wdXQoKSBtb2RlbCE6IFRoZW1lVGFiVmlld01vZGVsO1xuICBwcm90ZWN0ZWQgZ2V0TW9kZWwoKTogVGhlbWVUYWJWaWV3TW9kZWwge1xuICAgIHJldHVybiB0aGlzLm1vZGVsO1xuICB9XG59XG5Bbmd1bGFyQ29tcG9uZW50RmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlckNvbXBvbmVudChcInN2Yy10YWItdGhlbWVcIiwgVGhlbWVUYWJDb21wb25lbnQpO1xuIiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cInN2Yy1jcmVhdG9yLXRhYl9fY29udGVudCBzdmMtdGVzdC10YWJfX2NvbnRlbnRcIlxuICAgIFtjbGFzcy5zdmMtY3JlYXRvci10YWJfX2NvbnRlbnQtLXdpdGgtdG9vbGJhcl09XCJtb2RlbC5pc1BhZ2VUb29sYmFyVmlzaWJsZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzdmMtcGx1Z2luLXRhYl9fY29udGVudFwiPlxuICAgICAgPHN1cnZleS1zaW11bGF0b3IgW21vZGVsXT1cIm1vZGVsLnNpbXVsYXRvclwiPjwvc3VydmV5LXNpbXVsYXRvcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC5zaG93UmVzdWx0c1wiPlxuICAgICAgICA8c3VydmV5LXJlc3VsdHMgW3N1cnZleV09XCJtb2RlbC5zdXJ2ZXlcIj48L3N1cnZleS1yZXN1bHRzPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cIm1vZGVsLmlzUGFnZVRvb2xiYXJWaXNpYmxlXCIgY2xhc3M9XCJzdmMtcGx1Z2luLXRhYl9fY29udGVudC1hY3Rpb25zIHN2Yy10ZXN0LXRhYl9fY29udGVudC1hY3Rpb25zXCI+XG4gICAgICA8c3YtYWN0aW9uLWJhciBbbW9kZWxdPVwibW9kZWwucGFnZXNcIj48L3N2LWFjdGlvbi1iYXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhYnMvdGhlbWUvdGhlbWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL3RhYnMvdGhlbWUvdGhlbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7O0FBT3pFLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxXQUE4QjtJQUV6RCxRQUFRO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDOzsrR0FKVSxpQkFBaUI7bUdBQWpCLGlCQUFpQix3R0NUOUIscytCQWtCYzs0RkRURCxpQkFBaUI7a0JBTDdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFdBQVcsRUFBRSx3QkFBd0I7b0JBQ3JDLE1BQU0sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQzs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7O0FBS1IsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLGVBQWUsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGhlbWVUYWJWaWV3TW9kZWwgfSBmcm9tIFwic3VydmV5LWNyZWF0b3ItY29yZVwiO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSwgQmFzZUFuZ3VsYXIgfSBmcm9tIFwic3VydmV5LWFuZ3VsYXItdWlcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2Yy10YWItdGhlbWVcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi90aGVtZS5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZXM6IFtcIjpob3N0IHsgZGlzcGxheTogbm9uZTsgfVwiXVxufSlcbmV4cG9ydCBjbGFzcyBUaGVtZVRhYkNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyPFRoZW1lVGFiVmlld01vZGVsPiB7XG4gIEBJbnB1dCgpIG1vZGVsITogVGhlbWVUYWJWaWV3TW9kZWw7XG4gIHByb3RlY3RlZCBnZXRNb2RlbCgpOiBUaGVtZVRhYlZpZXdNb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWw7XG4gIH1cbn1cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3ZjLXRhYi10aGVtZVwiLCBUaGVtZVRhYkNvbXBvbmVudCk7XG4iLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwic3ZjLWNyZWF0b3ItdGFiX19jb250ZW50IHN2Yy10ZXN0LXRhYl9fY29udGVudFwiXG4gICAgW2NsYXNzLnN2Yy1jcmVhdG9yLXRhYl9fY29udGVudC0td2l0aC10b29sYmFyXT1cIm1vZGVsLmlzUGFnZVRvb2xiYXJWaXNpYmxlXCI+XG4gICAgPGRpdiAqbmdJZj1cIm1vZGVsLnN1cnZleS5pc0VtcHR5XCIgY2xhc3M9XCJzdmMtdGVzdC10YWItLWVtcHR5XCI+XG4gICAgICA8c3ZjLXN1cmZhY2UtcGxhY2Vob2xkZXIgW25hbWVdPVwiJ3RoZW1lJ1wiIFtwbGFjZWhvbGRlclRpdGxlVGV4dF09XCJtb2RlbC5wbGFjZWhvbGRlclRpdGxlVGV4dFwiXG4gICAgICAgIFtwbGFjZWhvbGRlckRlc2NyaXB0aW9uVGV4dF09XCJtb2RlbC5wbGFjZWhvbGRlckRlc2NyaXB0aW9uVGV4dFwiPlxuICAgICAgPC9zdmMtc3VyZmFjZS1wbGFjZWhvbGRlcj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiIW1vZGVsLnN1cnZleS5pc0VtcHR5XCIgY2xhc3M9XCJzdmMtcGx1Z2luLXRhYl9fY29udGVudFwiPlxuICAgICAgPHN1cnZleS1zaW11bGF0b3IgW21vZGVsXT1cIm1vZGVsLnNpbXVsYXRvclwiPjwvc3VydmV5LXNpbXVsYXRvcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC5zaG93UmVzdWx0c1wiPlxuICAgICAgICA8c3VydmV5LXJlc3VsdHMgW3N1cnZleV09XCJtb2RlbC5zdXJ2ZXlcIj48L3N1cnZleS1yZXN1bHRzPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cIm1vZGVsLmlzUGFnZVRvb2xiYXJWaXNpYmxlXCIgY2xhc3M9XCJzdmMtcGx1Z2luLXRhYl9fY29udGVudC1hY3Rpb25zIHN2Yy10ZXN0LXRhYl9fY29udGVudC1hY3Rpb25zXCI+XG4gICAgICA8c3YtYWN0aW9uLWJhciBbbW9kZWxdPVwibW9kZWwucGFnZXNcIj48L3N2LWFjdGlvbi1iYXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=