survey-creator-angular 3.0.0-beta.5 → 3.0.0-beta.7

package/fesm2015/survey-creator-angular.js

@@ -2276,7 +2276,7 @@ class SpinEditorButtonComponent extends BaseAngular {
     }
 }
 SpinEditorButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SpinEditorButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SpinEditorButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SpinEditorButtonComponent, selector: "sv-ng-spin-edit-button", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n    <button [disabled]=\"modelAction.disabled\" [attr.aria-hidden]=\"'true'\" [class]=\"modelAction.getActionBarItemCss()\"\n        (click)=\"question.onDownButtonClick()\" (mousedown)=\"model.data.onMouseDown()\"\n        (mouseup)=\"question.onButtonMouseUp()\" (mouseleave)=\"question.onButtonMouseLeave()\" (blur)=\"question.onBlur($event)\"\n        (focus)=\"question.onFocus($event)\" tabindex=\"-1\">\n        <svg [class]=\"modelAction.cssClasses.itemIcon\" [iconName]=\"modelAction.iconName\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n    </button>\n</ng-template>\n", styles: ["{ :host { display: none; } }"], components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }] });
+SpinEditorButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SpinEditorButtonComponent, selector: "sv-ng-spin-edit-button", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n    <button [disabled]=\"modelAction.disabled\" [attr.aria-hidden]=\"'true'\" [class]=\"modelAction.getActionBarItemCss()\"\n        (click)=\"modelAction.action()\" (mousedown)=\"model.data.onMouseDown()\"\n        (mouseup)=\"question.onButtonMouseUp()\" (mouseleave)=\"question.onButtonMouseLeave()\" (blur)=\"question.onBlur($event)\"\n        (focus)=\"question.onFocus($event)\" tabindex=\"-1\">\n        <svg [class]=\"modelAction.cssClasses.itemIcon\" [iconName]=\"modelAction.iconName\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n    </button>\n</ng-template>\n", styles: ["{ :host { display: none; } }"], components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SpinEditorButtonComponent, decorators: [{
             type: Component,
             args: [{
@@ -2289,16 +2289,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             }] } });
 AngularComponentFactory.Instance.registerComponent("sv-spinedit-button", SpinEditorButtonComponent);
 
+class SwatchComponent {
+    get rootClassName() {
+        var _a;
+        return (_a = this.className) !== null && _a !== void 0 ? _a : "sd-color-swatch";
+    }
+    get rootStyle() {
+        return { backgroundColor: this.color };
+    }
+    get isPicker() {
+        return !!this.colorInputChange;
+    }
+    get iconName() {
+        var _a;
+        return (_a = this.swatchIcon) !== null && _a !== void 0 ? _a : "icon-dropper-16x16";
+    }
+    get iconClass() {
+        var _a;
+        return (_a = this.iconClassName) !== null && _a !== void 0 ? _a : "sd-color-swatch__icon";
+    }
+}
+SwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SwatchComponent, selector: "svc-swatch", inputs: { color: "color", showIcon: "showIcon", className: "className", swatchIcon: "swatchIcon", iconClassName: "iconClassName", colorInputClassName: "colorInputClassName", colorInputValue: "colorInputValue", inputDisabled: "inputDisabled", colorInputChange: "colorInputChange", arias: "arias" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"isPicker\">\n  <label *ngSwitchCase=\"true\" [class]=\"rootClassName\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </label>\n  <div *ngSwitchDefault [class]=\"rootClassName\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #content>\n  <div class=\"sd-color-swatch__content\" [style]=\"rootStyle\">\n    <svg *ngIf=\"showIcon\" [iconName]=\"iconName\" [class]=\"iconClass\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n    <input *ngIf=\"isPicker\"\n      type=\"color\"\n      [disabled]=\"inputDisabled\"\n      [value]=\"colorInputValue\"\n      [class]=\"colorInputClassName\"\n      tabindex=\"-1\"\n      [attr.aria-required]=\"arias?.['aria-required']\"\n      [attr.aria-labelledby]=\"arias?.['aria-labelledby']\"\n      [attr.aria-label]=\"arias?.['aria-label']\"\n      [attr.aria-invalid]=\"arias?.['aria-invalid']\"\n      [attr.aria-describedby]=\"arias?.['aria-describedby']\"\n      (change)=\"colorInputChange!($event)\" />\n  </div>\n</ng-template>\n", components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SwatchComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "svc-swatch",
+                    templateUrl: "./swatch.component.html",
+                }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], swatchIcon: [{
+                type: Input
+            }], iconClassName: [{
+                type: Input
+            }], colorInputClassName: [{
+                type: Input
+            }], colorInputValue: [{
+                type: Input
+            }], inputDisabled: [{
+                type: Input
+            }], colorInputChange: [{
+                type: Input
+            }], arias: [{
+                type: Input
+            }] } });
+
 class ColorItemComponent extends BaseAngular {
     getModel() {
         return this.model;
     }
-    getStyle() {
-        return { backgroundColor: this.model.value };
-    }
 }
 ColorItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ColorItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ColorItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ColorItemComponent, selector: "svc-color-item", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <span class=\"spg-color-editor__color-swatch\" [style]=\"getStyle()\"></span>\n  <sv-ng-string [model]=\"model.locTitle\"></sv-ng-string>\n</ng-template>", styles: [":host { display: none }"], components: [{ type: i1.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }] });
+ColorItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ColorItemComponent, selector: "svc-color-item", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div class=\"sd-color-swatch-item\">\n    <div class=\"sd-color-swatch-item__label\">\n      <sv-ng-string [model]=\"model.locTitle\"></sv-ng-string>\n    </div>\n    <svc-swatch [color]=\"model.value\"></svc-swatch>\n  </div>\n</ng-template>\n", styles: [":host { display: none }"], components: [{ type: i1.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }, { type: SwatchComponent, selector: "svc-swatch", inputs: ["color", "showIcon", "className", "swatchIcon", "iconClassName", "colorInputClassName", "colorInputValue", "inputDisabled", "colorInputChange", "arias"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ColorItemComponent, decorators: [{
             type: Component,
             args: [{
@@ -2312,9 +2359,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
 AngularComponentFactory.Instance.registerComponent("color-item", ColorItemComponent);
 
 class QuestionColorComponent extends QuestionAngular {
+    get swatchArias() {
+        return {
+            "aria-required": this.model.a11y_input_ariaRequired,
+            "aria-labelledby": this.model.a11y_input_ariaLabelledBy,
+            "aria-label": this.model.a11y_input_ariaLabel,
+            "aria-invalid": this.model.a11y_input_ariaInvalid,
+            "aria-describedby": this.model.a11y_input_ariaDescribedBy,
+        };
+    }
 }
 QuestionColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionColorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-QuestionColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionColorComponent, selector: "svc-color", usesInheritance: true, ngImport: i0, template: "<div [class]=\"model.cssClasses.root\" (keydown)=\"model.onKeyDown($event)\" #contentElement>\n  <label [class]=\"model.getSwatchCss()\" [style]=\"model.getSwatchStyle()\">\n    <svg [iconName]=\"model.cssClasses.swatchIcon\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n    <input type=\"color\" [disabled]=\"model.isInputReadOnly\" [class]=\"model.cssClasses.colorInput\"\n      [value]=\"model.renderedColorValue\" (change)=\"model.onColorInputChange($event)\" tabindex=\"-1\"\n      [attr.aria-required]=\"model.a11y_input_ariaRequired\" [attr.aria-labelledby]=\"model.a11y_input_ariaLabelledBy\"\n      [attr.aria-label]=\"model.a11y_input_ariaLabel\" [attr.aria-invalid]=\"model.a11y_input_ariaInvalid\"\n      [attr.aria-describedby]=\"model.a11y_input_ariaDescribedBy\" />\n  </label>\n  <input autocomplete=\"off\" [disabled]=\"model.isInputReadOnly\" [attr.id]=\"model.inputId\"\n    [attr.aria-required]=\"model.a11y_input_ariaRequired\" [attr.aria-labelledby]=\"model.a11y_input_ariaLabelledBy\"\n    [attr.aria-label]=\"model.a11y_input_ariaLabel\" [attr.aria-invalid]=\"model.a11y_input_ariaInvalid\"\n    [attr.aria-describedby]=\"model.a11y_input_ariaDescribedBy\" (change)=\"model.onChange($event)\"\n    (keyup)=\"model.onKeyUp($event)\" (blur)=\"model.onBlur($event)\" (beforeinput)=\"model.onBeforeInput($event)\"\n    [value]=\"model.renderedValue\" [class]=\"model.cssClasses.control\" />\n  <sv-ng-action-bar *ngIf=\"model.hasVisibleInputActions\" [model]=\"model.inputActionsContainer\"></sv-ng-action-bar>\n</div>", components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i1.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+QuestionColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionColorComponent, selector: "svc-color", usesInheritance: true, ngImport: i0, template: "<div [class]=\"model.cssClasses.root\" (keydown)=\"model.onKeyDown($event)\" #contentElement>\n  <div [class]=\"model.cssClasses.colorSwatch\">\n    <svc-swatch\n      [className]=\"model.getSwatchCss()\"\n      [swatchIcon]=\"model.cssClasses.swatchIcon\"\n      [iconClassName]=\"model.cssClasses.iconClassName\"\n      [color]=\"model.renderedValue\"\n      [showIcon]=\"true\"\n      [colorInputValue]=\"model.renderedColorValue\"\n      [colorInputClassName]=\"model.cssClasses.colorInput\"\n      [inputDisabled]=\"model.isInputReadOnly\"\n      [colorInputChange]=\"model.onColorInputChange.bind(model)\"\n      [arias]=\"swatchArias\">\n    </svc-swatch>\n  </div>\n  <input autocomplete=\"off\" [disabled]=\"model.isInputReadOnly\" [attr.id]=\"model.inputId\"\n    [attr.aria-required]=\"model.a11y_input_ariaRequired\" [attr.aria-labelledby]=\"model.a11y_input_ariaLabelledBy\"\n    [attr.aria-label]=\"model.a11y_input_ariaLabel\" [attr.aria-invalid]=\"model.a11y_input_ariaInvalid\"\n    [attr.aria-describedby]=\"model.a11y_input_ariaDescribedBy\" (change)=\"model.onChange($event)\"\n    (keyup)=\"model.onKeyUp($event)\" (blur)=\"model.onBlur($event)\" (beforeinput)=\"model.onBeforeInput($event)\"\n    [value]=\"model.renderedValue\" [class]=\"model.cssClasses.control\" />\n  <sv-ng-action-bar *ngIf=\"model.hasVisibleInputActions\" [model]=\"model.inputActionsContainer\"></sv-ng-action-bar>\n</div>", components: [{ type: SwatchComponent, selector: "svc-swatch", inputs: ["color", "showIcon", "className", "swatchIcon", "iconClassName", "colorInputClassName", "colorInputValue", "inputDisabled", "colorInputChange", "arias"] }, { type: i1.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionColorComponent, decorators: [{
             type: Component,
             args: [{
@@ -2460,13 +2516,13 @@ SurveyCreatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
         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, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent,
+        QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, SwatchComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent,
         BooleanSwitchComponent, TranslateFromAction, QuestionElementContentComponent, PageElementContentComponent, PageWrapperComponent, ComponentContainerComponent,
         IconItemComponent, SideBarLaunchCardComponent, ContainerTabComponent, ImageItemDragActionComponent], imports: [CommonModule, FormsModule, 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,
         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, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent, BooleanSwitchComponent, TranslateFromAction, QuestionElementContentComponent, PageElementContentComponent, ComponentContainerComponent,
+        QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, SwatchComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent, BooleanSwitchComponent, TranslateFromAction, QuestionElementContentComponent, PageElementContentComponent, ComponentContainerComponent,
         IconItemComponent, SideBarLaunchCardComponent, ContainerTabComponent, ImageItemDragActionComponent] });
 SurveyCreatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SurveyCreatorModule, providers: [], imports: [[
             CommonModule, FormsModule, SurveyModule
@@ -2478,7 +2534,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         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, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent,
+                        QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, SwatchComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent,
                         BooleanSwitchComponent, TranslateFromAction, QuestionElementContentComponent, PageElementContentComponent, PageWrapperComponent, ComponentContainerComponent,
                         IconItemComponent, SideBarLaunchCardComponent, ContainerTabComponent, ImageItemDragActionComponent],
                     imports: [
@@ -2489,7 +2545,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         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, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent, BooleanSwitchComponent, TranslateFromAction, QuestionElementContentComponent, PageElementContentComponent, ComponentContainerComponent,
+                        QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, SpinEditorButtonComponent, ColorItemComponent, QuestionColorComponent, SwatchComponent, QuestionFileEditorComponent, FileEditorButtonComponent, AddQuestionButtonComponent, QuestionBannerComponent, JsonErrorItemComponent, BooleanSwitchComponent, TranslateFromAction, QuestionElementContentComponent, PageElementContentComponent, ComponentContainerComponent,
                         IconItemComponent, SideBarLaunchCardComponent, ContainerTabComponent, ImageItemDragActionComponent
                     ],
                     providers: [],
@@ -2500,5 +2556,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AceJsonEditorComponent, ActionButtonComponent, AdaptiveToolboxComponent, AddQuestionButtonComponent, BooleanSwitchComponent, CellQuestionComponent, CellQuestionDropdownComponent, ColorItemComponent, ComponentContainerComponent, ContainerTabComponent, CreatorComponent, CreatorLogoImageComponent, CreatorRowComponent, DesignerPagesComponent, DesignerSurveyComponent, DesignerTabComponent, EmbeddedSurveyQuestionComponent, FileEditorButtonComponent, IconItemComponent, ImageItemDragActionComponent, ImageItemValueDesignerComponent, ItemValueDesignerComponent, JsonErrorItemComponent, LinkValueQuestionComponent, LogicOperatorComponent, LogicTabComponent, MatrixCellComponent, ObjectSelectorComponent, PageDesignerComponent, PageElementContentComponent, PageNavigatorComponent, PageNavigatorItemComponent, PanelDesignerComponent, PropertyGridComponent, PropertyGridPlaceholderComponent, QuestionBannerComponent, QuestionColorComponent, QuestionDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionDropdownDesignerComponent, QuestionEditorComponent, QuestionElementContentComponent, QuestionFileEditorComponent, QuestionImageAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionPgErrorComponent, QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, QuestionWidgetDesignerComponent, SearchComponent, SideBarLaunchCardComponent, SidebarComponent, SidebarDefaultHeaderComponent, SidebarHeaderComponent, SidebarPageComponent, SidebarPropertyGridHeaderComponent, SimulatorComponent, SpinEditorButtonComponent, StringEditorComponent, SurfacePlaceholderComponent, SurveyCreatorModule, SurveyResultsComponent, SurveyResultsTableRowComponent, SwitcherComponent, TabButtonComponent, TabControlComponent, TabbedMenuItemComponent, TabbedMenuItemWrapperComponent, TabbledMenuComponent, TabsComponent, TestTabComponent, TextareaJsonEditorComponent, ThemeTabComponent, ToolboxCategoryComponent, ToolboxItemComponent, ToolboxItemGroupComponent, ToolboxListComponent, ToolboxToolComponent, TranslateFromAction, TranslationSkeletonComponent, TranslationTabComponent };
+export { AceJsonEditorComponent, ActionButtonComponent, AdaptiveToolboxComponent, AddQuestionButtonComponent, BooleanSwitchComponent, CellQuestionComponent, CellQuestionDropdownComponent, ColorItemComponent, ComponentContainerComponent, ContainerTabComponent, CreatorComponent, CreatorLogoImageComponent, CreatorRowComponent, DesignerPagesComponent, DesignerSurveyComponent, DesignerTabComponent, EmbeddedSurveyQuestionComponent, FileEditorButtonComponent, IconItemComponent, ImageItemDragActionComponent, ImageItemValueDesignerComponent, ItemValueDesignerComponent, JsonErrorItemComponent, LinkValueQuestionComponent, LogicOperatorComponent, LogicTabComponent, MatrixCellComponent, ObjectSelectorComponent, PageDesignerComponent, PageElementContentComponent, PageNavigatorComponent, PageNavigatorItemComponent, PanelDesignerComponent, PropertyGridComponent, PropertyGridPlaceholderComponent, QuestionBannerComponent, QuestionColorComponent, QuestionDesignerComponent, QuestionDropdownAdornerDesignerComponent, QuestionDropdownDesignerComponent, QuestionEditorComponent, QuestionElementContentComponent, QuestionFileEditorComponent, QuestionImageAdornerDesignerComponent, QuestionImageDesignerComponent, QuestionPgErrorComponent, QuestionRatingAdornerDesignerComponent, QuestionRatingDesignerComponent, QuestionSpinEditorComponent, QuestionWidgetDesignerComponent, SearchComponent, SideBarLaunchCardComponent, SidebarComponent, SidebarDefaultHeaderComponent, SidebarHeaderComponent, SidebarPageComponent, SidebarPropertyGridHeaderComponent, SimulatorComponent, SpinEditorButtonComponent, StringEditorComponent, SurfacePlaceholderComponent, SurveyCreatorModule, SurveyResultsComponent, SurveyResultsTableRowComponent, SwatchComponent, SwitcherComponent, TabButtonComponent, TabControlComponent, TabbedMenuItemComponent, TabbedMenuItemWrapperComponent, TabbledMenuComponent, TabsComponent, TestTabComponent, TextareaJsonEditorComponent, ThemeTabComponent, ToolboxCategoryComponent, ToolboxItemComponent, ToolboxItemGroupComponent, ToolboxListComponent, ToolboxToolComponent, TranslateFromAction, TranslationSkeletonComponent, TranslationTabComponent };
 //# sourceMappingURL=survey-creator-angular.js.map