survey-creator-angular 2.0.9 → 2.0.10

package/angular-ui.d.ts

@@ -73,3 +73,5 @@ export * from "./custom-questions/file.component";
 export * from "./custom-questions/text-with-reset.component";
 export * from "./custom-questions/boolean-switch.component";
 export * from "./question-banner.component";
+export * from "./question-element-content.component";
+export * from "./page-element-content.component";

package/angular-ui.module.d.ts

@@ -72,11 +72,13 @@ import * as i70 from "./custom-questions/text-with-reset.component";
 import * as i71 from "./custom-questions/boolean-switch.component";
 import * as i72 from "./tabs/translation/translate-from-action.component";
 import * as i73 from "./add-question-type-selector.component";
-import * as i74 from "@angular/common";
-import * as i75 from "@angular/forms";
-import * as i76 from "survey-angular-ui";
+import * as i74 from "./question-element-content.component";
+import * as i75 from "./page-element-content.component";
+import * as i76 from "@angular/common";
+import * as i77 from "@angular/forms";
+import * as i78 from "survey-angular-ui";
 export declare class SurveyCreatorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SurveyCreatorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SurveyCreatorModule, [typeof i1.CreatorComponent, typeof i2.DesignerTabComponent, typeof i3.PageDesignerComponent, typeof i4.QuestionDesignerComponent, typeof i5.PanelDesignerComponent, typeof i6.TabbledMenuComponent, typeof i7.TabbedMenuItemComponent, typeof i8.TabbedMenuItemWrapperComponent, typeof i9.SidebarComponent, typeof i10.SidebarPageComponent, typeof i11.SidebarDefaultHeaderComponent, typeof i12.ObjectSelectorComponent, typeof i13.SidebarPropertyGridHeaderComponent, typeof i14.PropertyGridPlaceholderComponent, typeof i15.SidebarHeaderComponent, typeof i16.TabControlComponent, typeof i17.TabsComponent, typeof i18.TabButtonComponent, typeof i19.PropertyGridComponent, typeof i20.SearchComponent, typeof i21.TextareaJsonEditorComponent, typeof i22.AceJsonEditorComponent, typeof i23.LogicTabComponent, typeof i24.LogicAddButtonComponent, typeof i25.ActionButtonComponent, typeof i26.QuestionPgErrorComponent, typeof i27.SurfacePlaceholderComponent, typeof i28.SwitcherComponent, typeof i29.LinkValueQuestionComponent, typeof i30.EmbeddedSurveyQuestionComponent, typeof i31.TranslationTabComponent, typeof i32.TranslationSkeletonComponent, typeof i33.SimulatorComponent, typeof i34.TestTabComponent, typeof i35.TestAgainActionComponent, typeof i36.SurveyResultsComponent, typeof i37.SurveyResultsTableRowComponent, typeof i38.ThemeTabComponent, typeof i39.AdaptiveToolboxComponent, typeof i40.ToolboxToolComponent, typeof i41.ToolboxItemComponent, typeof i42.ToolboxItemGroupComponent, typeof i43.ToolboxListComponent, typeof i44.ToolboxCategoryComponent, typeof i45.StringEditorComponent, typeof i46.PageNavigatorComponent, typeof i47.PageNavigatorItemComponent, typeof i48.QuestionDropdownDesignerComponent, typeof i48.QuestionDropdownAdornerDesignerComponent, typeof i49.QuestionImageDesignerComponent, typeof i49.QuestionImageAdornerDesignerComponent, typeof i50.ItemValueDesignerComponent, typeof i51.ImageItemValueDesignerComponent, typeof i52.LogicOperatorComponent, typeof i53.MatrixCellComponent, typeof i54.QuestionEditorComponent, typeof i55.CellQuestionDropdownComponent, typeof i56.CreatorRowComponent, typeof i57.DesignerPagesComponent, typeof i58.DesignerSurveyComponent, typeof i59.CellQuestionComponent, typeof i60.QuestionWidgetDesignerComponent, typeof i61.CreatorLogoImageComponent, typeof i62.QuestionRatingAdornerDesignerComponent, typeof i62.QuestionRatingDesignerComponent, typeof i63.QuestionSpinEditorComponent, typeof i64.ColorItemComponent, typeof i65.QuestionColorComponent, typeof i66.QuestionFileEditorComponent, typeof i67.AddQuestionButtonComponent, typeof i68.QuestionBannerComponent, typeof i69.JsonErrorItemComponent, typeof i70.QuestionTextWithResetComponent, typeof i71.BooleanSwitchComponent, typeof i72.TranslateFromAction, typeof i73.AddQuestionTypeSelectorComponent], [typeof i74.CommonModule, typeof i75.FormsModule, typeof i76.SurveyModule], [typeof i1.CreatorComponent, typeof i2.DesignerTabComponent, typeof i3.PageDesignerComponent, typeof i4.QuestionDesignerComponent, typeof i5.PanelDesignerComponent, typeof i6.TabbledMenuComponent, typeof i7.TabbedMenuItemComponent, typeof i8.TabbedMenuItemWrapperComponent, typeof i9.SidebarComponent, typeof i10.SidebarPageComponent, typeof i11.SidebarDefaultHeaderComponent, typeof i13.SidebarPropertyGridHeaderComponent, typeof i14.PropertyGridPlaceholderComponent, typeof i15.SidebarHeaderComponent, typeof i16.TabControlComponent, typeof i17.TabsComponent, typeof i18.TabButtonComponent, typeof i12.ObjectSelectorComponent, typeof i19.PropertyGridComponent, typeof i20.SearchComponent, typeof i21.TextareaJsonEditorComponent, typeof i22.AceJsonEditorComponent, typeof i23.LogicTabComponent, typeof i24.LogicAddButtonComponent, typeof i25.ActionButtonComponent, typeof i26.QuestionPgErrorComponent, typeof i27.SurfacePlaceholderComponent, typeof i28.SwitcherComponent, typeof i29.LinkValueQuestionComponent, typeof i30.EmbeddedSurveyQuestionComponent, typeof i31.TranslationTabComponent, typeof i32.TranslationSkeletonComponent, typeof i33.SimulatorComponent, typeof i34.TestTabComponent, typeof i35.TestAgainActionComponent, typeof i36.SurveyResultsComponent, typeof i37.SurveyResultsTableRowComponent, typeof i38.ThemeTabComponent, typeof i39.AdaptiveToolboxComponent, typeof i40.ToolboxToolComponent, typeof i41.ToolboxItemComponent, typeof i42.ToolboxItemGroupComponent, typeof i43.ToolboxListComponent, typeof i44.ToolboxCategoryComponent, typeof i45.StringEditorComponent, typeof i46.PageNavigatorComponent, typeof i47.PageNavigatorItemComponent, typeof i48.QuestionDropdownDesignerComponent, typeof i48.QuestionDropdownAdornerDesignerComponent, typeof i49.QuestionImageDesignerComponent, typeof i49.QuestionImageAdornerDesignerComponent, typeof i50.ItemValueDesignerComponent, typeof i51.ImageItemValueDesignerComponent, typeof i52.LogicOperatorComponent, typeof i53.MatrixCellComponent, typeof i54.QuestionEditorComponent, typeof i55.CellQuestionDropdownComponent, typeof i56.CreatorRowComponent, typeof i57.DesignerPagesComponent, typeof i58.DesignerSurveyComponent, typeof i59.CellQuestionComponent, typeof i60.QuestionWidgetDesignerComponent, typeof i61.CreatorLogoImageComponent, typeof i62.QuestionRatingAdornerDesignerComponent, typeof i62.QuestionRatingDesignerComponent, typeof i63.QuestionSpinEditorComponent, typeof i64.ColorItemComponent, typeof i65.QuestionColorComponent, typeof i66.QuestionFileEditorComponent, typeof i67.AddQuestionButtonComponent, typeof i68.QuestionBannerComponent, typeof i69.JsonErrorItemComponent, typeof i70.QuestionTextWithResetComponent, typeof i71.BooleanSwitchComponent, typeof i72.TranslateFromAction, typeof i73.AddQuestionTypeSelectorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SurveyCreatorModule, [typeof i1.CreatorComponent, typeof i2.DesignerTabComponent, typeof i3.PageDesignerComponent, typeof i4.QuestionDesignerComponent, typeof i5.PanelDesignerComponent, typeof i6.TabbledMenuComponent, typeof i7.TabbedMenuItemComponent, typeof i8.TabbedMenuItemWrapperComponent, typeof i9.SidebarComponent, typeof i10.SidebarPageComponent, typeof i11.SidebarDefaultHeaderComponent, typeof i12.ObjectSelectorComponent, typeof i13.SidebarPropertyGridHeaderComponent, typeof i14.PropertyGridPlaceholderComponent, typeof i15.SidebarHeaderComponent, typeof i16.TabControlComponent, typeof i17.TabsComponent, typeof i18.TabButtonComponent, typeof i19.PropertyGridComponent, typeof i20.SearchComponent, typeof i21.TextareaJsonEditorComponent, typeof i22.AceJsonEditorComponent, typeof i23.LogicTabComponent, typeof i24.LogicAddButtonComponent, typeof i25.ActionButtonComponent, typeof i26.QuestionPgErrorComponent, typeof i27.SurfacePlaceholderComponent, typeof i28.SwitcherComponent, typeof i29.LinkValueQuestionComponent, typeof i30.EmbeddedSurveyQuestionComponent, typeof i31.TranslationTabComponent, typeof i32.TranslationSkeletonComponent, typeof i33.SimulatorComponent, typeof i34.TestTabComponent, typeof i35.TestAgainActionComponent, typeof i36.SurveyResultsComponent, typeof i37.SurveyResultsTableRowComponent, typeof i38.ThemeTabComponent, typeof i39.AdaptiveToolboxComponent, typeof i40.ToolboxToolComponent, typeof i41.ToolboxItemComponent, typeof i42.ToolboxItemGroupComponent, typeof i43.ToolboxListComponent, typeof i44.ToolboxCategoryComponent, typeof i45.StringEditorComponent, typeof i46.PageNavigatorComponent, typeof i47.PageNavigatorItemComponent, typeof i48.QuestionDropdownDesignerComponent, typeof i48.QuestionDropdownAdornerDesignerComponent, typeof i49.QuestionImageDesignerComponent, typeof i49.QuestionImageAdornerDesignerComponent, typeof i50.ItemValueDesignerComponent, typeof i51.ImageItemValueDesignerComponent, typeof i52.LogicOperatorComponent, typeof i53.MatrixCellComponent, typeof i54.QuestionEditorComponent, typeof i55.CellQuestionDropdownComponent, typeof i56.CreatorRowComponent, typeof i57.DesignerPagesComponent, typeof i58.DesignerSurveyComponent, typeof i59.CellQuestionComponent, typeof i60.QuestionWidgetDesignerComponent, typeof i61.CreatorLogoImageComponent, typeof i62.QuestionRatingAdornerDesignerComponent, typeof i62.QuestionRatingDesignerComponent, typeof i63.QuestionSpinEditorComponent, typeof i64.ColorItemComponent, typeof i65.QuestionColorComponent, typeof i66.QuestionFileEditorComponent, typeof i67.AddQuestionButtonComponent, typeof i68.QuestionBannerComponent, typeof i69.JsonErrorItemComponent, typeof i70.QuestionTextWithResetComponent, typeof i71.BooleanSwitchComponent, typeof i72.TranslateFromAction, typeof i73.AddQuestionTypeSelectorComponent, typeof i74.QuestionElementContentComponent, typeof i75.PageElementContentComponent], [typeof i76.CommonModule, typeof i77.FormsModule, typeof i78.SurveyModule], [typeof i1.CreatorComponent, typeof i2.DesignerTabComponent, typeof i3.PageDesignerComponent, typeof i4.QuestionDesignerComponent, typeof i5.PanelDesignerComponent, typeof i6.TabbledMenuComponent, typeof i7.TabbedMenuItemComponent, typeof i8.TabbedMenuItemWrapperComponent, typeof i9.SidebarComponent, typeof i10.SidebarPageComponent, typeof i11.SidebarDefaultHeaderComponent, typeof i13.SidebarPropertyGridHeaderComponent, typeof i14.PropertyGridPlaceholderComponent, typeof i15.SidebarHeaderComponent, typeof i16.TabControlComponent, typeof i17.TabsComponent, typeof i18.TabButtonComponent, typeof i12.ObjectSelectorComponent, typeof i19.PropertyGridComponent, typeof i20.SearchComponent, typeof i21.TextareaJsonEditorComponent, typeof i22.AceJsonEditorComponent, typeof i23.LogicTabComponent, typeof i24.LogicAddButtonComponent, typeof i25.ActionButtonComponent, typeof i26.QuestionPgErrorComponent, typeof i27.SurfacePlaceholderComponent, typeof i28.SwitcherComponent, typeof i29.LinkValueQuestionComponent, typeof i30.EmbeddedSurveyQuestionComponent, typeof i31.TranslationTabComponent, typeof i32.TranslationSkeletonComponent, typeof i33.SimulatorComponent, typeof i34.TestTabComponent, typeof i35.TestAgainActionComponent, typeof i36.SurveyResultsComponent, typeof i37.SurveyResultsTableRowComponent, typeof i38.ThemeTabComponent, typeof i39.AdaptiveToolboxComponent, typeof i40.ToolboxToolComponent, typeof i41.ToolboxItemComponent, typeof i42.ToolboxItemGroupComponent, typeof i43.ToolboxListComponent, typeof i44.ToolboxCategoryComponent, typeof i45.StringEditorComponent, typeof i46.PageNavigatorComponent, typeof i47.PageNavigatorItemComponent, typeof i48.QuestionDropdownDesignerComponent, typeof i48.QuestionDropdownAdornerDesignerComponent, typeof i49.QuestionImageDesignerComponent, typeof i49.QuestionImageAdornerDesignerComponent, typeof i50.ItemValueDesignerComponent, typeof i51.ImageItemValueDesignerComponent, typeof i52.LogicOperatorComponent, typeof i53.MatrixCellComponent, typeof i54.QuestionEditorComponent, typeof i55.CellQuestionDropdownComponent, typeof i56.CreatorRowComponent, typeof i57.DesignerPagesComponent, typeof i58.DesignerSurveyComponent, typeof i59.CellQuestionComponent, typeof i60.QuestionWidgetDesignerComponent, typeof i61.CreatorLogoImageComponent, typeof i62.QuestionRatingAdornerDesignerComponent, typeof i62.QuestionRatingDesignerComponent, typeof i63.QuestionSpinEditorComponent, typeof i64.ColorItemComponent, typeof i65.QuestionColorComponent, typeof i66.QuestionFileEditorComponent, typeof i67.AddQuestionButtonComponent, typeof i68.QuestionBannerComponent, typeof i69.JsonErrorItemComponent, typeof i70.QuestionTextWithResetComponent, typeof i71.BooleanSwitchComponent, typeof i72.TranslateFromAction, typeof i73.AddQuestionTypeSelectorComponent, typeof i74.QuestionElementContentComponent, typeof i75.PageElementContentComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SurveyCreatorModule>;
 }

package/bundles/survey-creator-angular.umd.js

@@ -985,6 +985,36 @@
               }] } });
   i1.AngularComponentFactory.Instance.registerComponent("svc-surface-placeholder", SurfacePlaceholderComponent);
 
+  var PageElementContentComponent = /** @class */ (function (_super) {
+      __extends(PageElementContentComponent, _super);
+      function PageElementContentComponent() {
+          return _super !== null && _super.apply(this, arguments) || this;
+      }
+      PageElementContentComponent.prototype.ngAfterViewInit = function () {
+          var _a;
+          (_a = this.embeddedView) === null || _a === void 0 ? void 0 : _a.detach();
+      };
+      PageElementContentComponent.prototype.ngOnChanges = function (changes) {
+          var _a;
+          (_a = this.embeddedView) === null || _a === void 0 ? void 0 : _a.detectChanges();
+      };
+      return PageElementContentComponent;
+  }(i1.EmbeddedViewContentComponent));
+  PageElementContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PageElementContentComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  PageElementContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PageElementContentComponent, selector: "svc-page-element-content", inputs: { model: "model", survey: "survey" }, usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-template #template><page [model]=\"model\" [survey]=\"survey\"></page></ng-template>", isInline: true, styles: [":host { display: none }"], components: [{ type: i1__namespace.PageComponent, selector: "page, sv-ng-page", inputs: ["model", "survey"] }] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PageElementContentComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: "svc-page-element-content",
+                      template: "<ng-template #template><page [model]=\"model\" [survey]=\"survey\"></page></ng-template>",
+                      styles: [":host { display: none }"]
+                  }]
+          }], propDecorators: { model: [{
+                  type: i0.Input
+              }], survey: [{
+                  type: i0.Input
+              }] } });
+
   var PageDesignerComponent = /** @class */ (function (_super) {
       __extends(PageDesignerComponent, _super);
       function PageDesignerComponent() {
@@ -1025,7 +1055,7 @@
       return PageDesignerComponent;
   }(CreatorModelComponent));
   PageDesignerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PageDesignerComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  PageDesignerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PageDesignerComponent, selector: "svc-page", inputs: { model: "model", survey: "survey", creator: "creator", isGhost: "isGhost" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n<div *ngIf=\"model && adorner\" class=\"svc-page__content\" [class]=\"adorner.css\" [key2click]\n  (click)=\"adorner.select(adorner, $event)\" (dblclick)=\"adorner.dblclick($event)\"\n  (mouseover)=\"adorner.hover($event, $event.currentTarget)\" (mouseleave)=\"adorner.hover($event, $event.target)\"\n  [id]=\"adorner.page.id\" [attr.data-sv-drop-target-survey-page]=\"adorner.dropTargetName\" #container>\n  <div class=\"svc-question__drop-indicator svc-question__drop-indicator--top\"></div>\n  <div class=\"svc-question__drop-indicator svc-question__drop-indicator--bottom\"></div>\n  <page [model]=\"model\" [survey]=\"survey\"></page>\n  <div *ngIf=\"adorner.showPlaceholder\" class=\"svc-page__placeholder_frame\">\n    <div class=\"svc-panel__placeholder_frame\">\n      <div class=\"svc-panel__placeholder\">{{adorner.placeholderText}}</div>\n    </div>\n  </div>\n  <div *ngIf=\"adorner.allowDragging && !adorner.isGhost\" class=\"svc-question__drag-area\"\n    (pointerdown)=\"adorner.onPointerDown($event)\">\n    <svg class=\"svc-question__drag-element\" [iconName]=\"'icon-drag-area-indicator_24x16'\" [size]=\"'auto'\"\n      sv-ng-svg-icon></svg>\n    <div class=\"svc-page__content-actions\">\n      <sv-action-bar [model]=\"adorner.actionContainer\" #container></sv-action-bar>\n      <sv-action-bar *ngIf=\"adorner.topActionContainer.hasActions\" [model]=\"adorner.topActionContainer\"></sv-action-bar>\n    </div>\n  </div>\n  <div *ngIf=\"!adorner.allowDragging || adorner.isGhost\" class=\"svc-page__content-actions\">\n    <sv-action-bar [model]=\"adorner.actionContainer\"></sv-action-bar>\n    <sv-action-bar *ngIf=\"adorner.topActionContainer.hasActions\" [model]=\"adorner.topActionContainer\"></sv-action-bar>\n  </div>\n  <sv-action-bar [model]=\"adorner.footerActionsBar\"></sv-action-bar>\n</div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1__namespace.PageComponent, selector: "page, sv-ng-page", inputs: ["model", "survey"] }, { type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1__namespace.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }] });
+  PageDesignerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PageDesignerComponent, selector: "svc-page", inputs: { model: "model", survey: "survey", creator: "creator", isGhost: "isGhost" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n<div *ngIf=\"model && adorner\" class=\"svc-page__content\" [class]=\"adorner.css\" [key2click]\n  (click)=\"adorner.select(adorner, $event)\" (dblclick)=\"adorner.dblclick($event)\"\n  (mouseover)=\"adorner.hover($event, $event.currentTarget)\" (mouseleave)=\"adorner.hover($event, $event.target)\"\n  [id]=\"adorner.page.id\" [attr.data-sv-drop-target-survey-page]=\"adorner.dropTargetName\" #container>\n  <div class=\"svc-question__drop-indicator svc-question__drop-indicator--top\"></div>\n  <div class=\"svc-question__drop-indicator svc-question__drop-indicator--bottom\"></div>\n  <svc-page-element-content \n    [model]=\"adorner.page\" \n    [survey]=\"survey\">\n  </svc-page-element-content>\n  <div *ngIf=\"adorner.showPlaceholder\" class=\"svc-page__placeholder_frame\">\n    <div class=\"svc-panel__placeholder_frame\">\n      <div class=\"svc-panel__placeholder\">{{adorner.placeholderText}}</div>\n    </div>\n  </div>\n  <div *ngIf=\"adorner.allowDragging && !adorner.isGhost\" class=\"svc-question__drag-area\"\n    (pointerdown)=\"adorner.onPointerDown($event)\">\n    <svg class=\"svc-question__drag-element\" [iconName]=\"'icon-drag-area-indicator_24x16'\" [size]=\"'auto'\"\n      sv-ng-svg-icon></svg>\n    <div class=\"svc-page__content-actions\">\n      <sv-action-bar [model]=\"adorner.actionContainer\" #container></sv-action-bar>\n      <sv-action-bar *ngIf=\"adorner.topActionContainer.hasActions\" [model]=\"adorner.topActionContainer\"></sv-action-bar>\n    </div>\n  </div>\n  <div *ngIf=\"!adorner.allowDragging || adorner.isGhost\" class=\"svc-page__content-actions\">\n    <sv-action-bar [model]=\"adorner.actionContainer\"></sv-action-bar>\n    <sv-action-bar *ngIf=\"adorner.topActionContainer.hasActions\" [model]=\"adorner.topActionContainer\"></sv-action-bar>\n  </div>\n  <sv-action-bar [model]=\"adorner.footerActionsBar\"></sv-action-bar>\n</div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: PageElementContentComponent, selector: "svc-page-element-content", inputs: ["model", "survey"] }, { type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1__namespace.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PageDesignerComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -2057,6 +2087,36 @@
               }] } });
   i1.AngularComponentFactory.Instance.registerComponent("svc-add-question-type-selector", AddQuestionTypeSelectorComponent);
 
+  var QuestionElementContentComponent = /** @class */ (function (_super) {
+      __extends(QuestionElementContentComponent, _super);
+      function QuestionElementContentComponent() {
+          return _super !== null && _super.apply(this, arguments) || this;
+      }
+      QuestionElementContentComponent.prototype.ngAfterViewInit = function () {
+          var _a;
+          (_a = this.embeddedView) === null || _a === void 0 ? void 0 : _a.detach();
+      };
+      QuestionElementContentComponent.prototype.ngOnChanges = function (changes) {
+          var _a;
+          (_a = this.embeddedView) === null || _a === void 0 ? void 0 : _a.detectChanges();
+      };
+      return QuestionElementContentComponent;
+  }(i1.EmbeddedViewContentComponent));
+  QuestionElementContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuestionElementContentComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  QuestionElementContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionElementContentComponent, selector: "svc-question-element-content", inputs: { componentName: "componentName", componentData: "componentData" }, usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-template #template><ng-template [component]=\"{ name: componentName, data: componentData }\"></ng-template></ng-template>", isInline: true, styles: [":host { display: none }"], directives: [{ type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuestionElementContentComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: "svc-question-element-content",
+                      template: "<ng-template #template><ng-template [component]=\"{ name: componentName, data: componentData }\"></ng-template></ng-template>",
+                      styles: [":host { display: none }"]
+                  }]
+          }], propDecorators: { componentName: [{
+                  type: i0.Input
+              }], componentData: [{
+                  type: i0.Input
+              }] } });
+
   var QuestionBannerComponent = /** @class */ (function (_super) {
       __extends(QuestionBannerComponent, _super);
       function QuestionBannerComponent() {
@@ -2154,7 +2214,7 @@
       return QuestionDesignerComponent;
   }(CreatorModelComponent));
   QuestionDesignerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuestionDesignerComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  QuestionDesignerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionDesignerComponent, selector: "svc-question", inputs: { componentName: "componentName", componentData: "componentData" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div *ngIf=\"adorner\" class=\"svc-question__adorner\" [class]=\"adorner.rootCss()\" (dblclick)=\"adorner.dblclick($event)\"\n    (mouseover)=\"adorner.hover($event, $event.currentTarget)\" (mouseleave)=\"adorner.hover($event, $event.currentTarget)\"\n    [attr.data-sv-drop-target-survey-element]=\"adorner.element.name || null\" #container>\n    <div *ngIf=\"adorner.showHiddenTitle\" [class]=\"adorner.cssCollapsedHiddenHeader\">\n      <sv-ng-element-title *ngIf=\"!!model.hasTitle\" [element]=\"model\"></sv-ng-element-title>\n        <div *ngIf=\"!model.hasTitle\" [class]=\"adorner.cssCollapsedHiddenTitle\">\n          <span class=\"svc-fake-title\">{{model.name}}</span>\n      </div>\n    </div>\n    <div [class]=\"adorner.css()\" [key2click]=\"{ disableTabStop: true }\" (click)=\"adorner.select(adorner, $event)\">\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--left\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--right\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--top\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--bottom\"></div>\n      <div *ngIf=\"adorner.allowDragging\" class=\"svc-question__drag-area\" (pointerdown)=\"adorner.onPointerDown($event)\">\n        <svg class=\"svc-question__drag-element\" [iconName]=\"'icon-drag-area-indicator_24x16'\" [size]=\"'auto'\"\n          sv-ng-svg-icon></svg>\n        <div class=\"svc-question__top-actions\">\n          <sv-action-bar [model]=\"adorner.topActionContainer\" [handleClick]=\"false\"></sv-action-bar>\n        </div>\n      </div>\n      <ng-container *ngIf=\"adorner.needToRenderContent\">\n      <ng-template [component]=\"{ name: componentName, data: componentData }\"></ng-template>\n      <div *ngIf=\"adorner.isEmptyElement && !showPlaceholderComponent\" class=\"svc-panel__placeholder_frame-wrapper\">\n        <div class=\"svc-panel__placeholder_frame\">\n          <div class=\"svc-panel__placeholder\">{{ adorner.placeholderText }}</div>\n        </div>\n      </div>\n      <ng-template *ngIf=\"adorner.isEmptyElement && !!showPlaceholderComponent\"\n        [component]=\"{ name: placeholderComponent, data: placeholderComponentData }\">\n      </ng-template>\n      <ng-template *ngIf=\"adornerComponent\"\n        [component]=\"{ name: adornerComponent, data: { adorner: adorner, question: model } }\">\n      </ng-template>\n      <svc-question-banner *ngIf=\"adorner.isBannerShowing\" [model]=\"adorner.createBannerParams()\">\n      </svc-question-banner>\n      <div class=\"svc-question__content-actions\" (focusin)=\"adorner.select(adorner, $event)\">\n        <sv-action-bar [model]=\"adorner.actionContainer\" [handleClick]=\"false\"></sv-action-bar>\n      </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1__namespace.ElementTitleComponent, selector: "sv-ng-element-title", inputs: ["element"] }, { type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1__namespace.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }, { type: QuestionBannerComponent, selector: "svc-question-banner", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
+  QuestionDesignerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionDesignerComponent, selector: "svc-question", inputs: { componentName: "componentName", componentData: "componentData" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div *ngIf=\"adorner\" class=\"svc-question__adorner\" [class]=\"adorner.rootCss()\" (dblclick)=\"adorner.dblclick($event)\"\n    (mouseover)=\"adorner.hover($event, $event.currentTarget)\" (mouseleave)=\"adorner.hover($event, $event.currentTarget)\"\n    [attr.data-sv-drop-target-survey-element]=\"adorner.element.name || null\" #container>\n    <div *ngIf=\"adorner.showHiddenTitle\" [class]=\"adorner.cssCollapsedHiddenHeader\">\n      <sv-ng-element-title *ngIf=\"!!model.hasTitle\" [element]=\"model\"></sv-ng-element-title>\n        <div *ngIf=\"!model.hasTitle\" [class]=\"adorner.cssCollapsedHiddenTitle\">\n          <span class=\"svc-fake-title\">{{model.name}}</span>\n      </div>\n    </div>\n    <div [class]=\"adorner.css()\" [key2click]=\"{ disableTabStop: true }\" (click)=\"adorner.select(adorner, $event)\">\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--left\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--right\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--top\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--bottom\"></div>\n      <div *ngIf=\"adorner.allowDragging\" class=\"svc-question__drag-area\" (pointerdown)=\"adorner.onPointerDown($event)\">\n        <svg class=\"svc-question__drag-element\" [iconName]=\"'icon-drag-area-indicator_24x16'\" [size]=\"'auto'\"\n          sv-ng-svg-icon></svg>\n        <div class=\"svc-question__top-actions\">\n          <sv-action-bar [model]=\"adorner.topActionContainer\" [handleClick]=\"false\"></sv-action-bar>\n        </div>\n      </div>\n      <ng-container *ngIf=\"adorner.needToRenderContent\">\n        <svc-question-element-content \n          [componentName]=\"componentName\" \n          [componentData]=\"componentData\">\n        </svc-question-element-content>\n        <div *ngIf=\"adorner.isEmptyElement && !showPlaceholderComponent\" class=\"svc-panel__placeholder_frame-wrapper\">\n          <div class=\"svc-panel__placeholder_frame\">\n            <div class=\"svc-panel__placeholder\">{{ adorner.placeholderText }}</div>\n          </div>\n        </div>\n        <ng-template *ngIf=\"adorner.isEmptyElement && !!showPlaceholderComponent\"\n          [component]=\"{ name: placeholderComponent, data: placeholderComponentData }\">\n        </ng-template>\n        <ng-template *ngIf=\"adornerComponent\"\n          [component]=\"{ name: adornerComponent, data: { adorner: adorner, question: model } }\">\n        </ng-template>\n        <svc-question-banner *ngIf=\"adorner.isBannerShowing\" [model]=\"adorner.createBannerParams()\">\n        </svc-question-banner>\n        <div class=\"svc-question__content-actions\" (focusin)=\"adorner.select(adorner, $event)\">\n          <sv-action-bar [model]=\"adorner.actionContainer\" [handleClick]=\"false\"></sv-action-bar>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1__namespace.ElementTitleComponent, selector: "sv-ng-element-title", inputs: ["element"] }, { type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1__namespace.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }, { type: QuestionElementContentComponent, selector: "svc-question-element-content", inputs: ["componentName", "componentData"] }, { type: QuestionBannerComponent, selector: "svc-question-banner", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuestionDesignerComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -2357,7 +2417,7 @@
       return QuestionDropdownDesignerComponent;
   }(QuestionDesignerComponent));
   QuestionDropdownDesignerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuestionDropdownDesignerComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  QuestionDropdownDesignerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionDropdownDesignerComponent, selector: "svc-dropdown-question", usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div *ngIf=\"adorner\" class=\"svc-question__adorner\" [class]=\"adorner.rootCss()\" (dblclick)=\"adorner.dblclick($event)\"\n    (mouseover)=\"adorner.hover($event, $event.currentTarget)\" (mouseleave)=\"adorner.hover($event, $event.currentTarget)\"\n    [attr.data-sv-drop-target-survey-element]=\"adorner.element.name || null\" #container>\n    <div *ngIf=\"adorner.showHiddenTitle\" [class]=\"adorner.cssCollapsedHiddenHeader\">\n      <sv-ng-element-title *ngIf=\"!!model.hasTitle\" [element]=\"model\"></sv-ng-element-title>\n        <div *ngIf=\"!model.hasTitle\" [class]=\"adorner.cssCollapsedHiddenTitle\">\n          <span class=\"svc-fake-title\">{{model.name}}</span>\n      </div>\n    </div>\n    <div [class]=\"adorner.css()\" [key2click]=\"{ disableTabStop: true }\" (click)=\"adorner.select(adorner, $event)\">\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--left\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--right\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--top\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--bottom\"></div>\n      <div *ngIf=\"adorner.allowDragging\" class=\"svc-question__drag-area\" (pointerdown)=\"adorner.onPointerDown($event)\">\n        <svg class=\"svc-question__drag-element\" [iconName]=\"'icon-drag-area-indicator_24x16'\" [size]=\"'auto'\"\n          sv-ng-svg-icon></svg>\n        <div class=\"svc-question__top-actions\">\n          <sv-action-bar [model]=\"adorner.topActionContainer\" [handleClick]=\"false\"></sv-action-bar>\n        </div>\n      </div>\n      <ng-container *ngIf=\"adorner.needToRenderContent\">\n      <ng-template [component]=\"{ name: componentName, data: componentData }\"></ng-template>\n      <div *ngIf=\"adorner.isEmptyElement && !showPlaceholderComponent\" class=\"svc-panel__placeholder_frame-wrapper\">\n        <div class=\"svc-panel__placeholder_frame\">\n          <div class=\"svc-panel__placeholder\">{{ adorner.placeholderText }}</div>\n        </div>\n      </div>\n      <ng-template *ngIf=\"adorner.isEmptyElement && !!showPlaceholderComponent\"\n        [component]=\"{ name: placeholderComponent, data: placeholderComponentData }\">\n      </ng-template>\n      <ng-template *ngIf=\"adornerComponent\"\n        [component]=\"{ name: adornerComponent, data: { adorner: adorner, question: model } }\">\n      </ng-template>\n      <svc-question-banner *ngIf=\"adorner.isBannerShowing\" [model]=\"adorner.createBannerParams()\">\n      </svc-question-banner>\n      <div class=\"svc-question__content-actions\" (focusin)=\"adorner.select(adorner, $event)\">\n        <sv-action-bar [model]=\"adorner.actionContainer\" [handleClick]=\"false\"></sv-action-bar>\n      </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1__namespace.ElementTitleComponent, selector: "sv-ng-element-title", inputs: ["element"] }, { type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1__namespace.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }, { type: QuestionBannerComponent, selector: "svc-question-banner", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
+  QuestionDropdownDesignerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionDropdownDesignerComponent, selector: "svc-dropdown-question", usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div *ngIf=\"adorner\" class=\"svc-question__adorner\" [class]=\"adorner.rootCss()\" (dblclick)=\"adorner.dblclick($event)\"\n    (mouseover)=\"adorner.hover($event, $event.currentTarget)\" (mouseleave)=\"adorner.hover($event, $event.currentTarget)\"\n    [attr.data-sv-drop-target-survey-element]=\"adorner.element.name || null\" #container>\n    <div *ngIf=\"adorner.showHiddenTitle\" [class]=\"adorner.cssCollapsedHiddenHeader\">\n      <sv-ng-element-title *ngIf=\"!!model.hasTitle\" [element]=\"model\"></sv-ng-element-title>\n        <div *ngIf=\"!model.hasTitle\" [class]=\"adorner.cssCollapsedHiddenTitle\">\n          <span class=\"svc-fake-title\">{{model.name}}</span>\n      </div>\n    </div>\n    <div [class]=\"adorner.css()\" [key2click]=\"{ disableTabStop: true }\" (click)=\"adorner.select(adorner, $event)\">\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--left\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--right\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--top\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--bottom\"></div>\n      <div *ngIf=\"adorner.allowDragging\" class=\"svc-question__drag-area\" (pointerdown)=\"adorner.onPointerDown($event)\">\n        <svg class=\"svc-question__drag-element\" [iconName]=\"'icon-drag-area-indicator_24x16'\" [size]=\"'auto'\"\n          sv-ng-svg-icon></svg>\n        <div class=\"svc-question__top-actions\">\n          <sv-action-bar [model]=\"adorner.topActionContainer\" [handleClick]=\"false\"></sv-action-bar>\n        </div>\n      </div>\n      <ng-container *ngIf=\"adorner.needToRenderContent\">\n        <svc-question-element-content \n          [componentName]=\"componentName\" \n          [componentData]=\"componentData\">\n        </svc-question-element-content>\n        <div *ngIf=\"adorner.isEmptyElement && !showPlaceholderComponent\" class=\"svc-panel__placeholder_frame-wrapper\">\n          <div class=\"svc-panel__placeholder_frame\">\n            <div class=\"svc-panel__placeholder\">{{ adorner.placeholderText }}</div>\n          </div>\n        </div>\n        <ng-template *ngIf=\"adorner.isEmptyElement && !!showPlaceholderComponent\"\n          [component]=\"{ name: placeholderComponent, data: placeholderComponentData }\">\n        </ng-template>\n        <ng-template *ngIf=\"adornerComponent\"\n          [component]=\"{ name: adornerComponent, data: { adorner: adorner, question: model } }\">\n        </ng-template>\n        <svc-question-banner *ngIf=\"adorner.isBannerShowing\" [model]=\"adorner.createBannerParams()\">\n        </svc-question-banner>\n        <div class=\"svc-question__content-actions\" (focusin)=\"adorner.select(adorner, $event)\">\n          <sv-action-bar [model]=\"adorner.actionContainer\" [handleClick]=\"false\"></sv-action-bar>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1__namespace.ElementTitleComponent, selector: "sv-ng-element-title", inputs: ["element"] }, { type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1__namespace.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }, { type: QuestionElementContentComponent, selector: "svc-question-element-content", inputs: ["componentName", "componentData"] }, { type: QuestionBannerComponent, selector: "svc-question-banner", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuestionDropdownDesignerComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -2440,7 +2500,7 @@
       return QuestionImageDesignerComponent;
   }(QuestionDesignerComponent));
   QuestionImageDesignerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuestionImageDesignerComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  QuestionImageDesignerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionImageDesignerComponent, selector: "svc-image-question", usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div *ngIf=\"adorner\" class=\"svc-question__adorner\" [class]=\"adorner.rootCss()\" (dblclick)=\"adorner.dblclick($event)\"\n    (mouseover)=\"adorner.hover($event, $event.currentTarget)\" (mouseleave)=\"adorner.hover($event, $event.currentTarget)\"\n    [attr.data-sv-drop-target-survey-element]=\"adorner.element.name || null\" #container>\n    <div *ngIf=\"adorner.showHiddenTitle\" [class]=\"adorner.cssCollapsedHiddenHeader\">\n      <sv-ng-element-title *ngIf=\"!!model.hasTitle\" [element]=\"model\"></sv-ng-element-title>\n        <div *ngIf=\"!model.hasTitle\" [class]=\"adorner.cssCollapsedHiddenTitle\">\n          <span class=\"svc-fake-title\">{{model.name}}</span>\n      </div>\n    </div>\n    <div [class]=\"adorner.css()\" [key2click]=\"{ disableTabStop: true }\" (click)=\"adorner.select(adorner, $event)\">\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--left\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--right\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--top\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--bottom\"></div>\n      <div *ngIf=\"adorner.allowDragging\" class=\"svc-question__drag-area\" (pointerdown)=\"adorner.onPointerDown($event)\">\n        <svg class=\"svc-question__drag-element\" [iconName]=\"'icon-drag-area-indicator_24x16'\" [size]=\"'auto'\"\n          sv-ng-svg-icon></svg>\n        <div class=\"svc-question__top-actions\">\n          <sv-action-bar [model]=\"adorner.topActionContainer\" [handleClick]=\"false\"></sv-action-bar>\n        </div>\n      </div>\n      <ng-container *ngIf=\"adorner.needToRenderContent\">\n      <ng-template [component]=\"{ name: componentName, data: componentData }\"></ng-template>\n      <div *ngIf=\"adorner.isEmptyElement && !showPlaceholderComponent\" class=\"svc-panel__placeholder_frame-wrapper\">\n        <div class=\"svc-panel__placeholder_frame\">\n          <div class=\"svc-panel__placeholder\">{{ adorner.placeholderText }}</div>\n        </div>\n      </div>\n      <ng-template *ngIf=\"adorner.isEmptyElement && !!showPlaceholderComponent\"\n        [component]=\"{ name: placeholderComponent, data: placeholderComponentData }\">\n      </ng-template>\n      <ng-template *ngIf=\"adornerComponent\"\n        [component]=\"{ name: adornerComponent, data: { adorner: adorner, question: model } }\">\n      </ng-template>\n      <svc-question-banner *ngIf=\"adorner.isBannerShowing\" [model]=\"adorner.createBannerParams()\">\n      </svc-question-banner>\n      <div class=\"svc-question__content-actions\" (focusin)=\"adorner.select(adorner, $event)\">\n        <sv-action-bar [model]=\"adorner.actionContainer\" [handleClick]=\"false\"></sv-action-bar>\n      </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1__namespace.ElementTitleComponent, selector: "sv-ng-element-title", inputs: ["element"] }, { type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1__namespace.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }, { type: QuestionBannerComponent, selector: "svc-question-banner", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
+  QuestionImageDesignerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionImageDesignerComponent, selector: "svc-image-question", usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div *ngIf=\"adorner\" class=\"svc-question__adorner\" [class]=\"adorner.rootCss()\" (dblclick)=\"adorner.dblclick($event)\"\n    (mouseover)=\"adorner.hover($event, $event.currentTarget)\" (mouseleave)=\"adorner.hover($event, $event.currentTarget)\"\n    [attr.data-sv-drop-target-survey-element]=\"adorner.element.name || null\" #container>\n    <div *ngIf=\"adorner.showHiddenTitle\" [class]=\"adorner.cssCollapsedHiddenHeader\">\n      <sv-ng-element-title *ngIf=\"!!model.hasTitle\" [element]=\"model\"></sv-ng-element-title>\n        <div *ngIf=\"!model.hasTitle\" [class]=\"adorner.cssCollapsedHiddenTitle\">\n          <span class=\"svc-fake-title\">{{model.name}}</span>\n      </div>\n    </div>\n    <div [class]=\"adorner.css()\" [key2click]=\"{ disableTabStop: true }\" (click)=\"adorner.select(adorner, $event)\">\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--left\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--right\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--top\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--bottom\"></div>\n      <div *ngIf=\"adorner.allowDragging\" class=\"svc-question__drag-area\" (pointerdown)=\"adorner.onPointerDown($event)\">\n        <svg class=\"svc-question__drag-element\" [iconName]=\"'icon-drag-area-indicator_24x16'\" [size]=\"'auto'\"\n          sv-ng-svg-icon></svg>\n        <div class=\"svc-question__top-actions\">\n          <sv-action-bar [model]=\"adorner.topActionContainer\" [handleClick]=\"false\"></sv-action-bar>\n        </div>\n      </div>\n      <ng-container *ngIf=\"adorner.needToRenderContent\">\n        <svc-question-element-content \n          [componentName]=\"componentName\" \n          [componentData]=\"componentData\">\n        </svc-question-element-content>\n        <div *ngIf=\"adorner.isEmptyElement && !showPlaceholderComponent\" class=\"svc-panel__placeholder_frame-wrapper\">\n          <div class=\"svc-panel__placeholder_frame\">\n            <div class=\"svc-panel__placeholder\">{{ adorner.placeholderText }}</div>\n          </div>\n        </div>\n        <ng-template *ngIf=\"adorner.isEmptyElement && !!showPlaceholderComponent\"\n          [component]=\"{ name: placeholderComponent, data: placeholderComponentData }\">\n        </ng-template>\n        <ng-template *ngIf=\"adornerComponent\"\n          [component]=\"{ name: adornerComponent, data: { adorner: adorner, question: model } }\">\n        </ng-template>\n        <svc-question-banner *ngIf=\"adorner.isBannerShowing\" [model]=\"adorner.createBannerParams()\">\n        </svc-question-banner>\n        <div class=\"svc-question__content-actions\" (focusin)=\"adorner.select(adorner, $event)\">\n          <sv-action-bar [model]=\"adorner.actionContainer\" [handleClick]=\"false\"></sv-action-bar>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1__namespace.ElementTitleComponent, selector: "sv-ng-element-title", inputs: ["element"] }, { type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1__namespace.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }, { type: QuestionElementContentComponent, selector: "svc-question-element-content", inputs: ["componentName", "componentData"] }, { type: QuestionBannerComponent, selector: "svc-question-banner", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuestionImageDesignerComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -3102,7 +3162,7 @@
       return QuestionRatingDesignerComponent;
   }(QuestionDesignerComponent));
   QuestionRatingDesignerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuestionRatingDesignerComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  QuestionRatingDesignerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionRatingDesignerComponent, selector: "svc-rating-question", usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div *ngIf=\"adorner\" class=\"svc-question__adorner\" [class]=\"adorner.rootCss()\" (dblclick)=\"adorner.dblclick($event)\"\n    (mouseover)=\"adorner.hover($event, $event.currentTarget)\" (mouseleave)=\"adorner.hover($event, $event.currentTarget)\"\n    [attr.data-sv-drop-target-survey-element]=\"adorner.element.name || null\" #container>\n    <div *ngIf=\"adorner.showHiddenTitle\" [class]=\"adorner.cssCollapsedHiddenHeader\">\n      <sv-ng-element-title *ngIf=\"!!model.hasTitle\" [element]=\"model\"></sv-ng-element-title>\n        <div *ngIf=\"!model.hasTitle\" [class]=\"adorner.cssCollapsedHiddenTitle\">\n          <span class=\"svc-fake-title\">{{model.name}}</span>\n      </div>\n    </div>\n    <div [class]=\"adorner.css()\" [key2click]=\"{ disableTabStop: true }\" (click)=\"adorner.select(adorner, $event)\">\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--left\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--right\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--top\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--bottom\"></div>\n      <div *ngIf=\"adorner.allowDragging\" class=\"svc-question__drag-area\" (pointerdown)=\"adorner.onPointerDown($event)\">\n        <svg class=\"svc-question__drag-element\" [iconName]=\"'icon-drag-area-indicator_24x16'\" [size]=\"'auto'\"\n          sv-ng-svg-icon></svg>\n        <div class=\"svc-question__top-actions\">\n          <sv-action-bar [model]=\"adorner.topActionContainer\" [handleClick]=\"false\"></sv-action-bar>\n        </div>\n      </div>\n      <ng-container *ngIf=\"adorner.needToRenderContent\">\n      <ng-template [component]=\"{ name: componentName, data: componentData }\"></ng-template>\n      <div *ngIf=\"adorner.isEmptyElement && !showPlaceholderComponent\" class=\"svc-panel__placeholder_frame-wrapper\">\n        <div class=\"svc-panel__placeholder_frame\">\n          <div class=\"svc-panel__placeholder\">{{ adorner.placeholderText }}</div>\n        </div>\n      </div>\n      <ng-template *ngIf=\"adorner.isEmptyElement && !!showPlaceholderComponent\"\n        [component]=\"{ name: placeholderComponent, data: placeholderComponentData }\">\n      </ng-template>\n      <ng-template *ngIf=\"adornerComponent\"\n        [component]=\"{ name: adornerComponent, data: { adorner: adorner, question: model } }\">\n      </ng-template>\n      <svc-question-banner *ngIf=\"adorner.isBannerShowing\" [model]=\"adorner.createBannerParams()\">\n      </svc-question-banner>\n      <div class=\"svc-question__content-actions\" (focusin)=\"adorner.select(adorner, $event)\">\n        <sv-action-bar [model]=\"adorner.actionContainer\" [handleClick]=\"false\"></sv-action-bar>\n      </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1__namespace.ElementTitleComponent, selector: "sv-ng-element-title", inputs: ["element"] }, { type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1__namespace.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }, { type: QuestionBannerComponent, selector: "svc-question-banner", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
+  QuestionRatingDesignerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionRatingDesignerComponent, selector: "svc-rating-question", usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div *ngIf=\"adorner\" class=\"svc-question__adorner\" [class]=\"adorner.rootCss()\" (dblclick)=\"adorner.dblclick($event)\"\n    (mouseover)=\"adorner.hover($event, $event.currentTarget)\" (mouseleave)=\"adorner.hover($event, $event.currentTarget)\"\n    [attr.data-sv-drop-target-survey-element]=\"adorner.element.name || null\" #container>\n    <div *ngIf=\"adorner.showHiddenTitle\" [class]=\"adorner.cssCollapsedHiddenHeader\">\n      <sv-ng-element-title *ngIf=\"!!model.hasTitle\" [element]=\"model\"></sv-ng-element-title>\n        <div *ngIf=\"!model.hasTitle\" [class]=\"adorner.cssCollapsedHiddenTitle\">\n          <span class=\"svc-fake-title\">{{model.name}}</span>\n      </div>\n    </div>\n    <div [class]=\"adorner.css()\" [key2click]=\"{ disableTabStop: true }\" (click)=\"adorner.select(adorner, $event)\">\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--left\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--right\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--top\"></div>\n      <div class=\"svc-question__drop-indicator svc-question__drop-indicator--bottom\"></div>\n      <div *ngIf=\"adorner.allowDragging\" class=\"svc-question__drag-area\" (pointerdown)=\"adorner.onPointerDown($event)\">\n        <svg class=\"svc-question__drag-element\" [iconName]=\"'icon-drag-area-indicator_24x16'\" [size]=\"'auto'\"\n          sv-ng-svg-icon></svg>\n        <div class=\"svc-question__top-actions\">\n          <sv-action-bar [model]=\"adorner.topActionContainer\" [handleClick]=\"false\"></sv-action-bar>\n        </div>\n      </div>\n      <ng-container *ngIf=\"adorner.needToRenderContent\">\n        <svc-question-element-content \n          [componentName]=\"componentName\" \n          [componentData]=\"componentData\">\n        </svc-question-element-content>\n        <div *ngIf=\"adorner.isEmptyElement && !showPlaceholderComponent\" class=\"svc-panel__placeholder_frame-wrapper\">\n          <div class=\"svc-panel__placeholder_frame\">\n            <div class=\"svc-panel__placeholder\">{{ adorner.placeholderText }}</div>\n          </div>\n        </div>\n        <ng-template *ngIf=\"adorner.isEmptyElement && !!showPlaceholderComponent\"\n          [component]=\"{ name: placeholderComponent, data: placeholderComponentData }\">\n        </ng-template>\n        <ng-template *ngIf=\"adornerComponent\"\n          [component]=\"{ name: adornerComponent, data: { adorner: adorner, question: model } }\">\n        </ng-template>\n        <svc-question-banner *ngIf=\"adorner.isBannerShowing\" [model]=\"adorner.createBannerParams()\">\n        </svc-question-banner>\n        <div class=\"svc-question__content-actions\" (focusin)=\"adorner.select(adorner, $event)\">\n          <sv-action-bar [model]=\"adorner.actionContainer\" [handleClick]=\"false\"></sv-action-bar>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1__namespace.ElementTitleComponent, selector: "sv-ng-element-title", inputs: ["element"] }, { type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1__namespace.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }, { type: QuestionElementContentComponent, selector: "svc-question-element-content", inputs: ["componentName", "componentData"] }, { type: QuestionBannerComponent, selector: "svc-question-banner", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuestionRatingDesignerComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -3386,12 +3446,12 @@
           QuestionDropdownDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionImageAdornerDesignerComponent,
           ItemValueDesignerComponent, ImageItemValueDesignerComponent, LogicOperatorComponent, MatrixCellComponent, QuestionEditorComponent, CellQuestionDropdownComponent, CreatorRowComponent, DesignerPagesComponent, DesignerSurveyComponent, CellQuestionComponent, QuestionWidgetDesignerComponent, CreatorLogoImageComponent,
           QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, ColorItemComponent, QuestionColorComponent, QuestionFileEditorComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent, QuestionTextWithResetComponent,
-          BooleanSwitchComponent, TranslateFromAction, AddQuestionTypeSelectorComponent], imports: [i2.CommonModule, i3.FormsModule, i1.SurveyModule], exports: [CreatorComponent, DesignerTabComponent, PageDesignerComponent, QuestionDesignerComponent, PanelDesignerComponent, TabbledMenuComponent, TabbedMenuItemComponent, TabbedMenuItemWrapperComponent, SidebarComponent, SidebarPageComponent, SidebarDefaultHeaderComponent, SidebarPropertyGridHeaderComponent, PropertyGridPlaceholderComponent, SidebarHeaderComponent, TabControlComponent, TabsComponent, TabButtonComponent, ObjectSelectorComponent, PropertyGridComponent, SearchComponent, TextareaJsonEditorComponent, AceJsonEditorComponent, LogicTabComponent, LogicAddButtonComponent, ActionButtonComponent, QuestionPgErrorComponent, SurfacePlaceholderComponent, SwitcherComponent, LinkValueQuestionComponent, EmbeddedSurveyQuestionComponent, TranslationTabComponent, TranslationSkeletonComponent, SimulatorComponent, TestTabComponent, TestAgainActionComponent, SurveyResultsComponent, SurveyResultsTableRowComponent, ThemeTabComponent,
+          BooleanSwitchComponent, TranslateFromAction, AddQuestionTypeSelectorComponent, QuestionElementContentComponent, PageElementContentComponent], imports: [i2.CommonModule, i3.FormsModule, i1.SurveyModule], exports: [CreatorComponent, DesignerTabComponent, PageDesignerComponent, QuestionDesignerComponent, PanelDesignerComponent, TabbledMenuComponent, TabbedMenuItemComponent, TabbedMenuItemWrapperComponent, SidebarComponent, SidebarPageComponent, SidebarDefaultHeaderComponent, SidebarPropertyGridHeaderComponent, PropertyGridPlaceholderComponent, SidebarHeaderComponent, TabControlComponent, TabsComponent, TabButtonComponent, ObjectSelectorComponent, PropertyGridComponent, SearchComponent, TextareaJsonEditorComponent, AceJsonEditorComponent, LogicTabComponent, LogicAddButtonComponent, ActionButtonComponent, QuestionPgErrorComponent, SurfacePlaceholderComponent, SwitcherComponent, LinkValueQuestionComponent, EmbeddedSurveyQuestionComponent, TranslationTabComponent, TranslationSkeletonComponent, SimulatorComponent, TestTabComponent, TestAgainActionComponent, SurveyResultsComponent, SurveyResultsTableRowComponent, ThemeTabComponent,
           AdaptiveToolboxComponent, ToolboxToolComponent, ToolboxItemComponent, ToolboxItemGroupComponent, ToolboxListComponent, ToolboxCategoryComponent, StringEditorComponent, PageNavigatorComponent, PageNavigatorItemComponent,
           QuestionDropdownDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionImageAdornerDesignerComponent,
           ItemValueDesignerComponent, ImageItemValueDesignerComponent, LogicOperatorComponent, MatrixCellComponent, QuestionEditorComponent, CellQuestionDropdownComponent, CreatorRowComponent, DesignerPagesComponent, DesignerSurveyComponent, CellQuestionComponent, QuestionWidgetDesignerComponent, CreatorLogoImageComponent,
           QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, ColorItemComponent, QuestionColorComponent, QuestionFileEditorComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent, QuestionTextWithResetComponent, BooleanSwitchComponent, TranslateFromAction,
-          AddQuestionTypeSelectorComponent] });
+          AddQuestionTypeSelectorComponent, QuestionElementContentComponent, PageElementContentComponent] });
   SurveyCreatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SurveyCreatorModule, providers: [], imports: [[
               i2.CommonModule, i3.FormsModule, i1.SurveyModule
           ]] });
@@ -3403,7 +3463,7 @@
                           QuestionDropdownDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionImageAdornerDesignerComponent,
                           ItemValueDesignerComponent, ImageItemValueDesignerComponent, LogicOperatorComponent, MatrixCellComponent, QuestionEditorComponent, CellQuestionDropdownComponent, CreatorRowComponent, DesignerPagesComponent, DesignerSurveyComponent, CellQuestionComponent, QuestionWidgetDesignerComponent, CreatorLogoImageComponent,
                           QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, ColorItemComponent, QuestionColorComponent, QuestionFileEditorComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent, QuestionTextWithResetComponent,
-                          BooleanSwitchComponent, TranslateFromAction, AddQuestionTypeSelectorComponent],
+                          BooleanSwitchComponent, TranslateFromAction, AddQuestionTypeSelectorComponent, QuestionElementContentComponent, PageElementContentComponent],
                       imports: [
                           i2.CommonModule, i3.FormsModule, i1.SurveyModule
                       ],
@@ -3413,7 +3473,7 @@
                           QuestionDropdownDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionImageAdornerDesignerComponent,
                           ItemValueDesignerComponent, ImageItemValueDesignerComponent, LogicOperatorComponent, MatrixCellComponent, QuestionEditorComponent, CellQuestionDropdownComponent, CreatorRowComponent, DesignerPagesComponent, DesignerSurveyComponent, CellQuestionComponent, QuestionWidgetDesignerComponent, CreatorLogoImageComponent,
                           QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, ColorItemComponent, QuestionColorComponent, QuestionFileEditorComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent, QuestionTextWithResetComponent, BooleanSwitchComponent, TranslateFromAction,
-                          AddQuestionTypeSelectorComponent
+                          AddQuestionTypeSelectorComponent, QuestionElementContentComponent, PageElementContentComponent
                       ],
                       providers: [],
                   }]
@@ -3449,6 +3509,7 @@
   exports.MatrixCellComponent = MatrixCellComponent;
   exports.ObjectSelectorComponent = ObjectSelectorComponent;
   exports.PageDesignerComponent = PageDesignerComponent;
+  exports.PageElementContentComponent = PageElementContentComponent;
   exports.PageNavigatorComponent = PageNavigatorComponent;
   exports.PageNavigatorItemComponent = PageNavigatorItemComponent;
   exports.PanelDesignerComponent = PanelDesignerComponent;
@@ -3460,6 +3521,7 @@
   exports.QuestionDropdownAdornerDesignerComponent = QuestionDropdownAdornerDesignerComponent;
   exports.QuestionDropdownDesignerComponent = QuestionDropdownDesignerComponent;
   exports.QuestionEditorComponent = QuestionEditorComponent;
+  exports.QuestionElementContentComponent = QuestionElementContentComponent;
   exports.QuestionFileEditorComponent = QuestionFileEditorComponent;
   exports.QuestionImageAdornerDesignerComponent = QuestionImageAdornerDesignerComponent;
   exports.QuestionImageDesignerComponent = QuestionImageDesignerComponent;