@progress/kendo-vue-inputs 3.5.0 → 3.5.1-dev.202208150613

package/dist/esm/numerictextbox/interfaces/NumericTextBoxProps.d.ts

@@ -0,0 +1,178 @@
+import { FormComponentProps } from '@progress/kendo-vue-common';
+import { NumberFormatOptions } from '@progress/kendo-vue-intl';
+declare type NumericTextBoxInputType = 'tel' | 'text';
+/**
+ * Represents the props of the [KendoVue NumericTextBox component]({% slug overview_numerictextbox %}).
+ */
+export interface NumericTextBoxProps extends FormComponentProps {
+    /**
+     * Specifies the value of the NumericTextBox.
+     */
+    value?: number | null;
+    /**
+     * Specifies the initial value. Leaves the subsequent updates uncontrolled.
+     */
+    modelValue?: number | null;
+    /**
+     * Specifies the initial value. Leaves the subsequent updates uncontrolled.
+     */
+    defaultValue?: number | null;
+    /**
+     * Specifies the value that is used to increment or decrement the value of the NumericTextBox ([see example]({% slug predefinedsteps_numerictextbox %})).
+     */
+    step?: number;
+    /**
+     * Specifies the number format which is used for formatting the value ([see example]({% slug formats_numerictextbox %})). If set to `null` or `undefined`, the default format will be used.
+     */
+    format?: string | NumberFormatOptions;
+    /**
+     * Sets the `tabIndex` property of the NumericTextBox.
+     */
+    tabIndex?: number;
+    /**
+     * Configures the `size` of the NumericTextBox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null—Does not set a size `class`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Configures the `roundness` of the NumericTextBox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     * - null—Does not set a rounded `class`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `fillMode` of the NumericTextBox.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - null—Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'flat' | 'outline' | string;
+    /**
+     * Specifies the `accessKey` of the NumericTextBox.
+     */
+    accessKey?: string;
+    /**
+     * Sets the title of the `input` element of the NumericTextBox.
+     */
+    title?: string;
+    /**
+     * Specifies the input placeholder.
+     */
+    placeholder?: string;
+    /**
+     * Specifies the smallest value that can be entered.
+     */
+    min?: number;
+    /**
+     * Specifies the greatest value that can be entered.
+     */
+    max?: number;
+    /**
+     * Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example]({% slug spinbuttons_numerictextbox %})).
+     */
+    spinners?: boolean;
+    /**
+     * Determines whether the NumericTextBox is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * Specifies the name of the `input` DOM element.
+     */
+    name?: string;
+    /**
+     * Renders a floating label for the NumericTextBox.
+     */
+    label?: string;
+    /**
+     * Sets the `id` of the `input` DOM element.
+     */
+    id?: string;
+    /**
+     * Sets the `aria-label` of the `input` DOM element.
+     */
+    ariaLabel?: string;
+    /**
+     * Sets the `type` of the `input` DOM element.
+     *
+     * The available options are:
+     * - (Default) `tel`
+     * - `text`
+     */
+    inputType?: NumericTextBoxInputType;
+    /**
+     * If set to `false`, no visual representation of the invalid state of the component will be applied.
+     *
+     * This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
+     *
+     * @default true
+     */
+    validityStyles?: boolean;
+    /**
+     * Defines a string prop that controls the input icon.
+     */
+    iconName?: String;
+    /**
+     * Defines if the inputPrefix will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     */
+    inputPrefix?: Boolean | String | Object | Function;
+    /**
+     * Defines if the inputSuffix will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     */
+    inputSuffix?: Boolean | String | Object | Function;
+    /**
+     * Defines a boolean prop that controls whether to show the validation icon. Defaults to 'false'.
+     */
+    showValidationIcon?: Boolean;
+    /**
+     * Defines a boolean prop that controls whether to show the loading icon. Defaults to 'false'.
+     */
+    showLoadingIcon?: Boolean;
+    /**
+     * Defines a boolean prop that controls whether to show the clear icon. Defaults to 'false'.
+     */
+    showClearButton?: Boolean;
+    /**
+     * Defines additional class to the wrapper element.
+     */
+    wrapperClass?: String;
+    /**
+     * Defines additional class to the input element.
+     */
+    inputClass?: String;
+    /**
+     * The event handler that will be fired when the changes the selected value.
+     */
+    onChange?: (event: any) => void;
+    /**
+     * The event handler that will be fired when TextArea is focused.
+     */
+    onFocus?: (event: any) => void;
+    /**
+     * The event handler that will be fired when TextArea is blurred.
+     */
+    onBlur?: (event: any) => void;
+}
+export {};

package/dist/esm/numerictextbox/interfaces/NumericTextBoxProps.js

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

package/dist/esm/numerictextbox/utils/index.d.ts

@@ -0,0 +1,119 @@
+import { NumericTextBoxData } from '../interfaces/NumericTextBoxData';
+import { NumberFormatOptions } from '@progress/kendo-vue-intl';
+/**
+ * @hidden
+ */
+export declare const getInitialState: () => NumericTextBoxData;
+/**
+ * @hidden
+ */
+export declare const getStateOrPropsValue: (value: number | null | undefined, stateValue: number | null | undefined) => number | null | undefined;
+/**
+ * @hidden
+ */
+export declare const formatValue: (value: string | number | null | undefined, format: string | NumberFormatOptions | undefined, intlService: any) => string;
+/**
+ * @hidden
+ */
+export declare const fractionLength: (value: number) => number;
+/**
+ * @hidden
+ */
+export declare const limitPrecision: (precision: number) => number;
+/**
+ * @hidden
+ */
+export declare const toFixedPrecision: (value: number, precision: number) => number;
+/**
+ * @hidden
+ */
+export declare const increaseValue: (value: any, newState: any, step: any, min: any, max: any, format: any, intlService: any) => void;
+/**
+ * @hidden
+ */
+export declare const decreaseValue: (value: any, newState: any, step: any, min: any, max: any, format: any, intlService: any) => void;
+/**
+ * @hidden
+ */
+export declare const rangeValue: (value: number | null, min: any, max: any) => number | null;
+/**
+ * @hidden
+ */
+export declare const getMaxCursorPosition: (nextValue: string, formatInfo: string[][]) => number;
+/**
+ * @hidden
+ */
+export declare const getMinCursorPosition: (nextValue: string, formatInfo: string[][]) => number;
+/**
+ * @hidden
+ */
+export declare const rangeSelection: (nextLooseValue: string, formatInfo: string[][], newState: NumericTextBoxData) => void;
+/**
+ * @hidden
+ */
+export declare const setSelection: (newState: NumericTextBoxData, newIndex: number, nextLooseValue: string, formatInfo: string[][]) => void;
+/**
+ * @hidden
+ */
+export declare const setInvalid: (newState: NumericTextBoxData, format: string | NumberFormatOptions | undefined, formatInfo: string[][], intlService: any) => void;
+/**
+ * @hidden
+ */
+export declare const isMinusSymbolAdded: (newState: NumericTextBoxData, symbols: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const isMinusSymbolRemoved: (newState: NumericTextBoxData, symbols: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const isDecimalDuplicated: (newState: NumericTextBoxData, symbols: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const getFormatPrefixSufix: (format: string | NumberFormatOptions | undefined, intlService: any) => {
+    positiveInfo: string[];
+    negativeInfo: string[];
+    zeroInfo: string[];
+    oneInfo: string[];
+};
+/**
+ * @hidden
+ */
+export declare const getFormatSymbols: (format: string | NumberFormatOptions | undefined, intlService: any) => string;
+/**
+ * @hidden
+ */
+export declare const getInitialPosition: (nextLooseValue: string, symbols: any) => number;
+/**
+ * @hidden
+ */
+export declare const reverseString: (str: string) => string;
+/**
+ * @hidden
+ */
+export declare const getLastNumberIndex: (currentLooseValue: string, inputRegex: RegExp) => number;
+/**
+ * @hidden
+ */
+export declare const getPrefix: (str: string) => string;
+/**
+ * @hidden
+ */
+export declare const getSuffix: (str: string) => string;
+/**
+ * @hidden
+ */
+export declare const getFirstNumberIndex: (prevLooseValue: string, inputRegex: RegExp) => number;
+/**
+ * @hidden
+ */
+export declare const getDecimalCount: (value: string, decimal: string) => number;
+/**
+ * @hidden
+ */
+export declare const changeBasedSelection: (currentValue: string, nextValue: string, selectionPosition: number, isDelete: boolean, sanitizeRegex: any) => number;
+/**
+ * @hidden
+ */
+export declare const sanitizeNumber: (state: NumericTextBoxData, format: string | NumberFormatOptions | undefined, intlService: any) => NumericTextBoxData;