survey-creator-angular 3.0.0-beta.9 → 3.0.1

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

@@ -535,6 +535,27 @@
       __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,
   };
 
+  var ComponentContainerComponent = /** @class */ (function (_super) {
+      __extends(ComponentContainerComponent, _super);
+      function ComponentContainerComponent() {
+          return _super !== null && _super.apply(this, arguments) || this;
+      }
+      return ComponentContainerComponent;
+  }(i1.EmbeddedViewContentComponent));
+  ComponentContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ComponentContainerComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  ComponentContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ComponentContainerComponent, selector: "svc-component-container", inputs: { model: "model" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <ng-template #elementsTemplate>\n    <ng-template *ngFor=\"let element of model.elements\"\n      [component]=\"{ name: element.componentName, data: element.componentData }\"></ng-template>\n  </ng-template>\n\n  <ng-container *ngIf=\"model.wrapped; else unwrappedTemplate\">\n    <div [class]=\"model.cssClass\">\n      <sv-scroll *ngIf=\"model.scrollable; else wrappedPlainTemplate\">\n        <ng-container *ngTemplateOutlet=\"elementsTemplate\"></ng-container>\n      </sv-scroll>\n      <ng-template #wrappedPlainTemplate>\n        <ng-container *ngTemplateOutlet=\"elementsTemplate\"></ng-container>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-template #unwrappedTemplate>\n    <sv-scroll *ngIf=\"model.scrollable; else unwrappedPlainTemplate\">\n      <ng-container *ngTemplateOutlet=\"elementsTemplate\"></ng-container>\n    </sv-scroll>\n    <ng-template #unwrappedPlainTemplate>\n      <ng-container *ngTemplateOutlet=\"elementsTemplate\"></ng-container>\n    </ng-template>\n  </ng-template>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1__namespace.ScrollComponent, selector: "sv-scroll", inputs: ["disabled", "onInnerHeightChanged"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ComponentContainerComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: "svc-component-container",
+                      templateUrl: "./component-container.component.html",
+                      styles: [":host { display: none; }"]
+                  }]
+          }], propDecorators: { model: [{
+                  type: i0.Input
+              }] } });
+  i1.AngularComponentFactory.Instance.registerComponent("svc-component-container", ComponentContainerComponent);
+
   var TabbedMenuItemWrapperComponent = /** @class */ (function (_super) {
       __extends(TabbedMenuItemWrapperComponent, _super);
       function TabbedMenuItemWrapperComponent() {
@@ -702,6 +723,17 @@
           enumerable: false,
           configurable: true
       });
+      Object.defineProperty(CreatorComponent.prototype, "collabBarContainer", {
+          // The collaboration strip is a ComponentContainerModel contributed by the
+          // plugin. `collabBar` is typed as Base in creator-core to keep the creator
+          // free of a dependency on the plugin, hence the cast.
+          get: function () {
+              var bar = this.model.collabBar;
+              return !!bar ? bar.container : undefined;
+          },
+          enumerable: false,
+          configurable: true
+      });
       CreatorComponent.prototype.getShouldReattachChangeDetector = function () {
           return false;
       };
@@ -742,7 +774,7 @@
       return CreatorComponent;
   }(i1.BaseAngular));
   CreatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreatorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  CreatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CreatorComponent, selector: "survey-creator", inputs: { model: "model" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!creator.isCreatorDisposed\">\n  <sv-ng-modal-container></sv-ng-modal-container>\n  <div [class]=\"creator.getRootCss()\" [attr.style]=\"themeVariablesString\" #container>\n    <div>\n      <sv-svg-bundle></sv-svg-bundle>\n    </div>\n    <div class=\"svc-full-container svc-creator__area svc-flex-column\"\n      [class.svc-creator__area--with-banner]=\"!creator.haveCommercialLicense\">\n      <div class=\"svc-flex-row svc-full-container\"\n        [class.svc-creator__side-bar--left]=\"creator.sidebarLocation == 'left'\">\n        <div class=\"svc-flex-column svc-flex-row__element svc-flex-row__element--growing\">\n          <div class=\"svc-top-bar\">\n            <div class=\"svc-tabbed-menu-wrapper\" [visible]=\"creator.showTabs\">\n              <svc-tabbed-menu [model]=\"creator.tabbedMenu\"></svc-tabbed-menu>\n            </div>\n            <div *ngIf=\"creator.showToolbar\" class=\"svc-toolbar-wrapper\" [visible]=\"creator.showToolbar\">\n              <sv-action-bar [model]=\"creator.toolbar\"></sv-action-bar>\n            </div>\n          </div>\n          <div class=\"svc-creator__content-wrapper svc-flex-row\"\n            [class.svc-creator__content-wrapper--footer-toolbar]=\"creator.isMobileView\">\n            <div class=\"svc-creator__content-holder svc-flex-column\">\n              <ng-container *ngIf=\"!!activeTab\">\n                <div role=\"tabpanel\" class=\"svc-creator-tab\" [attr.id]=\"'scrollableDiv-' + activeTab.id\"\n                  [attr.aria-labelledby]=\"'tab-' + activeTab.id\"\n                  [class.svc-creator__toolbox--right]=\"creator.toolboxLocation == 'right'\">\n                  <ng-template\n                    [component]=\"{ name: activeTab.componentContent, data: { data: creator, model: activeTab.data.model } }\"></ng-template>\n                </div>\n              </ng-container>\n            </div>\n          </div>\n          <div *ngIf=\"creator.isMobileView\" class=\"svc-footer-bar\">\n            <div class=\"svc-toolbar-wrapper\" [visible]=\"creator.isMobileView\">\n              <sv-action-bar [model]=\"creator.footerToolbar\"></sv-action-bar>\n            </div>\n          </div>\n        </div>\n        <svc-side-bar [model]=\"creator.sidebar\" *ngIf=\"creator.isSidebarVisible\"></svc-side-bar>\n      </div>\n      <div class=\"svc-creator__banner\" *ngIf=\"!creator.haveCommercialLicense\">\n        <span class=\"svc-creator__non-commercial-text\" [innerHTML]=\"creator.licenseText | safeHtml\"></span>\n      </div>\n      <sv-notifier [notifier]=\"creator.notifier\"></sv-notifier>\n    </div>\n  </div>\n</ng-container>", components: [{ type: i1__namespace.ModalComponent, selector: "sv-ng-modal-container" }, { type: i1__namespace.SvgBundleComponent, selector: "sv-svg-bundle" }, { type: TabbledMenuComponent, selector: "svc-tabbed-menu", inputs: ["model"] }, { type: i1__namespace.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }, { type: SidebarComponent, selector: "svc-side-bar", inputs: ["model"] }, { type: i1__namespace.NotifierComponent, selector: "sv-notifier", inputs: ["notifier"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.VisibleDirective, selector: "[visible]", inputs: ["visible"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }], pipes: { "safeHtml": i1__namespace.SafeHtmlPipe } });
+  CreatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CreatorComponent, selector: "survey-creator", inputs: { model: "model" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!creator.isCreatorDisposed\">\n  <sv-ng-modal-container></sv-ng-modal-container>\n  <div [class]=\"creator.getRootCss()\" [attr.style]=\"themeVariablesString\" #container>\n    <div>\n      <sv-svg-bundle></sv-svg-bundle>\n    </div>\n    <div class=\"svc-full-container svc-creator__area svc-flex-column\"\n      [class.svc-creator__area--with-banner]=\"!creator.haveCommercialLicense\">\n      <svc-component-container *ngIf=\"collabBarContainer\" [model]=\"collabBarContainer\"></svc-component-container>\n      <div class=\"svc-flex-row svc-full-container\"\n        [class.svc-creator__side-bar--left]=\"creator.sidebarLocation == 'left'\">\n        <div class=\"svc-flex-column svc-flex-row__element svc-flex-row__element--growing\">\n          <div class=\"svc-top-bar\">\n            <div class=\"svc-tabbed-menu-wrapper\" [visible]=\"creator.showTabs\">\n              <svc-tabbed-menu [model]=\"creator.tabbedMenu\"></svc-tabbed-menu>\n            </div>\n            <div *ngIf=\"creator.showToolbar\" class=\"svc-toolbar-wrapper\" [visible]=\"creator.showToolbar\">\n              <sv-action-bar [model]=\"creator.toolbar\"></sv-action-bar>\n            </div>\n          </div>\n          <div class=\"svc-creator__content-wrapper svc-flex-row\"\n            [class.svc-creator__content-wrapper--footer-toolbar]=\"creator.isMobileView\">\n            <div class=\"svc-creator__content-holder svc-flex-column\">\n              <ng-container *ngIf=\"!!activeTab\">\n                <div role=\"tabpanel\" class=\"svc-creator-tab\" [attr.id]=\"'scrollableDiv-' + activeTab.id\"\n                  [attr.aria-labelledby]=\"'tab-' + activeTab.id\"\n                  [class.svc-creator__toolbox--right]=\"creator.toolboxLocation == 'right'\">\n                  <ng-template\n                    [component]=\"{ name: activeTab.componentContent, data: { data: creator, model: activeTab.data.model } }\"></ng-template>\n                </div>\n              </ng-container>\n            </div>\n          </div>\n          <div *ngIf=\"creator.isMobileView\" class=\"svc-footer-bar\">\n            <div class=\"svc-toolbar-wrapper\" [visible]=\"creator.isMobileView\">\n              <sv-action-bar [model]=\"creator.footerToolbar\"></sv-action-bar>\n            </div>\n          </div>\n        </div>\n        <svc-side-bar [model]=\"creator.sidebar\" *ngIf=\"creator.isSidebarVisible\"></svc-side-bar>\n      </div>\n      <div class=\"svc-creator__banner\" *ngIf=\"!creator.haveCommercialLicense\">\n        <span class=\"svc-creator__non-commercial-text\" [innerHTML]=\"creator.licenseText | safeHtml\"></span>\n      </div>\n      <sv-notifier [notifier]=\"creator.notifier\"></sv-notifier>\n    </div>\n  </div>\n</ng-container>", components: [{ type: i1__namespace.ModalComponent, selector: "sv-ng-modal-container" }, { type: i1__namespace.SvgBundleComponent, selector: "sv-svg-bundle" }, { type: ComponentContainerComponent, selector: "svc-component-container", inputs: ["model"] }, { type: TabbledMenuComponent, selector: "svc-tabbed-menu", inputs: ["model"] }, { type: i1__namespace.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }, { type: SidebarComponent, selector: "svc-side-bar", inputs: ["model"] }, { type: i1__namespace.NotifierComponent, selector: "sv-notifier", inputs: ["notifier"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.VisibleDirective, selector: "[visible]", inputs: ["visible"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }], pipes: { "safeHtml": i1__namespace.SafeHtmlPipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreatorComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -1271,27 +1303,6 @@
               }] } });
   i1.AngularComponentFactory.Instance.registerComponent("svc-side-bar-header", SidebarHeaderComponent);
 
-  var ComponentContainerComponent = /** @class */ (function (_super) {
-      __extends(ComponentContainerComponent, _super);
-      function ComponentContainerComponent() {
-          return _super !== null && _super.apply(this, arguments) || this;
-      }
-      return ComponentContainerComponent;
-  }(i1.EmbeddedViewContentComponent));
-  ComponentContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ComponentContainerComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  ComponentContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ComponentContainerComponent, selector: "svc-component-container", inputs: { model: "model" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <ng-template #elementsTemplate>\n    <ng-template *ngFor=\"let element of model.elements\"\n      [component]=\"{ name: element.componentName, data: element.componentData }\"></ng-template>\n  </ng-template>\n\n  <ng-container *ngIf=\"model.wrapped; else unwrappedTemplate\">\n    <div [class]=\"model.cssClass\">\n      <sv-scroll *ngIf=\"model.scrollable; else wrappedPlainTemplate\">\n        <ng-container *ngTemplateOutlet=\"elementsTemplate\"></ng-container>\n      </sv-scroll>\n      <ng-template #wrappedPlainTemplate>\n        <ng-container *ngTemplateOutlet=\"elementsTemplate\"></ng-container>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-template #unwrappedTemplate>\n    <sv-scroll *ngIf=\"model.scrollable; else unwrappedPlainTemplate\">\n      <ng-container *ngTemplateOutlet=\"elementsTemplate\"></ng-container>\n    </sv-scroll>\n    <ng-template #unwrappedPlainTemplate>\n      <ng-container *ngTemplateOutlet=\"elementsTemplate\"></ng-container>\n    </ng-template>\n  </ng-template>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: i1__namespace.ScrollComponent, selector: "sv-scroll", inputs: ["disabled", "onInnerHeightChanged"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ComponentContainerComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: "svc-component-container",
-                      templateUrl: "./component-container.component.html",
-                      styles: [":host { display: none; }"]
-                  }]
-          }], propDecorators: { model: [{
-                  type: i0.Input
-              }] } });
-  i1.AngularComponentFactory.Instance.registerComponent("svc-component-container", ComponentContainerComponent);
-
   var IconItemComponent = /** @class */ (function (_super) {
       __extends(IconItemComponent, _super);
       function IconItemComponent() {
@@ -1594,6 +1605,71 @@
               }] } });
   i1.AngularComponentFactory.Instance.registerComponent("svc-switcher", SwitcherComponent);
 
+  // See the React CollabRow for what this renders. Presentation only, no events.
+  var CollabRowComponent = /** @class */ (function (_super) {
+      __extends(CollabRowComponent, _super);
+      function CollabRowComponent() {
+          return _super !== null && _super.apply(this, arguments) || this;
+      }
+      CollabRowComponent.prototype.getModel = function () {
+          return this.model;
+      };
+      return CollabRowComponent;
+  }(i1.BaseAngular));
+  CollabRowComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CollabRowComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  CollabRowComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CollabRowComponent, selector: "svc-collab-row", inputs: { model: "model" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div *ngIf=\"model.visible\" [class]=\"model.rowCss\" [attr.role]=\"model.rowRole || null\"\n    [attr.aria-expanded]=\"model.ariaExpanded\">\n    <span *ngIf=\"model.hasMarkerText\" [class]=\"model.markerCss\">{{ model.markerText }}</span>\n    <span *ngIf=\"!model.hasMarkerText && model.hasMarkerIcon\" class=\"svc-collab-row__icon\">\n      <svg [iconName]=\"model.markerIconName\" [size]=\"model.markerIconSize\" sv-ng-svg-icon></svg>\n    </span>\n    <span class=\"svc-collab-row__title\">{{ model.title }}</span>\n    <span *ngIf=\"model.hasSubtitle\" class=\"svc-collab-row__subtitle\">{{ model.subtitle }}</span>\n  </div>\n</ng-template>\n", styles: [":host { display: none; }"], components: [{ type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CollabRowComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: "svc-collab-row",
+                      templateUrl: "./collab-row.component.html",
+                      styles: [":host { display: none; }"]
+                  }]
+          }], propDecorators: { model: [{
+                  type: i0.Input
+              }] } });
+  i1.AngularComponentFactory.Instance.registerComponent("svc-collab-row", CollabRowComponent);
+
+  // See the React FloatingPanel for what this renders. Markup only: the root node
+  // is handed to the model and the header's raw pointerdown is forwarded from the
+  // template; geometry, listeners, focus and hiding all live in the model.
+  var FloatingPanelComponent = /** @class */ (function (_super) {
+      __extends(FloatingPanelComponent, _super);
+      function FloatingPanelComponent() {
+          return _super !== null && _super.apply(this, arguments) || this;
+      }
+      FloatingPanelComponent.prototype.getModel = function () {
+          return this.model;
+      };
+      FloatingPanelComponent.prototype.ngAfterViewInit = function () {
+          var _a;
+          if (!!((_a = this.root) === null || _a === void 0 ? void 0 : _a.nativeElement)) {
+              this.model.setComponentElement(this.root.nativeElement);
+          }
+      };
+      FloatingPanelComponent.prototype.ngOnDestroy = function () {
+          this.model.resetComponentElement();
+          _super.prototype.ngOnDestroy.call(this);
+      };
+      return FloatingPanelComponent;
+  }(i1.BaseAngular));
+  FloatingPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FloatingPanelComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  FloatingPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FloatingPanelComponent, selector: "svc-floating-panel", inputs: { model: "model" }, viewQueries: [{ propertyName: "root", first: true, predicate: ["root"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div #root [class]=\"model.rootCss\" [ngStyle]=\"model.style\" role=\"dialog\" [attr.aria-modal]=\"false\"\n    [attr.aria-labelledby]=\"model.titleId\" tabindex=\"-1\" (pointerdown)=\"model.bringToFront()\">\n    <div [class]=\"model.headerCss\" (pointerdown)=\"model.onPointerDown($event)\">\n      <span [id]=\"model.titleId\" class=\"svc-floating-panel__title\">{{ model.titleText }}</span>\n      <span class=\"svc-floating-panel__drag\" aria-hidden=\"true\">\n        <svg [iconName]=\"'icon-draghorizontal-24x16'\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n      </span>\n      <sv-action-bar [model]=\"model.headerToolbar\"></sv-action-bar>\n    </div>\n    <div [class]=\"model.bodyCss\">\n      <ng-template [component]=\"{ name: model.contentComponentName, data: model.contentComponentData }\"></ng-template>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host { display: none; }"], components: [{ 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FloatingPanelComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: "svc-floating-panel",
+                      templateUrl: "./floating-panel.component.html",
+                      styles: [":host { display: none; }"]
+                  }]
+          }], propDecorators: { model: [{
+                  type: i0.Input
+              }], root: [{
+                  type: i0.ViewChild,
+                  args: ["root"]
+              }] } });
+  i1.AngularComponentFactory.Instance.registerComponent("svc-floating-panel", FloatingPanelComponent);
+
   var LinkValueQuestionComponent = /** @class */ (function (_super) {
       __extends(LinkValueQuestionComponent, _super);
       function LinkValueQuestionComponent() {
@@ -1670,6 +1746,38 @@
       TranslationTabComponent.prototype.getModel = function () {
           return this.model;
       };
+      Object.defineProperty(TranslationTabComponent.prototype, "sideBySideModel", {
+          get: function () {
+              return this.model.isSideBySideForms ? this.model : undefined;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(TranslationTabComponent.prototype, "sourceScrollContainer", {
+          // The setters also fire with undefined when *ngIf removes the panes, which detaches the listeners.
+          set: function (ref) {
+              var _a;
+              (_a = this.sideBySideModel) === null || _a === void 0 ? void 0 : _a.setSourceScrollElement(ref ? ref.nativeElement : undefined);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(TranslationTabComponent.prototype, "targetScrollContainer", {
+          set: function (ref) {
+              var _a;
+              (_a = this.sideBySideModel) === null || _a === void 0 ? void 0 : _a.setTargetScrollElement(ref ? ref.nativeElement : undefined);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(TranslationTabComponent.prototype, "stringsModel", {
+          // The strings-grid model: the tab model itself in the default mode and in the side-by-side grid view.
+          get: function () {
+              return this.sideBySideModel ? undefined : this.model;
+          },
+          enumerable: false,
+          configurable: true
+      });
       // The strings survey is fully recreated on reset(). Its elements keep deterministic ids across
       // instances, so *ngFor's element trackBy would reuse the disposed survey's (lazy-skeleton) rows.
       // Keying the survey-content by the per-instance elementIdPrefix forces Angular to recreate it.
@@ -1679,7 +1787,7 @@
       return TranslationTabComponent;
   }(i1.BaseAngular));
   TranslationTabComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationTabComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  TranslationTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TranslationTabComponent, selector: "svc-tab-translation", inputs: { model: "model" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div class=\"svc-creator-tab__content svc-translation-tab\" [class]=\"model.isEmpty ? 'svc-translation-tab--empty' : ''\">\n    <svc-surface-placeholder *ngIf=\"model.isEmpty\" [name]=\"'translation'\"\n      [placeholderTitleText]=\"model.placeholderTitleText\"\n      [placeholderDescriptionText]=\"model.placeholderDescriptionText\">\n    </svc-surface-placeholder>\n    <div *ngIf=\"!model.isEmpty\" class=\"st-content\">\n      <div class=\"svc-flex-column st-strings-wrapper\">\n        <div class=\"svc-flex-row st-strings-header\">\n          <ng-container *ngFor=\"let s of [model.stringsHeaderSurvey]; trackBy: trackStringsSurveyBy\">\n            <survey-content [model]=\"s\"></survey-content>\n          </ng-container>\n        </div>\n        <div class=\"svc-flex-row svc-plugin-tab__content st-strings\">\n          <ng-container *ngFor=\"let s of [model.stringsSurvey]; trackBy: trackStringsSurveyBy\">\n            <survey-content [model]=\"s\"></survey-content>\n          </ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: SurfacePlaceholderComponent, selector: "svc-surface-placeholder", inputs: ["name", "placeholderTitleText", "placeholderDescriptionText"] }, { type: i1__namespace.SurveyContentComponent, selector: "survey-content", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+  TranslationTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TranslationTabComponent, selector: "svc-tab-translation", inputs: { model: "model" }, viewQueries: [{ propertyName: "sourceScrollContainer", first: true, predicate: ["sourceScrollContainer"], descendants: true }, { propertyName: "targetScrollContainer", first: true, predicate: ["targetScrollContainer"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div class=\"svc-creator-tab__content svc-translation-tab\" [class]=\"model.isEmpty ? 'svc-translation-tab--empty' : ''\">\n    <svc-surface-placeholder *ngIf=\"model.isEmpty\" [name]=\"'translation'\"\n      [placeholderTitleText]=\"model.placeholderTitleText\"\n      [placeholderDescriptionText]=\"model.placeholderDescriptionText\">\n    </svc-surface-placeholder>\n    <ng-container *ngIf=\"!model.isEmpty\">\n      <div *ngIf=\"stringsModel\" class=\"st-content\">\n        <div class=\"svc-flex-column st-strings-wrapper\">\n          <div class=\"svc-flex-row st-strings-header\">\n            <ng-container *ngFor=\"let s of [stringsModel.stringsHeaderSurvey]; trackBy: trackStringsSurveyBy\">\n              <survey-content [model]=\"s\"></survey-content>\n            </ng-container>\n          </div>\n          <div class=\"svc-flex-row svc-plugin-tab__content st-strings\">\n            <ng-container *ngFor=\"let s of [stringsModel.stringsSurvey]; trackBy: trackStringsSurveyBy\">\n              <survey-content [model]=\"s\"></survey-content>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"sideBySideModel\" class=\"st-side-by-side\"\n        [class]=\"sideBySideModel.targetSurvey ? '' : 'st-side-by-side--no-target'\">\n        <div class=\"st-side-by-side__source\" #sourceScrollContainer>\n          <ng-container *ngFor=\"let s of [sideBySideModel.sourceSurvey]; trackBy: trackStringsSurveyBy\">\n            <survey-content [model]=\"s\"></survey-content>\n          </ng-container>\n        </div>\n        <div *ngIf=\"sideBySideModel.targetSurvey\" class=\"st-side-by-side__target\" #targetScrollContainer>\n          <ng-container *ngFor=\"let s of [sideBySideModel.targetSurvey]; trackBy: trackStringsSurveyBy\">\n            <survey-content [model]=\"s\"></survey-content>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: SurfacePlaceholderComponent, selector: "svc-surface-placeholder", inputs: ["name", "placeholderTitleText", "placeholderDescriptionText"] }, { type: i1__namespace.SurveyContentComponent, selector: "survey-content", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationTabComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -1689,6 +1797,12 @@
                   }]
           }], propDecorators: { model: [{
                   type: i0.Input
+              }], sourceScrollContainer: [{
+                  type: i0.ViewChild,
+                  args: ["sourceScrollContainer"]
+              }], targetScrollContainer: [{
+                  type: i0.ViewChild,
+                  args: ["targetScrollContainer"]
               }] } });
   i1.AngularComponentFactory.Instance.registerComponent("svc-tab-translation", TranslationTabComponent);
 
@@ -2381,7 +2495,7 @@
               componentData: {
                   question: this.question,
                   model: item,
-                  inputType: "radio",
+                  inputType: this.adorner.itemInputType,
                   data: this.question.getItemValueWrapperComponentData(item)
               }
           };
@@ -3323,6 +3437,61 @@
               }] } });
   i1.AngularComponentFactory.Instance.registerComponent("svc-rating-question-content", QuestionRatingAdornerDesignerComponent);
 
+  // The flattened choice list of a dropdown/tagbox question in the translation side-by-side
+  // panes. Chrome-free: no designer adorner and no itemvalue wrappers - the choice texts render
+  // through the survey's string renderer (editable in the target pane, plain in the source one).
+  var TranslationDropdownQuestionComponent = /** @class */ (function (_super) {
+      __extends(TranslationDropdownQuestionComponent, _super);
+      function TranslationDropdownQuestionComponent() {
+          return _super !== null && _super.apply(this, arguments) || this;
+      }
+      Object.defineProperty(TranslationDropdownQuestionComponent.prototype, "question", {
+          get: function () {
+              return this.componentData.model;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      TranslationDropdownQuestionComponent.prototype.createModel = function () {
+          if (this.componentData) {
+              if (!!this.adorner) {
+                  this.adorner.dispose();
+              }
+              this.adorner = new surveyCreatorCore.TranslationDropdownViewModel(this.componentData.model, this.componentData.data ? this.componentData.data.translation : undefined);
+          }
+      };
+      TranslationDropdownQuestionComponent.prototype.getPropertiesToTrack = function () {
+          return ["componentData"];
+      };
+      TranslationDropdownQuestionComponent.prototype.getModel = function () {
+          return this.adorner;
+      };
+      TranslationDropdownQuestionComponent.prototype.ngOnDestroy = function () {
+          _super.prototype.ngOnDestroy.call(this);
+          if (!!this.adorner) {
+              this.adorner.dispose();
+          }
+      };
+      return TranslationDropdownQuestionComponent;
+  }(CreatorModelComponent));
+  TranslationDropdownQuestionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationDropdownQuestionComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  TranslationDropdownQuestionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TranslationDropdownQuestionComponent, selector: "svc-translation-dropdown-question", inputs: { componentName: "componentName", componentData: "componentData", contentTempl: "contentTempl" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <ng-container *ngTemplateOutlet=\"contentTempl\"></ng-container>\n  <div class=\"st-dropdown-choices--wrapper\">\n    <div class=\"svc-question__dropdown-choices\">\n      <div *ngFor=\"let item of adorner.getRenderedItems()\" [class]=\"adorner.getChoiceCss()\">\n        <ng-template\n          [component]=\"{ name: 'sv-ng-selectbase-item', data: { question: question, model: item, inputType: adorner.itemInputType } }\">\n        </ng-template>\n      </div>\n    </div>\n    <ng-container *ngIf=\"adorner.needToCollapse\">\n      <ng-template [component]=\"{ name: 'sv-action-bar-item', data: { model: adorner.collapseAction } }\"></ng-template>\n    </ng-container>\n  </div>\n</ng-template>\n", styles: [":host { display: none; }"], directives: [{ type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationDropdownQuestionComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: "svc-translation-dropdown-question",
+                      templateUrl: "./translation-dropdown-question.component.html",
+                      styles: [":host { display: none; }"]
+                  }]
+          }], propDecorators: { componentName: [{
+                  type: i0.Input
+              }], componentData: [{
+                  type: i0.Input
+              }], contentTempl: [{
+                  type: i0.Input
+              }] } });
+  i1.AngularComponentFactory.Instance.registerComponent("svc-translation-dropdown-question", TranslationDropdownQuestionComponent);
+
   var CreatorLogoImageComponent = /** @class */ (function (_super) {
       __extends(CreatorLogoImageComponent, _super);
       function CreatorLogoImageComponent() {
@@ -3592,7 +3761,7 @@
       return FileEditorButtonComponent;
   }(i1.BaseAngular));
   FileEditorButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FileEditorButtonComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  FileEditorButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FileEditorButtonComponent, selector: "sv-ng-file-editor-button", inputs: { model: "model" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div>\n    <label [class]=\"model.getActionBarItemCss()\" [attr.for]=\"question.inputId\" [attr.aria-label]=\"question.chooseButtonCaption\"\n      (click)=\"question.chooseFiles($event)\" [key2click]>\n      <svg [iconName]=\"model.iconName\" size=\"'auto'\" [title]=\"model.title\" [class]=\"model.cssClasses.itemIcon\" sv-ng-svg-icon></svg>\n    </label>\n    <input type=\"file\" [disabled]=\"model.disabled\" [class]=\"question.cssClasses.fileInput\" [attr.id]=\"question.inputId\"\n        [attr.aria-required]=\"question.ariaRequired\" [attr.aria-label]=\"question.ariaLabel\"\n        [attr.aria-invalid]=\"question.ariaInvalid\" [attr.aria-describedby]=\"question.ariaDescribedBy\" [attr.multiple]=\"false\"\n        [title]=\"question.inputTitle\" [accept]=\"question.acceptedTypes\" (change)=\"question.onFileInputChange($event)\" tabindex=\"-1\">\n  </div>\n</ng-template>\n", styles: ["{ :host { display: none; } }"], components: [{ type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }], directives: [{ type: i1__namespace.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }] });
+  FileEditorButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FileEditorButtonComponent, selector: "sv-ng-file-editor-button", inputs: { model: "model" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div>\n    <label [class]=\"model.getActionBarItemCss()\" [attr.for]=\"question.inputId\" [attr.aria-label]=\"question.chooseButtonCaption\"\n      (click)=\"question.chooseFiles($event)\" [key2click]>\n      <svg [iconName]=\"model.iconName\" size=\"'auto'\" [title]=\"model.title\" [class]=\"model.cssClasses.itemIcon\" sv-ng-svg-icon></svg>\n      <span class=\"sv-visuallyhidden\">{{ question.chooseButtonCaption }}</span>\n    </label>\n    <input type=\"file\" [disabled]=\"model.disabled\" [class]=\"question.cssClasses.fileInput\" [attr.id]=\"question.inputId\"\n        [attr.aria-required]=\"question.ariaRequired\" [attr.aria-label]=\"question.ariaLabel\"\n        [attr.aria-invalid]=\"question.ariaInvalid\" [attr.aria-describedby]=\"question.ariaDescribedBy\" [attr.multiple]=\"false\"\n        [title]=\"question.inputTitle\" [accept]=\"question.acceptedTypes\" (change)=\"question.onFileInputChange($event)\" tabindex=\"-1\">\n  </div>\n</ng-template>\n", styles: ["{ :host { display: none; } }"], components: [{ type: i1__namespace.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }], directives: [{ type: i1__namespace.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FileEditorButtonComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -3657,6 +3826,41 @@
               }] } });
   i1.AngularComponentFactory.Instance.registerComponent("svc-translate-from-action", TranslateFromAction);
 
+  // An item of the target language dropdown: the language name and, at the right edge, how much of
+  // the survey is already translated into it. The counts are precomputed on the choices themselves
+  // (see updateTargetLocaleChoices) - a language with no translations carries none. The angular list
+  // item passes the item itself as "model" (react and vue pass it as "item").
+  var TranslationLocaleItemComponent = /** @class */ (function (_super) {
+      __extends(TranslationLocaleItemComponent, _super);
+      function TranslationLocaleItemComponent() {
+          return _super !== null && _super.apply(this, arguments) || this;
+      }
+      TranslationLocaleItemComponent.prototype.getModel = function () {
+          return this.model;
+      };
+      Object.defineProperty(TranslationLocaleItemComponent.prototype, "progress", {
+          get: function () {
+              return surveyCreatorCore.getTranslationLocaleProgress(this.model);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      return TranslationLocaleItemComponent;
+  }(i1.BaseAngular));
+  TranslationLocaleItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationLocaleItemComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  TranslationLocaleItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TranslationLocaleItemComponent, selector: "svc-translation-locale-item", inputs: { model: "model" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div class=\"svc-translation-locale-item\">\n    <span class=\"svc-translation-locale-item__name\">\n      <sv-ng-string [model]=\"model.locTitle\"></sv-ng-string>\n    </span>\n    <span *ngIf=\"!!progress\" class=\"svc-translation-locale-item__progress\">{{ progress }}</span>\n  </div>\n</ng-template>\n", styles: [":host { display: none }"], components: [{ type: i1__namespace.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationLocaleItemComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: "svc-translation-locale-item",
+                      templateUrl: "./translation-locale-item.component.html",
+                      styles: [":host { display: none }"]
+                  }]
+          }], propDecorators: { model: [{
+                  type: i0.Input
+              }] } });
+  i1.AngularComponentFactory.Instance.registerComponent(surveyCreatorCore.translationLocaleItemComponentName, TranslationLocaleItemComponent);
+
   var ContainerTabComponent = /** @class */ (function (_super) {
       __extends(ContainerTabComponent, _super);
       function ContainerTabComponent() {
@@ -3711,17 +3915,17 @@
       return SurveyCreatorModule;
   }());
   SurveyCreatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SurveyCreatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  SurveyCreatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SurveyCreatorModule, declarations: [CreatorComponent, DesignerTabComponent, PageDesignerComponent, QuestionDesignerComponent, PanelDesignerComponent, TabbledMenuComponent, TabbedMenuItemComponent, TabbedMenuItemWrapperComponent, SidebarComponent, SidebarPageComponent, SidebarDefaultHeaderComponent, ObjectSelectorComponent, SidebarPropertyGridHeaderComponent, PropertyGridPlaceholderComponent, SidebarHeaderComponent, TabControlComponent, TabsComponent, TabButtonComponent, PropertyGridComponent, SearchComponent, TextareaJsonEditorComponent, AceJsonEditorComponent, LogicTabComponent, ActionButtonComponent, QuestionPgErrorComponent, SurfacePlaceholderComponent, SwitcherComponent, LinkValueQuestionComponent, EmbeddedSurveyQuestionComponent, TranslationTabComponent, TranslationSkeletonComponent, SimulatorComponent, TestTabComponent, SurveyResultsComponent, SurveyResultsTableRowComponent, ThemeTabComponent,
+  SurveyCreatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SurveyCreatorModule, declarations: [CreatorComponent, DesignerTabComponent, PageDesignerComponent, QuestionDesignerComponent, PanelDesignerComponent, TabbledMenuComponent, TabbedMenuItemComponent, TabbedMenuItemWrapperComponent, SidebarComponent, SidebarPageComponent, SidebarDefaultHeaderComponent, ObjectSelectorComponent, SidebarPropertyGridHeaderComponent, PropertyGridPlaceholderComponent, SidebarHeaderComponent, TabControlComponent, TabsComponent, TabButtonComponent, PropertyGridComponent, SearchComponent, TextareaJsonEditorComponent, AceJsonEditorComponent, LogicTabComponent, ActionButtonComponent, QuestionPgErrorComponent, SurfacePlaceholderComponent, SwitcherComponent, CollabRowComponent, FloatingPanelComponent, LinkValueQuestionComponent, EmbeddedSurveyQuestionComponent, TranslationTabComponent, TranslationSkeletonComponent, SimulatorComponent, TestTabComponent, SurveyResultsComponent, SurveyResultsTableRowComponent, ThemeTabComponent,
           AdaptiveToolboxComponent, ToolboxToolComponent, ToolboxItemComponent, ToolboxItemGroupComponent, ToolboxListComponent, ToolboxCategoryComponent, StringEditorComponent, PageNavigatorComponent, PageNavigatorItemComponent,
-          QuestionDropdownDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionImageAdornerDesignerComponent,
+          QuestionDropdownDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionImageAdornerDesignerComponent, TranslationDropdownQuestionComponent,
           ItemValueDesignerComponent, ImageItemValueDesignerComponent, LogicOperatorComponent, MatrixCellComponent, QuestionEditorComponent, CellQuestionDropdownComponent, CreatorRowComponent, DesignerPagesComponent, DesignerSurveyComponent, CellQuestionComponent, QuestionWidgetDesignerComponent, CreatorLogoImageComponent,
           QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, SwatchComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent,
-          TranslateFromAction, QuestionElementContentComponent, PageElementContentComponent, PageWrapperComponent, ComponentContainerComponent,
-          IconItemComponent, SideBarLaunchCardComponent, ContainerTabComponent, ImageItemDragActionComponent], 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, ActionButtonComponent, QuestionPgErrorComponent, SurfacePlaceholderComponent, SwitcherComponent, LinkValueQuestionComponent, EmbeddedSurveyQuestionComponent, TranslationTabComponent, TranslationSkeletonComponent, SimulatorComponent, TestTabComponent, SurveyResultsComponent, SurveyResultsTableRowComponent, ThemeTabComponent,
+          TranslateFromAction, TranslationLocaleItemComponent, QuestionElementContentComponent, PageElementContentComponent, PageWrapperComponent, ComponentContainerComponent,
+          IconItemComponent, SideBarLaunchCardComponent, ContainerTabComponent, ImageItemDragActionComponent], 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, ActionButtonComponent, QuestionPgErrorComponent, SurfacePlaceholderComponent, SwitcherComponent, CollabRowComponent, FloatingPanelComponent, LinkValueQuestionComponent, EmbeddedSurveyQuestionComponent, TranslationTabComponent, TranslationSkeletonComponent, SimulatorComponent, TestTabComponent, SurveyResultsComponent, SurveyResultsTableRowComponent, ThemeTabComponent,
           AdaptiveToolboxComponent, ToolboxToolComponent, ToolboxItemComponent, ToolboxItemGroupComponent, ToolboxListComponent, ToolboxCategoryComponent, StringEditorComponent, PageNavigatorComponent, PageNavigatorItemComponent,
-          QuestionDropdownDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionImageAdornerDesignerComponent,
+          QuestionDropdownDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionImageAdornerDesignerComponent, TranslationDropdownQuestionComponent,
           ItemValueDesignerComponent, ImageItemValueDesignerComponent, LogicOperatorComponent, MatrixCellComponent, QuestionEditorComponent, CellQuestionDropdownComponent, CreatorRowComponent, DesignerPagesComponent, DesignerSurveyComponent, CellQuestionComponent, QuestionWidgetDesignerComponent, CreatorLogoImageComponent,
-          QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, SwatchComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent, TranslateFromAction, QuestionElementContentComponent, PageElementContentComponent, ComponentContainerComponent,
+          QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, SwatchComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent, TranslateFromAction, TranslationLocaleItemComponent, QuestionElementContentComponent, PageElementContentComponent, ComponentContainerComponent,
           IconItemComponent, SideBarLaunchCardComponent, ContainerTabComponent, ImageItemDragActionComponent] });
   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
@@ -3729,22 +3933,22 @@
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SurveyCreatorModule, decorators: [{
               type: i0.NgModule,
               args: [{
-                      declarations: [CreatorComponent, DesignerTabComponent, PageDesignerComponent, QuestionDesignerComponent, PanelDesignerComponent, TabbledMenuComponent, TabbedMenuItemComponent, TabbedMenuItemWrapperComponent, SidebarComponent, SidebarPageComponent, SidebarDefaultHeaderComponent, ObjectSelectorComponent, SidebarPropertyGridHeaderComponent, PropertyGridPlaceholderComponent, SidebarHeaderComponent, TabControlComponent, TabsComponent, TabButtonComponent, PropertyGridComponent, SearchComponent, TextareaJsonEditorComponent, AceJsonEditorComponent, LogicTabComponent, ActionButtonComponent, QuestionPgErrorComponent, SurfacePlaceholderComponent, SwitcherComponent, LinkValueQuestionComponent, EmbeddedSurveyQuestionComponent, TranslationTabComponent, TranslationSkeletonComponent, SimulatorComponent, TestTabComponent, SurveyResultsComponent, SurveyResultsTableRowComponent, ThemeTabComponent,
+                      declarations: [CreatorComponent, DesignerTabComponent, PageDesignerComponent, QuestionDesignerComponent, PanelDesignerComponent, TabbledMenuComponent, TabbedMenuItemComponent, TabbedMenuItemWrapperComponent, SidebarComponent, SidebarPageComponent, SidebarDefaultHeaderComponent, ObjectSelectorComponent, SidebarPropertyGridHeaderComponent, PropertyGridPlaceholderComponent, SidebarHeaderComponent, TabControlComponent, TabsComponent, TabButtonComponent, PropertyGridComponent, SearchComponent, TextareaJsonEditorComponent, AceJsonEditorComponent, LogicTabComponent, ActionButtonComponent, QuestionPgErrorComponent, SurfacePlaceholderComponent, SwitcherComponent, CollabRowComponent, FloatingPanelComponent, LinkValueQuestionComponent, EmbeddedSurveyQuestionComponent, TranslationTabComponent, TranslationSkeletonComponent, SimulatorComponent, TestTabComponent, SurveyResultsComponent, SurveyResultsTableRowComponent, ThemeTabComponent,
                           AdaptiveToolboxComponent, ToolboxToolComponent, ToolboxItemComponent, ToolboxItemGroupComponent, ToolboxListComponent, ToolboxCategoryComponent, StringEditorComponent, PageNavigatorComponent, PageNavigatorItemComponent,
-                          QuestionDropdownDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionImageAdornerDesignerComponent,
+                          QuestionDropdownDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionImageAdornerDesignerComponent, TranslationDropdownQuestionComponent,
                           ItemValueDesignerComponent, ImageItemValueDesignerComponent, LogicOperatorComponent, MatrixCellComponent, QuestionEditorComponent, CellQuestionDropdownComponent, CreatorRowComponent, DesignerPagesComponent, DesignerSurveyComponent, CellQuestionComponent, QuestionWidgetDesignerComponent, CreatorLogoImageComponent,
                           QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, SwatchComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent,
-                          TranslateFromAction, QuestionElementContentComponent, PageElementContentComponent, PageWrapperComponent, ComponentContainerComponent,
+                          TranslateFromAction, TranslationLocaleItemComponent, QuestionElementContentComponent, PageElementContentComponent, PageWrapperComponent, ComponentContainerComponent,
                           IconItemComponent, SideBarLaunchCardComponent, ContainerTabComponent, ImageItemDragActionComponent],
                       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, ActionButtonComponent, QuestionPgErrorComponent, SurfacePlaceholderComponent, SwitcherComponent, LinkValueQuestionComponent, EmbeddedSurveyQuestionComponent, TranslationTabComponent, TranslationSkeletonComponent, SimulatorComponent, TestTabComponent, SurveyResultsComponent, SurveyResultsTableRowComponent, ThemeTabComponent,
+                          CreatorComponent, DesignerTabComponent, PageDesignerComponent, QuestionDesignerComponent, PanelDesignerComponent, TabbledMenuComponent, TabbedMenuItemComponent, TabbedMenuItemWrapperComponent, SidebarComponent, SidebarPageComponent, SidebarDefaultHeaderComponent, SidebarPropertyGridHeaderComponent, PropertyGridPlaceholderComponent, SidebarHeaderComponent, TabControlComponent, TabsComponent, TabButtonComponent, ObjectSelectorComponent, PropertyGridComponent, SearchComponent, TextareaJsonEditorComponent, AceJsonEditorComponent, LogicTabComponent, ActionButtonComponent, QuestionPgErrorComponent, SurfacePlaceholderComponent, SwitcherComponent, CollabRowComponent, FloatingPanelComponent, LinkValueQuestionComponent, EmbeddedSurveyQuestionComponent, TranslationTabComponent, TranslationSkeletonComponent, SimulatorComponent, TestTabComponent, SurveyResultsComponent, SurveyResultsTableRowComponent, ThemeTabComponent,
                           AdaptiveToolboxComponent, ToolboxToolComponent, ToolboxItemComponent, ToolboxItemGroupComponent, ToolboxListComponent, ToolboxCategoryComponent, StringEditorComponent, PageNavigatorComponent, PageNavigatorItemComponent,
-                          QuestionDropdownDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionImageAdornerDesignerComponent,
+                          QuestionDropdownDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionImageAdornerDesignerComponent, TranslationDropdownQuestionComponent,
                           ItemValueDesignerComponent, ImageItemValueDesignerComponent, LogicOperatorComponent, MatrixCellComponent, QuestionEditorComponent, CellQuestionDropdownComponent, CreatorRowComponent, DesignerPagesComponent, DesignerSurveyComponent, CellQuestionComponent, QuestionWidgetDesignerComponent, CreatorLogoImageComponent,
-                          QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, SwatchComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent, TranslateFromAction, QuestionElementContentComponent, PageElementContentComponent, ComponentContainerComponent,
+                          QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, SwatchComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent, TranslateFromAction, TranslationLocaleItemComponent, QuestionElementContentComponent, PageElementContentComponent, ComponentContainerComponent,
                           IconItemComponent, SideBarLaunchCardComponent, ContainerTabComponent, ImageItemDragActionComponent
                       ],
                       providers: [],
@@ -3761,6 +3965,7 @@
   exports.AddQuestionButtonComponent = AddQuestionButtonComponent;
   exports.CellQuestionComponent = CellQuestionComponent;
   exports.CellQuestionDropdownComponent = CellQuestionDropdownComponent;
+  exports.CollabRowComponent = CollabRowComponent;
   exports.ColorItemComponent = ColorItemComponent;
   exports.ComponentContainerComponent = ComponentContainerComponent;
   exports.ContainerTabComponent = ContainerTabComponent;
@@ -3772,6 +3977,7 @@
   exports.DesignerTabComponent = DesignerTabComponent;
   exports.EmbeddedSurveyQuestionComponent = EmbeddedSurveyQuestionComponent;
   exports.FileEditorButtonComponent = FileEditorButtonComponent;
+  exports.FloatingPanelComponent = FloatingPanelComponent;
   exports.IconItemComponent = IconItemComponent;
   exports.ImageItemDragActionComponent = ImageItemDragActionComponent;
   exports.ImageItemValueDesignerComponent = ImageItemValueDesignerComponent;
@@ -3835,6 +4041,8 @@
   exports.ToolboxListComponent = ToolboxListComponent;
   exports.ToolboxToolComponent = ToolboxToolComponent;
   exports.TranslateFromAction = TranslateFromAction;
+  exports.TranslationDropdownQuestionComponent = TranslationDropdownQuestionComponent;
+  exports.TranslationLocaleItemComponent = TranslationLocaleItemComponent;
   exports.TranslationSkeletonComponent = TranslationSkeletonComponent;
   exports.TranslationTabComponent = TranslationTabComponent;