@coreui/vue-pro 5.15.0 → 5.17.0

package/dist/cjs/components/one-time-password-input/COneTimePassword.js

@@ -0,0 +1,393 @@
+'use strict';
+
+var vue = require('vue');
+var CFormControlWrapper = require('../form/CFormControlWrapper.js');
+var COneTimePasswordInput = require('./COneTimePasswordInput.js');
+var utils = require('./utils.js');
+var getNextActiveElement = require('../../utils/getNextActiveElement.js');
+var isRTL = require('../../utils/isRTL.js');
+
+const COneTimePassword = vue.defineComponent({
+    name: 'COneTimePassword',
+    inheritAttrs: false,
+    props: {
+        /**
+         * Function to generate aria-label for each input field. Receives current index (0-based) and total number of inputs.
+         */
+        ariaLabel: {
+            type: Function,
+            default: (index, total) => `Digit ${index + 1} of ${total}`,
+        },
+        /**
+         * Automatically submit the form when all one time password fields are filled.
+         */
+        autoSubmit: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Disable all one time password (OTP) input fields.
+         */
+        disabled: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Initial value for uncontrolled Vue.js one time password input.
+         */
+        defaultValue: [String, Number],
+        /**
+         * Provide valuable, actionable feedback.
+         */
+        feedback: String,
+        /**
+         * Provide valuable, actionable feedback.
+         */
+        feedbackInvalid: String,
+        /**
+         * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+         */
+        feedbackValid: String,
+        /**
+         * A string of all className you want applied to the floating label wrapper.
+         */
+        floatingClassName: String,
+        /**
+         * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+         */
+        floatingLabel: String,
+        /**
+         * ID attribute for the hidden input field.
+         */
+        id: String,
+        /**
+         * Set component validation state to invalid.
+         */
+        invalid: Boolean,
+        /**
+         * Add a caption for a component.
+         */
+        label: String,
+        /**
+         * Enforce sequential input (users must fill fields in order).
+         */
+        linear: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Show input as password (masked characters).
+         */
+        masked: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * The default name for a value passed using v-model.
+         */
+        modelValue: [String, Number],
+        /**
+         * Name attribute for the hidden input field.
+         */
+        name: String,
+        /**
+         * Placeholder text for input fields. Single character applies to all fields, longer strings apply character-by-character.
+         */
+        placeholder: String,
+        /**
+         * Make Vue.js OTP input component read-only.
+         */
+        readonly: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Makes the input field required for form validation.
+         */
+        required: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Sets the visual size of the Vue.js one time password (OTP) input. Use 'sm' for small or 'lg' for large input fields.
+         */
+        size: {
+            type: String,
+            validator: (value) => ['sm', 'lg'].includes(value),
+        },
+        /**
+         * Add helper text to the component.
+         */
+        text: String,
+        /**
+         * Display validation feedback in a styled tooltip.
+         */
+        tooltipFeedback: Boolean,
+        /**
+         * Input validation type: 'number' for digits only, or 'text' for free text.
+         */
+        type: {
+            type: String,
+            default: 'number',
+            validator: (value) => ['number', 'text'].includes(value),
+        },
+        /**
+         * Set component validation state to valid.
+         */
+        valid: Boolean,
+        /**
+         * The current value of the one time password input.
+         */
+        value: [String, Number],
+    },
+    emits: [
+        /**
+         * Callback triggered when the Vue.js one time password (OTP) value changes.
+         */
+        'update:modelValue',
+        /**
+         * Callback triggered when the Vue.js one time password (OTP) value changes.
+         */
+        'change',
+        /**
+         * Callback triggered when all Vue.js one time password (OTP) fields are filled.
+         */
+        'complete',
+    ],
+    setup(props, { attrs, slots, emit }) {
+        const inputRefs = vue.ref([]);
+        const hiddenInputRef = vue.ref(null);
+        const inputValues = vue.ref([]);
+        // Count valid OTP input children
+        const inputCount = vue.computed(() => {
+            return inputRefs.value.filter((ref) => ref !== null).length;
+        });
+        // Initialize input values
+        const initializeValues = () => {
+            const initialValue = String(props.modelValue ?? props.value ?? props.defaultValue ?? '');
+            inputValues.value = Array.from({ length: inputCount.value }, (_, i) => initialValue[i] || '');
+        };
+        // Watch for changes in modelValue or value (controlled mode)
+        vue.watch(() => props.modelValue ?? props.value, (newValue) => {
+            if (newValue !== undefined) {
+                const valueString = String(newValue);
+                inputValues.value = Array.from({ length: inputCount.value }, (_, i) => valueString[i] || '');
+            }
+        }, { immediate: true });
+        // Watch for changes in inputCount
+        vue.watch(inputCount, initializeValues, { immediate: true });
+        // Update hidden input and trigger events
+        const updateValue = (newValues) => {
+            const newValue = newValues.join('');
+            if (hiddenInputRef.value) {
+                hiddenInputRef.value.value = newValue;
+            }
+            emit('update:modelValue', newValue);
+            emit('change', newValue);
+            if (newValue.length === inputCount.value) {
+                emit('complete', newValue);
+                if (props.autoSubmit) {
+                    vue.nextTick(() => {
+                        const form = hiddenInputRef.value?.closest('form');
+                        if (form && typeof form.requestSubmit === 'function') {
+                            form.requestSubmit();
+                        }
+                    });
+                }
+            }
+        };
+        const handleInputChange = (index, event) => {
+            const target = event.target;
+            const inputValue = target.value;
+            if (inputValue.length === 1 && !utils.isValidInput(inputValue, props.type)) {
+                return;
+            }
+            const newValues = [...inputValues.value];
+            newValues[index] = inputValue.length === 1 ? inputValue : '';
+            inputValues.value = newValues;
+            updateValue(newValues);
+            if (inputValue.length === 1) {
+                const nextInput = getNextActiveElement.default(inputRefs.value.filter(Boolean), target, true, false);
+                nextInput?.focus();
+            }
+        };
+        const handleInputFocus = (event) => {
+            const target = event.target;
+            if (target.value) {
+                setTimeout(() => {
+                    target.select();
+                }, 0);
+                return;
+            }
+            if (props.linear) {
+                const firstEmptyInput = inputRefs.value.find((input) => !input?.value);
+                if (firstEmptyInput && firstEmptyInput !== target) {
+                    firstEmptyInput.focus();
+                }
+            }
+        };
+        const handleKeyDown = (event) => {
+            const { key, target } = event;
+            if (key === 'Backspace' && target.value === '') {
+                const newValues = [...inputValues.value];
+                const prevInput = getNextActiveElement.default(inputRefs.value.filter(Boolean), target, false, false);
+                if (prevInput) {
+                    const prevIndex = inputRefs.value.indexOf(prevInput);
+                    if (prevIndex !== -1) {
+                        newValues[prevIndex] = '';
+                        inputValues.value = newValues;
+                        updateValue(newValues);
+                        prevInput.focus();
+                    }
+                }
+                return;
+            }
+            if (key === 'ArrowRight') {
+                if (props.linear && target.value === '') {
+                    return;
+                }
+                const shouldMoveNext = !isRTL.default(target);
+                const nextInput = getNextActiveElement.default(inputRefs.value.filter(Boolean), target, shouldMoveNext, false);
+                nextInput?.focus();
+                return;
+            }
+            if (key === 'ArrowLeft') {
+                const shouldMoveNext = isRTL.default(target);
+                const prevInput = getNextActiveElement.default(inputRefs.value.filter(Boolean), target, shouldMoveNext, false);
+                prevInput?.focus();
+            }
+        };
+        const handlePaste = (index, event) => {
+            event.preventDefault();
+            const pastedData = event.clipboardData?.getData('text') || '';
+            const validChars = utils.extractValidChars(pastedData, props.type);
+            if (!validChars) {
+                return;
+            }
+            const newValues = [...inputValues.value];
+            const startIndex = index;
+            for (let i = 0; i < validChars.length && startIndex + i < inputCount.value; i++) {
+                newValues[startIndex + i] = validChars[i];
+            }
+            inputValues.value = newValues;
+            updateValue(newValues);
+            // Focus the next empty input or the last filled input
+            const nextEmptyIndex = startIndex + validChars.length;
+            if (nextEmptyIndex < inputCount.value) {
+                inputRefs.value[nextEmptyIndex]?.focus();
+            }
+            else {
+                inputRefs.value[inputRefs.value.length - 1]?.focus();
+            }
+        };
+        return () => {
+            if (!slots.default) {
+                return null;
+            }
+            const children = slots.default();
+            let inputIndex = 0;
+            const processedChildren = children?.map((child) => {
+                if (child.type && child.type.name === 'COneTimePasswordInput') {
+                    const currentInputIndex = inputIndex++;
+                    return vue.h(COneTimePasswordInput.COneTimePasswordInput, {
+                        ...child.props,
+                        key: `otp-input-${currentInputIndex}`,
+                        type: props.masked ? 'password' : 'text',
+                        class: [
+                            {
+                                'is-invalid': props.invalid,
+                                'is-valid': props.valid,
+                            },
+                            child.props?.class,
+                        ],
+                        id: child.props?.id || (props.id ? `${props.id}-${currentInputIndex}` : undefined),
+                        name: child.props?.name || (props.name ? `${props.name}-${currentInputIndex}` : undefined),
+                        placeholder: child.props?.placeholder ||
+                            (props.placeholder && props.placeholder.length > 1
+                                ? props.placeholder[currentInputIndex]
+                                : props.placeholder),
+                        value: inputValues.value[currentInputIndex] || '',
+                        tabindex: currentInputIndex === 0 ? 0 : inputValues.value[currentInputIndex - 1] ? 0 : -1,
+                        disabled: props.disabled || child.props?.disabled,
+                        readonly: props.readonly || child.props?.readonly,
+                        required: props.required || child.props?.required,
+                        'aria-label': child.props?.['aria-label'] || props.ariaLabel(currentInputIndex, inputCount.value),
+                        inputmode: props.type === 'number' ? 'numeric' : 'text',
+                        pattern: props.type === 'number' ? '[0-9]*' : '.*',
+                        onInput: (event) => {
+                            handleInputChange(currentInputIndex, event);
+                        },
+                        onFocus: handleInputFocus,
+                        onKeydown: (event) => {
+                            handleKeyDown(event);
+                        },
+                        onPaste: (event) => {
+                            handlePaste(currentInputIndex, event);
+                        },
+                        ref: (el) => {
+                            // Get the actual DOM element - handle both direct elements and component instances
+                            if (el) {
+                                // If it's a component instance, get the DOM element
+                                const domElement = el.$el || el;
+                                // Ensure it's actually an HTMLInputElement
+                                if (domElement && domElement.tagName === 'INPUT') {
+                                    inputRefs.value[currentInputIndex] = domElement;
+                                }
+                                else {
+                                    inputRefs.value[currentInputIndex] = el;
+                                }
+                            }
+                            else {
+                                inputRefs.value[currentInputIndex] = null;
+                            }
+                        },
+                    });
+                }
+                return child;
+            });
+            return vue.h(CFormControlWrapper.CFormControlWrapper, {
+                ...(typeof attrs['aria-describedby'] === 'string' && {
+                    describedby: attrs['aria-describedby'],
+                }),
+                feedback: props.feedback,
+                feedbackInvalid: props.feedbackInvalid,
+                feedbackValid: props.feedbackValid,
+                floatingClassName: props.floatingClassName,
+                floatingLabel: props.floatingLabel,
+                id: props.id,
+                invalid: props.invalid,
+                label: props.label,
+                text: props.text,
+                tooltipFeedback: props.tooltipFeedback,
+                valid: props.valid,
+            }, {
+                default: () => [
+                    vue.h('div', {
+                        class: [
+                            'form-otp',
+                            {
+                                [`form-otp-${props.size}`]: props.size,
+                            },
+                            attrs.class,
+                        ],
+                        role: 'group',
+                        ...attrs,
+                    }, [
+                        ...processedChildren,
+                        vue.h('input', {
+                            type: 'hidden',
+                            id: props.id,
+                            name: props.name,
+                            value: inputValues.value.join(''),
+                            disabled: props.disabled,
+                            ref: hiddenInputRef,
+                        }),
+                    ]),
+                ],
+            });
+        };
+    },
+});
+
+exports.COneTimePassword = COneTimePassword;
+//# sourceMappingURL=COneTimePassword.js.map

package/dist/cjs/components/one-time-password-input/COneTimePassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"COneTimePassword.js","sources":["../../../../src/components/one-time-password-input/COneTimePassword.ts"],"sourcesContent":[null],"names":["defineComponent","ref","computed","watch","nextTick","isValidInput","getNextActiveElement","isRTL","extractValidChars","h","COneTimePasswordInput","CFormControlWrapper"],"mappings":"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"}

package/dist/cjs/components/one-time-password-input/COneTimePasswordInput.d.ts

@@ -0,0 +1,4 @@
+declare const COneTimePasswordInput: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export { COneTimePasswordInput };

package/dist/cjs/components/one-time-password-input/COneTimePasswordInput.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var vue = require('vue');
+
+const COneTimePasswordInput = vue.defineComponent({
+    name: 'COneTimePasswordInput',
+    inheritAttrs: false,
+    setup(_, { attrs, slots }) {
+        return () => vue.h('input', {
+            ...attrs,
+            class: ['form-otp-control', attrs.class],
+            maxlength: 1,
+            autocomplete: 'off',
+        }, slots.default && slots.default());
+    },
+});
+
+exports.COneTimePasswordInput = COneTimePasswordInput;
+//# sourceMappingURL=COneTimePasswordInput.js.map

package/dist/cjs/components/one-time-password-input/COneTimePasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"COneTimePasswordInput.js","sources":["../../../../src/components/one-time-password-input/COneTimePasswordInput.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEA,MAAM,qBAAqB,GAAGA,mBAAe,CAAC;AAC5C,IAAA,IAAI,EAAE,uBAAuB;AAC7B,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAA;AACvB,QAAA,OAAO,MACLC,KAAC,CACC,OAAO,EACP;AACE,YAAA,GAAG,KAAK;AACR,YAAA,KAAK,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC;AACxC,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,YAAY,EAAE,KAAK;SACpB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;IACL,CAAC;AACF,CAAA;;;;"}

package/dist/cjs/components/one-time-password-input/index.d.ts

@@ -0,0 +1,3 @@
+import { COneTimePassword } from './COneTimePassword';
+import { COneTimePasswordInput } from './COneTimePasswordInput';
+export { COneTimePassword, COneTimePasswordInput };

package/dist/cjs/components/one-time-password-input/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const isValidInput: (value: string, type: "number" | "text") => boolean;
+export declare const extractValidChars: (value: string, type: "number" | "text") => string;

package/dist/cjs/components/one-time-password-input/utils.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const isValidInput = (value, type) => {
+    if (type === 'number') {
+        return /^\d$/.test(value);
+    }
+    return /^.$/u.test(value);
+};
+const extractValidChars = (value, type) => {
+    if (type === 'number') {
+        return value.replace(/\D/g, '');
+    }
+    return value;
+};
+
+exports.extractValidChars = extractValidChars;
+exports.isValidInput = isValidInput;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/one-time-password-input/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/one-time-password-input/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;MAAa,YAAY,GAAG,CAAC,KAAa,EAAE,IAAuB,KAAa;AAC9E,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACrB,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IAC3B;AACA,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AAC3B;MAEa,iBAAiB,GAAG,CAAC,KAAa,EAAE,IAAuB,KAAY;AAClF,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;QACrB,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IACjC;AACA,IAAA,OAAO,KAAK;AACd;;;;;"}

package/dist/cjs/components/stepper/CStepper.d.ts

@@ -161,8 +161,8 @@ export declare const CStepper: import("vue").DefineComponent<import("vue").Extra
     onStepValidationComplete?: ((...args: any[]) => any) | undefined;
 }>, {
     layout: "horizontal" | "vertical";
-    activeStepNumber: number;
     linear: boolean;
+    activeStepNumber: number;
     stepButtonLayout: "horizontal" | "vertical";
     validation: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/cjs/components/time-picker/CTimePicker.d.ts

@@ -1,5 +1,27 @@
 import { PropType } from 'vue';
 declare const CTimePicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Accessible label for the hours selection element.
+     */
+    ariaSelectHoursLabel: StringConstructor;
+    /**
+     * Accessible label for the AM/PM selection element.
+     *
+     * @since 5.16.0
+     */
+    ariaSelectMeridiemLabel: StringConstructor;
+    /**
+     * Accessible label for the minutes selection element.
+     *
+     * @since 5.16.0
+     */
+    ariaSelectMinutesLabel: StringConstructor;
+    /**
+     * Accessible label for the seconds selection element.
+     *
+     * @since 5.16.0
+     */
+    ariaSelectSecondsLabel: StringConstructor;
     /**
      * Set if the component should use the 12/24 hour format. If `true` forces the interface to a 12-hour format. If `false` forces the interface into a 24-hour format. If `auto` the current locale will determine the 12 or 24-hour interface by default locales.
      *
@@ -271,6 +293,28 @@ declare const CTimePicker: import("vue").DefineComponent<import("vue").ExtractPr
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "hide" | "show" | "update:time")[], "change" | "hide" | "show" | "update:time", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Accessible label for the hours selection element.
+     */
+    ariaSelectHoursLabel: StringConstructor;
+    /**
+     * Accessible label for the AM/PM selection element.
+     *
+     * @since 5.16.0
+     */
+    ariaSelectMeridiemLabel: StringConstructor;
+    /**
+     * Accessible label for the minutes selection element.
+     *
+     * @since 5.16.0
+     */
+    ariaSelectMinutesLabel: StringConstructor;
+    /**
+     * Accessible label for the seconds selection element.
+     *
+     * @since 5.16.0
+     */
+    ariaSelectSecondsLabel: StringConstructor;
     /**
      * Set if the component should use the 12/24 hour format. If `true` forces the interface to a 12-hour format. If `false` forces the interface into a 24-hour format. If `auto` the current locale will determine the 12 or 24-hour interface by default locales.
      *