survey-react 1.9.86 → 1.9.88

package/survey.react.d.ts

@@ -1,5 +1,12 @@
 /// <reference types="react" />
 declare module "settings" {
+    export type ISurveyEnvironment = {
+        root: Document | ShadowRoot;
+        rootElement: HTMLElement | ShadowRoot;
+        popupMountContainer: HTMLElement | string;
+        svgMountContainer: HTMLElement | string;
+        stylesSheetsMountContainer: HTMLElement;
+    };
     /**
      * Global settings that apply to all surveys on the page. To specify one of the settings, use the code below:
      *
@@ -369,6 +376,10 @@ declare module "settings" {
          * - `"icon"` - Users can only use the choice item icon as a drag handle.
          */
         rankingDragHandleArea: string;
+        /**
+         * Specifies environment in which SurveyJS will exist
+         */
+        environment: ISurveyEnvironment;
         titleTags: {
             survey: string;
             page: string;
@@ -387,6 +398,9 @@ declare module "settings" {
          * - `columnWidthsByType`: `Object`\
          * An object that specifies fixed and minimum column width based on the column type.\
          * Example: `settings.matrix.columnWidthsByType = { "tagbox": { minWidth: "240px", width: "300px" } }`
+         *
+         * - `rateSize`: `"small"` (default) | `"normal"`\
+         * Specifies the size of rate values. Applies to [Rating Scale](https://surveyjs.io/form-library/examples/rating-scale/) questions within matrixes.
          */
         matrix: {
             columnWidthsByType: {
@@ -395,6 +409,7 @@ declare module "settings" {
                     width?: string;
                 };
             };
+            rateSize: "small" | "normal";
         };
     };
 }
@@ -1380,6 +1395,8 @@ declare module "utils/utils" {
     function detectIEOrEdge(): any;
     function loadFileFromBase64(b64Data: string, fileName: string): void;
     function isMobile(): boolean;
+    const isShadowDOM: (rootElement: Document | ShadowRoot | HTMLElement) => rootElement is ShadowRoot;
+    const getElement: (element: HTMLElement | string) => HTMLElement;
     function isElementVisible(element: HTMLElement, threshold?: number): boolean;
     function findScrollableParent(element: HTMLElement): HTMLElement;
     function scrollElementByChildId(id: string): void;
@@ -1409,7 +1426,7 @@ declare module "utils/utils" {
         log(action: string): void;
         get result(): string;
     }
-    export { mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, };
+    export { mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, };
 }
 declare module "actions/container" {
     import { Base } from "base";
@@ -1664,6 +1681,7 @@ declare module "popup" {
         onVisibilityChanged: EventBase<PopupModel>;
         onFooterActionsCreated: EventBase<Base>;
         onRecalculatePosition: EventBase<Base>;
+        private refreshInnerModel;
         constructor(contentComponentName: string, contentComponentData: T, verticalPosition?: VerticalPosition, horizontalPosition?: HorizontalPosition, showPointer?: boolean, isModal?: boolean, onCancel?: () => void, onApply?: () => boolean, onHide?: () => void, onShow?: () => void, cssClass?: string, title?: string);
         get isVisible(): boolean;
         set isVisible(value: boolean);
@@ -1681,12 +1699,16 @@ declare module "actions/action" {
     export type actionModeType = "large" | "small" | "popup" | "removed";
     /**
      * An action item.
+     *
      * Action items are used in the Toolbar, matrix rows, titles of pages, panels, questions, and other survey elements.
-    
+     *
+     * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
      */
     export interface IAction {
         /**
          * A unique action item identifier.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          */
         id?: string;
         /**
@@ -1697,6 +1719,8 @@ declare module "actions/action" {
         visible?: boolean;
         /**
          * The action item's title.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          * @see showTitle
          * @see disableShrink
          */
@@ -1722,19 +1746,29 @@ declare module "actions/action" {
         showTitle?: boolean;
         /**
          * A function that is executed when users click the action item.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          */
         action?: (context?: any) => void;
         /**
          * One or several CSS classes that you want to apply to the outer `<div>` element.
+         *
          * In the markup, an action item is rendered as an `<input>` wrapped in a `<div>`. The `css` property applies classes to the `<div>`.
-         * To apply several classes, separate them with a space character: "myclass1 myclass2".
+         *
+         * To apply several classes, separate them with a space character: `"myclass1 myclass2"`.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          * @see innerCss
          */
         css?: string;
         /**
          * One or several CSS classes that you want to apply to the inner `<input>` element.
+         *
          * In the markup, an action item is rendered as an `<input>` wrapped in a `<div>`. The `innerCss` property applies classes to the `<input>`.
-         * To apply several classes, separate them with a space character: "myclass1 myclass2".
+         *
+         * To apply several classes, separate them with a space character: `"myclass1 myclass2"`.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          * @see css
          */
         innerCss?: string;
@@ -1746,7 +1780,8 @@ declare module "actions/action" {
         needSeparator?: boolean;
         /**
          * Specifies whether the action item is active.
-         * Use it as a flag to specify different action item appearances in different states.
+         *
+         * Use this property as a flag to specify different action item appearances in different states.
          * @see enabled
          * @see visible
          */
@@ -1793,6 +1828,11 @@ declare module "actions/action" {
         disableShrink?: boolean;
         disableHide?: boolean;
         mode?: actionModeType;
+        /**
+         * A number that specifies the action's position relative to other actions.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
+         */
         visibleIndex?: number;
         needSpace?: boolean;
         ariaChecked?: boolean;
@@ -2448,6 +2488,7 @@ declare module "defaultCss/defaultV2Css" {
             itemStarDisabled: string;
             itemStarHighlighted: string;
             itemStarUnhighlighted: string;
+            itemStarSmall: string;
             itemSmiley: string;
             itemSmileyOnError: string;
             itemSmileyHover: string;
@@ -2456,12 +2497,14 @@ declare module "defaultCss/defaultV2Css" {
             itemSmileyHighlighted: string;
             itemSmileyScaleColored: string;
             itemSmileyRateColored: string;
+            itemSmileySmall: string;
             minText: string;
             itemText: string;
             maxText: string;
             itemDisabled: string;
             itemFixedSize: string;
             control: string;
+            itemSmall: string;
             controlValue: string;
             controlDisabled: string;
             controlEmpty: string;
@@ -2628,6 +2671,10 @@ declare module "defaultCss/defaultV2Css" {
             controlLabel: string;
             filterStringInput: string;
             materialDecorator: string;
+            hint: string;
+            hintPrefix: string;
+            hintSuffix: string;
+            hintSuffixWrapper: string;
         };
     };
     export const defaultV2ThemeName = "defaultV2";
@@ -2642,12 +2689,15 @@ declare module "trigger" {
      * Please note, it runs only one changing the expression result.
      */
     export class Trigger extends Base {
+        static idCounter: number;
         static operatorsValue: HashTable<Function>;
         static get operators(): HashTable<Function>;
         private conditionRunner;
         private usedNames;
         private hasFunction;
+        private idValue;
         constructor();
+        get id(): number;
         getType(): string;
         toString(): string;
         get operator(): string;
@@ -2679,7 +2729,7 @@ declare module "trigger" {
     export interface ISurveyTriggerOwner {
         getObjects(pages: string[], questions: string[]): any[];
         setCompleted(): void;
-        canBeCompleted(): void;
+        canBeCompleted(trigger: Trigger, isCompleted: boolean): void;
         triggerExecuted(trigger: Trigger): void;
         setTriggerValue(name: string, value: any, isVariable: boolean): any;
         copyTriggerValue(name: string, fromName: string): any;
@@ -2720,6 +2770,7 @@ declare module "trigger" {
         getType(): string;
         protected isRealExecution(): boolean;
         protected onSuccess(values: HashTable<any>, properties: HashTable<any>): void;
+        protected onFailure(): void;
     }
     /**
      * If expression returns true, the value from property **setValue** will be set to **setToName**
@@ -3847,6 +3898,7 @@ declare module "question_baseselect" {
         private newItemValue;
         private canShowOptionItemCallback;
         private isUsingCarrayForward;
+        private waitingGetChoiceDisplayValueResponse;
         protected selectedItemValues: any;
         constructor(name: string);
         getType(): string;
@@ -5081,6 +5133,7 @@ declare module "question_paneldynamic" {
     import { IAction } from "actions/action";
     export interface IQuestionPanelDynamicData {
         getItemIndex(item: ISurveyData): number;
+        getVisibleItemIndex(item: ISurveyData): number;
         getPanelItemData(item: ISurveyData): any;
         setPanelItemData(item: ISurveyData, name: string, val: any): any;
         getSharedQuestionFromArray(name: string, panelIndex: number): Question;
@@ -5091,6 +5144,7 @@ declare module "question_paneldynamic" {
         static ItemVariableName: string;
         static ParentItemVariableName: string;
         static IndexVariableName: string;
+        static VisibleIndexVariableName: string;
         private panelValue;
         private data;
         private textPreProcessor;
@@ -5164,6 +5218,11 @@ declare module "question_paneldynamic" {
         get templateElements(): Array<IElement>;
         /**
          * A template for panel titles.
+         *
+         * The template can contain the following placeholders:
+         *
+         * - `{panelIndex}` - A zero-based index of a panel in the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
+         * - `{visiblePanelIndex}` - A zero-based index of a panel in the [`visiblePanels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#visiblePanels) array.
          * @see template
          * @see templateDescription
          * @see templateElements
@@ -5175,6 +5234,11 @@ declare module "question_paneldynamic" {
         get locTemplateTitle(): LocalizableString;
         /**
          * A template for tab titles. Applies when [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`.
+         *
+         * The template can contain the following placeholders:
+         *
+         * - `{panelIndex}` - A zero-based index of a panel in the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
+         * - `{visiblePanelIndex}` - A zero-based index of a panel in the [`visiblePanels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#visiblePanels) array.
          * @see templateTitle
          * @see renderMode
          */
@@ -5192,6 +5256,19 @@ declare module "question_paneldynamic" {
         get templateDescription(): string;
         set templateDescription(newValue: string);
         get locTemplateDescription(): LocalizableString;
+        /**
+         * A Boolean expression that is evaluated against each panel. If the expression evaluates to `false`, the panel becomes hidden.
+         *
+         * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
+         *
+         * Use the `{panel}` placeholder to reference the current panel in the expression.
+         *
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-visibility).
+         * @see visibleIf
+         * @see visiblePanels
+         */
+        get templateVisibleIf(): string;
+        set templateVisibleIf(val: string);
         protected get items(): Array<ISurveyData>;
         /**
          * An array of `PanelModel` objects created based on a panel template.
@@ -5200,6 +5277,14 @@ declare module "question_paneldynamic" {
          * @see panelCount
          */
         get panels(): Array<PanelModel>;
+        /**
+         * An array of currently visible panels ([`PanelModel`](https://surveyjs.io/form-library/documentation/api-reference/panel-model) objects).
+         * @see templateVisibleIf
+         */
+        get visiblePanels(): Array<PanelModel>;
+        private onPanelAdded;
+        private onPanelRemoved;
+        private onPanelRemovedCore;
         /**
          * A zero-based index of the currently displayed panel.
          *
@@ -5211,8 +5296,6 @@ declare module "question_paneldynamic" {
          */
         get currentIndex(): number;
         set currentIndex(val: number);
-        private get currentIndexValue();
-        private set currentIndexValue(value);
         /**
          * A `PanelModel` object that is the currently displayed panel.
          *
@@ -5223,6 +5306,7 @@ declare module "question_paneldynamic" {
          * @see renderMode
          */
         get currentPanel(): PanelModel;
+        set currentPanel(val: PanelModel);
         /**
          * Specifies whether to display a confirmation dialog when a respondent wants to delete a panel.
          * @see confirmDeleteText
@@ -5305,7 +5389,7 @@ declare module "question_paneldynamic" {
         get isNextButtonVisible(): boolean;
         get isNextButtonShowing(): boolean;
         /**
-         * Returns true when showRangeInProgress equals to true, renderMode doesn't equal to "list" and panelCount is >= 2.
+         * Returns true when showRangeInProgress equals to true, renderMode doesn't equal to "list" and visiblePanelCount is >= 2.
          */
         get isRangeShowing(): boolean;
         getElementsInDesign(includeHidden?: boolean): Array<IElement>;
@@ -5324,6 +5408,11 @@ declare module "question_paneldynamic" {
          */
         get panelCount(): number;
         set panelCount(val: number);
+        /**
+         * Returns the number of visible panels in Dynamic Panel.
+         * @see templateVisibleIf
+         */
+        get visiblePanelCount(): number;
         /**
          * Specifies whether users can expand and collapse panels. Applies if `renderMode` is `"list"` and the `templateTitle` property is specified.
          *
@@ -5532,7 +5621,7 @@ declare module "question_paneldynamic" {
          * @see template
          */
         removePanel(value: any): void;
-        private getPanelIndex;
+        private getVisualPanelIndex;
         private getPanelIndexById;
         locStrsChanged(): void;
         clearIncorrectValues(): void;
@@ -5580,6 +5669,7 @@ declare module "question_paneldynamic" {
         recalculateIsReadyValue(): void;
         protected onSetData(): void;
         getItemIndex(item: ISurveyData): number;
+        getVisibleItemIndex(item: ISurveyData): number;
         getPanelItemData(item: ISurveyData): any;
         private isSetPanelItemData;
         private static maxCheckCount;
@@ -7670,23 +7760,33 @@ declare module "survey" {
          */
         onProcessTextValue: EventBase<SurveyModel, ProcessTextValueEvent>;
         /**
-         * An event that is raised before rendering a question. Use it to override the default question CSS classes.
+         * An event that is raised before rendering a question. Use it to override default question CSS classes.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/survey-cssclasses/ (linkStyle))
+         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * @see css
          */
         onUpdateQuestionCssClasses: EventBase<SurveyModel, UpdateQuestionCssClassesEvent>;
         /**
-         * An event that is raised before rendering a panel. Use it to override the default panel CSS classes.
+         * An event that is raised before rendering a panel. Use it to override default panel CSS classes.
+         *
+         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * @see css
          */
         onUpdatePanelCssClasses: EventBase<SurveyModel, UpdatePanelCssClassesEvent>;
         /**
-         * An event that is raised before rendering a page. Use it to override the default page CSS classes.
+         * An event that is raised before rendering a page. Use it to override default page CSS classes.
+         *
+         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * @see css
          */
         onUpdatePageCssClasses: EventBase<SurveyModel, UpdatePageCssClassesEvent>;
         /**
-         * An event that is raised before rendering a choice item in radiogroup, checkbox or dropdown questions. Use it to override the default choice item css.
+         * An event that is raised before rendering a choice item in Radio Button Group, Checkboxes, and Dropdown questions. Use it to override default CSS classes applied to choice items.
+         *
+         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * @see css
          */
         onUpdateChoiceItemCss: EventBase<SurveyModel, UpdateChoiceItemCssEvent>;
         /**
@@ -7957,6 +8057,11 @@ declare module "survey" {
         private cssValue;
         private updateCompletedPageCss;
         private updateCss;
+        /**
+         * Gets or sets an object in which keys are UI elements and values are CSS classes applied to them.
+         *
+         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         */
         get css(): any;
         set css(value: any);
         setCss(value: any, needMerge?: boolean): void;
@@ -8869,7 +8974,7 @@ declare module "survey" {
         get areInvisibleElementsShowing(): boolean;
         get areEmptyElementsHidden(): boolean;
         /**
-         * Returns `true`, if a user has already completed the survey in this browser and there is a cookie about it. Survey goes to `completed` state if the function returns `true`.
+         * Returns `true`, if a user has already completed the survey in this browser and there is a cookie about it. Survey goes to `completedbefore` state if the function returns `true`.
          * @see cookieName
          * @see setCookie
          * @see deleteCookie
@@ -9119,7 +9224,9 @@ declare module "survey" {
         private completeServerValidation;
         protected doNextPage(): void;
         setCompleted(): void;
-        canBeCompleted(): void;
+        canBeCompleted(trigger: Trigger, isCompleted: boolean): void;
+        private completedByTriggers;
+        private get canBeCompletedByTrigger();
         /**
          * Returns the HTML content for the complete page.
          * @see completedHtml
@@ -9929,11 +10036,13 @@ declare module "survey-element" {
          *
          * Use the following events of the [`SurveyModel`](https://surveyjs.io/form-library/documentation/surveymodel) object to override CSS classes:
          *
-         * - [`onUpdatePageCssClasses`](https://surveyjs.io/form-library/documentation/surveymodel#onUpdatePageCssClasses)
-         * - [`onUpdatePanelCssClasses`](https://surveyjs.io/form-library/documentation/surveymodel#onUpdatePanelCssClasses)
          * - [`onUpdateQuestionCssClasses`](https://surveyjs.io/form-library/documentation/surveymodel#onUpdateQuestionCssClasses)
+         * - [`onUpdatePanelCssClasses`](https://surveyjs.io/form-library/documentation/surveymodel#onUpdatePanelCssClasses)
+         * - [`onUpdatePageCssClasses`](https://surveyjs.io/form-library/documentation/surveymodel#onUpdatePageCssClasses)
+         * - [`onUpdateChoiceItemCss`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onUpdateChoiceItemCss)
          */
         get cssClasses(): any;
+        get cssTitleNumber(): any;
         protected calcCssClasses(css: any): any;
         protected updateElementCssCore(cssClasses: any): void;
         get cssError(): string;
@@ -10225,6 +10334,7 @@ declare module "question" {
         isReadOnlyRenderDiv(): boolean;
         protected setIsMobile(val: boolean): void;
         isMobile: boolean;
+        forceIsInputReadOnly: boolean;
         constructor(name: string);
         protected createLocTitleProperty(): LocalizableString;
         getSurvey(live?: boolean): ISurvey;
@@ -10865,6 +10975,7 @@ declare module "question" {
         getComponentName(): string;
         isDefaultRendering(): boolean;
         renderAs: string;
+        inMatrixMode: boolean;
         getErrorCustomText(text: string, error: SurveyError): string;
         getValidatorTitle(): string;
         get validatedValue(): any;
@@ -11748,6 +11859,13 @@ declare module "base-interfaces" {
         element: Base;
         str: LocalizableString;
     }
+    export type ISurveyEnvironment = {
+        root: Document | ShadowRoot;
+        rootElement: HTMLElement | ShadowRoot;
+        popupMountContainer: HTMLElement | string;
+        svgMountContainer: HTMLElement | string;
+        stylesSheetsMountContainer: HTMLElement;
+    };
     export type LayoutElementContainer = "header" | "footer" | "left" | "right" | "contentTop" | "contentBottom";
     export interface ISurveyLayoutElement {
         id: string;
@@ -11929,7 +12047,8 @@ declare module "dropdownListModel" {
         showInputFieldComponent: boolean;
         ariaActivedescendant: string;
         private applyInputString;
-        private applyHintString;
+        protected fixInputCase(): void;
+        protected applyHintString(item: ItemValue): void;
         get inputStringRendered(): string;
         set inputStringRendered(val: string);
         get placeholderRendered(): any;
@@ -11942,6 +12061,7 @@ declare module "dropdownListModel" {
         get hintStringPrefix(): string;
         get showHintString(): boolean;
         get hintStringSuffix(): string;
+        get hintStringMiddle(): string;
         constructor(question: Question, onSelectionChanged?: (item: IAction, ...params: any[]) => void);
         get popupModel(): PopupModel;
         get inputReadOnly(): boolean;
@@ -11950,10 +12070,14 @@ declare module "dropdownListModel" {
         setSearchEnabled(newValue: boolean): void;
         updateItems(): void;
         onClick(event: any): void;
+        protected focusItemOnClickAndPopup(): void;
         onClear(event: any): void;
         getSelectedAction(): ItemValue;
         changeSelectionWithKeyboard(reverse: boolean): void;
+        protected beforeScrollToFocusedItem(focusedItem: ItemValue): void;
+        protected afterScrollToFocusedItem(): void;
         keyHandler(event: any): void;
+        protected onEscape(): void;
         onScroll(event: Event): void;
         onBlur(event: any): void;
         onFocus(event: any): void;
@@ -11980,9 +12104,9 @@ declare module "question_rating" {
         constructor(itemValue: ItemValue, locString?: LocalizableString);
     }
     /**
-     * A Model for a rating question.
+     * A class that describes the Rating Scale question type.
      *
-     * [View Demo](https://surveyjs.io/form-library/examples/questiontype-rating/ (linkStyle))
+     * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
      */
     export class QuestionRatingModel extends Question {
         constructor(name: string);
@@ -12181,7 +12305,10 @@ declare module "question_rating" {
         setValueFromClick(value: any): void;
         onItemMouseIn(item: RenderedRatingItem): void;
         onItemMouseOut(item: RenderedRatingItem): void;
+        get itemSmallMode(): boolean;
         get ratingRootCss(): string;
+        get itemStarIcon(): string;
+        get itemStarIconAlt(): string;
         getItemSmiley(item: ItemValue): string;
         getItemSmileyIconName(item: ItemValue): string;
         getItemClassByText(item: ItemValue, text: string): string;
@@ -13206,6 +13333,10 @@ declare module "dropdownMultiSelectListModel" {
         constructor(question: Question, onSelectionChanged?: (item: IAction, ...params: any[]) => void);
         inputKeyHandler(event: any): void;
         setInputStringFromSelectedItem(newValue: any): void;
+        protected focusItemOnClickAndPopup(): void;
+        protected onEscape(): void;
+        protected beforeScrollToFocusedItem(focusedItem: ItemValue): void;
+        protected afterScrollToFocusedItem(): void;
     }
 }
 declare module "question_tagbox" {
@@ -14535,7 +14666,7 @@ declare module "dragdrop/survey-elements" {
 declare module "entries/chunks/model" {
     export var Version: string;
     export function checkLibraryVersion(ver: string, libraryName: string): void;
-    export { settings } from "settings";
+    export { settings, ISurveyEnvironment } from "settings";
     export { Helpers, HashTable } from "helpers";
     export { AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner } from "validator";
     export { ItemValue } from "itemvalue";
@@ -15001,6 +15132,10 @@ declare module "defaultCss/cssstandard" {
             controlEmpty: string;
             placeholderInput: string;
             filterStringInput: string;
+            hint: string;
+            hintPrefix: string;
+            hintSuffix: string;
+            hintSuffixWrapper: string;
         };
     };
 }
@@ -15467,7 +15602,7 @@ declare module "entries/core-wo-model" {
     export * from "svgbundle";
     export * from "rendererFactory";
     export * from "utils/responsivity-manager";
-    export { unwrap, getOriginalEvent } from "utils/utils";
+    export { unwrap, getOriginalEvent, getElement } from "utils/utils";
     export * from "actions/action";
     export * from "actions/adaptive-container";
     export * from "actions/container";
@@ -21328,10 +21463,9 @@ declare module "react/reactquestion_dropdown" {
 }
 declare module "react/tagbox-item" {
     import { ReactSurveyElement } from "react/reactquestion_element";
-    import { Base, QuestionTagboxModel, ItemValue } from "entries/core";
+    import { QuestionTagboxModel, ItemValue } from "entries/core";
     export class SurveyQuestionTagboxItem extends ReactSurveyElement {
         constructor(props: any);
-        protected getStateElement(): Base;
         protected get question(): QuestionTagboxModel;
         protected get item(): ItemValue;
         protected canRender(): boolean;