survey-creator-core 1.9.89 → 1.9.91

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

@@ -24,6 +24,7 @@ export declare class ItemValueWrapperViewModel extends Base {
     startDragItemValue: (pointerDownEvent: PointerEvent, currentTarget: any) => void;
     private get dragDropHelper();
     dispose(): void;
+    private getGhostPosition;
     private handleDragDropGhostPositionChanged;
     get isDraggable(): boolean;
     isDraggableItem(item: ItemValue): boolean;

package/typings/components/page.d.ts

@@ -1,4 +1,4 @@
-import { PageModel } from "survey-core";
+import { ActionContainer, DragTypeOverMeEnum, PageModel } from "survey-core";
 import { CreatorBase } from "../creator-base";
 import { IPortableMouseEvent } from "../utils/events";
 import { SurveyElementAdornerBase } from "./action-container-view-model";
@@ -8,6 +8,7 @@ export declare class PageAdorner extends SurveyElementAdornerBase<PageModel> {
     onPageSelectedCallback: () => void;
     questionTypeSelectorModel: any;
     currentAddQuestionType: string;
+    dragTypeOverMe: DragTypeOverMeEnum;
     constructor(creator: CreatorBase, page: PageModel);
     protected attachElement(surveyElement: PageModel): void;
     protected onElementSelectedChanged(isSelected: boolean): void;
@@ -18,11 +19,13 @@ export declare class PageAdorner extends SurveyElementAdornerBase<PageModel> {
     protected getPage(): PageModel;
     get page(): PageModel;
     private addGhostPage;
-    addNewQuestion(model: PageAdorner, event: IPortableMouseEvent): void;
+    addNewQuestion(model: PageAdorner, event: IPortableMouseEvent, type?: string): void;
     select(model: PageAdorner, event: IPortableMouseEvent): void;
     get css(): string;
     hover(event: MouseEvent, element: HTMLElement | any): void;
     hoverStopper(event: MouseEvent, element: HTMLElement | any): void;
     protected duplicate(): void;
     get addNewQuestionText(): string;
+    private _footerActionsBar;
+    get footerActionsBar(): ActionContainer;
 }

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

@@ -14,6 +14,7 @@ export declare class QuestionRatingAdornerViewModel extends Base {
     get enableAdd(): boolean;
     get addClassNames(): string;
     static allowRemoveForElement(element: QuestionRatingModel): boolean;
+    private canAddOrRemove;
     get allowRemove(): boolean;
     get enableRemove(): boolean;
     get removeClassNames(): string;

package/typings/components/question.d.ts

@@ -15,7 +15,7 @@ export declare class QuestionAdornerViewModel extends SurveyElementAdornerBase {
     rootCss(): "" | " svc-question__adorner--start-with-new-line";
     css(): string;
     get isDragMe(): boolean;
-    dragTypeOverMe: DragTypeOverMeEnum;
+    get dragTypeOverMe(): DragTypeOverMeEnum;
     dispose(): void;
     get isDraggable(): boolean;
     hover(event: MouseEvent, element: HTMLElement | any): void;

package/typings/components/simulator.d.ts

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

package/typings/components/string-editor.d.ts

@@ -53,6 +53,7 @@ export declare class StringEditorViewModelBase extends Base {
     onCompositionEnd(event: any): void;
     onBlur(event: any): void;
     done(event: Event): void;
+    onPaste(event: ClipboardEvent): void;
     onKeyDown(event: KeyboardEvent): boolean;
     onKeyUp(event: KeyboardEvent): boolean;
     private justFocused;

package/typings/components/tabs/theme-custom-questions/boxshadow-settings.d.ts

@@ -0,0 +1,2 @@
+export declare function createBoxShadow(value: Array<any>): string;
+export declare function parseBoxShadow(value: string): Array<Object>;

package/typings/components/tabs/theme-custom-questions/color-settings.d.ts

@@ -0,0 +1 @@
+export declare function createColor(value: any): string;

package/typings/components/tabs/theme-custom-questions/element-settings.d.ts

@@ -0,0 +1 @@
+export {};

package/typings/components/tabs/theme-custom-questions/font-settings.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -10,6 +10,9 @@ export declare class TabThemePlugin implements ICreatorPlugin {
     private designerAction;
     private prevPageAction;
     private nextPageAction;
+    private importAction;
+    private exportAction;
+    private inputFileElement;
     private simulatorTheme;
     private sidebarTab;
     model: ThemeSurveyTabViewModel;

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

@@ -1,50 +1,21 @@
 import { SurveySimulatorModel } from "../simulator";
-import { Base, PageModel, SurveyModel, Action, IAction, ActionContainer } from "survey-core";
+import { Base, PageModel, SurveyModel, Action, IAction, ActionContainer, ITheme } 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 const Themes: any;
 export declare class ThemeSurveyTabViewModel extends Base {
     private surveyProvider;
     private startTheme;
     private json;
+    exportToFileUI: any;
+    importFromFileUI: any;
     pages: ActionContainer;
     prevPageAction: Action;
     testAgainAction: Action;
     nextPageAction: Action;
     private selectPageAction;
     private themeEditorSurveyValue;
+    private themeChanges;
+    private colorCalculator;
     onSurveyCreatedCallback: (survey: SurveyModel) => any;
     simulator: SurveySimulatorModel;
     showInvisibleElements: any;
@@ -52,14 +23,23 @@ export declare class ThemeSurveyTabViewModel extends Base {
     isRunning: boolean;
     pageListItems: Array<IAction>;
     activePage: PageModel;
+    themeName: any;
+    themePalette: any;
+    themeMode: any;
+    getFullThemeName(_themeName?: string): any;
+    get themeVariables(): any;
     get activeLanguage(): string;
     set activeLanguage(val: string);
     get survey(): SurveyModel;
     get pageActions(): Array<Action>;
     get isPageToolbarVisible(): boolean;
     get themeEditorSurvey(): SurveyModel;
+    get currentTheme(): ITheme;
     constructor(surveyProvider: CreatorBase, startTheme?: any);
+    private loadTheme;
     updateSimulatorSurvey(json: any, theme: any): void;
+    exportToFile(fileName: string): void;
+    importFromFile(file: File): void;
     setJSON(json: any, currTheme: any): void;
     initialize(json: any, options: any): void;
     private updatePageItem;
@@ -76,10 +56,9 @@ export declare class ThemeSurveyTabViewModel extends Base {
     setTheme(themeName: string, themeMapper: any): void;
     protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
     private updatePrevNextPageActionState;
+    initializeColorCalculator(): void;
     protected createThemeEditorSurvey(): SurveyModel;
-    themeName: any;
-    themePalette: any;
-    themeMode: any;
-    get themeVariables(): any;
+    private loadThemeIntoPropertyGrid;
+    private setThemeToSurvey;
     private getThemeEditorSurveyJSON;
 }

package/typings/creator-base.d.ts

@@ -1,7 +1,7 @@
 import * as Survey from "survey-core";
-import { Base, SurveyModel, Question, PageModel, IElement, JsonObjectProperty, ActionContainer, AdaptiveActionContainer, IAction, Action, IPanel, SurveyElement, ItemValue, QuestionSelectBase, LocalizableString, ILocalizableString, ILocalizableOwner, PopupBaseViewModel, EventBase } from "survey-core";
+import { Base, SurveyModel, Question, PageModel, IElement, JsonObjectProperty, ActionContainer, AdaptiveActionContainer, IAction, Action, IPanel, SurveyElement, ItemValue, QuestionSelectBase, LocalizableString, ILocalizableString, ILocalizableOwner, PopupBaseViewModel, EventBase, ITheme } from "survey-core";
 import { ISurveyCreatorOptions, ICollectionItemAllowOperations } from "./creator-settings";
-import { DragDropSurveyElements, DragDropChoices } from "survey-core";
+import { DragDropChoices } from "survey-core";
 import { QuestionToolbox } from "./toolbox";
 import { PropertyGridModel } from "./property-grid";
 import { ICreatorSelectionOwner } from "./selection-owner";
@@ -11,6 +11,8 @@ import { UndoRedoManager } from "./plugins/undo-redo/undo-redo-manager";
 import { UndoRedoController } from "./plugins/undo-redo/undo-redo-controller";
 import { SidebarModel } from "./components/side-bar/side-bar-model";
 import { ICreatorOptions } from "./creator-options";
+import { DragDropSurveyElements } from "./survey-elements";
+import { PageAdorner } from "./components/page";
 export interface IKeyboardShortcut {
     name?: string;
     hotKey: {
@@ -580,6 +582,21 @@ export declare class CreatorBase extends Base implements ISurveyCreatorOptions,
      *- options.page the new survey Page object.
      */
     onPageAdded: CreatorEvent;
+    /**
+     * An event that is raised when Survey Creator renders action buttons under each page on the design surface. Use this event to add, remove, or modify the buttons.
+     *
+     * Parameters:
+     *
+     * - `sender`: `CreatorBase`\
+     * A Survey Creator instance that raised the event.
+     * - `options.actions`: [`IAction[]`](/form-library/documentation/api-reference/iaction)\
+     * An array of actions. You can add or remove actions from this array.
+     * - `options.page`: [`PageModel`](/form-library/documentation/api-reference/page-model)\
+     * A page for which the event is raised.
+     * - `options.addNewQuestion(type)`: Method\
+     * Adds a new question of a specified [`type`](/form-library/documentation/api-reference/question#getType) to the page.
+     */
+    onGetPageActions: CreatorEvent;
     /**
      * The event is fired when the survey creator is initialized and a survey object (Survey.Survey) is created.
      *- sender the survey creator object that fires the event
@@ -819,6 +836,7 @@ export declare class CreatorBase extends Base implements ISurveyCreatorOptions,
      * Default value: `"defaultV2"`
      */
     themeForPreview: string;
+    theme: ITheme;
     private _allowModifyPages;
     /**
      * Specifies whether users can add, edit, and delete survey pages.
@@ -1339,6 +1357,7 @@ export declare class CreatorBase extends Base implements ISurveyCreatorOptions,
     getAddNewQuestionText(currentAddQuestionType?: string): any;
     get addNewQuestionText(): any;
     getQuestionTypeSelectorModel(beforeAdd: (type: string) => void, panel?: IPanel): any;
+    getUpdatedPageAdornerFooterActions(pageAdorner: PageAdorner, actions: Array<IAction>): Survey.IAction[];
     addNewQuestionInPage(beforeAdd: (string: any) => void, panel?: IPanel, type?: string): void;
     createIActionBarItemByClass(className: string, title: string, iconName: string, needSeparator: boolean): Action;
     onElementMenuItemsChanged(element: any, items: Action[]): void;

package/typings/creator-settings.d.ts

@@ -19,6 +19,9 @@ export declare var settings: {
          */
         exportFileName: string;
     };
+    theme: {
+        exportFileName: string;
+    };
     operators: {
         empty: any[];
         notempty: any[];
@@ -100,6 +103,7 @@ export declare var settings: {
                 choices: string[];
             };
             imagepicker: {
+                imageFit: string;
                 choices: {
                     value: string;
                     imageLink: string;

package/typings/custom-questions/question-color.d.ts

@@ -1,6 +1,7 @@
-import { QuestionTextModel } from "survey-core";
+import { Action, ItemValue, QuestionTextModel } from "survey-core";
 export declare class QuestionColorModel extends QuestionTextModel {
     unit: string;
+    constructor(name: string);
     private getCorrectedValue;
     protected setNewValue(newValue: string): void;
     onBeforeInput(event: InputEvent): void;
@@ -15,4 +16,12 @@ export declare class QuestionColorModel extends QuestionTextModel {
     };
     get isInputTextUpdate(): boolean;
     onSurveyValueChanged(newValue: any): void;
+    private _dropdownAction;
+    get dropdownAction(): Action;
+    get choices(): Array<ItemValue>;
+    set choices(newValue: Array<ItemValue>);
+    get showDropdownAction(): boolean;
+    createDropdownAction(): Action;
+    private updateChoices;
+    get itemComponent(): string;
 }

package/typings/editorLocalization.d.ts

@@ -160,6 +160,8 @@ export declare var defaultStrings: {
         translationImportFromSCVButton: string;
         translationMergeLocaleWithDefault: string;
         translationPlaceHolder: string;
+        themeExportButton: string;
+        themeImportButton: string;
         bold: string;
         italic: string;
         underline: string;
@@ -218,6 +220,7 @@ export declare var defaultStrings: {
             column_requireText: string;
             trigger_completeText: string;
             trigger_setvalueText: string;
+            trigger_setvalueEmptyText: string;
             trigger_copyvalueText: string;
             trigger_skipText: string;
             trigger_runExpressionText1: string;
@@ -471,6 +474,7 @@ export declare var defaultStrings: {
         maxTextLength: string;
         maxOthersLength: string;
         autoGrowComment: string;
+        allowResizeComment: string;
         textUpdateMode: string;
         focusOnFirstError: string;
         checkErrorsMode: string;
@@ -948,6 +952,7 @@ export declare var defaultStrings: {
         navigationDescription: string;
         longTap: string;
         autoGrow: string;
+        allowResize: string;
         acceptCarriageReturn: string;
         displayMode: string;
         rateType: string;
@@ -1012,6 +1017,7 @@ export declare var defaultStrings: {
         color: string;
         size: string;
         fontWeightRegular: string;
+        fontWeightHeavy: string;
         fontWeightSemiBold: string;
         fontWeightBold: string;
         scale: string;
@@ -1019,5 +1025,12 @@ export declare var defaultStrings: {
         surveyTitle: string;
         pageTitle: string;
         pageDescription: string;
+        boxShadowX: string;
+        boxShadowY: string;
+        opacity: string;
+        boxShadowBlur: string;
+        boxShadowSpread: string;
+        questionShadow: string;
+        editorShadow: string;
     };
 };

package/typings/entries/index.d.ts

@@ -12,6 +12,10 @@ 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-custom-questions/color-settings";
+export * from "../components/tabs/theme-custom-questions/boxshadow-settings";
+export * from "../components/tabs/theme-custom-questions/font-settings";
+export * from "../components/tabs/theme-custom-questions/element-settings";
 export * from "../components/tabs/theme";
 export * from "../components/tabs/theme-plugin";
 export * from "../components/tabs/logic";

package/typings/localization/english.d.ts

@@ -131,6 +131,8 @@ export declare var enStrings: {
         translationImportFromSCVButton: string;
         translationMergeLocaleWithDefault: string;
         translationPlaceHolder: string;
+        themeExportButton: string;
+        themeImportButton: string;
         bold: string;
         italic: string;
         underline: string;
@@ -189,6 +191,7 @@ export declare var enStrings: {
             column_requireText: string;
             trigger_completeText: string;
             trigger_setvalueText: string;
+            trigger_setvalueEmptyText: string;
             trigger_copyvalueText: string;
             trigger_skipText: string;
             trigger_runExpressionText1: string;
@@ -442,6 +445,7 @@ export declare var enStrings: {
         maxTextLength: string;
         maxOthersLength: string;
         autoGrowComment: string;
+        allowResizeComment: string;
         textUpdateMode: string;
         focusOnFirstError: string;
         checkErrorsMode: string;
@@ -919,6 +923,7 @@ export declare var enStrings: {
         navigationDescription: string;
         longTap: string;
         autoGrow: string;
+        allowResize: string;
         acceptCarriageReturn: string;
         displayMode: string;
         rateType: string;
@@ -983,6 +988,7 @@ export declare var enStrings: {
         color: string;
         size: string;
         fontWeightRegular: string;
+        fontWeightHeavy: string;
         fontWeightSemiBold: string;
         fontWeightBold: string;
         scale: string;
@@ -990,5 +996,12 @@ export declare var enStrings: {
         surveyTitle: string;
         pageTitle: string;
         pageDescription: string;
+        boxShadowX: string;
+        boxShadowY: string;
+        opacity: string;
+        boxShadowBlur: string;
+        boxShadowSpread: string;
+        questionShadow: string;
+        editorShadow: string;
     };
 };

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

@@ -7,6 +7,7 @@ export declare abstract class PropertyGridEditorMatrix extends PropertyGridEdito
     private initializeAcceptedTypes;
     private initializePlaceholder;
     onMatrixCellCreated(obj: Base, options: any): void;
+    onMatrixCellValueChanged(obj: Base, options: any): void;
     private updateMatixActionsClasses;
     onGetMatrixRowAction(obj: Base, options: any, setObjFunc: (obj: Base) => void): void;
     private getShowDetailActionIconName;

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

@@ -328,7 +328,9 @@ export declare var propertyGridCss: {
         colorInput: string;
         control: string;
         colorDropdown: string;
-        colorDrodownIcon: string;
+        colorDropdownIcon: string;
+        colorItem: string;
+        swatchIcon: string;
     };
     fileedit: {
         root: string;

package/typings/survey-elements.d.ts

@@ -0,0 +1,44 @@
+import { DragDropCore, DragTypeOverMeEnum, IElement, IPanel, IShortcutText, ISurveyElement, JsonObject, PageModel, QuestionRowModel } from "survey-core";
+export declare function calculateIsEdge(dropTargetNode: HTMLElement, clientY: number): boolean;
+export declare function calculateIsSide(dropTargetNode: HTMLElement, clientX: number): boolean;
+export declare function calculateDragOverLocation(clientX: number, clientY: number, dropTargetNode: HTMLElement): DragTypeOverMeEnum;
+export declare class DragDropSurveyElements extends DragDropCore<any> {
+    static newGhostPage: PageModel;
+    static restrictDragQuestionBetweenPages: boolean;
+    static edgeHeight: number;
+    static nestedPanelDepth: number;
+    static ghostSurveyElementName: string;
+    protected isEdge: boolean;
+    protected isSide: boolean;
+    protected prevIsEdge: any;
+    protected dragOverIndicatorElement: any;
+    protected dragOverLocation: DragTypeOverMeEnum;
+    protected get draggedElementType(): string;
+    protected isDraggedElementSelected: boolean;
+    startDragToolboxItem(event: PointerEvent, draggedElementJson: JsonObject, toolboxItemTitle: string): void;
+    startDragSurveyElement(event: PointerEvent, draggedElement: any, isElementSelected?: boolean): void;
+    protected getShortcutText(draggedElement: IShortcutText): string;
+    protected createDraggedElementShortcut(text: string, draggedElementNode?: HTMLElement, event?: PointerEvent): HTMLElement;
+    protected createDraggedElementIcon(): HTMLElement;
+    protected getDraggedElementClass(): string;
+    protected createElementFromJson(json: object): HTMLElement;
+    private createNewElement;
+    protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
+    protected getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode: HTMLElement, event: PointerEvent): any;
+    protected isDropTargetValid(dropTarget: any, dropTargetNode?: HTMLElement): boolean;
+    protected doBanDropHere: () => void;
+    private shouldRestricDragQuestionBetweenPages;
+    private getPanelDropTarget;
+    protected findDeepestDropTargetChild(parent: HTMLElement): HTMLElement;
+    dragOverCore(dropTarget: ISurveyElement, dragOverLocation: DragTypeOverMeEnum, isEdge?: boolean, isSide?: boolean): void;
+    dragOver(event: PointerEvent): void;
+    protected onStartDrag(): void;
+    private getElementIndexInPanel;
+    moveElementInPanel(panel: IPanel, src: IElement, target: IElement, targetIndex: number): void;
+    protected doDrop: () => any;
+    private removeDragOverMarker;
+    clear(): void;
+    private getTargetParent;
+    protected getTargetRow(dropTarget: any): QuestionRowModel;
+    protected isDragOverInsideEmptyPanel(): boolean;
+}

package/typings/utils/utils.d.ts

@@ -20,3 +20,26 @@ 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;
+export declare function ingectAlpha(baseColor: any, alpha: number): any;
+export declare function convertRgbaToString(rgbValues: Array<number>, alpha: number): string;
+export declare function parseRgbaFromString(value: string): Array<number>;
+export declare function parseColor(value: string): {
+    color: string;
+    opacity: number;
+};
+export declare function HSBToRGB(h: any, s: any, b: any): number[];
+export declare function RGBToHSB(r: any, g: any, b: any): number[];
+export declare function assign(...objects: Array<any>): void;
+export declare class ColorCalculator {
+    colorSettings: {
+        baseColorAlpha: number;
+        darkColorAlpha: number;
+        lightColorAlpha: number;
+        deltaDarkColor: number;
+        deltaLightColor: number;
+        newColorLight: string;
+        newColorDark: string;
+    };
+    initialize(baseColor: string, lightColor: string, darkColor: string): void;
+    calculateColors(newColor: string): void;
+}