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

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

@@ -0,0 +1,108 @@
+import { defineComponent, h } from 'vue';
+import { CFormLabel } from './CFormLabel.js';
+
+const CFormSwitch = defineComponent({
+    name: 'CFormSwitch',
+    inheritAttrs: false,
+    props: {
+        /**
+         * 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,
+        /**
+         * The element represents a caption for a component.
+         */
+        label: String,
+        /**
+         * The default name for a value passed using v-model.
+         */
+        modelValue: [Boolean, String],
+        /**
+         * Put checkboxes or radios on the opposite side.
+         *
+         * @since 4.8.0
+         */
+        reverse: Boolean,
+        /**
+         * Size the component large or extra large. Works only with `switch`.
+         *
+         * @values 'lg' | 'xl'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['lg', 'xl'].includes(value);
+            },
+        },
+        /**
+         * Specifies the type of component.
+         *
+         * @values 'checkbox', 'radio'
+         */
+        type: {
+            type: String,
+            default: 'checkbox',
+        },
+        /**
+         * Set component validation state to valid.
+         */
+        valid: Boolean,
+    },
+    emits: [
+        /**
+         * Event occurs when the checked value has been changed.
+         */
+        'change',
+        /**
+         * Emit the new value whenever there’s a change event.
+         */
+        'update:modelValue',
+    ],
+    setup(props, { attrs, emit }) {
+        const handleChange = (event) => {
+            const target = event.target;
+            emit('change', event);
+            emit('update:modelValue', target.checked);
+        };
+        return () => h('div', {
+            class: [
+                'form-check form-switch',
+                {
+                    'form-check-reverse': props.reverse,
+                    [`form-switch-${props.size}`]: props.size,
+                    'is-invalid': props.invalid,
+                    'is-valid': props.valid,
+                },
+            ],
+        }, [
+            h('input', {
+                ...attrs,
+                ...(props.modelValue && { checked: props.modelValue }),
+                class: [
+                    'form-check-input',
+                    {
+                        'is-invalid': props.invalid,
+                        'is-valid': props.valid,
+                    },
+                ],
+                id: props.id,
+                onChange: (event) => handleChange(event),
+                type: props.type,
+            }),
+            props.label &&
+                h(CFormLabel, {
+                    ...(props.id && { for: props.id }),
+                    class: 'form-check-label',
+                }, {
+                    default: () => props.label,
+                }),
+        ]);
+    },
+});
+
+export { CFormSwitch };
+//# sourceMappingURL=CFormSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CFormSwitch.js","sources":["../../../../src/components/form/CFormSwitch.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,MAAA,WAAW,GAAG,eAAe,CAAC;AAClC,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,EAAE,EAAE,MAAM;AACV;;AAEG;AACH,QAAA,OAAO,EAAE,OAAO;AAChB;;AAEG;AACH,QAAA,KAAK,EAAE,MAAM;AACb;;AAEG;AACH,QAAA,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AAC7B;;;;AAIG;AACH,QAAA,OAAO,EAAE,OAAO;AAChB;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACpC;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,UAAU;AACpB,SAAA;AACD;;AAEG;AACH,QAAA,KAAK,EAAE,OAAO;AACf,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,QAAQ;AACR;;AAEG;QACH,mBAAmB;AACpB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AAC1B,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,OAAO,CAAC,CAAA;AAC3C,SAAC,CAAA;AAED,QAAA,OAAO,MACL,CAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,wBAAwB;AACxB,gBAAA;oBACE,oBAAoB,EAAE,KAAK,CAAC,OAAO;oBACnC,CAAC,CAAA,YAAA,EAAe,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;oBACzC,YAAY,EAAE,KAAK,CAAC,OAAO;oBAC3B,UAAU,EAAE,KAAK,CAAC,KAAK;AACxB,iBAAA;AACF,aAAA;SACF,EACD;YACE,CAAC,CAAC,OAAO,EAAE;AACT,gBAAA,GAAG,KAAK;AACR,gBAAA,IAAI,KAAK,CAAC,UAAU,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;AACrD,gBAAA,KAAK,EAAE;oBACL,kBAAkB;AAClB,oBAAA;wBACE,YAAY,EAAE,KAAK,CAAC,OAAO;wBAC3B,UAAU,EAAE,KAAK,CAAC,KAAK;AACxB,qBAAA;AACF,iBAAA;gBACD,EAAE,EAAE,KAAK,CAAC,EAAE;gBACZ,QAAQ,EAAE,CAAC,KAAiB,KAAK,YAAY,CAAC,KAAK,CAAC;gBACpD,IAAI,EAAE,KAAK,CAAC,IAAI;aACjB,CAAC;AACF,YAAA,KAAK,CAAC,KAAK;gBACT,CAAC,CACC,UAAU,EACV;AACE,oBAAA,IAAI,KAAK,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;AACjC,oBAAA,KAAK,EAAE,kBAAkB;iBAC1B,EACD;AACE,oBAAA,OAAO,EAAE,MAAM,KAAK,CAAC,KAAK;iBAC3B,CACF;AACJ,SAAA,CACF,CAAA;KACJ;AACF,CAAA;;;;"}

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

@@ -0,0 +1,22 @@
+declare const CFormText: import("vue").DefineComponent<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    component: string;
+}, {}>;
+export { CFormText };

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

@@ -0,0 +1,20 @@
+import { defineComponent, h } from 'vue';
+
+const CFormText = defineComponent({
+    name: 'CFormText',
+    props: {
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'div',
+        },
+    },
+    setup(props, { slots }) {
+        return () => h(props.component, { class: 'form-text' }, slots.default && slots.default());
+    },
+});
+
+export { CFormText };
+//# sourceMappingURL=CFormText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CFormText.js","sources":["../../../../src/components/form/CFormText.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,SAAS,GAAG,eAAe,CAAC;AAChC,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KAC1F;AACF,CAAA;;;;"}

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

@@ -0,0 +1,157 @@
+declare const CFormTextarea: import("vue").DefineComponent<{
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * 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;
+    /**
+     * 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: StringConstructor;
+    /**
+     * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
+     */
+    plainText: BooleanConstructor;
+    /**
+     * Toggle the readonly state for the component.
+     */
+    readonly: BooleanConstructor;
+    /**
+     * 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" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * 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;
+    /**
+     * 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: StringConstructor;
+    /**
+     * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
+     */
+    plainText: BooleanConstructor;
+    /**
+     * Toggle the readonly state for the component.
+     */
+    readonly: BooleanConstructor;
+    /**
+     * 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;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    invalid: boolean;
+    disabled: boolean;
+    valid: boolean;
+    tooltipFeedback: boolean;
+    readonly: boolean;
+    plainText: boolean;
+}, {}>;
+export { CFormTextarea };

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

@@ -0,0 +1,146 @@
+import { defineComponent, h } from 'vue';
+import { CFormControlWrapper } from './CFormControlWrapper.js';
+
+const CFormTextarea = defineComponent({
+    name: 'CFormTextarea',
+    props: {
+        /**
+         * Toggle the disabled state for the component.
+         */
+        disabled: Boolean,
+        /**
+         * 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,
+        /**
+         * 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: String,
+        /**
+         * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
+         */
+        plainText: Boolean,
+        /**
+         * Toggle the readonly state for the component.
+         */
+        readonly: Boolean,
+        /**
+         * 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 the element loses focus, after the content has been changed.
+         */
+        'change',
+        /**
+         * Event occurs immediately after the value of a component has changed.
+         */
+        'input',
+        /**
+         * Emit the new value whenever there’s an input or change event.
+         */
+        'update:modelValue',
+    ],
+    setup(props, { attrs, emit, slots }) {
+        const handleChange = (event) => {
+            const target = event.target;
+            emit('change', event);
+            emit('update:modelValue', target.value);
+        };
+        const handleInput = (event) => {
+            const target = event.target;
+            emit('input', event);
+            emit('update:modelValue', target.value);
+        };
+        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('textarea', {
+                id: props.id,
+                ...attrs,
+                disabled: props.disabled,
+                readonly: props.readonly,
+                class: [
+                    props.plainText ? 'form-control-plaintext' : 'form-control',
+                    {
+                        'is-invalid': props.invalid,
+                        'is-valid': props.valid,
+                    },
+                ],
+                onChange: (event) => handleChange(event),
+                onInput: (event) => handleInput(event),
+                ...(props.modelValue && { value: props.modelValue }),
+            }, 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 { CFormTextarea };
+//# sourceMappingURL=CFormTextarea.js.map

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

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

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

@@ -0,0 +1,24 @@
+declare const CInputGroup: import("vue").DefineComponent<{
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+}>>, {}, {}>;
+export { CInputGroup };

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

@@ -0,0 +1,31 @@
+import { defineComponent, h } from 'vue';
+
+const CInputGroup = defineComponent({
+    name: 'CInputGroup',
+    props: {
+        /**
+         * Size the component small or large.
+         *
+         * @values 'sm', 'lg'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['sm', 'lg'].includes(value);
+            },
+        },
+    },
+    setup(props, { slots }) {
+        return () => h('div', {
+            class: [
+                'input-group',
+                {
+                    [`input-group-${props.size}`]: props.size,
+                },
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+export { CInputGroup };
+//# sourceMappingURL=CInputGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CInputGroup.js","sources":["../../../../src/components/form/CInputGroup.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,WAAW,GAAG,eAAe,CAAC;AAClC,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACpC;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACL,CAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,aAAa;AACb,gBAAA;oBACE,CAAC,CAAA,YAAA,EAAe,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;AAC1C,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

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

@@ -0,0 +1,22 @@
+declare const CInputGroupText: import("vue").DefineComponent<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    component: string;
+}, {}>;
+export { CInputGroupText };

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

@@ -0,0 +1,20 @@
+import { defineComponent, h } from 'vue';
+
+const CInputGroupText = defineComponent({
+    name: 'CInputGroupText',
+    props: {
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'span',
+        },
+    },
+    setup(props, { slots }) {
+        return () => h(props.component, { class: 'input-group-text' }, slots.default && slots.default());
+    },
+});
+
+export { CInputGroupText };
+//# sourceMappingURL=CInputGroupText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CInputGroupText.js","sources":["../../../../src/components/form/CInputGroupText.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,eAAe,GAAG,eAAe,CAAC;AACtC,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACjG;AACF,CAAA;;;;"}

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

@@ -0,0 +1,18 @@
+import { App } from 'vue';
+import { CForm } from './CForm';
+import { CFormCheck } from './CFormCheck';
+import { CFormFeedback } from './CFormFeedback';
+import { CFormFloating } from './CFormFloating';
+import { CFormInput } from './CFormInput';
+import { CFormLabel } from './CFormLabel';
+import { CFormRange } from './CFormRange';
+import { CFormSelect } from './CFormSelect';
+import { CFormSwitch } from './CFormSwitch';
+import { CFormText } from './CFormText';
+import { CFormTextarea } from './CFormTextarea';
+import { CInputGroup } from './CInputGroup';
+import { CInputGroupText } from './CInputGroupText';
+declare const CFormPlugin: {
+    install: (app: App) => void;
+};
+export { CFormPlugin, CForm, CFormCheck, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CInputGroup, CInputGroupText, };

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

@@ -0,0 +1,35 @@
+import { CForm } from './CForm.js';
+import { CFormCheck } from './CFormCheck.js';
+import { CFormFeedback } from './CFormFeedback.js';
+import { CFormFloating } from './CFormFloating.js';
+import { CFormInput } from './CFormInput.js';
+import { CFormLabel } from './CFormLabel.js';
+import { CFormRange } from './CFormRange.js';
+import { CFormSelect } from './CFormSelect.js';
+import { CFormSwitch } from './CFormSwitch.js';
+import { CFormText } from './CFormText.js';
+import { CFormTextarea } from './CFormTextarea.js';
+import { CInputGroup } from './CInputGroup.js';
+import { CInputGroupText } from './CInputGroupText.js';
+
+const CFormPlugin = {
+    install: (app) => {
+        app.component(CForm.name, CForm);
+        app.component(CFormCheck.name, CFormCheck);
+        // app.component(CFormControl.name, CFormControl)
+        app.component(CFormFeedback.name, CFormFeedback);
+        app.component(CFormFloating.name, CFormFloating);
+        app.component(CFormInput.name, CFormInput);
+        app.component(CFormLabel.name, CFormLabel);
+        app.component(CFormRange.name, CFormRange);
+        app.component(CFormSelect.name, CFormSelect);
+        app.component(CFormSwitch.name, CFormSwitch);
+        app.component(CFormText.name, CFormText);
+        app.component(CFormTextarea.name, CFormTextarea);
+        app.component(CInputGroup.name, CInputGroup);
+        app.component(CInputGroupText.name, CInputGroupText);
+    },
+};
+
+export { CForm, CFormCheck, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormPlugin, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CInputGroup, CInputGroupText };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,WAAW,GAAG;AAClB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QAChC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;;QAE1C,GAAG,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;QAC5C,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;QAC5C,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;QACxC,GAAG,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;QAC5C,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,CAAA;KACrD;;;;;"}