survey-creator-core 1.12.16 → 1.12.17

package/themes/themes/default.d.ts

@@ -284,6 +284,8 @@ declare const Theme: {
         "--ctr-actionbar-button-padding-top-medium-text": string;
         "--ctr-actionbar-button-padding-bottom-medium-text": string;
         "--ctr-actionbar-button-text-color-disabled": string;
+        "--ctr-actionbar-button-border-color-selected": string;
+        "--ctr-actionbar-button-border-width-selected": string;
         "--ctr-list-item-gap": string;
         "--ctr-list-item-padding-left": string;
         "--ctr-list-item-padding-right": string;
@@ -349,6 +351,7 @@ declare const Theme: {
         "--ctr-toolbox-item-padding-right": string;
         "--ctr-toolbox-item-padding-top": string;
         "--ctr-toolbox-item-padding-bottom": string;
+        "--ctr-toolbox-item-gap": string;
         "--ctr-toolbox-item-corner-radius": string;
         "--ctr-toolbox-item-padding-right-no-text": string;
         "--ctr-toolbox-item-border-color-floating": string;
@@ -385,10 +388,12 @@ declare const Theme: {
         "--ctr-button-background-color-hovered": string;
         "--ctr-button-text-color-disabled": string;
         "--ctr-button-background-color-danger": string;
+        "--ctr-button-background-color-danger-hovered": string;
         "--ctr-button-border-color-focused": string;
         "--ctr-button-border-width-focused": string;
         "--ctr-button-background-color-cta": string;
         "--ctr-button-background-color-cta-hovered": string;
+        "--ctr-button-text-color-danger": string;
         "--ctr-button-text-color-cta": string;
         "--ctr-collapse-button-icon-width": string;
         "--ctr-collapse-button-icon-height": string;
@@ -467,6 +472,7 @@ declare const Theme: {
         "--ctr-string-table-row-padding-bottom": string;
         "--ctr-string-table-row-background-color": string;
         "--ctr-string-table-row-border-color": string;
+        "--ctr-string-table-row-border-width-bottom": string;
         "--ctr-string-table-row-text-color-title": string;
         "--ctr-string-table-row-expand-button-icon-color-default": string;
         "--ctr-string-table-header-background-color": string;
@@ -519,6 +525,17 @@ declare const Theme: {
         "--ctr-data-table-row-padding-top-header": string;
         "--ctr-data-table-row-padding-bottom-header": string;
         "--ctr-data-table-row-background-color-drop-spot": string;
+        "--ctr-string-table-row-text-color": string;
+        "--ctr-string-table-title-background-color": string;
+        "--ctr-string-table-title-border-color": string;
+        "--ctr-string-table-title-border-width-bottom": string;
+        "--ctr-string-table-title-padding-left": string;
+        "--ctr-string-table-title-padding-right": string;
+        "--ctr-string-table-title-padding-top": string;
+        "--ctr-string-table-title-padding-bottom": string;
+        "--ctr-string-table-corner-radius": string;
+        "--ctr-string-table-title-actionbar-gap": string;
+        "--ctr-string-table-title-caption-color": string;
         "--ctr-error-message-background-color": string;
         "--ctr-error-message-corner-radius": string;
         "--ctr-error-message-gap": string;
@@ -763,6 +780,8 @@ declare const Theme: {
         "--ctr-survey-header-text-title-color-placeholder": string;
         "--ctr-survey-header-text-description-color-placeholder": string;
         "--ctr-survey-header-text-margin-left-mobile-logo-placeholder": string;
+        "--ctr-survey-radio-button-group-show-more-button-margin-left": string;
+        "--ctr-survey-radio-button-group-show-more-button-margin-top": string;
         "--lbr-question-panel-corner-radius": string;
         "--ctr-survey-question-panel-border-color-selected": string;
         "--ctr-survey-question-panel-border-width-selected": string;
@@ -795,6 +814,11 @@ declare const Theme: {
         "--lbr-question-panel-padding-top": string;
         "--ctr-survey-question-panel-padding-bottom-selected": string;
         "--lbr-page-header-padding-bottom": string;
+        "--ctr-string-table-shadow-offset-x": string;
+        "--ctr-string-table-shadow-offset-y": string;
+        "--ctr-string-table-shadow-blur": string;
+        "--ctr-string-table-shadow-spread": string;
+        "--ctr-string-table-shadow-color": string;
         "--ctr-list-search-padding-left": string;
         "--ctr-list-search-padding-right": string;
         "--ctr-list-search-padding-top": string;
@@ -814,6 +838,11 @@ declare const Theme: {
         "--ctr-surface-gap": string;
         "--ctr-expression-item-padding-left-button": string;
         "--ctr-expression-item-padding-right-button": string;
+        "--ctr-preview-device-background-color": string;
+        "--ctr-preview-device-border-color": string;
+        "--ctr-preview-device-border-width": string;
+        "--ctr-preview-device-shadow-2-color": string;
+        "--ctr-preview-device-corner-radius": string;
         "--ctr-toolbox-shadow-floating-1-offset-x": string;
         "--ctr-toolbox-shadow-floating-2-offset-x": string;
         "--ctr-toolbox-shadow-floating-1-offset-y": string;
@@ -824,6 +853,7 @@ declare const Theme: {
         "--ctr-toolbox-shadow-floating-2-spread": string;
         "--ctr-toolbox-shadow-floating-2-color": string;
         "--ctr-toolbox-shadow-floating-1-color": string;
+        "--ctr-string-table-background-color": string;
         "--ctr-toolbox-item-padding-left-submenu": string;
         "--ctr-toolbox-item-padding-top-submenu": string;
         "--ctr-toolbox-item-padding-bottom-submenu": string;
@@ -901,6 +931,10 @@ declare const Theme: {
         "--ctr-popup-shadow-3-spread": string;
         "--ctr-popup-shadow-3-color": string;
         "--lbr-shadow-inner-color": string;
+        "--ctr-code-viewer-text-margin-left-results-table": string;
+        "--ctr-code-viewer-text-margin-right-results-table": string;
+        "--ctr-code-viewer-text-margin-top-results-table": string;
+        "--ctr-code-viewer-text-margin-bottom-results-table": string;
         "--ctr-toolbox-item-background-color-submenu": string;
         "--ctr-toolbox-item-text-color-submenu": string;
         "--ctr-toolbox-min-width": string;
@@ -1381,6 +1415,8 @@ export declare const Default: {
         "--ctr-actionbar-button-padding-top-medium-text": string;
         "--ctr-actionbar-button-padding-bottom-medium-text": string;
         "--ctr-actionbar-button-text-color-disabled": string;
+        "--ctr-actionbar-button-border-color-selected": string;
+        "--ctr-actionbar-button-border-width-selected": string;
         "--ctr-list-item-gap": string;
         "--ctr-list-item-padding-left": string;
         "--ctr-list-item-padding-right": string;
@@ -1446,6 +1482,7 @@ export declare const Default: {
         "--ctr-toolbox-item-padding-right": string;
         "--ctr-toolbox-item-padding-top": string;
         "--ctr-toolbox-item-padding-bottom": string;
+        "--ctr-toolbox-item-gap": string;
         "--ctr-toolbox-item-corner-radius": string;
         "--ctr-toolbox-item-padding-right-no-text": string;
         "--ctr-toolbox-item-border-color-floating": string;
@@ -1482,10 +1519,12 @@ export declare const Default: {
         "--ctr-button-background-color-hovered": string;
         "--ctr-button-text-color-disabled": string;
         "--ctr-button-background-color-danger": string;
+        "--ctr-button-background-color-danger-hovered": string;
         "--ctr-button-border-color-focused": string;
         "--ctr-button-border-width-focused": string;
         "--ctr-button-background-color-cta": string;
         "--ctr-button-background-color-cta-hovered": string;
+        "--ctr-button-text-color-danger": string;
         "--ctr-button-text-color-cta": string;
         "--ctr-collapse-button-icon-width": string;
         "--ctr-collapse-button-icon-height": string;
@@ -1564,6 +1603,7 @@ export declare const Default: {
         "--ctr-string-table-row-padding-bottom": string;
         "--ctr-string-table-row-background-color": string;
         "--ctr-string-table-row-border-color": string;
+        "--ctr-string-table-row-border-width-bottom": string;
         "--ctr-string-table-row-text-color-title": string;
         "--ctr-string-table-row-expand-button-icon-color-default": string;
         "--ctr-string-table-header-background-color": string;
@@ -1616,6 +1656,17 @@ export declare const Default: {
         "--ctr-data-table-row-padding-top-header": string;
         "--ctr-data-table-row-padding-bottom-header": string;
         "--ctr-data-table-row-background-color-drop-spot": string;
+        "--ctr-string-table-row-text-color": string;
+        "--ctr-string-table-title-background-color": string;
+        "--ctr-string-table-title-border-color": string;
+        "--ctr-string-table-title-border-width-bottom": string;
+        "--ctr-string-table-title-padding-left": string;
+        "--ctr-string-table-title-padding-right": string;
+        "--ctr-string-table-title-padding-top": string;
+        "--ctr-string-table-title-padding-bottom": string;
+        "--ctr-string-table-corner-radius": string;
+        "--ctr-string-table-title-actionbar-gap": string;
+        "--ctr-string-table-title-caption-color": string;
         "--ctr-error-message-background-color": string;
         "--ctr-error-message-corner-radius": string;
         "--ctr-error-message-gap": string;
@@ -1860,6 +1911,8 @@ export declare const Default: {
         "--ctr-survey-header-text-title-color-placeholder": string;
         "--ctr-survey-header-text-description-color-placeholder": string;
         "--ctr-survey-header-text-margin-left-mobile-logo-placeholder": string;
+        "--ctr-survey-radio-button-group-show-more-button-margin-left": string;
+        "--ctr-survey-radio-button-group-show-more-button-margin-top": string;
         "--lbr-question-panel-corner-radius": string;
         "--ctr-survey-question-panel-border-color-selected": string;
         "--ctr-survey-question-panel-border-width-selected": string;
@@ -1892,6 +1945,11 @@ export declare const Default: {
         "--lbr-question-panel-padding-top": string;
         "--ctr-survey-question-panel-padding-bottom-selected": string;
         "--lbr-page-header-padding-bottom": string;
+        "--ctr-string-table-shadow-offset-x": string;
+        "--ctr-string-table-shadow-offset-y": string;
+        "--ctr-string-table-shadow-blur": string;
+        "--ctr-string-table-shadow-spread": string;
+        "--ctr-string-table-shadow-color": string;
         "--ctr-list-search-padding-left": string;
         "--ctr-list-search-padding-right": string;
         "--ctr-list-search-padding-top": string;
@@ -1911,6 +1969,11 @@ export declare const Default: {
         "--ctr-surface-gap": string;
         "--ctr-expression-item-padding-left-button": string;
         "--ctr-expression-item-padding-right-button": string;
+        "--ctr-preview-device-background-color": string;
+        "--ctr-preview-device-border-color": string;
+        "--ctr-preview-device-border-width": string;
+        "--ctr-preview-device-shadow-2-color": string;
+        "--ctr-preview-device-corner-radius": string;
         "--ctr-toolbox-shadow-floating-1-offset-x": string;
         "--ctr-toolbox-shadow-floating-2-offset-x": string;
         "--ctr-toolbox-shadow-floating-1-offset-y": string;
@@ -1921,6 +1984,7 @@ export declare const Default: {
         "--ctr-toolbox-shadow-floating-2-spread": string;
         "--ctr-toolbox-shadow-floating-2-color": string;
         "--ctr-toolbox-shadow-floating-1-color": string;
+        "--ctr-string-table-background-color": string;
         "--ctr-toolbox-item-padding-left-submenu": string;
         "--ctr-toolbox-item-padding-top-submenu": string;
         "--ctr-toolbox-item-padding-bottom-submenu": string;
@@ -1998,6 +2062,10 @@ export declare const Default: {
         "--ctr-popup-shadow-3-spread": string;
         "--ctr-popup-shadow-3-color": string;
         "--lbr-shadow-inner-color": string;
+        "--ctr-code-viewer-text-margin-left-results-table": string;
+        "--ctr-code-viewer-text-margin-right-results-table": string;
+        "--ctr-code-viewer-text-margin-top-results-table": string;
+        "--ctr-code-viewer-text-margin-bottom-results-table": string;
         "--ctr-toolbox-item-background-color-submenu": string;
         "--ctr-toolbox-item-text-color-submenu": string;
         "--ctr-toolbox-min-width": string;

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

@@ -37,7 +37,8 @@ export declare class TabDesignerViewModel extends Base {
     get placeholderText(): string;
     get placeholderTitleText(): string;
     get placeholderDescriptionText(): string;
-    get hasToolbar(): boolean;
+    get showSurfaceToolbar(): boolean;
+    get showSurfaceTools(): boolean;
     private isUpdatingNewPage;
     onDesignerSurveyPropertyChanged(obj: Base, propName: string): void;
     private calculateDesignerCss;

package/typings/components/tabs/json-editor-ace.d.ts

@@ -10,6 +10,7 @@ export declare class AceJsonEditorModel extends JsonEditorBaseModel {
     protected getText(): string;
     protected setText(value: string): void;
     init(aceEditor: any): void;
+    onPluginActivate(): void;
     private updateUndoRedoState;
     protected onTextChanged(): void;
     private createAnnotations;

package/typings/components/tabs/json-editor-plugin.d.ts

@@ -2,7 +2,7 @@ import { Base, ListModel, Action } from "survey-core";
 import { SurveyCreatorModel } from "../../creator-base";
 import { ICreatorPlugin } from "../../creator-settings";
 import { SurveyTextWorkerError } from "../../textWorker";
-import { saveToFileHandler } from "../../utils/utils";
+import { saveToFileHandler } from "../../utils/html-element-utils";
 export declare abstract class JsonEditorBaseModel extends Base {
     protected creator: SurveyCreatorModel;
     isJSONChanged: boolean;

package/typings/components/tabs/theme-plugin.d.ts

@@ -2,7 +2,7 @@ import { Action, ITheme, EventBase } from "survey-core";
 import { SurveyCreatorModel } from "../../creator-base";
 import { ICreatorPlugin } from "../../creator-settings";
 import { ThemeTabViewModel } from "./theme-builder";
-import { saveToFileHandler } from "../../utils/utils";
+import { saveToFileHandler } from "../../utils/html-element-utils";
 import { PropertyGridModel } from "../../property-grid";
 import { ThemeModel } from "./theme-model";
 /**

package/typings/creator-base.d.ts

@@ -124,6 +124,19 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     private _showOneCategoryInPropertyGrid;
     get showOneCategoryInPropertyGrid(): boolean;
     set showOneCategoryInPropertyGrid(newValue: boolean);
+    /**
+     * Specifies how users navigate categories in the Property Grid.
+     *
+     * Accepted values:
+     *
+     * - `"accordion"` (default)
+     * The Property Grid displays a stacked list of categories that users can expand or collapse to reveal nested properties.
+     *
+     * - `"buttons"`
+     * The Property Grid displays the properties of a currently selected category. Users can switch between categories using buttons on the right side of the Property Grid.
+     */
+    get propertyGridNavigationMode(): "buttons" | "accordion";
+    set propertyGridNavigationMode(newValue: "buttons" | "accordion");
     get allowEditSurveyTitle(): boolean;
     set allowEditSurveyTitle(val: boolean);
     /**
@@ -152,7 +165,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     /**
      * Specifies a default device for survey preview in the Preview tab.
      *
-     * Possible values:
+     * Accepted values:
      *
      * - `"desktop"` (default)
      * - `"iPhoneSE"`
@@ -168,7 +181,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     /**
      * Specifies the orientation of the selected device in the Preview tab.
      *
-     * Possible values:
+     * Accepted values:
      *
      * - `"landscape"` (default)
      * - `"portrait"`
@@ -859,7 +872,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     /**
      * Gets or sets the currently displayed tab.
      *
-     * Possible values:
+     * Accepted values:
      *
      * - [`"designer"`](#showDesignerTab)
      * - [`"test"`](#showPreviewTab)
@@ -1093,7 +1106,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     /**
      * Indicates the state of Survey Creator.
      *
-     * Possible values:
+     * Accepted values:
      *
      * - `""` - Survey Creator doesn't have unsaved changes.
      * - `"modified"` - Survey Creator has unsaved changes.
@@ -1323,7 +1336,6 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     onValueChangingCallback(options: any): void;
     onGetElementEditorTitleCallback(obj: Base, title: string): string;
     onConditionQuestionsGetListCallback(propertyName: string, obj: Base, editor: any, list: any[], variables: string[]): string;
-    onConditionGetTitleCallback(expression: string, title: string): string;
     isConditionOperatorEnabled(questionName: string, question: Question, operator: string, isEnabled: boolean): boolean;
     onLogicGetTitleCallback(expression: string, expressionText: string, text: string, logicItem: any): string;
     getProcessedTranslationItemText(locale: string, locString: ILocalizableString, newText: string, obj: any): string;
@@ -1404,6 +1416,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     resetResponsivityManager(): void;
     showHeaderInEmptySurvey: any;
     allowShowPageNavigator: any;
+    allowShowSurfaceToolbar: any;
     private showPageNavigatorValue;
     get showPageNavigator(): boolean;
     set showPageNavigator(val: boolean);
@@ -1418,7 +1431,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     /**
      * Specifies the Toolbox location.
      *
-     * Possible values:
+     * Accepted values:
      *
      * - `"left"` (default) - Displays the Toolbox on the left side of the design surface.
      * - `"right"` - Displays the Toolbox on the right side of the design surface.
@@ -1432,7 +1445,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     /**
      * Specifies the position of the sidebar that displays the Property Grid. Applies only when [`showSidebar`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#showSidebar) is `true`.
      *
-     * Possible values:
+     * Accepted values:
      *
      * - `"right"` (default) - Displays the sidebar on the right side of the design surface.
      * - `"left"` - Displays the sidebar on the left side of the design surface.
@@ -1442,7 +1455,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     /**
      * Specifies the visibility of the buttons that expand and collapse survey elements on the design surface.
      *
-     * Possible values:
+     * Accepted values:
      *
      * - `"onhover"` (default) - Displays an expand/collapse button when a survey element is hovered over or selected.
      * - `"always"` - Displays the expand/collapse buttons permanently.
@@ -1464,7 +1477,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     };
     creatorTheme: ICreatorTheme;
     preferredColorPalette: string;
-    applyTheme(theme: ICreatorTheme): void;
+    applyCreatorTheme(theme: ICreatorTheme): void;
     syncTheme(theme: ICreatorTheme, isLight?: boolean): void;
     allowDragPages: boolean;
     collapsePagesOnDrag: boolean;

package/typings/creator-options.d.ts

@@ -232,7 +232,7 @@ export interface ICreatorOptions {
     /**
      * Specifies a default device for survey preview in the Preview tab.
      *
-     * Possible values:
+     * Accepted values:
      *
      * - `"desktop"` (default)
      * - `"iPhoneSE"`
@@ -248,7 +248,7 @@ export interface ICreatorOptions {
     /**
      * Specifies the orientation of the selected device in the Preview tab.
      *
-     * Possible values:
+     * Accepted values:
      * - `"landscape"` (default)
      * - `"portrait"`
      */
@@ -290,7 +290,7 @@ export interface ICreatorOptions {
     /**
      * Specifies the visibility of the buttons that expand and collapse survey elements on the design surface.
      *
-     * Possible values:
+     * Accepted values:
      *
      * - `"onhover"` (default) - Displays an expand/collapse button when a survey element is hovered over or selected.
      * - `"always"` - Displays the expand/collapse buttons permanently.
@@ -325,4 +325,16 @@ export interface ICreatorOptions {
      * @see expandCollapseButtonVisibility
      */
     collapseQuestions?: boolean;
+    /**
+     * Specifies how users navigate categories in the Property Grid.
+     *
+     * Accepted values:
+     *
+     * - `"accordion"` (default)
+     * The Property Grid displays a stacked list of categories that users can expand or collapse to reveal nested properties.
+     *
+     * - `"buttons"`
+     * The Property Grid displays the properties of a currently selected category. Users can switch between categories using buttons on the right side of the Property Grid.
+     */
+    propertyGridNavigationMode?: "buttons" | "accordion";
 }

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

@@ -12,6 +12,7 @@ export declare class CreatorResponsivityManager {
     private resetMobileView;
     private procesShowToolbox;
     private procesShowPageNavigator;
+    private procesShowSurfaceToolbar;
     private findCorrectParent;
     constructor(container: HTMLDivElement, creator: SurveyCreatorModel);
     private _process;

package/typings/creator-settings.d.ts

@@ -219,7 +219,6 @@ export interface ISurveyCreatorOptions {
     stopUndoRedoTransaction(): void;
     createSurvey(json: any, reason: string, model?: any, callback?: (survey: SurveyModel) => void, area?: string): SurveyModel;
     onConditionQuestionsGetListCallback(propertyName: string, obj: Base, editor: any, list: any[], variables: string[]): string;
-    onConditionGetTitleCallback(expression: string, title: string): string;
     isConditionOperatorEnabled(questionName: string, question: Question, operator: string, isEnabled: boolean): boolean;
     onLogicGetTitleCallback(expression: string, displayExpression: string, text: string, logicItem: any): string;
     getProcessedTranslationItemText(locale: string, locString: ILocalizableString, newText: string, obj: any): string;
@@ -283,7 +282,6 @@ export declare class EmptySurveyCreatorOptions implements ISurveyCreatorOptions
     stopUndoRedoTransaction(): void;
     createSurvey(json: any, reason: string, model?: any, callback?: (survey: SurveyModel) => void, area?: string): SurveyModel;
     onConditionQuestionsGetListCallback(propertyName: string, obj: Base, editor: any, list: any[], variables: string[]): string;
-    onConditionGetTitleCallback(expression: string, title: string): string;
     isConditionOperatorEnabled(questionName: string, question: Question, operator: string, isEnabled: boolean): boolean;
     onLogicGetTitleCallback(expression: string, displayExpression: string, text: string, logicItem: any): string;
     getTranslationExportedText(obj: Base, name: string, locString: ILocalizableString, locale: string, text: string): string;

package/typings/entries/index.d.ts

@@ -81,6 +81,9 @@ export * from "../components/side-bar/tab-control-model";
 export * from "../components/switcher/switcher";
 export * from "../utils/events";
 export * from "../utils/utils";
+export * from "../utils/html-element-utils";
+export * from "../utils/color-utils";
+export * from "../utils/creator-utils";
 export { MenuButton } from "../utils/actions";
 export * from "../question-editor/definition";
 export * from "../question-editor/properties";

package/typings/property-grid/condition-survey.d.ts

@@ -118,7 +118,6 @@ export declare class ConditionEditor extends PropertyEditorSetupValue {
     private onPanelValueChanged;
     private onUpdateQuestionCssClasses;
     private onValueChanged;
-    private setTitle;
     private showTextEditor;
     private showBuilder;
     private getCanShowBuilder;