survey-creator-core 1.9.89 → 1.9.90

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/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,5 @@
+export declare function createColor(value: any): string;
+export declare function parseColor(value: string): {
+    color: string;
+    opacity: number;
+};

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

@@ -4,6 +4,8 @@ import { CreatorBase } from "../../creator-base";
 export declare const Themes: {
     "default-light": {
         "--sjs-primary-backcolor": string;
+        "--sjs-primary-backcolor-light": string;
+        "--sjs-primary-backcolor-dark": string;
         "--background": string;
         "--background-dim": string;
         "--background-dim-light": string;
@@ -20,6 +22,8 @@ export declare const Themes: {
     };
     "default-dark": {
         "--sjs-primary-backcolor": string;
+        "--sjs-primary-backcolor-light": string;
+        "--sjs-primary-backcolor-dark": string;
         "--background": string;
         "--background-dim": string;
         "--background-dim-light": string;
@@ -45,6 +49,8 @@ export declare class ThemeSurveyTabViewModel extends Base {
     nextPageAction: Action;
     private selectPageAction;
     private themeEditorSurveyValue;
+    private themeChanges;
+    private colorCalculator;
     onSurveyCreatedCallback: (survey: SurveyModel) => any;
     simulator: SurveySimulatorModel;
     showInvisibleElements: any;
@@ -52,6 +58,10 @@ export declare class ThemeSurveyTabViewModel extends Base {
     isRunning: boolean;
     pageListItems: Array<IAction>;
     activePage: PageModel;
+    themeName: any;
+    themePalette: any;
+    themeMode: any;
+    get themeVariables(): any;
     get activeLanguage(): string;
     set activeLanguage(val: string);
     get survey(): SurveyModel;
@@ -76,10 +86,7 @@ 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 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 { 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
@@ -1339,6 +1356,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/editorLocalization.d.ts

@@ -471,6 +471,7 @@ export declare var defaultStrings: {
         maxTextLength: string;
         maxOthersLength: string;
         autoGrowComment: string;
+        allowResizeComment: string;
         textUpdateMode: string;
         focusOnFirstError: string;
         checkErrorsMode: string;
@@ -948,6 +949,7 @@ export declare var defaultStrings: {
         navigationDescription: string;
         longTap: string;
         autoGrow: string;
+        allowResize: string;
         acceptCarriageReturn: string;
         displayMode: string;
         rateType: string;
@@ -1012,6 +1014,7 @@ export declare var defaultStrings: {
         color: string;
         size: string;
         fontWeightRegular: string;
+        fontWeightHeavy: string;
         fontWeightSemiBold: string;
         fontWeightBold: string;
         scale: string;
@@ -1019,5 +1022,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,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-custom-questions/color-settings";
+export * from "../components/tabs/theme-custom-questions/boxshadow-settings";
 export * from "../components/tabs/theme";
 export * from "../components/tabs/theme-plugin";
 export * from "../components/tabs/logic";

package/typings/localization/english.d.ts

@@ -442,6 +442,7 @@ export declare var enStrings: {
         maxTextLength: string;
         maxOthersLength: string;
         autoGrowComment: string;
+        allowResizeComment: string;
         textUpdateMode: string;
         focusOnFirstError: string;
         checkErrorsMode: string;
@@ -919,6 +920,7 @@ export declare var enStrings: {
         navigationDescription: string;
         longTap: string;
         autoGrow: string;
+        allowResize: string;
         acceptCarriageReturn: string;
         displayMode: string;
         rateType: string;
@@ -983,6 +985,7 @@ export declare var enStrings: {
         color: string;
         size: string;
         fontWeightRegular: string;
+        fontWeightHeavy: string;
         fontWeightSemiBold: string;
         fontWeightBold: string;
         scale: string;
@@ -990,5 +993,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/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,22 @@ 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 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;
+}