@ui5/webcomponents 2.26.0-rc.1 → 2.27.0-rc.0

package/dist/SelectTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTemplate.js","sourceRoot":"","sources":["../src/SelectTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,aAAa,MAAM,kDAAkD,CAAC;AAC7E,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,OAAO,UAAU,cAAc;IACrC,OAAO,CACN,8BACC,eACC,KAAK,EAAE;oBACN,iBAAiB,EAAE,IAAI;oBACvB,6BAA6B,EAAE,IAAI;iBACnC,EACD,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,SAAS,EACxB,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,KAAK,EAAE,IAAI,CAAC,iBAAiB,aAE5B,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,kBAAkB;wBACrC,KAAC,IAAI,IACJ,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,wBAAwB,EAC9B,IAAI,EAAE,IAAI,CAAC,kBAAkB,GAAI,EAGnC,cACC,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,OAAO,8BAEZ,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EACjC,IAAI,EAAC,UAAU,mBACD,SAAS,gBACX,IAAI,CAAC,aAAa,KAC1B,IAAI,CAAC,kBAAkB,IAAI;4BAC9B,kBAAkB,EAAE,IAAI,CAAC,kBAAkB;yBAC3C,mBACc,IAAI,CAAC,UAAU,mBACf,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,aAAa,0BACX,IAAI,CAAC,oBAAoB,EAC/C,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,UAAU,EAAE,IAAI,CAAC,WAAW,mBACb,IAAI,CAAC,mBAAmB,YAEtC,IAAI,CAAC,cAAc;4BACnB,CAAC,CAAC,eAAM,IAAI,EAAC,OAAO,GAAQ;4BAC5B,CAAC,CAAC,IAAI,CAAC,IAAI,GAEP,EAEL,IAAI,CAAC,IAAI;wBACT,cAAK,KAAK,EAAE;gCACX,sBAAsB,EAAE,IAAI;gCAC5B,WAAW,EAAE,IAAI;gCACjB,oBAAoB,EAAE,IAAI,CAAC,YAAY;6BACvC,YACA,KAAC,IAAI,IACJ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE;oCACN,iBAAiB,EAAE,IAAI;iCACvB,GAAI,GACD,EAGN,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ;wBAC5B,cAAK,IAAI,EAAC,cAAc,EACvB,KAAK,EAAE;gCACN,sBAAsB,EAAE,IAAI;gCAC5B,WAAW,EAAE,IAAI;gCACjB,oBAAoB,EAAE,IAAI,CAAC,YAAY;6BACvC,YACD,KAAC,IAAI,IACJ,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE;oCACN,iBAAiB,EAAE,IAAI;iCACvB,GAAI,GACD,EAGN,IAAI,CAAC,aAAa;wBAClB,eAAM,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,iBAAiB,EAAE,KAAK,EAAC,iBAAiB,YAC7D,IAAI,CAAC,cAAc,GACd,EAGP,IAAI,CAAC,mBAAmB;wBACxB,eAAM,EAAE,EAAC,uBAAuB,EAAC,KAAK,EAAC,iBAAiB,YACtD,IAAI,CAAC,mBAAmB,GACnB,IAEH,EACL,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,IAC/B,CACH,CAAC;AACH,CAAC","sourcesContent":["import type Select from \"./Select.js\";\nimport Icon from \"./Icon.js\";\nimport slimArrowDown from \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\nimport SelectPopoverTemplate from \"./SelectPopoverTemplate.js\";\n\nexport default function SelectTemplate(this: Select) {\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclass={{\n\t\t\t\t\t\"ui5-select-root\": true,\n\t\t\t\t\t\"ui5-input-focusable-element\": true,\n\t\t\t\t}}\n\t\t\t\tid={`${this._id}-select`}\n\t\t\t\tonClick={this._onclick}\n\t\t\t\ttitle={this._effectiveTooltip}\n\t\t\t>\n\t\t\t\t{!this.icon && this.selectedOptionIcon &&\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tmode=\"Decorative\"\n\t\t\t\t\t\tclass=\"ui5-select-option-icon\"\n\t\t\t\t\t\tname={this.selectedOptionIcon} />\n\t\t\t\t}\n\n\t\t\t\t<div\n\t\t\t\t\tclass=\"ui5-select-label-root\"\n\t\t\t\t\tpart=\"label\"\n\t\t\t\t\tdata-sap-focus-ref\n\t\t\t\t\ttabindex={this._effectiveTabIndex}\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-label={this.ariaLabelText}\n\t\t\t\t\t{...this.ariaDescribedByIds && {\n\t\t\t\t\t\t\"aria-describedby\": this.ariaDescribedByIds\n\t\t\t\t\t}}\n\t\t\t\t\taria-disabled={this.isDisabled}\n\t\t\t\t\taria-required={this.required}\n\t\t\t\t\taria-readonly={this.readonly}\n\t\t\t\t\taria-expanded={this._isPickerOpen}\n\t\t\t\t\taria-roledescription={this._ariaRoleDescription}\n\t\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t\t\tonFocusIn={this._onfocusin}\n\t\t\t\t\tonFocusOut={this._onfocusout}\n\t\t\t\t\taria-controls={this.responsivePopoverId}\n\t\t\t\t>\n\t\t\t\t\t{this.hasCustomLabel\n\t\t\t\t\t\t? <slot name=\"label\"></slot>\n\t\t\t\t\t\t: this.text\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t{this.icon &&\n\t\t\t\t\t<div class={{\n\t\t\t\t\t\t\"ui5-select-icon-root\": true,\n\t\t\t\t\t\t\"inputIcon\": true,\n\t\t\t\t\t\t\"inputIcon--pressed\": this._iconPressed,\n\t\t\t\t\t}}>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname={this.icon}\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\"ui5-select-icon\": true,\n\t\t\t\t\t\t\t}} />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t{!this.icon && !this.readonly &&\n\t\t\t\t\t<div part=\"icon-wrapper\"\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\"ui5-select-icon-root\": true,\n\t\t\t\t\t\t\t\"inputIcon\": true,\n\t\t\t\t\t\t\t\"inputIcon--pressed\": this._iconPressed,\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tpart=\"icon\"\n\t\t\t\t\t\t\tname={slimArrowDown}\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\"ui5-select-icon\": true,\n\t\t\t\t\t\t\t}} />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t{this.hasValueState &&\n\t\t\t\t\t<span id={`${this._id}-valueStateDesc`} class=\"ui5-hidden-text\">\n\t\t\t\t\t\t{this.valueStateText}\n\t\t\t\t\t</span>\n\t\t\t\t}\n\n\t\t\t\t{this.ariaDescriptionText &&\n\t\t\t\t\t<span id=\"accessibleDescription\" class=\"ui5-hidden-text\">\n\t\t\t\t\t\t{this.ariaDescriptionText}\n\t\t\t\t\t</span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t{SelectPopoverTemplate.call(this)}\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"file":"SelectTemplate.js","sourceRoot":"","sources":["../src/SelectTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,aAAa,MAAM,kDAAkD,CAAC;AAC7E,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,OAAO,UAAU,cAAc;IACrC,OAAO,CACN,8BACC,eACC,KAAK,EAAE;oBACN,iBAAiB,EAAE,IAAI;oBACvB,6BAA6B,EAAE,IAAI;iBACnC,EACD,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,SAAS,EACxB,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,KAAK,EAAE,IAAI,CAAC,iBAAiB,aAE5B,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,kBAAkB;wBACrC,KAAC,IAAI,IACJ,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,wBAAwB,EAC9B,IAAI,EAAE,IAAI,CAAC,kBAAkB,GAAI,EAGnC,cACC,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,OAAO,8BAEZ,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EACjC,IAAI,EAAC,UAAU,mBACD,SAAS,gBACX,IAAI,CAAC,aAAa,KAC1B,IAAI,CAAC,kBAAkB,IAAI;4BAC9B,kBAAkB,EAAE,IAAI,CAAC,kBAAkB;yBAC3C,mBACc,IAAI,CAAC,UAAU,mBACf,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,aAAa,0BACX,IAAI,CAAC,oBAAoB,EAC/C,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,UAAU,EAAE,IAAI,CAAC,WAAW,mBACb,IAAI,CAAC,mBAAmB,YAEtC,IAAI,CAAC,cAAc;4BACnB,CAAC,CAAC,eAAM,IAAI,EAAC,OAAO,GAAQ;4BAC5B,CAAC,CAAC,IAAI,CAAC,IAAI,GAEP,EAEL,IAAI,CAAC,IAAI;wBACT,cAAK,KAAK,EAAE;gCACX,sBAAsB,EAAE,IAAI;gCAC5B,WAAW,EAAE,IAAI;gCACjB,oBAAoB,EAAE,IAAI,CAAC,YAAY;6BACvC,YACA,KAAC,IAAI,IACJ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE;oCACN,iBAAiB,EAAE,IAAI;iCACvB,GAAI,GACD,EAGN,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ;wBAC5B,cAAK,IAAI,EAAC,cAAc,EACvB,KAAK,EAAE;gCACN,sBAAsB,EAAE,IAAI;gCAC5B,WAAW,EAAE,IAAI;gCACjB,oBAAoB,EAAE,IAAI,CAAC,YAAY;6BACvC,YACD,KAAC,IAAI,IACJ,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE;oCACN,iBAAiB,EAAE,IAAI;iCACvB,GAAI,GACD,EAGN,IAAI,CAAC,aAAa;wBAClB,eAAM,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,iBAAiB,EAAE,KAAK,EAAC,iBAAiB,YAC7D,IAAI,CAAC,cAAc,GACd,EAGP,IAAI,CAAC,mBAAmB;wBACxB,eAAM,EAAE,EAAC,uBAAuB,EAAC,KAAK,EAAC,iBAAiB,YACtD,IAAI,CAAC,mBAAmB,GACnB,EAGP,IAAI,CAAC,SAAS;wBACd,eAAM,EAAE,EAAE,IAAI,CAAC,oBAAoB,EAAE,KAAK,EAAC,iBAAiB,YAC1D,IAAI,CAAC,eAAe,GACf,IAEH,EACL,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,IAC/B,CACH,CAAC;AACH,CAAC","sourcesContent":["import type Select from \"./Select.js\";\nimport Icon from \"./Icon.js\";\nimport slimArrowDown from \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\nimport SelectPopoverTemplate from \"./SelectPopoverTemplate.js\";\n\nexport default function SelectTemplate(this: Select) {\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclass={{\n\t\t\t\t\t\"ui5-select-root\": true,\n\t\t\t\t\t\"ui5-input-focusable-element\": true,\n\t\t\t\t}}\n\t\t\t\tid={`${this._id}-select`}\n\t\t\t\tonClick={this._onclick}\n\t\t\t\ttitle={this._effectiveTooltip}\n\t\t\t>\n\t\t\t\t{!this.icon && this.selectedOptionIcon &&\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tmode=\"Decorative\"\n\t\t\t\t\t\tclass=\"ui5-select-option-icon\"\n\t\t\t\t\t\tname={this.selectedOptionIcon} />\n\t\t\t\t}\n\n\t\t\t\t<div\n\t\t\t\t\tclass=\"ui5-select-label-root\"\n\t\t\t\t\tpart=\"label\"\n\t\t\t\t\tdata-sap-focus-ref\n\t\t\t\t\ttabindex={this._effectiveTabIndex}\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-label={this.ariaLabelText}\n\t\t\t\t\t{...this.ariaDescribedByIds && {\n\t\t\t\t\t\t\"aria-describedby\": this.ariaDescribedByIds\n\t\t\t\t\t}}\n\t\t\t\t\taria-disabled={this.isDisabled}\n\t\t\t\t\taria-required={this.required}\n\t\t\t\t\taria-readonly={this.readonly}\n\t\t\t\t\taria-expanded={this._isPickerOpen}\n\t\t\t\t\taria-roledescription={this._ariaRoleDescription}\n\t\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t\t\tonFocusIn={this._onfocusin}\n\t\t\t\t\tonFocusOut={this._onfocusout}\n\t\t\t\t\taria-controls={this.responsivePopoverId}\n\t\t\t\t>\n\t\t\t\t\t{this.hasCustomLabel\n\t\t\t\t\t\t? <slot name=\"label\"></slot>\n\t\t\t\t\t\t: this.text\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t{this.icon &&\n\t\t\t\t\t<div class={{\n\t\t\t\t\t\t\"ui5-select-icon-root\": true,\n\t\t\t\t\t\t\"inputIcon\": true,\n\t\t\t\t\t\t\"inputIcon--pressed\": this._iconPressed,\n\t\t\t\t\t}}>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname={this.icon}\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\"ui5-select-icon\": true,\n\t\t\t\t\t\t\t}} />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t{!this.icon && !this.readonly &&\n\t\t\t\t\t<div part=\"icon-wrapper\"\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\"ui5-select-icon-root\": true,\n\t\t\t\t\t\t\t\"inputIcon\": true,\n\t\t\t\t\t\t\t\"inputIcon--pressed\": this._iconPressed,\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tpart=\"icon\"\n\t\t\t\t\t\t\tname={slimArrowDown}\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\"ui5-select-icon\": true,\n\t\t\t\t\t\t\t}} />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t{this.hasValueState &&\n\t\t\t\t\t<span id={`${this._id}-valueStateDesc`} class=\"ui5-hidden-text\">\n\t\t\t\t\t\t{this.valueStateText}\n\t\t\t\t\t</span>\n\t\t\t\t}\n\n\t\t\t\t{this.ariaDescriptionText &&\n\t\t\t\t\t<span id=\"accessibleDescription\" class=\"ui5-hidden-text\">\n\t\t\t\t\t\t{this.ariaDescriptionText}\n\t\t\t\t\t</span>\n\t\t\t\t}\n\n\t\t\t\t{this.hasGroups &&\n\t\t\t\t\t<span id={this._groupCountMessageId} class=\"ui5-hidden-text\">\n\t\t\t\t\t\t{this._groupCountText}\n\t\t\t\t\t</span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t{SelectPopoverTemplate.call(this)}\n\t\t</>\n\t);\n}\n"]}

package/dist/StepInput.d.ts

@@ -1,19 +1,12 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
-import type { Timeout } from "@ui5/webcomponents-base/dist/types.js";
 import type { IFormInputElement } from "@ui5/webcomponents-base/dist/features/InputElementsFormSupport.js";
-import "@ui5/webcomponents-icons/dist/less.js";
-import "@ui5/webcomponents-icons/dist/add.js";
-import type Input from "./Input.js";
-import type { InputAccInfo, InputEventDetail } from "./Input.js";
-import InputType from "./types/InputType.js";
-import NumberFormat from "@ui5/webcomponents-localization/dist/NumberFormat.js";
-type StepInputValueStateChangeEventDetail = {
-    valueState: `${ValueState}`;
-    valid: boolean;
-};
+import type ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { InputEventDetail } from "./Input.js";
+import type NumberInput from "./NumberInput.js";
+import type { NumberInputValueStateChangeEventDetail } from "./NumberInput.js";
+type StepInputValueStateChangeEventDetail = NumberInputValueStateChangeEventDetail;
 /**
  * @class
  *
@@ -112,17 +105,12 @@ declare class StepInput extends UI5Element implements IFormInputElement {
     /**
      * Defines a short hint, intended to aid the user with data entry when the
      * component has no value.
-     *
-     * **Note:** When no placeholder is set, the format pattern is displayed as a placeholder.
-     * Passing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.
      * @default undefined
      * @public
      */
     placeholder?: string;
     /**
      * Determines the name by which the component will be identified upon submission in an HTML form.
-     *
-     * **Note:** This property is only applicable within the context of an HTML Form element.
      * @default undefined
      * @public
      */
@@ -147,125 +135,24 @@ declare class StepInput extends UI5Element implements IFormInputElement {
      * @since 1.0.0-rc.15
      */
     accessibleNameRef?: string;
-    _decIconDisabled: boolean;
-    _incIconDisabled: boolean;
-    focused: boolean;
-    _inputFocused: boolean;
-    _previousValue: number | undefined;
-    _waitTimeout: number;
-    _speed: number;
-    _btnDown?: boolean;
-    _spinTimeoutId?: Timeout;
-    _spinStarted: boolean;
     /**
      * Defines the value state message that will be displayed as pop up under the component.
-     *
-     * **Note:** If not specified, a default text (in the respective language) will be displayed.
-     *
-     * **Note:** The `valueStateMessage` would be displayed,
-     * when the component is in `Information`, `Critical` or `Negative` value state.
      * @public
      */
     valueStateMessage: Slot<HTMLElement>;
-    _initialValueState?: `${ValueState}`;
-    _formatter?: NumberFormat;
-    _languageChangeHandler?: (lang: string) => Promise<void>;
-    _languageChanged?: boolean;
-    _delimiter?: string;
-    _groupSeparator?: string;
     static i18nBundle: I18nBundle;
+    get _innerNumberInput(): NumberInput;
     formElementAnchor(): Promise<HTMLElement | undefined>;
     get formValidityMessage(): string;
     get formValidity(): ValidityStateFlags;
     get formFormattedValue(): FormData | string | null;
-    get type(): InputType;
-    get decIconTitle(): string;
-    get incIconTitle(): string;
-    get _decIconClickable(): boolean;
-    get _incIconClickable(): boolean;
-    get _isFocused(): boolean;
-    get _displayValue(): string;
-    get accInfo(): InputAccInfo;
-    get inputAttributes(): {
-        min: number | undefined;
-        max: number | undefined;
-        step: number;
-    };
-    onBeforeRendering(): void;
-    onEnterDOM(): void;
-    onExitDOM(): void;
-    _setupLanguageChangeHandler(): void;
-    _cleanupLanguageChangeHandler(): void;
-    get formatter(): NumberFormat;
-    get delimiter(): string;
-    get groupSeparator(): string;
-    get input(): Input;
-    get innerInput(): HTMLInputElement;
-    get inputOuter(): Element;
-    _onButtonFocusOut(): void;
-    _onInput(e: CustomEvent<InputEventDetail>): void;
-    _onInputFocusIn(): void;
-    _onInputFocusOut(): void;
-    _onMouseWheel(e: WheelEvent): void;
-    _setButtonState(): void;
-    _validate(): void;
-    _updateValueState(): void;
-    _preciseValue(value: number): number;
-    _fireChangeEvent(): void;
-    /**
-     * Value modifier - modifies the value of the component, validates the new value and enables/disables increment and
-     * decrement buttons according to the value and min/max values (if set). Fires `change` event when requested
-     * @private
-     * @param modifier modifies the value of the component with the given modifier (positive or negative)
-     * @param fireChangeEvent if `true`, fires `change` event when the value is changed
-     */
-    _modifyValue(modifier: number, fireChangeEvent?: boolean): void;
-    /**
-     * Formats a number with thousands separator based on current locale
-     * @private
-     */
-    _formatNumber(value: number): string;
-    /**
-     * Parses formatted number string back to numeric value
-     * @private
-    */
-    _parseNumber(formattedValue: string): number;
-    _incValue(): void;
-    _decValue(): void;
-    get _isValueWithCorrectPrecision(): boolean;
-    _onInputChange(): void;
-    _setDefaultInputValueIfNeeded(): void;
-    _isValueChanged(inputValue: number): boolean;
-    _updateValueAndValidate(inputValue: number): void;
-    _onfocusin(): void;
-    _onfocusout(): void;
-    _onInputRequestSubmit(): void;
-    _onkeydown(e: KeyboardEvent): void;
-    _getCaretPosition(): number | null;
-    _getValueOnkeyDown(e: KeyboardEvent, inputValue: string, cursorPosition?: number): string;
-    _removeGroupSeparators(value: string): string;
-    _isInputValueValid(typedValue: string, parsedValue: number): boolean;
-    _decSpin(e: MouseEvent): void;
-    _incSpin(e: MouseEvent): void;
-    /**
-     * Calculates the time which should be waited until _spinValue function is called.
-     */
-    _calcWaitTimeout(): number;
-    /**
-     * Called when the increment or decrement button is pressed and held to set new value.
-     * @private
-     * @param increment - is this the increment button or not so the values should be spin accordingly up or down
-     * @param resetVariables - whether to reset the spin-related variables or not
-     */
-    _spinValue(increment: boolean, resetVariables?: boolean): void;
-    /**
-    * Resets spin process
-    */
-    _resetSpin(): void;
-    /**
-    * Resets spin process when mouse outs + or - buttons
-    */
-    _resetSpinOut(): void;
+    getFocusDomRef(): HTMLElement | undefined;
+    get _associatedLabelText(): string | undefined;
+    _onNumberInputChange(e: Event): void;
+    _onNumberInputInput(e: CustomEvent<InputEventDetail>): void;
+    _onNumberInputValueStateChange(e: CustomEvent<StepInputValueStateChangeEventDetail>): void;
+    _syncFromInner(): void;
+    _onRequestSubmit(): void;
 }
 export default StepInput;
 export type { StepInputValueStateChangeEventDetail, };