@coreui/vue-pro 5.0.0-alpha.0 → 5.0.0-beta.0

package/dist/esm/components/form/CFormLabel.js

@@ -0,0 +1,19 @@
+import { defineComponent, h } from 'vue';
+
+const CFormLabel = defineComponent({
+    name: 'CFormLabel',
+    props: {
+        /**
+         * A string of all className you want to be applied to the component, and override standard className value.
+         */
+        customClassName: [Array, String],
+    },
+    setup(props, { slots }) {
+        return () => h('label', {
+            class: props.customClassName ?? 'form-label',
+        }, slots.default && slots.default());
+    },
+});
+
+export { CFormLabel };
+//# sourceMappingURL=CFormLabel.js.map

package/dist/esm/components/form/CFormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormLabel.js","sources":["../../../../src/components/form/CFormLabel.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,UAAU,GAAG,eAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;AACjC,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACL,CAAC,CACC,OAAO,EACP;AACE,YAAA,KAAK,EAAE,KAAK,CAAC,eAAe,IAAI,YAAY;SAC7C,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/form/CFormRange.d.ts

@@ -0,0 +1,84 @@
+declare const CFormRange: import("vue").DefineComponent<{
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: StringConstructor;
+    /**
+     * Specifies the maximum value for the component.
+     */
+    max: NumberConstructor;
+    /**
+     * Specifies the minimum value for the component.
+     */
+    min: NumberConstructor;
+    /**
+     * The default name for a value passed using v-model.
+     */
+    modelValue: StringConstructor;
+    /**
+     * Toggle the readonly state for the component.
+     */
+    readonly: BooleanConstructor;
+    /**
+     * Specifies the interval between legal numbers in the component.
+     */
+    steps: NumberConstructor;
+    /**
+     * The `value` attribute of component.
+     *
+     * @controllable onChange
+     * */
+    value: NumberConstructor;
+}, () => ("" | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: StringConstructor;
+    /**
+     * Specifies the maximum value for the component.
+     */
+    max: NumberConstructor;
+    /**
+     * Specifies the minimum value for the component.
+     */
+    min: NumberConstructor;
+    /**
+     * The default name for a value passed using v-model.
+     */
+    modelValue: StringConstructor;
+    /**
+     * Toggle the readonly state for the component.
+     */
+    readonly: BooleanConstructor;
+    /**
+     * Specifies the interval between legal numbers in the component.
+     */
+    steps: NumberConstructor;
+    /**
+     * The `value` attribute of component.
+     *
+     * @controllable onChange
+     * */
+    value: NumberConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+}, {}>;
+export { CFormRange };

package/dist/esm/components/form/CFormRange.js

@@ -0,0 +1,84 @@
+import { defineComponent, h } from 'vue';
+import { CFormLabel } from './CFormLabel.js';
+
+const CFormRange = defineComponent({
+    name: 'CFormRange',
+    props: {
+        /**
+         * Toggle the disabled state for the component.
+         */
+        disabled: Boolean,
+        /**
+         * Add a caption for a component.
+         *
+         * @since 4.3.0
+         */
+        label: String,
+        /**
+         * Specifies the maximum value for the component.
+         */
+        max: Number,
+        /**
+         * Specifies the minimum value for the component.
+         */
+        min: Number,
+        /**
+         * The default name for a value passed using v-model.
+         */
+        modelValue: String,
+        /**
+         * Toggle the readonly state for the component.
+         */
+        readonly: Boolean,
+        /**
+         * Specifies the interval between legal numbers in the component.
+         */
+        steps: Number,
+        /**
+         * The `value` attribute of component.
+         *
+         * @controllable onChange
+         * */
+        value: Number,
+    },
+    emits: [
+        /**
+         * Event occurs when the value has been changed.
+         */
+        'change',
+        /**
+         * Emit the new value whenever there’s a change event.
+         */
+        'update:modelValue',
+    ],
+    setup(props, { attrs, emit, slots }) {
+        const handleChange = (event) => {
+            const target = event.target;
+            emit('change', event);
+            emit('update:modelValue', target.value);
+        };
+        return () => [
+            props.label &&
+                h(CFormLabel, {
+                    for: attrs.id,
+                }, {
+                    default: () => (slots.label && slots.label()) || props.label,
+                }),
+            h('input', {
+                ...attrs,
+                class: 'form-range',
+                disabled: props.disabled,
+                max: props.max,
+                min: props.min,
+                onChange: (event) => handleChange(event),
+                readonly: props.readonly,
+                steps: props.steps,
+                type: 'range',
+                value: props.modelValue,
+            }, slots.default && slots.default()),
+        ];
+    },
+});
+
+export { CFormRange };
+//# sourceMappingURL=CFormRange.js.map

package/dist/esm/components/form/CFormRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormRange.js","sources":["../../../../src/components/form/CFormRange.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGM,MAAA,UAAU,GAAG,eAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AACjB;;;;AAIG;AACH,QAAA,KAAK,EAAE,MAAM;AACb;;AAEG;AACH,QAAA,GAAG,EAAE,MAAM;AACX;;AAEG;AACH,QAAA,GAAG,EAAE,MAAM;AACX;;AAEG;AACH,QAAA,UAAU,EAAE,MAAM;AAClB;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AACjB;;AAEG;AACH,QAAA,KAAK,EAAE,MAAM;AACb;;;;AAIK;AACL,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,QAAQ;AACR;;AAEG;QACH,mBAAmB;AACpB,KAAA;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAA;AACjC,QAAA,MAAM,YAAY,GAAG,CAAC,KAAiB,KAAI;AACzC,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAA;AAC/C,YAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;AACrB,YAAA,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;AACzC,SAAC,CAAA;QAED,OAAO,MAAM;AACX,YAAA,KAAK,CAAC,KAAK;gBACT,CAAC,CACC,UAAU,EACV;oBACE,GAAG,EAAE,KAAK,CAAC,EAAE;iBACd,EACD;AACE,oBAAA,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,KAAK;iBAC7D,CACF;YACH,CAAC,CACC,OAAO,EACP;AACE,gBAAA,GAAG,KAAK;AACR,gBAAA,KAAK,EAAE,YAAY;gBACnB,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,GAAG,EAAE,KAAK,CAAC,GAAG;gBACd,GAAG,EAAE,KAAK,CAAC,GAAG;gBACd,QAAQ,EAAE,CAAC,KAAiB,KAAK,YAAY,CAAC,KAAK,CAAC;gBACpD,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,gBAAA,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,KAAK,CAAC,UAAU;aACxB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;SACF,CAAA;KACF;AACF,CAAA;;;;"}

package/dist/esm/components/form/CFormSelect.d.ts

@@ -0,0 +1,183 @@
+import { PropType } from 'vue';
+type Option = {
+    disabled?: boolean;
+    label?: string;
+    selected?: boolean;
+    value?: string;
+};
+declare const CFormSelect: import("vue").DefineComponent<{
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: StringConstructor;
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: StringConstructor;
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    feedbackValid: StringConstructor;
+    /**
+     * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    floatingLabel: StringConstructor;
+    /**
+     * Specifies the number of visible options in a drop-down list.
+     */
+    htmlSize: NumberConstructor;
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: StringConstructor;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: StringConstructor;
+    /**
+     * The default name for a value passed using v-model.
+     */
+    modelValue: {
+        type: PropType<string | string[]>;
+    };
+    multiple: BooleanConstructor;
+    /**
+     * Options list of the select component. Available keys: `label`, `value`, `disabled`.
+     * Examples:
+     * - `:options="[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]"`
+     * - `:options="['js', 'html']"`
+     */
+    options: PropType<string[] | Option[]>;
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm' | 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.3.0
+     */
+    text: StringConstructor;
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: StringConstructor;
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: StringConstructor;
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    feedbackValid: StringConstructor;
+    /**
+     * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    floatingLabel: StringConstructor;
+    /**
+     * Specifies the number of visible options in a drop-down list.
+     */
+    htmlSize: NumberConstructor;
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: StringConstructor;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: StringConstructor;
+    /**
+     * The default name for a value passed using v-model.
+     */
+    modelValue: {
+        type: PropType<string | string[]>;
+    };
+    multiple: BooleanConstructor;
+    /**
+     * Options list of the select component. Available keys: `label`, `value`, `disabled`.
+     * Examples:
+     * - `:options="[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]"`
+     * - `:options="['js', 'html']"`
+     */
+    options: PropType<string[] | Option[]>;
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm' | 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.3.0
+     */
+    text: StringConstructor;
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    invalid: boolean;
+    valid: boolean;
+    tooltipFeedback: boolean;
+    multiple: boolean;
+}, {}>;
+export { CFormSelect };

package/dist/esm/components/form/CFormSelect.js

@@ -0,0 +1,169 @@
+import { defineComponent, h } from 'vue';
+import { CFormControlWrapper } from './CFormControlWrapper.js';
+
+const CFormSelect = defineComponent({
+    name: 'CFormSelect',
+    props: {
+        /**
+         * Provide valuable, actionable feedback.
+         *
+         * @since 4.3.0
+         */
+        feedback: String,
+        /**
+         * Provide valuable, actionable feedback.
+         *
+         * @since 4.3.0
+         */
+        feedbackInvalid: String,
+        /**
+         * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+         *
+         * @since 4.3.0
+         */
+        feedbackValid: String,
+        /**
+         * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+         *
+         * @since 4.3.0
+         */
+        floatingLabel: String,
+        /**
+         * Specifies the number of visible options in a drop-down list.
+         */
+        htmlSize: Number,
+        /**
+         * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+         */
+        id: String,
+        /**
+         * Set component validation state to invalid.
+         */
+        invalid: Boolean,
+        /**
+         * Add a caption for a component.
+         *
+         * @since 4.3.0
+         */
+        label: String,
+        /**
+         * The default name for a value passed using v-model.
+         */
+        modelValue: {
+            type: [String, Array],
+        },
+        multiple: Boolean,
+        /**
+         * Options list of the select component. Available keys: `label`, `value`, `disabled`.
+         * Examples:
+         * - `:options="[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]"`
+         * - `:options="['js', 'html']"`
+         */
+        options: Array,
+        /**
+         * Size the component small or large.
+         *
+         * @values 'sm' | 'lg'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['sm', 'lg'].includes(value);
+            },
+        },
+        /**
+         * Add helper text to the component.
+         *
+         * @since 4.3.0
+         */
+        text: String,
+        /**
+         * Display validation feedback in a styled tooltip.
+         *
+         * @since 4.3.0
+         */
+        tooltipFeedback: Boolean,
+        /**
+         * Set component validation state to valid.
+         */
+        valid: Boolean,
+    },
+    emits: [
+        /**
+         * Event occurs when when a user changes the selected option of a `<select>` element.
+         */
+        'change',
+        /**
+         * Emit the new value whenever there’s a change event.
+         */
+        'update:modelValue',
+    ],
+    setup(props, { attrs, emit, slots }) {
+        const handleChange = (event) => {
+            const target = event.target;
+            const selected = Array.from(target.options)
+                .filter((option) => option.selected)
+                .map((option) => option.value);
+            emit('change', event);
+            emit('update:modelValue', target.multiple ? selected : selected[0]);
+        };
+        return () => h(CFormControlWrapper, {
+            describedby: attrs['aria-describedby'],
+            feedback: props.feedback,
+            feedbackInvalid: props.feedbackInvalid,
+            feedbackValid: props.feedbackValid,
+            floatingLabel: props.floatingLabel,
+            id: props.id,
+            invalid: props.invalid,
+            label: props.label,
+            text: props.text,
+            tooltipFeedback: props.tooltipFeedback,
+            valid: props.valid,
+        }, {
+            default: () => h('select', {
+                id: props.id,
+                ...attrs,
+                class: [
+                    'form-select',
+                    {
+                        [`form-select-${props.size}`]: props.size,
+                        'is-invalid': props.invalid,
+                        'is-valid': props.valid,
+                    },
+                    attrs.class,
+                ],
+                multiple: props.multiple,
+                onChange: (event) => handleChange(event),
+                size: props.htmlSize,
+                ...(props.modelValue && !props.multiple && { value: props.modelValue }),
+            }, props.options
+                ? props.options.map((option) => {
+                    return h('option', {
+                        ...(typeof option === 'object' && {
+                            ...(option.disabled && { disabled: option.disabled }),
+                            ...(option.selected && { selected: option.selected }),
+                            ...(option.value !== undefined && {
+                                value: option.value,
+                                ...(props.modelValue &&
+                                    props.multiple &&
+                                    props.modelValue.includes(option.value) && { selected: true }),
+                            }),
+                        }),
+                    }, typeof option === 'string' ? option : option.label);
+                })
+                : slots.default && slots.default()),
+            ...(slots.feedback && { feedback: () => slots.feedback && slots.feedback() }),
+            ...(slots.feedbackInvalid && {
+                feedbackInvalid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
+            }),
+            ...(slots.feedbackValid && {
+                feedbackValid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
+            }),
+            ...(slots.label && { label: () => slots.label && slots.label() }),
+            ...(slots.text && { text: () => slots.text && slots.text() }),
+        });
+    },
+});
+
+export { CFormSelect };
+//# sourceMappingURL=CFormSelect.js.map

package/dist/esm/components/form/CFormSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormSelect.js","sources":["../../../../src/components/form/CFormSelect.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/form/CFormSwitch.d.ts

@@ -0,0 +1,102 @@
+declare const CFormSwitch: import("vue").DefineComponent<{
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document
+     */
+    id: StringConstructor;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid: BooleanConstructor;
+    /**
+     * The element represents a caption for a component.
+     */
+    label: StringConstructor;
+    /**
+     * The default name for a value passed using v-model.
+     */
+    modelValue: (StringConstructor | BooleanConstructor)[];
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @since 4.8.0
+     */
+    reverse: BooleanConstructor;
+    /**
+     * Size the component large or extra large. Works only with `switch`.
+     *
+     * @values 'lg' | 'xl'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Specifies the type of component.
+     *
+     * @values 'checkbox', 'radio'
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document
+     */
+    id: StringConstructor;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid: BooleanConstructor;
+    /**
+     * The element represents a caption for a component.
+     */
+    label: StringConstructor;
+    /**
+     * The default name for a value passed using v-model.
+     */
+    modelValue: (StringConstructor | BooleanConstructor)[];
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @since 4.8.0
+     */
+    reverse: BooleanConstructor;
+    /**
+     * Size the component large or extra large. Works only with `switch`.
+     *
+     * @values 'lg' | 'xl'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Specifies the type of component.
+     *
+     * @values 'checkbox', 'radio'
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    reverse: boolean;
+    invalid: boolean;
+    type: string;
+    valid: boolean;
+}, {}>;
+export { CFormSwitch };