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

package/dist/cjs/components/pagination/CPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CPagination.js","sources":["../../../../src/components/pagination/CPagination.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,WAAW,GAAGA,mBAAe,CAAC;AAClC,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAClD;AACF,SAAA;AACD;;;;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,MACLC,KAAC,CACC,KAAK,EACL,EAAE,EACFA,KAAC,CACC,IAAI,EACJ;AACE,YAAA,KAAK,EAAE;gBACL,YAAY;AACZ,gBAAA;oBACE,CAAC,CAAA,gBAAA,EAAmB,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;oBAC/C,CAAC,CAAA,WAAA,EAAc,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;AACzC,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CACF,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/pagination/CPaginationItem.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var vue = require('vue');
+var CLink = require('../link/CLink.js');
+
+const CPaginationItem = vue.defineComponent({
+    name: 'CPaginationItem',
+    props: {
+        /**
+         * Toggle the active state for the component.
+         */
+        active: Boolean,
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: String,
+        /**
+         * Toggle the disabled state for the component.
+         */
+        disabled: Boolean,
+        /**
+         * The href attribute specifies the URL of the page the link goes to.
+         */
+        href: String,
+    },
+    setup(props, { slots }) {
+        return () => {
+            const component = props.component ?? (props.active ? 'span' : 'a');
+            return vue.h('li', {
+                class: [
+                    'page-item',
+                    {
+                        ['active']: props.active,
+                        ['disabled']: props.disabled,
+                    },
+                ],
+                ...(props.active && { active: props.active, 'aria-current': 'page' }),
+            }, component === 'a'
+                ? vue.h(CLink.CLink, {
+                    class: ['page-link'],
+                    component: component,
+                    href: props.href,
+                }, {
+                    default: () => slots.default && slots.default(),
+                })
+                : vue.h(component, { class: ['page-link'] }, slots.default && slots.default()));
+        };
+    },
+});
+
+exports.CPaginationItem = CPaginationItem;
+//# sourceMappingURL=CPaginationItem.js.map

package/dist/cjs/components/pagination/CPaginationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CPaginationItem.js","sources":["../../../../src/components/pagination/CPaginationItem.ts"],"sourcesContent":[null],"names":["defineComponent","h","CLink"],"mappings":";;;;;AAIM,MAAA,eAAe,GAAGA,mBAAe,CAAC;AACtC,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;AAEG;AACH,QAAA,SAAS,EAAE,MAAM;AACjB;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AACjB;;AAEG;AACH,QAAA,IAAI,EAAE,MAAM;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,CAAA;YAClE,OAAOC,KAAC,CACN,IAAI,EACJ;AACE,gBAAA,KAAK,EAAE;oBACL,WAAW;AACX,oBAAA;AACE,wBAAA,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM;AACxB,wBAAA,CAAC,UAAU,GAAG,KAAK,CAAC,QAAQ;AAC7B,qBAAA;AACF,iBAAA;AACD,gBAAA,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE;aACrE,EACD,SAAS,KAAK,GAAG;AACf,kBAAEA,KAAC,CACCC,WAAK,EACL;oBACE,KAAK,EAAE,CAAC,WAAW,CAAC;AACpB,oBAAA,SAAS,EAAE,SAAS;oBACpB,IAAI,EAAE,KAAK,CAAC,IAAI;iBACjB,EACD;oBACE,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;iBAChD,CACF;kBACDD,KAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAC7E,CAAA;AACH,SAAC,CAAA;KACF;AACF,CAAA;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/pagination/index.ts"],"sourcesContent":[null],"names":["CPagination","CPaginationItem"],"mappings":";;;;;AAIA,MAAM,iBAAiB,GAAG;AACxB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,uBAAW,CAAC,IAAI,EAAEA,uBAAW,CAAC,CAAA;QAC5C,GAAG,CAAC,SAAS,CAACC,+BAAe,CAAC,IAAI,EAAEA,+BAAe,CAAC,CAAA;KACrD;;;;;;;"}

package/dist/cjs/components/picker/CPicker.js

@@ -0,0 +1,149 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@popperjs/core');
+var isRTL = require('../../utils/isRTL.js');
+
+const CPicker = vue.defineComponent({
+    name: 'CPicker',
+    props: {
+        /**
+         * Set container type for the component.
+         */
+        container: {
+            type: String,
+            default: 'dropdown',
+        },
+        /**
+         * Toggle the disabled state for the component.
+         */
+        disabled: Boolean,
+        /**
+         * A string of all className you want applied to the dropdown menu.
+         */
+        dropdownClassNames: String,
+        /**
+         * Toggle visibility of footer element or set the content of footer.
+         */
+        footer: Boolean,
+        /**
+         * Toggle the visibility of the component.
+         */
+        visible: Boolean,
+    },
+    emits: [
+        /**
+         * Callback fired when the component requests to be hidden.
+         */
+        'hide',
+        /**
+         * Callback fired when the component requests to be shown.
+         */
+        'show',
+    ],
+    setup(props, { attrs, emit, slots }) {
+        const pickerRef = vue.ref();
+        const dropdownRef = vue.ref();
+        const togglerRef = vue.ref();
+        const popper = vue.ref();
+        const visible = vue.ref(props.visible);
+        vue.watch(() => props.visible, () => {
+            visible.value = props.visible;
+        });
+        vue.watch(visible, () => {
+            if (props.container === 'inline') {
+                return;
+            }
+            if (visible.value) {
+                emit('show');
+                window.addEventListener('mouseup', handleMouseUp);
+                window.addEventListener('keyup', handleKeyUp);
+                initPopper();
+                return;
+            }
+            emit('hide');
+            window.removeEventListener('mouseup', handleMouseUp);
+            window.removeEventListener('keyup', handleKeyUp);
+            destroyPopper();
+        });
+        const initPopper = () => {
+            if (togglerRef.value && dropdownRef.value) {
+                popper.value = core.createPopper(togglerRef.value, dropdownRef.value, {
+                    placement: isRTL.default(pickerRef.value) ? 'bottom-end' : 'bottom-start',
+                    modifiers: [
+                        {
+                            name: 'preventOverflow',
+                            options: {
+                                boundary: 'clippingParents',
+                            },
+                        },
+                        {
+                            name: 'offset',
+                            options: {
+                                offset: [0, 2],
+                            },
+                        },
+                    ],
+                });
+            }
+        };
+        const destroyPopper = () => {
+            if (popper.value) {
+                popper.value.destroy();
+            }
+            popper.value = undefined;
+        };
+        const handleKeyUp = (event) => {
+            if (event.key === 'Escape') {
+                visible.value = false;
+            }
+        };
+        const handleMouseUp = (event) => {
+            if (pickerRef.value && pickerRef.value.contains(event.target)) {
+                return;
+            }
+            visible.value = false;
+        };
+        switch (props.container) {
+            case 'inline': {
+                return () => vue.h('div', { class: 'picker', ref: pickerRef }, slots.default && slots.default());
+            }
+            default: {
+                return () => vue.h('div', {
+                    class: [
+                        attrs.class,
+                        {
+                            show: visible.value,
+                        },
+                    ],
+                    ref: pickerRef,
+                }, [
+                    /**
+                     * @slot Location for the toggler element.
+                     */
+                    slots.toggler &&
+                        slots.toggler().map((slot) => vue.cloneVNode(slot, {
+                            onClick: () => {
+                                if (!props.disabled && !visible.value) {
+                                    visible.value = true;
+                                }
+                            },
+                            ref: (el) => {
+                                togglerRef.value = el;
+                            },
+                        })),
+                    vue.h('div', { class: props.dropdownClassNames, ref: dropdownRef }, [
+                        slots.default && slots.default(),
+                        /**
+                         * @slot Location for the footer element.
+                         */
+                        props.footer && slots.footer && slots.footer(),
+                    ]),
+                ]);
+            }
+        }
+    },
+});
+
+exports.CPicker = CPicker;
+//# sourceMappingURL=CPicker.js.map

package/dist/cjs/components/picker/CPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CPicker.js","sources":["../../../../src/components/picker/CPicker.ts"],"sourcesContent":[null],"names":["defineComponent","ref","watch","createPopper","isRTL","h","cloneVNode"],"mappings":";;;;;;AAKM,MAAA,OAAO,GAAGA,mBAAe,CAAC;AAC9B,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAyC;AAC/C,YAAA,OAAO,EAAE,UAAU;AACpB,SAAA;AACD;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AACjB;;AAEG;AACH,QAAA,kBAAkB,EAAE,MAAM;AAC1B;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;AAEG;AACH,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,MAAM;AACN;;AAEG;QACH,MAAM;AACP,KAAA;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAA;AACjC,QAAA,MAAM,SAAS,GAAGC,OAAG,EAAE,CAAA;AACvB,QAAA,MAAM,WAAW,GAAGA,OAAG,EAAE,CAAA;AACzB,QAAA,MAAM,UAAU,GAAGA,OAAG,EAAE,CAAA;AAExB,QAAA,MAAM,MAAM,GAAGA,OAAG,EAAE,CAAA;QACpB,MAAM,OAAO,GAAGA,OAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAElCC,SAAK,CACH,MAAM,KAAK,CAAC,OAAO,EACnB,MAAK;AACH,YAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAA;AAC/B,SAAC,CACF,CAAA;AAED,QAAAA,SAAK,CAAC,OAAO,EAAE,MAAK;AAClB,YAAA,IAAI,KAAK,CAAC,SAAS,KAAK,QAAQ,EAAE;gBAChC,OAAM;AACP,aAAA;YAED,IAAI,OAAO,CAAC,KAAK,EAAE;gBACjB,IAAI,CAAC,MAAM,CAAC,CAAA;AACZ,gBAAA,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;AACjD,gBAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;AAC7C,gBAAA,UAAU,EAAE,CAAA;gBAEZ,OAAM;AACP,aAAA;YAED,IAAI,CAAC,MAAM,CAAC,CAAA;AACZ,YAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;AACpD,YAAA,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;AAEhD,YAAA,aAAa,EAAE,CAAA;AACjB,SAAC,CAAC,CAAA;QAEF,MAAM,UAAU,GAAG,MAAK;AACtB,YAAA,IAAI,UAAU,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,EAAE;AACzC,gBAAA,MAAM,CAAC,KAAK,GAAGC,iBAAY,CAAC,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE;AAC/D,oBAAA,SAAS,EAAEC,aAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,YAAY,GAAG,cAAc;AACjE,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,IAAI,EAAE,iBAAiB;AACvB,4BAAA,OAAO,EAAE;AACP,gCAAA,QAAQ,EAAE,iBAAiB;AAC5B,6BAAA;AACF,yBAAA;AACD,wBAAA;AACE,4BAAA,IAAI,EAAE,QAAQ;AACd,4BAAA,OAAO,EAAE;AACP,gCAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,6BAAA;AACF,yBAAA;AACF,qBAAA;AACF,iBAAA,CAAC,CAAA;AACH,aAAA;AACH,SAAC,CAAA;QAED,MAAM,aAAa,GAAG,MAAK;YACzB,IAAI,MAAM,CAAC,KAAK,EAAE;AAChB,gBAAA,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA;AACvB,aAAA;AAED,YAAA,MAAM,CAAC,KAAK,GAAG,SAAS,CAAA;AAC1B,SAAC,CAAA;AAED,QAAA,MAAM,WAAW,GAAG,CAAC,KAAoB,KAAI;AAC3C,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAC1B,gBAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;AACtB,aAAA;AACH,SAAC,CAAA;AAED,QAAA,MAAM,aAAa,GAAG,CAAC,KAAY,KAAI;AACrC,YAAA,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAqB,CAAC,EAAE;gBAC5E,OAAM;AACP,aAAA;AAED,YAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;AACvB,SAAC,CAAA;QAED,QAAQ,KAAK,CAAC,SAAS;YACrB,KAAK,QAAQ,EAAE;gBACb,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;AAC7F,aAAA;AACD,YAAA,SAAS;AACP,gBAAA,OAAO,MACLA,KAAC,CACC,KAAK,EACL;AACE,oBAAA,KAAK,EAAE;AACL,wBAAA,KAAK,CAAC,KAAK;AACX,wBAAA;4BACE,IAAI,EAAE,OAAO,CAAC,KAAK;AACpB,yBAAA;AACF,qBAAA;AACD,oBAAA,GAAG,EAAE,SAAS;iBACf,EACD;AACE;;AAEG;AACH,oBAAA,KAAK,CAAC,OAAO;AACX,wBAAA,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,KACvBC,cAAU,CAAC,IAAI,EAAE;4BACf,OAAO,EAAE,MAAK;gCACZ,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;AACrC,oCAAA,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;AACrB,iCAAA;6BACF;AACD,4BAAA,GAAG,EAAE,CAAC,EAAE,KAAI;AACV,gCAAA,UAAU,CAAC,KAAK,GAAG,EAAE,CAAA;6BACtB;AACF,yBAAA,CAAC,CACH;AACH,oBAAAD,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,kBAAkB,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE;AAC9D,wBAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAChC;;AAEG;wBACH,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE;qBAC/C,CAAC;AACH,iBAAA,CACF,CAAA;AACJ,aAAA;AACF,SAAA;KACF;AACF,CAAA;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/picker/index.ts"],"sourcesContent":[null],"names":["CPicker"],"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/placeholder/CPlaceholder.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var vue = require('vue');
+var props = require('../../props.js');
+
+const BREAKPOINTS = [
+    'xxl',
+    'xl',
+    'lg',
+    'md',
+    'sm',
+    'xs',
+];
+const CPlaceholder = vue.defineComponent({
+    name: 'CPlaceholder',
+    props: {
+        /**
+         * Set animation type to better convey the perception of something being actively loaded.
+         *
+         * @values 'glow', 'wave'
+         */
+        animation: {
+            type: String,
+            validator: (value) => {
+                return ['glow', 'wave'].includes(value);
+            },
+        },
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+         */
+        color: props.Color,
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'span',
+        },
+        /**
+         * Size the component extra small, small, or large.
+         *
+         * @values 'xs', 'sm', 'lg'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['xs', 'sm', 'lg'].includes(value);
+            },
+        },
+        /**
+         * The number of columns on extra small devices (<576px).
+         */
+        xs: Number,
+        /**
+         * The number of columns on small devices (<768px).
+         */
+        sm: Number,
+        /**
+         * The number of columns on medium devices (<992px).
+         */
+        md: Number,
+        /**
+         * The number of columns on large devices (<1200px).
+         */
+        lg: Number,
+        /**
+         * The number of columns on X-Large devices (<1400px).
+         */
+        xl: Number,
+        /**
+         * The number of columns on XX-Large devices (≥1400px).
+         */
+        xxl: Number,
+    },
+    setup(props, { slots }) {
+        const repsonsiveClassNames = [];
+        BREAKPOINTS.forEach((bp) => {
+            const breakpoint = props[bp];
+            const infix = bp === 'xs' ? '' : `-${bp}`;
+            if (typeof breakpoint === 'number') {
+                repsonsiveClassNames.push(`col${infix}-${breakpoint}`);
+            }
+            if (typeof breakpoint === 'boolean') {
+                repsonsiveClassNames.push(`col${infix}`);
+            }
+        });
+        return () => vue.h(props.component, {
+            class: [
+                props.animation ? `placeholder-${props.animation}` : 'placeholder',
+                {
+                    [`bg-${props.color}`]: props.color,
+                    [`placeholder-${props.size}`]: props.size,
+                },
+                repsonsiveClassNames,
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CPlaceholder = CPlaceholder;
+//# sourceMappingURL=CPlaceholder.js.map

package/dist/cjs/components/placeholder/CPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CPlaceholder.js","sources":["../../../../src/components/placeholder/CPlaceholder.ts"],"sourcesContent":[null],"names":["defineComponent","Color","h"],"mappings":";;;;;AAIA,MAAM,WAAW,GAAG;IAClB,KAAc;IACd,IAAa;IACb,IAAa;IACb,IAAa;IACb,IAAa;IACb,IAAa;CACd,CAAA;AAEM,MAAM,YAAY,GAAGA,mBAAe,CAAC;AAC1C,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACxC;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC1C;AACF,SAAA;AACD;;AAEG;AACH,QAAA,EAAE,EAAE,MAAM;AACV;;AAEG;AACH,QAAA,EAAE,EAAE,MAAM;AACV;;AAEG;AACH,QAAA,EAAE,EAAE,MAAM;AACV;;AAEG;AACH,QAAA,EAAE,EAAE,MAAM;AACV;;AAEG;AACH,QAAA,EAAE,EAAE,MAAM;AACV;;AAEG;AACH,QAAA,GAAG,EAAE,MAAM;AACZ,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,MAAM,oBAAoB,GAAa,EAAE,CAAA;AAEzC,QAAA,WAAW,CAAC,OAAO,CAAC,CAAC,EAAE,KAAI;AACzB,YAAA,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA;AAE5B,YAAA,MAAM,KAAK,GAAG,EAAE,KAAK,IAAI,GAAG,EAAE,GAAG,CAAI,CAAA,EAAA,EAAE,EAAE,CAAA;AAEzC,YAAA,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;gBAClC,oBAAoB,CAAC,IAAI,CAAC,CAAA,GAAA,EAAM,KAAK,CAAI,CAAA,EAAA,UAAU,CAAE,CAAA,CAAC,CAAA;AACvD,aAAA;AAED,YAAA,IAAI,OAAO,UAAU,KAAK,SAAS,EAAE;AACnC,gBAAA,oBAAoB,CAAC,IAAI,CAAC,MAAM,KAAK,CAAA,CAAE,CAAC,CAAA;AACzC,aAAA;AACH,SAAC,CAAC,CAAA;QAEF,OAAO,MACLC,KAAC,CACC,KAAK,CAAC,SAAS,EACf;AACE,YAAA,KAAK,EAAE;AACL,gBAAA,KAAK,CAAC,SAAS,GAAG,CAAA,YAAA,EAAe,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,aAAa;AAClE,gBAAA;oBACE,CAAC,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;oBAClC,CAAC,CAAA,YAAA,EAAe,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;AAC1C,iBAAA;gBACD,oBAAoB;AACrB,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/placeholder/index.ts"],"sourcesContent":[null],"names":["CPlaceholder"],"mappings":";;;;AAGA,MAAM,kBAAkB,GAAG;AACzB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,yBAAY,CAAC,IAAI,EAAEA,yBAAY,CAAC,CAAA;KAC/C;;;;;;"}

package/dist/cjs/components/popover/CPopover.d.ts

@@ -0,0 +1,180 @@
+import { PropType, RendererElement } from 'vue';
+import type { Placement } from '@popperjs/core';
+import type { Placements, Triggers } from '../../types';
+declare const CPopover: import("vue").DefineComponent<{
+    /**
+     * Apply a CSS fade transition to the popover.
+     *
+     * @since 4.9.0
+     */
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since v5.0.0-beta.0
+     */
+    container: {
+        type: PropType<string | HTMLElement | (() => HTMLElement)>;
+        default: string;
+    };
+    /**
+     * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
+     */
+    content: StringConstructor;
+    /**
+     * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
+     *
+     * @since 4.9.0
+     */
+    delay: {
+        type: PropType<number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
+    /**
+     * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
+     *
+     * @since 4.9.0
+     */
+    fallbackPlacements: {
+        type: PropType<string | string[]>;
+        default: () => string[];
+        validator: (value: Placements | Placements[]) => boolean;
+    };
+    /**
+     * Offset of the popover relative to its target.
+     */
+    offset: {
+        type: ArrayConstructor;
+        default: () => number[];
+    };
+    /**
+     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
+     */
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
+     */
+    title: StringConstructor;
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @values 'click', 'focus', 'hover'
+     */
+    trigger: {
+        type: PropType<Triggers | Triggers[]>;
+        default: string;
+        validator: (value: Triggers | Triggers[]) => boolean;
+    };
+    /**
+     * Toggle the visibility of popover component.
+     */
+    visible: BooleanConstructor;
+}, () => (import("vue").VNode<import("vue").RendererNode, RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, RendererElement, {
+    [key: string]: any;
+}>[] | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Apply a CSS fade transition to the popover.
+     *
+     * @since 4.9.0
+     */
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since v5.0.0-beta.0
+     */
+    container: {
+        type: PropType<string | HTMLElement | (() => HTMLElement)>;
+        default: string;
+    };
+    /**
+     * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
+     */
+    content: StringConstructor;
+    /**
+     * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
+     *
+     * @since 4.9.0
+     */
+    delay: {
+        type: PropType<number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
+    /**
+     * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
+     *
+     * @since 4.9.0
+     */
+    fallbackPlacements: {
+        type: PropType<string | string[]>;
+        default: () => string[];
+        validator: (value: Placements | Placements[]) => boolean;
+    };
+    /**
+     * Offset of the popover relative to its target.
+     */
+    offset: {
+        type: ArrayConstructor;
+        default: () => number[];
+    };
+    /**
+     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
+     */
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
+     */
+    title: StringConstructor;
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @values 'click', 'focus', 'hover'
+     */
+    trigger: {
+        type: PropType<Triggers | Triggers[]>;
+        default: string;
+        validator: (value: Triggers | Triggers[]) => boolean;
+    };
+    /**
+     * Toggle the visibility of popover component.
+     */
+    visible: BooleanConstructor;
+}>> & {
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: boolean;
+    container: string | HTMLElement | (() => HTMLElement);
+    placement: Placement;
+    offset: unknown[];
+    trigger: Triggers | Triggers[];
+    animation: boolean;
+    delay: number | {
+        show: number;
+        hide: number;
+    };
+    fallbackPlacements: string | string[];
+}, {}>;
+export { CPopover };