survey-creator-core 1.12.13 → 1.12.14

package/themes/themes/default.d.ts

@@ -118,6 +118,7 @@ declare const Theme: {
         "--lbr-corner-radius-unit": string;
         "--lbr-size-unit": string;
         "--lbr-line-height-unit": string;
+        "--ctr-survey-header-padding-bottom-no-underline": string;
         "--ctr-toolbox-item-icon-color": string;
         "--ctr-toolbox-item-text-color": string;
         "--ctr-toolbox-item-icon-color-pressed": string;
@@ -281,6 +282,8 @@ declare const Theme: {
         "--ctr-list-item-gap": string;
         "--ctr-list-item-padding-left": string;
         "--ctr-list-item-padding-right": string;
+        "--ctr-list-item-padding-top": string;
+        "--ctr-list-item-padding-bottom": string;
         "--ctr-list-item-padding-bottom-with-icon": string;
         "--ctr-list-item-padding-top-with-icon": string;
         "--ctr-list-item-background-color-hovered": string;
@@ -344,6 +347,8 @@ declare const Theme: {
         "--ctr-page-navigator-item-dot-color-hovered": string;
         "--ctr-page-navigator-item-dot-color-default": string;
         "--ctr-page-navigator-item-dot-color-selected": string;
+        "--ctr-page-navigator-item-dot-container-width": string;
+        "--ctr-page-navigator-item-dot-container-height": string;
         "--ctr-page-navigator-item-background-color-hovered": string;
         "--ctr-page-navigator-item-text-color-hovered": string;
         "--ctr-page-navigator-item-padding-left-hovered": string;
@@ -352,6 +357,7 @@ declare const Theme: {
         "--ctr-page-navigator-item-padding-bottom": string;
         "--ctr-page-navigator-item-gap": string;
         "--ctr-page-navigator-item-corner-radius": string;
+        "--ctr-page-navigator-item-padding-left": string;
         "--ctr-page-navigator-button-padding": string;
         "--ctr-page-navigator-button-icon-width": string;
         "--ctr-page-navigator-button-icon-height": string;
@@ -372,6 +378,9 @@ declare const Theme: {
         "--ctr-button-background-color-cta": string;
         "--ctr-button-background-color-cta-hovered": string;
         "--ctr-button-text-color-cta": string;
+        "--ctr-collapse-button-icon-width": string;
+        "--ctr-collapse-button-icon-height": string;
+        "--ctr-collapse-button-padding": string;
         "--ctr-collapse-button-corner-radius": string;
         "--ctr-collapse-button-icon-color": string;
         "--ctr-collapse-button-icon-color-hovered": string;
@@ -421,6 +430,7 @@ declare const Theme: {
         "--ctr-data-table-border-width": string;
         "--ctr-separator-width": string;
         "--ctr-separator-color": string;
+        "--ctr-separator-margin-vertical-small": string;
         "--ctr-popup-padding-left": string;
         "--ctr-popup-padding-right": string;
         "--ctr-popup-padding-top": string;
@@ -573,6 +583,10 @@ declare const Theme: {
         "--ctr-editor-content-margin-top": string;
         "--ctr-editor-content-margin-bottom": string;
         "--ctr-editor-color-swatch-margin-left": string;
+        "--ctr-editor-label-padding-left": string;
+        "--ctr-editor-label-padding-right": string;
+        "--ctr-editor-label-padding-top": string;
+        "--ctr-editor-label-padding-bottom": string;
         "--ctr-editor-buttons-gap": string;
         "--ctr-editor-border-width-focused": string;
         "--ctr-editor-border-color-focused": string;
@@ -620,6 +634,8 @@ declare const Theme: {
         "--ctr-survey-action-button-padding-top": string;
         "--ctr-survey-action-button-padding-bottom": string;
         "--ctr-survey-action-button-corner-radius": string;
+        "--ctr-survey-action-button-icon-width": string;
+        "--ctr-survey-action-button-icon-height": string;
         "--ctr-survey-action-button-icon-width-small": string;
         "--ctr-survey-action-button-icon-height-small": string;
         "--ctr-survey-action-button-icon-color-positive": string;
@@ -637,7 +653,6 @@ declare const Theme: {
         "--ctr-survey-contextual-button-padding-top": string;
         "--ctr-survey-contextual-button-padding-bottom": string;
         "--ctr-survey-contextual-button-background-color": string;
-        "--lbr-action-button-icon-color-negative": string;
         "--ctr-property-grid-background-color": string;
         "--ctr-survey-header-logo-placeholder-icon-color": string;
         "--ctr-survey-header-logo-placeholder-icon-width": string;
@@ -651,6 +666,11 @@ declare const Theme: {
         "--ctr-survey-item-actionbar-drag-indicator-padding-bottom": string;
         "--ctr-survey-item-actionbar-drag-indicator-width": string;
         "--ctr-survey-item-actionbar-drag-indicator-height": string;
+        "--ctr-property-grid-form-padding-left": string;
+        "--ctr-property-grid-form-padding-right": string;
+        "--ctr-property-grid-form-padding-top": string;
+        "--ctr-property-grid-form-padding-bottom": string;
+        "--ctr-property-grid-form-gap": string;
         "--ctr-page-navigator-padding-left": string;
         "--ctr-page-navigator-padding-right": string;
         "--ctr-page-navigator-padding-top": string;
@@ -675,6 +695,8 @@ declare const Theme: {
         "--ctr-toolbox-separator-padding-right-compact": string;
         "--ctr-checkbox-gap": string;
         "--ctr-checkbox-description-text-margin-left": string;
+        "--ctr-editor-layout-gap": string;
+        "--ctr-expression-items-gap": string;
         "--ctr-expression-rows-gap": string;
         "--ctr-font-large-size": string;
         "--ctr-font-large-line-height": string;
@@ -734,6 +756,7 @@ declare const Theme: {
         "--ctr-survey-page-border-color-hovered": string;
         "--ctr-survey-page-border-width-hovered": string;
         "--ctr-survey-panel-add-button-margin-top": string;
+        "--ctr-survey-page-header-padding-vertical-with-button": string;
         "--lbr-error-panel-padding-left-small": string;
         "--lbr-error-panel-padding-right-small": string;
         "--ctr-survey-page-header-title-color-placeholder": string;
@@ -751,6 +774,7 @@ declare const Theme: {
         "--ctr-toolbox-search-icon-width": string;
         "--ctr-toolbox-search-icon-height": string;
         "--ctr-button-padding-horizontal-contextual-button": string;
+        "--ctr-surface-gap": string;
         "--ctr-expression-item-padding-left-button": string;
         "--ctr-expression-item-padding-right-button": string;
         "--ctr-toolbox-shadow-floating-1-offset-x": string;
@@ -1006,11 +1030,23 @@ declare const Theme: {
         "--ctr-preview-pager-item-icon-padding-right": string;
         "--ctr-preview-pager-item-icon-padding-top": string;
         "--ctr-preview-pager-item-icon-padding-bottom": string;
-        "--ctr-surface-padding-left-designer": string;
+        "--ctr-editor-border-color-highlighted": string;
+        "--ctr-editor-border-width-highlighed": string;
         "--ctr-survey-question-panel-toolbar-item-background-color-pressed": string;
         "--ctr-survey-page-toolbar-item-background-color-pressed": string;
         "--ctr-survey-page-toolbar-item-icon-color-disabled": string;
         "--ctr-survey-page-toolbar-item-icon-color": string;
+        "--ctr-survey-page-margin-left-with-toolbar": string;
+        "--ctr-survey-page-margin-right-with-toolbar": string;
+        "--ctr-expression-item-padding-left-icon-only": string;
+        "--ctr-expression-item-padding-right-icon-only": string;
+        "--ctr-expression-item-icon-width": string;
+        "--ctr-expression-item-icon-height": string;
+        "--ctr-expression-item-icon-color": string;
+        "--ctr-expression-item-background-color-remove-button-hovered": string;
+        "--ctr-survey-header-padding-top-no-underline": string;
+        "--ctr-collapse-button-margin-top": string;
+        "--ctr-collapse-button-margin-right": string;
     };
 };
 export default Theme;
@@ -1134,6 +1170,7 @@ export declare const Default: {
         "--lbr-corner-radius-unit": string;
         "--lbr-size-unit": string;
         "--lbr-line-height-unit": string;
+        "--ctr-survey-header-padding-bottom-no-underline": string;
         "--ctr-toolbox-item-icon-color": string;
         "--ctr-toolbox-item-text-color": string;
         "--ctr-toolbox-item-icon-color-pressed": string;
@@ -1297,6 +1334,8 @@ export declare const Default: {
         "--ctr-list-item-gap": string;
         "--ctr-list-item-padding-left": string;
         "--ctr-list-item-padding-right": string;
+        "--ctr-list-item-padding-top": string;
+        "--ctr-list-item-padding-bottom": string;
         "--ctr-list-item-padding-bottom-with-icon": string;
         "--ctr-list-item-padding-top-with-icon": string;
         "--ctr-list-item-background-color-hovered": string;
@@ -1360,6 +1399,8 @@ export declare const Default: {
         "--ctr-page-navigator-item-dot-color-hovered": string;
         "--ctr-page-navigator-item-dot-color-default": string;
         "--ctr-page-navigator-item-dot-color-selected": string;
+        "--ctr-page-navigator-item-dot-container-width": string;
+        "--ctr-page-navigator-item-dot-container-height": string;
         "--ctr-page-navigator-item-background-color-hovered": string;
         "--ctr-page-navigator-item-text-color-hovered": string;
         "--ctr-page-navigator-item-padding-left-hovered": string;
@@ -1368,6 +1409,7 @@ export declare const Default: {
         "--ctr-page-navigator-item-padding-bottom": string;
         "--ctr-page-navigator-item-gap": string;
         "--ctr-page-navigator-item-corner-radius": string;
+        "--ctr-page-navigator-item-padding-left": string;
         "--ctr-page-navigator-button-padding": string;
         "--ctr-page-navigator-button-icon-width": string;
         "--ctr-page-navigator-button-icon-height": string;
@@ -1388,6 +1430,9 @@ export declare const Default: {
         "--ctr-button-background-color-cta": string;
         "--ctr-button-background-color-cta-hovered": string;
         "--ctr-button-text-color-cta": string;
+        "--ctr-collapse-button-icon-width": string;
+        "--ctr-collapse-button-icon-height": string;
+        "--ctr-collapse-button-padding": string;
         "--ctr-collapse-button-corner-radius": string;
         "--ctr-collapse-button-icon-color": string;
         "--ctr-collapse-button-icon-color-hovered": string;
@@ -1437,6 +1482,7 @@ export declare const Default: {
         "--ctr-data-table-border-width": string;
         "--ctr-separator-width": string;
         "--ctr-separator-color": string;
+        "--ctr-separator-margin-vertical-small": string;
         "--ctr-popup-padding-left": string;
         "--ctr-popup-padding-right": string;
         "--ctr-popup-padding-top": string;
@@ -1589,6 +1635,10 @@ export declare const Default: {
         "--ctr-editor-content-margin-top": string;
         "--ctr-editor-content-margin-bottom": string;
         "--ctr-editor-color-swatch-margin-left": string;
+        "--ctr-editor-label-padding-left": string;
+        "--ctr-editor-label-padding-right": string;
+        "--ctr-editor-label-padding-top": string;
+        "--ctr-editor-label-padding-bottom": string;
         "--ctr-editor-buttons-gap": string;
         "--ctr-editor-border-width-focused": string;
         "--ctr-editor-border-color-focused": string;
@@ -1636,6 +1686,8 @@ export declare const Default: {
         "--ctr-survey-action-button-padding-top": string;
         "--ctr-survey-action-button-padding-bottom": string;
         "--ctr-survey-action-button-corner-radius": string;
+        "--ctr-survey-action-button-icon-width": string;
+        "--ctr-survey-action-button-icon-height": string;
         "--ctr-survey-action-button-icon-width-small": string;
         "--ctr-survey-action-button-icon-height-small": string;
         "--ctr-survey-action-button-icon-color-positive": string;
@@ -1653,7 +1705,6 @@ export declare const Default: {
         "--ctr-survey-contextual-button-padding-top": string;
         "--ctr-survey-contextual-button-padding-bottom": string;
         "--ctr-survey-contextual-button-background-color": string;
-        "--lbr-action-button-icon-color-negative": string;
         "--ctr-property-grid-background-color": string;
         "--ctr-survey-header-logo-placeholder-icon-color": string;
         "--ctr-survey-header-logo-placeholder-icon-width": string;
@@ -1667,6 +1718,11 @@ export declare const Default: {
         "--ctr-survey-item-actionbar-drag-indicator-padding-bottom": string;
         "--ctr-survey-item-actionbar-drag-indicator-width": string;
         "--ctr-survey-item-actionbar-drag-indicator-height": string;
+        "--ctr-property-grid-form-padding-left": string;
+        "--ctr-property-grid-form-padding-right": string;
+        "--ctr-property-grid-form-padding-top": string;
+        "--ctr-property-grid-form-padding-bottom": string;
+        "--ctr-property-grid-form-gap": string;
         "--ctr-page-navigator-padding-left": string;
         "--ctr-page-navigator-padding-right": string;
         "--ctr-page-navigator-padding-top": string;
@@ -1691,6 +1747,8 @@ export declare const Default: {
         "--ctr-toolbox-separator-padding-right-compact": string;
         "--ctr-checkbox-gap": string;
         "--ctr-checkbox-description-text-margin-left": string;
+        "--ctr-editor-layout-gap": string;
+        "--ctr-expression-items-gap": string;
         "--ctr-expression-rows-gap": string;
         "--ctr-font-large-size": string;
         "--ctr-font-large-line-height": string;
@@ -1750,6 +1808,7 @@ export declare const Default: {
         "--ctr-survey-page-border-color-hovered": string;
         "--ctr-survey-page-border-width-hovered": string;
         "--ctr-survey-panel-add-button-margin-top": string;
+        "--ctr-survey-page-header-padding-vertical-with-button": string;
         "--lbr-error-panel-padding-left-small": string;
         "--lbr-error-panel-padding-right-small": string;
         "--ctr-survey-page-header-title-color-placeholder": string;
@@ -1767,6 +1826,7 @@ export declare const Default: {
         "--ctr-toolbox-search-icon-width": string;
         "--ctr-toolbox-search-icon-height": string;
         "--ctr-button-padding-horizontal-contextual-button": string;
+        "--ctr-surface-gap": string;
         "--ctr-expression-item-padding-left-button": string;
         "--ctr-expression-item-padding-right-button": string;
         "--ctr-toolbox-shadow-floating-1-offset-x": string;
@@ -2022,10 +2082,22 @@ export declare const Default: {
         "--ctr-preview-pager-item-icon-padding-right": string;
         "--ctr-preview-pager-item-icon-padding-top": string;
         "--ctr-preview-pager-item-icon-padding-bottom": string;
-        "--ctr-surface-padding-left-designer": string;
+        "--ctr-editor-border-color-highlighted": string;
+        "--ctr-editor-border-width-highlighed": string;
         "--ctr-survey-question-panel-toolbar-item-background-color-pressed": string;
         "--ctr-survey-page-toolbar-item-background-color-pressed": string;
         "--ctr-survey-page-toolbar-item-icon-color-disabled": string;
         "--ctr-survey-page-toolbar-item-icon-color": string;
+        "--ctr-survey-page-margin-left-with-toolbar": string;
+        "--ctr-survey-page-margin-right-with-toolbar": string;
+        "--ctr-expression-item-padding-left-icon-only": string;
+        "--ctr-expression-item-padding-right-icon-only": string;
+        "--ctr-expression-item-icon-width": string;
+        "--ctr-expression-item-icon-height": string;
+        "--ctr-expression-item-icon-color": string;
+        "--ctr-expression-item-background-color-remove-button-hovered": string;
+        "--ctr-survey-header-padding-top-no-underline": string;
+        "--ctr-collapse-button-margin-top": string;
+        "--ctr-collapse-button-margin-right": string;
     };
 };

package/typings/components/side-bar/side-bar-model.d.ts

@@ -18,7 +18,6 @@ export declare class SidebarModel extends Base {
     expandedManually: boolean;
     hasVisiblePages: boolean;
     flyoutMode: boolean;
-    activePage: string;
     hideSideBarVisibilityControlActions: boolean;
     sideAreaComponentName: string;
     sideAreaComponentData: any;
@@ -40,6 +39,8 @@ export declare class SidebarModel extends Base {
     private getCurrentHandles;
     private sidebarLocationChangedHandler;
     constructor(creator: SurveyCreatorModel);
+    get activePage(): string;
+    set activePage(val: string);
     getActivePage(): SidebarPageModel;
     setActivePage(newPage: SidebarPageModel): void;
     getExpandAction(): Action;

package/typings/components/tabs/designer.d.ts

@@ -3,21 +3,33 @@ import { SurveyCreatorModel } from "../../creator-base";
 import { PagesController } from "../../pages-controller";
 export declare const initialSettingsAllowShowEmptyTitleInDesignMode: boolean;
 export declare class TabDesignerViewModel extends Base {
+    private minSurfaceScaling;
+    private maxSurfaceScaling;
     private cssUpdater;
     private pagesControllerValue;
+    private scaleCssVariables;
+    private surfaceScale;
+    unitDictionary: {
+        [index: string]: number;
+    };
     newPage: PageModel;
     showNewPage: boolean;
     pageCount: number;
     designerCss: string;
     showPlaceholder: boolean;
+    surveyThemeVariables: {
+        [index: string]: string;
+    };
     creator: SurveyCreatorModel;
     surfaceToolbar: ActionContainer;
     get displayPageDropTarget(): string;
     private createNewPage;
     private get canShowNewPage();
     private isModifiedPage;
+    private updateDesignTabSurveyThemeVariables;
     constructor(creator: SurveyCreatorModel);
-    private initToolbar;
+    private initSurfaceToolbar;
+    private scalingSurface;
     get survey(): SurveyModel;
     get pagesController(): PagesController;
     get isToolboxVisible(): boolean;

package/typings/creator-base.d.ts

@@ -1075,7 +1075,6 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
      */
     get text(): string;
     set text(value: string);
-    get designTabSurveyThemeVariables(): {};
     getSurveyJSON(): any;
     getObjectDisplayName(obj: Base, area: string, reason?: string, displayName?: string): string;
     private animationEnabled;
@@ -1395,6 +1394,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
     initResponsivityManager(container: HTMLDivElement): void;
     resetResponsivityManager(): void;
+    setDesignerSurveyScale(scale: number): void;
     showHeaderInEmptySurvey: any;
     allowShowPageNavigator: any;
     private showPageNavigatorValue;

package/typings/creator-options.d.ts

@@ -54,7 +54,7 @@ export interface ICreatorOptions {
     showThemeTab?: boolean;
     showCreatorThemeSettings?: boolean;
     /**
-     * Specifies whether to call the [`saveSurveyFunc`](https://surveyjs.io/Documentation/Survey-Creator?id=surveycreator#saveSurveyFunc) and [`saveThemeFunc`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#saveThemeFunc) functions each time survey or theme settings are changed.
+     * Specifies whether to call the [`saveSurveyFunc`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#saveSurveyFunc) and [`saveThemeFunc`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#saveThemeFunc) functions each time survey or theme settings are changed.
      *
      * Default value: `false`
      */
@@ -142,7 +142,7 @@ export interface ICreatorOptions {
      * Never display the language selector.
      *
      * - `"all"`
-     * Always display the language selector with [all supported languages](https://github.com/surveyjs/survey-creator/tree/master/packages/survey-creator-core/src/localization).
+     * Always display the language selector with [all supported languages](https://github.com/surveyjs/survey-creator/tree/90de47d2c9da49b06a7f97414026d70f7acf05c6/packages/survey-creator-core/src/localization).
      *
      * **See also**: [Localization & Globalization](https://surveyjs.io/Documentation/Survey-Creator?id=localization)
      */

package/typings/creator-responsivity-manager.d.ts

@@ -16,5 +16,6 @@ export declare class CreatorResponsivityManager {
     constructor(container: HTMLDivElement, creator: SurveyCreatorModel);
     private _process;
     process(isFirst?: boolean): void;
+    updateSurveyActualWidth(): void;
     dispose(): void;
 }

package/typings/creator-theme/creator-theme-model.d.ts

@@ -17,7 +17,6 @@ export declare class CreatorThemeModel extends Base implements ICreatorTheme {
     themeName: string;
     scale: number;
     fontScale: number;
-    surfaceScale: number;
     isLight: boolean;
     onThemeSelected: EventBase<CreatorThemeModel, {
         theme: ICreatorTheme;

package/typings/editorLocalization.d.ts

@@ -154,6 +154,8 @@ export declare var defaultStrings: {
         redoTooltip: string;
         expandAllTooltip: string;
         collapseAllTooltip: string;
+        zoomInTooltip: string;
+        zoomOutTooltip: string;
         lockQuestionsTooltip: string;
         showMoreChoices: string;
         showLessChoices: string;

package/typings/localization/english.d.ts

@@ -104,6 +104,8 @@ export declare var enStrings: {
         redoTooltip: string;
         expandAllTooltip: string;
         collapseAllTooltip: string;
+        zoomInTooltip: string;
+        zoomOutTooltip: string;
         lockQuestionsTooltip: string;
         showMoreChoices: string;
         showLessChoices: string;

package/typings/property-grid-theme/property-grid.d.ts

@@ -185,6 +185,7 @@ export declare var propertyGridCss: {
         popup: string;
         small: string;
         control: string;
+        controlEmpty: string;
         controlValue: string;
         filterStringInput: string;
         other: string;