survey-creator-core 1.9.88 → 1.9.89

package/typings/components/header/logo-image.d.ts

@@ -12,4 +12,5 @@ export declare class LogoImageViewModel extends Base {
     chooseFile(model: LogoImageViewModel): void;
     remove(model: LogoImageViewModel): void;
     get chooseLogoPlaceholder(): string;
+    get acceptedTypes(): string;
 }

package/typings/components/image-item-value.d.ts

@@ -18,4 +18,5 @@ export declare class ImageItemValueWrapperViewModel extends ItemValueWrapperView
     onDragOver: (event: any) => void;
     onDrop: (event: any) => void;
     onDragLeave: (event: any) => void;
+    get acceptedTypes(): "" | "image/png, image/gif, image/jpeg, image/apng, image/avif, image/svg+xml, image/webp" | "video/*";
 }

package/typings/components/matrix-cell.d.ts

@@ -16,7 +16,7 @@ export declare class MatrixCellWrapperViewModel extends Base {
     constructor(creator: CreatorBase, templateData: any, question: Question, row: any, column: any);
     isSelected: boolean;
     private onSelectionChanged;
-    editQuestion(model: MatrixCellWrapperViewModel): void;
+    editQuestion(model: MatrixCellWrapperViewModel, event: MouseEvent): void;
     get context(): any;
     selectContext(model: MatrixCellWrapperViewModel, event: MouseEvent): void;
     get isSupportCellEditor(): boolean;

package/typings/components/question-image.d.ts

@@ -9,6 +9,7 @@ export declare class QuestionImageAdornerViewModel extends QuestionAdornerViewMo
     isUploading: any;
     isEmptyImageLink: any;
     chooseFile(model: QuestionImageAdornerViewModel): void;
+    get acceptedTypes(): string;
     imageLinkValueChangedHandler(): void;
     get isEmptyElement(): boolean;
     get question(): QuestionImageModel;

package/typings/components/simulator.d.ts

@@ -9,6 +9,7 @@ export declare class SurveySimulatorModel extends Base {
     isRunning: boolean;
     simulatorEnabled: boolean;
     simulatorScaleEnabled: boolean;
+    themeVariables: any;
     private currZoomScale;
     get zoomScale(): number;
     activateZoom: () => void;

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

@@ -0,0 +1,25 @@
+import { Action } from "survey-core";
+import { CreatorBase, ICreatorPlugin } from "../../creator-base";
+import { ThemeSurveyTabViewModel } from "./theme";
+export declare class TabThemePlugin implements ICreatorPlugin {
+    private creator;
+    private deviceSelectorAction;
+    private orientationSelectorAction;
+    private invisibleToggleAction;
+    private testAgainAction;
+    private designerAction;
+    private prevPageAction;
+    private nextPageAction;
+    private simulatorTheme;
+    private sidebarTab;
+    model: ThemeSurveyTabViewModel;
+    private getSimulatorDevicesTitle;
+    private setDevice;
+    private updateActions;
+    constructor(creator: CreatorBase);
+    activate(): void;
+    update(): void;
+    deactivate(): boolean;
+    createActions(): Array<Action>;
+    addFooterActions(): void;
+}

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

@@ -0,0 +1,85 @@
+import { SurveySimulatorModel } from "../simulator";
+import { Base, PageModel, SurveyModel, Action, IAction, ActionContainer } from "survey-core";
+import { CreatorBase } from "../../creator-base";
+export declare const Themes: {
+    "default-light": {
+        "--sjs-primary-backcolor": string;
+        "--background": string;
+        "--background-dim": string;
+        "--background-dim-light": string;
+        "--sjs-general-forecolor": string;
+        "--sjs-general-forecolor-light": string;
+        "--sjs-general-dim-forecolor": string;
+        "--sjs-general-dim-forecolor-light": string;
+        "--sjs-editor-background": string;
+        "--sjs-question-background": string;
+        "--sjs-primary-forecolor": string;
+        "--foreground": string;
+        "--base-unit": string;
+        "--sjs-corner-radius": string;
+    };
+    "default-dark": {
+        "--sjs-primary-backcolor": string;
+        "--background": string;
+        "--background-dim": string;
+        "--background-dim-light": string;
+        "--sjs-general-forecolor": string;
+        "--sjs-general-forecolor-light": string;
+        "--sjs-general-dim-forecolor": string;
+        "--sjs-general-dim-forecolor-light": string;
+        "--sjs-editor-background": string;
+        "--sjs-question-background": string;
+        "--sjs-primary-forecolor": string;
+        "--foreground": string;
+        "--base-unit": string;
+        "--sjs-corner-radius": string;
+    };
+};
+export declare class ThemeSurveyTabViewModel extends Base {
+    private surveyProvider;
+    private startTheme;
+    private json;
+    pages: ActionContainer;
+    prevPageAction: Action;
+    testAgainAction: Action;
+    nextPageAction: Action;
+    private selectPageAction;
+    private themeEditorSurveyValue;
+    onSurveyCreatedCallback: (survey: SurveyModel) => any;
+    simulator: SurveySimulatorModel;
+    showInvisibleElements: any;
+    showPagesInTestSurveyTab: any;
+    isRunning: boolean;
+    pageListItems: Array<IAction>;
+    activePage: PageModel;
+    get activeLanguage(): string;
+    set activeLanguage(val: string);
+    get survey(): SurveyModel;
+    get pageActions(): Array<Action>;
+    get isPageToolbarVisible(): boolean;
+    get themeEditorSurvey(): SurveyModel;
+    constructor(surveyProvider: CreatorBase, startTheme?: any);
+    updateSimulatorSurvey(json: any, theme: any): void;
+    setJSON(json: any, currTheme: any): void;
+    initialize(json: any, options: any): void;
+    private updatePageItem;
+    private getCurrentPageItem;
+    private getSelectPageTitle;
+    private getPageTitle;
+    private updatePageList;
+    show(): void;
+    testAgain(): void;
+    buildActions(): void;
+    private setActivePageItem;
+    private getPageItemByPage;
+    private updateResultsTemplate;
+    setTheme(themeName: string, themeMapper: any): void;
+    protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
+    private updatePrevNextPageActionState;
+    protected createThemeEditorSurvey(): SurveyModel;
+    themeName: any;
+    themePalette: any;
+    themeMode: any;
+    get themeVariables(): any;
+    private getThemeEditorSurveyJSON;
+}

package/typings/creator-base.d.ts

@@ -88,6 +88,12 @@ export declare class CreatorBase extends Base implements ISurveyCreatorOptions,
      */
     get showPreviewTab(): boolean;
     set showPreviewTab(val: boolean);
+    /**
+     * Specifies whether to display the Theme tab.
+     *
+     * Default value: `false`
+     */
+    showThemeTab: boolean;
     /**
      * Specifies whether to display the Embed Survey tab.
      *
@@ -1372,6 +1378,7 @@ export declare class CreatorBase extends Base implements ISurveyCreatorOptions,
     selectFromStringEditor: boolean;
     isCreatorDisposed: boolean;
     dispose(): void;
+    enableLinkFileEditor: boolean;
 }
 export declare class SurveyCreatorModel extends CreatorBase {
 }

package/typings/creator-options.d.ts

@@ -244,4 +244,5 @@ export interface ICreatorOptions {
      * Questions and panels are divided between pages. Users can use the page navigator to switch to a required page.
      */
     pageEditMode?: "standard" | "single" | "bypage";
+    enableLinkFileEditor?: boolean;
 }

package/typings/creator-settings.d.ts

@@ -106,7 +106,6 @@ export declare var settings: {
                 }[];
             };
             image: {
-                imageLink: string;
                 imageFit: string;
                 imageHeight: string;
                 imageWidth: string;
@@ -160,6 +159,7 @@ export interface ISurveyCreatorOptions {
     maximumChoicesCount: number;
     maximumRowsCount: number;
     maximumRateValues: number;
+    enableLinkFileEditor: boolean;
     getObjectDisplayName(obj: Base, area: string, reason: string, displayName: string): string;
     onCanShowPropertyCallback(object: any, property: JsonObjectProperty, showMode: string, parentObj: any, parentProperty: JsonObjectProperty): boolean;
     onPropertyEditorCreatedCallback(object: any, property: JsonObjectProperty, editor: Question): any;
@@ -184,8 +184,10 @@ export interface ISurveyCreatorOptions {
     onLogicGetTitleCallback(expression: string, displayExpression: string, text: string, logicItem: any): string;
     getProcessedTranslationItemText(locale: string, locString: ILocalizableString, newText: string, obj: any): string;
     getTranslationExportedText(obj: Base, name: string, locString: ILocalizableString, locale: string, text: string): string;
+    uploadFiles(files: File[], question: Question, uploadingCallback: (status: string, data: any) => any): void;
 }
 export declare class EmptySurveyCreatorOptions implements ISurveyCreatorOptions {
+    enableLinkFileEditor: boolean;
     getProcessedTranslationItemText(locale: string, locString: ILocalizableString, newText: string, obj: any): string;
     isMobileView: boolean;
     alwaySaveTextInPropertyEditors: boolean;
@@ -221,4 +223,5 @@ export declare class EmptySurveyCreatorOptions implements ISurveyCreatorOptions
     onConditionGetTitleCallback(expression: string, title: string): string;
     onLogicGetTitleCallback(expression: string, displayExpression: string, text: string, logicItem: any): string;
     getTranslationExportedText(obj: Base, name: string, locString: ILocalizableString, locale: string, text: string): string;
+    uploadFiles(files: File[], question: Question, uploadingCallback: (status: string, data: any) => any): void;
 }

package/typings/editorLocalization.d.ts

@@ -95,6 +95,7 @@ export declare var defaultStrings: {
         newPanelName: string;
         newTextItemName: string;
         testSurvey: string;
+        themeSurvey: string;
         defaultV2Theme: string;
         modernTheme: string;
         defaultTheme: string;
@@ -148,6 +149,7 @@ export declare var defaultStrings: {
         propertyEditorError: string;
         saveError: string;
         translationPropertyGridTitle: string;
+        previewPropertyGridTitle: string;
         translationLanguages: string;
         translationAddLanguage: string;
         translationShowAllStrings: string;
@@ -297,6 +299,7 @@ export declare var defaultStrings: {
         propertyIsEmpty: string;
         propertyIsNoUnique: string;
         propertyNameIsNotUnique: string;
+        propertyNameIsIncorrect: string;
         listIsEmpty: string;
         "listIsEmpty@choices": string;
         "addNew@choices": string;
@@ -677,6 +680,7 @@ export declare var defaultStrings: {
         progressTop: string;
         progressBottom: string;
         progressTopBottom: string;
+        tab: string;
         horizontal: string;
         vertical: string;
         top: string;
@@ -800,6 +804,11 @@ export declare var defaultStrings: {
             true: string;
             false: string;
         };
+        rateType: {
+            labels: string;
+            stars: string;
+            smileys: string;
+        };
     };
     op: {
         empty: string;
@@ -957,4 +966,58 @@ export declare var defaultStrings: {
         iconName: string;
         iconSize: string;
     };
+    theme: {
+        "--background": string;
+        "--background-dim-light": string;
+        "--primary-foreground": string;
+        "--foreground": string;
+        "--base-unit": string;
+        groupGeneral: string;
+        groupAdvanced: string;
+        themeName: string;
+        themeMode: string;
+        themeModePanels: string;
+        themeModeLightweight: string;
+        themePaletteLight: string;
+        themePaletteDark: string;
+        primaryColor: string;
+        primaryDefaultColor: string;
+        primaryDarkColor: string;
+        primaryLightColor: string;
+        backgroundDimColor: string;
+        backgroundImage: string;
+        backgroundImageFitAuto: string;
+        backgroundImageFitCover: string;
+        backgroundImageFitContain: string;
+        backgroundOpacity: string;
+        panelBackgroundTransparency: string;
+        questionBackgroundTransparency: string;
+        questionPanel: string;
+        questionTitle: string;
+        questionDescription: string;
+        editorPanel: string;
+        editorFont: string;
+        backcolor: string;
+        hovercolor: string;
+        borderDecoration: string;
+        accentBackground: string;
+        accentForeground: string;
+        primaryForecolor: string;
+        primaryForecolorLight: string;
+        linesColors: string;
+        borderDefault: string;
+        borderLight: string;
+        fontFamily: string;
+        fontSize: string;
+        color: string;
+        size: string;
+        fontWeightRegular: string;
+        fontWeightSemiBold: string;
+        fontWeightBold: string;
+        scale: string;
+        cornerRadius: string;
+        surveyTitle: string;
+        pageTitle: string;
+        pageDescription: string;
+    };
 };

package/typings/entries/index.d.ts

@@ -12,6 +12,8 @@ export * from "../components/tabs/json-editor-plugin";
 export * from "../components/tabs/json-editor-textarea";
 export * from "../components/tabs/test";
 export * from "../components/tabs/test-plugin";
+export * from "../components/tabs/theme";
+export * from "../components/tabs/theme-plugin";
 export * from "../components/tabs/logic";
 export * from "../components/tabs/translation";
 export * from "../components/tabs/translation-theme";

package/typings/localization/english.d.ts

@@ -66,6 +66,7 @@ export declare var enStrings: {
         newPanelName: string;
         newTextItemName: string;
         testSurvey: string;
+        themeSurvey: string;
         defaultV2Theme: string;
         modernTheme: string;
         defaultTheme: string;
@@ -119,6 +120,7 @@ export declare var enStrings: {
         propertyEditorError: string;
         saveError: string;
         translationPropertyGridTitle: string;
+        previewPropertyGridTitle: string;
         translationLanguages: string;
         translationAddLanguage: string;
         translationShowAllStrings: string;
@@ -268,6 +270,7 @@ export declare var enStrings: {
         propertyIsEmpty: string;
         propertyIsNoUnique: string;
         propertyNameIsNotUnique: string;
+        propertyNameIsIncorrect: string;
         listIsEmpty: string;
         "listIsEmpty@choices": string;
         "addNew@choices": string;
@@ -648,6 +651,7 @@ export declare var enStrings: {
         progressTop: string;
         progressBottom: string;
         progressTopBottom: string;
+        tab: string;
         horizontal: string;
         vertical: string;
         top: string;
@@ -771,6 +775,11 @@ export declare var enStrings: {
             true: string;
             false: string;
         };
+        rateType: {
+            labels: string;
+            stars: string;
+            smileys: string;
+        };
     };
     op: {
         empty: string;
@@ -928,4 +937,58 @@ export declare var enStrings: {
         iconName: string;
         iconSize: string;
     };
+    theme: {
+        "--background": string;
+        "--background-dim-light": string;
+        "--primary-foreground": string;
+        "--foreground": string;
+        "--base-unit": string;
+        groupGeneral: string;
+        groupAdvanced: string;
+        themeName: string;
+        themeMode: string;
+        themeModePanels: string;
+        themeModeLightweight: string;
+        themePaletteLight: string;
+        themePaletteDark: string;
+        primaryColor: string;
+        primaryDefaultColor: string;
+        primaryDarkColor: string;
+        primaryLightColor: string;
+        backgroundDimColor: string;
+        backgroundImage: string;
+        backgroundImageFitAuto: string;
+        backgroundImageFitCover: string;
+        backgroundImageFitContain: string;
+        backgroundOpacity: string;
+        panelBackgroundTransparency: string;
+        questionBackgroundTransparency: string;
+        questionPanel: string;
+        questionTitle: string;
+        questionDescription: string;
+        editorPanel: string;
+        editorFont: string;
+        backcolor: string;
+        hovercolor: string;
+        borderDecoration: string;
+        accentBackground: string;
+        accentForeground: string;
+        primaryForecolor: string;
+        primaryForecolorLight: string;
+        linesColors: string;
+        borderDefault: string;
+        borderLight: string;
+        fontFamily: string;
+        fontSize: string;
+        color: string;
+        size: string;
+        fontWeightRegular: string;
+        fontWeightSemiBold: string;
+        fontWeightBold: string;
+        scale: string;
+        cornerRadius: string;
+        surveyTitle: string;
+        pageTitle: string;
+        pageDescription: string;
+    };
 };

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

@@ -1,5 +1,6 @@
 import { Base, JsonObjectProperty, PanelModel, PanelModelBase, Question, SurveyModel, MatrixDynamicRowModel } from "survey-core";
 import { ISurveyCreatorOptions } from "../creator-settings";
+import { QuestionFileEditorModel } from "../custom-questions/question-file";
 export interface IPropertyEditorSetup {
     editSurvey: SurveyModel;
     apply(): boolean;
@@ -126,6 +127,7 @@ export declare class PropertyGridModel {
     private validateQuestionValue;
     private onValidateQuestion;
     private onValueChanging;
+    private isPropNameInValid;
     private onValueChanged;
     private changeDependedProperties;
     private updateDependedPropertiesEditor;
@@ -169,6 +171,11 @@ export declare class PropertyGridEditorString extends PropertyGridEditorStringBa
     isDefault(): boolean;
     getJSON(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): any;
 }
+export declare class PropertyGridLinkEditor extends PropertyGridEditor {
+    fit(prop: JsonObjectProperty): boolean;
+    getJSON(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): any;
+    onCreated(obj: Base, question: QuestionFileEditorModel, prop: JsonObjectProperty, options: ISurveyCreatorOptions): void;
+}
 export declare class PropertyGridEditorNumber extends PropertyGridEditor {
     fit(prop: JsonObjectProperty): boolean;
     getJSON(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): any;

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

@@ -4,6 +4,7 @@ import { IPropertyEditorSetup, PropertyGridEditor } from "./index";
 export declare abstract class PropertyGridEditorMatrix extends PropertyGridEditor {
     static getNewColumnName(objs: Array<any>, keyPropName: string, baseName: string): string | number;
     onCreated(obj: Base, question: Question, prop: JsonObjectProperty): void;
+    private initializeAcceptedTypes;
     private initializePlaceholder;
     onMatrixCellCreated(obj: Base, options: any): void;
     private updateMatixActionsClasses;

package/typings/utils/utils.d.ts

@@ -1,4 +1,4 @@
-import { ItemValue } from "survey-core";
+import { ItemValue, Question, SurveyElement } from "survey-core";
 export declare function getNextItemValue(prefix: string, choices: ItemValue[]): string | number;
 export declare function getNextItemText(choices: ItemValue[]): string;
 export declare function getNextValue(prefix: string, values: any[]): string | number;
@@ -17,3 +17,6 @@ export declare function assignDefaultV2Classes(destination: any, questionType: s
 export declare function wrapTextByCurlyBraces(text: string): string;
 export declare function capitalize(str: string): string;
 export declare function notShortCircuitAnd(...args: Array<boolean>): boolean;
+export declare const imageMimeTypes = "image/png, image/gif, image/jpeg, image/apng, image/avif, image/svg+xml, image/webp";
+export declare function getAcceptedTypesByContentMode(contentMode: string): "" | "image/png, image/gif, image/jpeg, image/apng, image/avif, image/svg+xml, image/webp" | "video/*";
+export declare function getQuestionFromObj(obj: SurveyElement): Question;