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

package/dist/cjs/components/element-cover/CElementCover.js

@@ -0,0 +1,95 @@
+'use strict';
+
+var vue = require('vue');
+var CSpinner = require('../spinner/CSpinner.js');
+
+const CElementCover = vue.defineComponent({
+    name: 'CElementCover',
+    props: {
+        /**
+         * Array of custom boundaries. Use to create custom cover area (instead of parent element area). Area is defined by four sides: 'top', 'bottom', 'right', 'left'. If side is not defined by any custom boundary it is equal to parent element boundary. Each custom boundary is object with keys:
+         * - sides (array) - select boundaries of element to define boundaries. Sides names: 'top', 'bottom', 'right', 'left'.
+         * - query (string) - query used to get element which define boundaries. Search will be done only inside parent element, by parent.querySelector(query) function. [docs]
+         *
+         * @type {sides: string[], query: string}[]
+         */
+        boundaries: Array,
+        /**
+         * Opacity of the cover. [docs]
+         *
+         * @type number
+         */
+        opacity: {
+            type: Number,
+            default: 0.4,
+        },
+    },
+    /**
+     * Location for custom content.
+     *
+     * @slot default
+     */
+    setup(props, { slots }) {
+        const elementCoverRef = vue.ref();
+        const customBoundaries = vue.ref({});
+        const getCustomBoundaries = () => {
+            if (!props.boundaries || elementCoverRef === null) {
+                return {};
+            }
+            const parent = elementCoverRef.value.parentElement;
+            if (!parent) {
+                return {};
+            }
+            const parentCoords = parent.getBoundingClientRect();
+            const customBoundaries = {};
+            props.boundaries.forEach(({ sides, query }) => {
+                const element = parent.querySelector(query);
+                if (!element || !sides) {
+                    return;
+                }
+                const coords = element.getBoundingClientRect();
+                sides.forEach((side) => {
+                    const sideMargin = Math.abs(coords[side] - parentCoords[side]);
+                    customBoundaries[side] = `${sideMargin}px`;
+                });
+            });
+            return customBoundaries;
+        };
+        const containerCoords = {
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+        };
+        const coverStyles = {
+            ...containerCoords,
+            position: 'absolute',
+            'z-index': 2,
+            'background-color': `rgba(255,255,255,${props.opacity})`,
+        };
+        vue.onMounted(() => {
+            vue.nextTick(() => {
+                customBoundaries.value = getCustomBoundaries();
+            });
+        });
+        return () => vue.h('div', {
+            style: { ...coverStyles, ...customBoundaries.value },
+            ref: elementCoverRef,
+        }, vue.h('div', {
+            style: {
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                transform: 'translateX(-50%) translateY(-50%)',
+            },
+        }, slots.default
+            ? slots.default()
+            : vue.h(CSpinner.CSpinner, {
+                variant: 'grow',
+                color: 'primary',
+            })));
+    },
+});
+
+exports.CElementCover = CElementCover;
+//# sourceMappingURL=CElementCover.js.map

package/dist/cjs/components/element-cover/CElementCover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CElementCover.js","sources":["../../../../src/components/element-cover/CElementCover.ts"],"sourcesContent":[null],"names":["defineComponent","ref","onMounted","nextTick","h","CSpinner"],"mappings":"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"}

package/dist/cjs/components/element-cover/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var CElementCover = require('./CElementCover.js');
+
+const CElementCoverPlugin = {
+    install: (app) => {
+        app.component(CElementCover.CElementCover.name, CElementCover.CElementCover);
+    },
+};
+
+exports.CElementCover = CElementCover.CElementCover;
+exports.CElementCoverPlugin = CElementCoverPlugin;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/element-cover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/element-cover/index.ts"],"sourcesContent":[null],"names":["CElementCover"],"mappings":";;;;AAGA,MAAM,mBAAmB,GAAG;AAC1B,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,2BAAa,CAAC,IAAI,EAAEA,2BAAa,CAAC,CAAA;KACjD;;;;;;"}

package/dist/cjs/components/footer/CFooter.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var vue = require('vue');
+
+const CFooter = vue.defineComponent({
+    name: 'CFooter',
+    props: {
+        /**
+         * Place footer in non-static positions.
+         *
+         * @values 'fixed', 'sticky'
+         */
+        position: {
+            type: String,
+            validator: (value) => {
+                return ['fixed', 'sticky'].includes(value);
+            },
+        },
+    },
+    setup(props, { slots }) {
+        return () => vue.h('div', { class: ['footer', { [`footer-${props.position}`]: props.position }] }, slots.default && slots.default());
+    },
+});
+
+exports.CFooter = CFooter;
+//# sourceMappingURL=CFooter.js.map

package/dist/cjs/components/footer/CFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFooter.js","sources":["../../../../src/components/footer/CFooter.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,OAAO,GAAGA,mBAAe,CAAC;AAC9B,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC3C;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA,OAAA,EAAU,KAAK,CAAC,QAAQ,CAAE,CAAA,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,EACvE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/footer/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var CFooter = require('./CFooter.js');
+
+const CFooterPlugin = {
+    install: (app) => {
+        app.component(CFooter.CFooter.name, CFooter.CFooter);
+    },
+};
+
+exports.CFooter = CFooter.CFooter;
+exports.CFooterPlugin = CFooterPlugin;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/footer/index.ts"],"sourcesContent":[null],"names":["CFooter"],"mappings":";;;;AAGA,MAAM,aAAa,GAAG;AACpB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,eAAO,CAAC,IAAI,EAAEA,eAAO,CAAC,CAAA;KACrC;;;;;;"}

package/dist/cjs/components/form/CForm.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var vue = require('vue');
+
+const CForm = vue.defineComponent({
+    name: 'CForm',
+    props: {
+        /**
+         * Mark a form as validated. If you set it `true`, all validation styles will be applied to the forms component.
+         */
+        validated: Boolean,
+    },
+    setup(props, { slots }) {
+        return () => vue.h('form', { class: [{ ['was-validated']: props.validated }] }, slots.default && slots.default());
+    },
+});
+
+exports.CForm = CForm;
+//# sourceMappingURL=CForm.js.map

package/dist/cjs/components/form/CForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CForm.js","sources":["../../../../src/components/form/CForm.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,KAAK,GAAGA,mBAAe,CAAC;AAC5B,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,SAAS,EAAE,OAAO;AACnB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,eAAe,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC,EAAE,EACnD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/form/CFormCheck.d.ts

@@ -0,0 +1,217 @@
+declare const CFormCheck: import("vue").DefineComponent<{
+    /**
+     * Create button-like checkboxes and radio buttons.
+     *
+     * @see http://coreui.io/vue/docs/components/button.html
+     */
+    button: ObjectConstructor;
+    /**
+     * Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `false` state.
+     *
+     * @since 4.10.0
+     */
+    falseValue: StringConstructor;
+    /**
+     * 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;
+    /**
+     * Sets hit area to the full area of the component.
+     */
+    hitArea: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: StringConstructor;
+    /**
+     * Input Checkbox indeterminate Property
+     */
+    indeterminate: BooleanConstructor;
+    /**
+     * Group checkboxes or radios on the same horizontal row by adding.
+     */
+    inline: BooleanConstructor;
+    /**
+     * 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: {
+        type: (StringConstructor | BooleanConstructor | ArrayConstructor)[];
+        value: undefined;
+    };
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @since 4.8.0
+     */
+    reverse: BooleanConstructor;
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `true` state.
+     *
+     * @since 4.10.0
+     */
+    trueValue: StringConstructor;
+    /**
+     * Specifies the type of component.
+     *
+     * @values 'checkbox', 'radio'
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
+    /**
+     * The value attribute of component.
+     */
+    value: StringConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | ("" | 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<{
+    /**
+     * Create button-like checkboxes and radio buttons.
+     *
+     * @see http://coreui.io/vue/docs/components/button.html
+     */
+    button: ObjectConstructor;
+    /**
+     * Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `false` state.
+     *
+     * @since 4.10.0
+     */
+    falseValue: StringConstructor;
+    /**
+     * 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;
+    /**
+     * Sets hit area to the full area of the component.
+     */
+    hitArea: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: StringConstructor;
+    /**
+     * Input Checkbox indeterminate Property
+     */
+    indeterminate: BooleanConstructor;
+    /**
+     * Group checkboxes or radios on the same horizontal row by adding.
+     */
+    inline: BooleanConstructor;
+    /**
+     * 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: {
+        type: (StringConstructor | BooleanConstructor | ArrayConstructor)[];
+        value: undefined;
+    };
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @since 4.8.0
+     */
+    reverse: BooleanConstructor;
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `true` state.
+     *
+     * @since 4.10.0
+     */
+    trueValue: StringConstructor;
+    /**
+     * Specifies the type of component.
+     *
+     * @values 'checkbox', 'radio'
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
+    /**
+     * The value attribute of component.
+     */
+    value: StringConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    reverse: boolean;
+    invalid: boolean;
+    type: string;
+    valid: boolean;
+    tooltipFeedback: boolean;
+    inline: boolean;
+    indeterminate: boolean;
+}, {}>;
+export { CFormCheck };

package/dist/cjs/components/form/CFormCheck.js

@@ -0,0 +1,230 @@
+'use strict';
+
+var vue = require('vue');
+var CButton = require('../button/CButton.js');
+var CFormControlValidation = require('./CFormControlValidation.js');
+var CFormLabel = require('./CFormLabel.js');
+
+const CFormCheck = vue.defineComponent({
+    name: 'CFormCheck',
+    inheritAttrs: false,
+    props: {
+        /**
+         * Create button-like checkboxes and radio buttons.
+         *
+         * @see http://coreui.io/vue/docs/components/button.html
+         */
+        button: Object,
+        /**
+         * Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `false` state.
+         *
+         * @since 4.10.0
+         */
+        falseValue: String,
+        /**
+         * 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,
+        /**
+         * Sets hit area to the full area of the component.
+         */
+        hitArea: {
+            type: String,
+            validator: (value) => {
+                // The value must match one of these strings
+                return ['full'].includes(value);
+            },
+        },
+        /**
+         * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+         */
+        id: String,
+        /**
+         * Input Checkbox indeterminate Property
+         */
+        indeterminate: Boolean,
+        /**
+         * Group checkboxes or radios on the same horizontal row by adding.
+         */
+        inline: Boolean,
+        /**
+         * 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: {
+            type: [Array, Boolean, String],
+            value: undefined,
+        },
+        /**
+         * Put checkboxes or radios on the opposite side.
+         *
+         * @since 4.8.0
+         */
+        reverse: Boolean,
+        /**
+         * Display validation feedback in a styled tooltip.
+         *
+         * @since 4.3.0
+         */
+        tooltipFeedback: Boolean,
+        /**
+         * Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `true` state.
+         *
+         * @since 4.10.0
+         */
+        trueValue: String,
+        /**
+         * Specifies the type of component.
+         *
+         * @values 'checkbox', 'radio'
+         */
+        type: {
+            type: String,
+            default: 'checkbox',
+        },
+        /**
+         * Set component validation state to valid.
+         */
+        valid: Boolean,
+        /**
+         * The value attribute of component.
+         */
+        value: String,
+    },
+    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, slots }) {
+        const handleChange = (event) => {
+            const target = event.target;
+            emit('change', event);
+            if (props.falseValue && props.trueValue) {
+                emit('update:modelValue', target.checked ? props.trueValue : props.falseValue);
+                return;
+            }
+            if (props.value && Array.isArray(props.modelValue)) {
+                if (props.modelValue.includes(props.value)) {
+                    emit('update:modelValue', props.modelValue.filter((value) => value !== props.value));
+                }
+                else {
+                    emit('update:modelValue', [...props.modelValue, props.value]);
+                }
+                return;
+            }
+            if (props.value === undefined) {
+                emit('update:modelValue', target.checked);
+                return;
+            }
+            if (props.value && (props.modelValue === undefined || typeof props.modelValue === 'string')) {
+                emit('update:modelValue', target.checked ? props.value : undefined);
+            }
+        };
+        const className = [
+            'form-check',
+            {
+                'form-check-inline': props.inline,
+                'form-check-reverse': props.reverse,
+                'is-invalid': props.invalid,
+                'is-valid': props.valid,
+            },
+            attrs.class,
+        ];
+        const inputClassName = [
+            props.button ? 'btn-check' : 'form-check-input',
+            {
+                'is-invalid': props.invalid,
+                'is-valid': props.valid,
+                'me-2': props.hitArea,
+            },
+        ];
+        const isChecked = vue.computed(() => {
+            if (Array.isArray(props.modelValue)) {
+                return props.modelValue.includes(props.value);
+            }
+            if (typeof props.modelValue === 'string') {
+                return props.modelValue === props.value;
+            }
+            return props.modelValue;
+        });
+        const formControl = () => {
+            return vue.h('input', {
+                ...attrs,
+                ...((props.modelValue || props.value) && { checked: isChecked.value }),
+                class: inputClassName,
+                id: props.id,
+                indeterminate: props.indeterminate,
+                onChange: (event) => handleChange(event),
+                type: props.type,
+                value: props.value,
+            });
+        };
+        const formLabel = () => props.button
+            ? vue.h(CButton.CButton, {
+                component: 'label',
+                ...props.button,
+                ...(props.id && { for: props.id }),
+            }, {
+                default: () => (slots.label && slots.label()) || props.label,
+            })
+            : vue.h(CFormLabel.CFormLabel, { class: 'form-check-label', ...(props.id && { for: props.id }) }, {
+                default: () => (slots.label && slots.label()) || props.label,
+            });
+        const formValidation = () => {
+            return vue.h(CFormControlValidation.CFormControlValidation, {
+                describedby: attrs['aria-describedby'],
+                feedback: props.feedback,
+                feedbackInvalid: props.feedbackInvalid,
+                feedbackValid: props.feedbackValid,
+                invalid: props.invalid,
+                tooltipFeedback: props.tooltipFeedback,
+                valid: props.valid,
+            });
+        };
+        return () => props.button
+            ? [formControl(), (slots.label || props.label) && formLabel(), formValidation()]
+            : props.label
+                ? props.hitArea
+                    ? [
+                        vue.h(CFormLabel.CFormLabel, {
+                            customClassName: className,
+                            ...(props.id && { for: props.id }),
+                        }, [formControl(), props.label]),
+                        formValidation(),
+                    ]
+                    : vue.h('div', {
+                        class: className,
+                    }, [formControl(), props.label && formLabel(), formValidation()])
+                : formControl();
+    },
+});
+
+exports.CFormCheck = CFormCheck;
+//# sourceMappingURL=CFormCheck.js.map

package/dist/cjs/components/form/CFormCheck.js.map

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