@coreui/vue-pro 5.0.0-rc.0 → 5.0.0-rc.1

package/README.md

@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v5.0.0-rc.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v5.0.0-rc.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue-pro.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue-pro`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue-pro`

package/dist/cjs/components/accordion/CAccordion.d.ts

@@ -13,7 +13,7 @@ declare const CAccordion: import("vue").DefineComponent<{
     flush: BooleanConstructor;
 }, () => 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<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The active item key.
      */

package/dist/cjs/components/accordion/CAccordionBody.d.ts

@@ -1,4 +1,4 @@
 declare const CAccordionBody: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export { CAccordionBody };

package/dist/cjs/components/accordion/CAccordionButton.d.ts

@@ -1,4 +1,4 @@
 declare const CAccordionButton: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export { CAccordionButton };

package/dist/cjs/components/accordion/CAccordionHeader.d.ts

@@ -1,4 +1,4 @@
 declare const CAccordionHeader: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export { CAccordionHeader };

package/dist/cjs/components/accordion/CAccordionItem.d.ts

@@ -5,7 +5,7 @@ declare const CAccordionItem: import("vue").DefineComponent<{
     itemKey: (NumberConstructor | StringConstructor)[];
 }, () => 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<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The item key.
      */

package/dist/cjs/components/alert/CAlert.d.ts

@@ -30,7 +30,7 @@ export declare const CAlert: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *

package/dist/cjs/components/alert/CAlertHeading.d.ts

@@ -2,20 +2,20 @@ export declare const CAlertHeading: import("vue").DefineComponent<{
     /**
      * 	Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
         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<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * 	Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
         type: StringConstructor;
         default: string;
     };
 }>>, {
-    component: string;
+    as: string;
 }, {}>;

package/dist/cjs/components/alert/CAlertHeading.js

@@ -8,13 +8,13 @@ const CAlertHeading = vue.defineComponent({
         /**
          * 	Component used for the root node. Either a string to use a HTML element or a component.
          */
-        component: {
+        as: {
             type: String,
             default: 'h4',
         },
     },
     setup(props, { slots }) {
-        return () => vue.h(props.component, {
+        return () => vue.h(props.as, {
             class: 'alert-heading',
         }, slots);
     },

package/dist/cjs/components/alert/CAlertHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"CAlertHeading.js","sources":["../../../../src/components/alert/CAlertHeading.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEO,MAAM,aAAa,GAAGA,mBAAe,CAAC;AAC3C,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACLC,KAAC,CACC,KAAK,CAAC,SAAS,EACf;AACE,YAAA,KAAK,EAAE,eAAe;SACvB,EACD,KAAK,CACN,CAAA;KACJ;AACF,CAAA;;;;"}
+{"version":3,"file":"CAlertHeading.js","sources":["../../../../src/components/alert/CAlertHeading.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEO,MAAM,aAAa,GAAGA,mBAAe,CAAC;AAC3C,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACLC,KAAC,CACC,KAAK,CAAC,EAAE,EACR;AACE,YAAA,KAAK,EAAE,eAAe;SACvB,EACD,KAAK,CACN,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/alert/CAlertLink.d.ts

@@ -1,3 +1,3 @@
 export declare const CAlertLink: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/dist/cjs/components/avatar/CAvatar.d.ts

@@ -54,7 +54,7 @@ declare const CAvatar: import("vue").DefineComponent<{
     };
 }, () => 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<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *

package/dist/cjs/components/backdrop/CBackdrop.d.ts

@@ -8,7 +8,7 @@ declare const CBackdrop: import("vue").DefineComponent<{
     };
 }, () => 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<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Toggle the visibility of modal component.
      */

package/dist/cjs/components/badge/CBadge.d.ts

@@ -11,7 +11,7 @@ declare const CBadge: import("vue").DefineComponent<{
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
         type: StringConstructor;
         default: string;
     };
@@ -53,7 +53,7 @@ declare const CBadge: import("vue").DefineComponent<{
     };
 }, () => 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<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
@@ -66,7 +66,7 @@ declare const CBadge: import("vue").DefineComponent<{
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
         type: StringConstructor;
         default: string;
     };
@@ -107,6 +107,6 @@ declare const CBadge: import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
 }>>, {
-    component: string;
+    as: string;
 }, {}>;
 export { CBadge };

package/dist/cjs/components/badge/CBadge.js

@@ -15,7 +15,7 @@ const CBadge = vue.defineComponent({
         /**
          * Component used for the root node. Either a string to use a HTML element or a component.
          */
-        component: {
+        as: {
             type: String,
             default: 'span',
         },
@@ -55,7 +55,7 @@ const CBadge = vue.defineComponent({
         textColor: props.TextColor,
     },
     setup(props, { slots }) {
-        return () => vue.h(props.component, {
+        return () => vue.h(props.as, {
             class: [
                 'badge',
                 {

package/dist/cjs/components/badge/CBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"CBadge.js","sources":["../../../../src/components/badge/CBadge.ts"],"sourcesContent":[null],"names":["defineComponent","Color","Shape","TextColor","h"],"mappings":";;;;;AAIM,MAAA,MAAM,GAAGA,mBAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE;AACL;;;;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,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC9E;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,KAAK,KAAK,IAAI,CAAA;aACtB;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,SAAS,EAAEC,eAAS;AACrB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACLC,KAAC,CACC,KAAK,CAAC,SAAS,EACf;AACE,YAAA,KAAK,EAAE;gBACL,OAAO;AACP,gBAAA;oBACE,CAAC,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;oBAClC,oCAAoC,EAAE,KAAK,CAAC,QAAQ;AACpD,oBAAA,OAAO,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;AACzD,oBAAA,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;AAC9D,oBAAA,WAAW,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC7D,oBAAA,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC;oBAC7D,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;oBACnC,CAAC,CAAA,KAAA,EAAQ,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS;AAC7C,iBAAA;AACD,gBAAA,KAAK,CAAC,KAAK;AACZ,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}
+{"version":3,"file":"CBadge.js","sources":["../../../../src/components/badge/CBadge.ts"],"sourcesContent":[null],"names":["defineComponent","Color","Shape","TextColor","h"],"mappings":";;;;;AAIM,MAAA,MAAM,GAAGA,mBAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;AAEG;AACH,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD;;;;AAIG;AACH,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC9E;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,KAAK,KAAK,IAAI,CAAA;aACtB;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,SAAS,EAAEC,eAAS;AACrB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACLC,KAAC,CACC,KAAK,CAAC,EAAE,EACR;AACE,YAAA,KAAK,EAAE;gBACL,OAAO;AACP,gBAAA;oBACE,CAAC,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;oBAClC,oCAAoC,EAAE,KAAK,CAAC,QAAQ;AACpD,oBAAA,OAAO,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;AACzD,oBAAA,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;AAC9D,oBAAA,WAAW,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC7D,oBAAA,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC;oBAC7D,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;oBACnC,CAAC,CAAA,KAAA,EAAQ,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS;AAC7C,iBAAA;AACD,gBAAA,KAAK,CAAC,KAAK;AACZ,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/breadcrumb/CBreadcrumb.d.ts

@@ -1,4 +1,4 @@
 declare const CBreadcrumb: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export { CBreadcrumb };

package/dist/cjs/components/breadcrumb/CBreadcrumbItem.d.ts

@@ -9,7 +9,7 @@ declare const CBreadcrumbItem: import("vue").DefineComponent<{
     href: StringConstructor;
 }, () => 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<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Toggle the active state for the component.
      */

package/dist/cjs/components/button/CButton.d.ts

@@ -3,22 +3,24 @@ export declare const CButton: import("vue").DefineComponent<{
      * Toggle the active state for the component.
      */
     active: BooleanConstructor;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
      * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
      */
     color: {
-        type: StringConstructor;
+        type: StringConstructor; /**
+         * Toggle the disabled state for the component.
+         */
         validator: (value: string) => boolean;
     };
-    /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component: {
-        type: StringConstructor;
-        default: string;
-    };
     /**
      * Toggle the disabled state for the component.
      */
@@ -67,27 +69,29 @@ export declare const CButton: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Toggle the active state for the component.
      */
     active: BooleanConstructor;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
      * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
      */
     color: {
-        type: StringConstructor;
+        type: StringConstructor; /**
+         * Toggle the disabled state for the component.
+         */
         validator: (value: string) => boolean;
     };
-    /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component: {
-        type: StringConstructor;
-        default: string;
-    };
     /**
      * Toggle the disabled state for the component.
      */
@@ -139,6 +143,6 @@ export declare const CButton: import("vue").DefineComponent<{
 }, {
     type: string;
     disabled: boolean;
-    component: string;
+    as: string;
     active: boolean;
 }, {}>;

package/dist/cjs/components/button/CButton.js

@@ -10,19 +10,19 @@ const CButton = vue.defineComponent({
          * Toggle the active state for the component.
          */
         active: Boolean,
-        /**
-         * 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: {
+        as: {
             type: String,
             default: 'button',
         },
+        /**
+         * 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,
         /**
          * Toggle the disabled state for the component.
          */
@@ -80,7 +80,7 @@ const CButton = vue.defineComponent({
         'click',
     ],
     setup(props, { emit, slots }) {
-        const component = props.href ? 'a' : props.component;
+        const component = props.href ? 'a' : props.as;
         const handleClick = (event) => {
             if (props.disabled) {
                 return;

package/dist/cjs/components/button/CButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CButton.js","sources":["../../../../src/components/button/CButton.ts"],"sourcesContent":[null],"names":["defineComponent","Color","Shape","h"],"mappings":"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"}
+{"version":3,"file":"CButton.js","sources":["../../../../src/components/button/CButton.ts"],"sourcesContent":[null],"names":["defineComponent","Color","Shape","h"],"mappings":"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"}

package/dist/cjs/components/button-group/CButtonGroup.d.ts

@@ -14,7 +14,7 @@ declare const CButtonGroup: import("vue").DefineComponent<{
     vertical: BooleanConstructor;
 }, () => 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<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Size the component small or large.
      *

package/dist/cjs/components/button-group/CButtonToolbar.d.ts

@@ -1,4 +1,4 @@
 declare const CButtonToolbar: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export { CButtonToolbar };

package/dist/cjs/components/calendar/CCalendar.d.ts

@@ -92,7 +92,7 @@ declare const CCalendar: import("vue").DefineComponent<{
     /**
      * Specify the type of date selection as day, week, month, or year.
      *
-     * @since 5.0.0-rc.0
+     * @since 5.0.0-rc.1
      */
     selectionType: {
         type: PropType<"day" | "week" | "month" | "year">;
@@ -111,7 +111,7 @@ declare const CCalendar: import("vue").DefineComponent<{
     /**
      * Set whether to display week numbers in the calendar.
      *
-     * @since 5.0.0-rc.0
+     * @since 5.0.0-rc.1
      */
     showWeekNumber: BooleanConstructor;
     /**
@@ -131,12 +131,12 @@ declare const CCalendar: import("vue").DefineComponent<{
     /**
      * Label displayed over week numbers in the calendar.
      *
-     * @since 5.0.0-rc.0
+     * @since 5.0.0-rc.1
      */
     weekNumbersLabel: StringConstructor;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("date-hover" | "calendar-date-change" | "start-date-change" | "end-date-change")[], "date-hover" | "calendar-date-change" | "start-date-change" | "end-date-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("date-hover" | "calendar-date-change" | "start-date-change" | "end-date-change")[], "date-hover" | "calendar-date-change" | "start-date-change" | "end-date-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Default date of the component
      */
@@ -229,7 +229,7 @@ declare const CCalendar: import("vue").DefineComponent<{
     /**
      * Specify the type of date selection as day, week, month, or year.
      *
-     * @since 5.0.0-rc.0
+     * @since 5.0.0-rc.1
      */
     selectionType: {
         type: PropType<"day" | "week" | "month" | "year">;
@@ -248,7 +248,7 @@ declare const CCalendar: import("vue").DefineComponent<{
     /**
      * Set whether to display week numbers in the calendar.
      *
-     * @since 5.0.0-rc.0
+     * @since 5.0.0-rc.1
      */
     showWeekNumber: BooleanConstructor;
     /**
@@ -268,7 +268,7 @@ declare const CCalendar: import("vue").DefineComponent<{
     /**
      * Label displayed over week numbers in the calendar.
      *
-     * @since 5.0.0-rc.0
+     * @since 5.0.0-rc.1
      */
     weekNumbersLabel: StringConstructor;
 }>> & {

package/dist/cjs/components/calendar/CCalendar.js

@@ -110,7 +110,7 @@ const CCalendar = vue.defineComponent({
         /**
          * Specify the type of date selection as day, week, month, or year.
          *
-         * @since 5.0.0-rc.0
+         * @since 5.0.0-rc.1
          */
         selectionType: {
             type: String,
@@ -129,7 +129,7 @@ const CCalendar = vue.defineComponent({
         /**
          * Set whether to display week numbers in the calendar.
          *
-         * @since 5.0.0-rc.0
+         * @since 5.0.0-rc.1
          */
         showWeekNumber: Boolean,
         /**
@@ -160,7 +160,7 @@ const CCalendar = vue.defineComponent({
         /**
          * Label displayed over week numbers in the calendar.
          *
-         * @since 5.0.0-rc.0
+         * @since 5.0.0-rc.1
          */
         weekNumbersLabel: String,
     },
@@ -238,10 +238,14 @@ const CCalendar = vue.defineComponent({
             }
         });
         vue.watch(() => props.maxDate, () => {
-            maxDate.value = props.maxDate ? utils.convertToDateObject(props.maxDate, props.selectionType) : null;
+            maxDate.value = props.maxDate
+                ? utils.convertToDateObject(props.maxDate, props.selectionType)
+                : null;
         });
         vue.watch(() => props.minDate, () => {
-            minDate.value = props.minDate ? utils.convertToDateObject(props.minDate, props.selectionType) : null;
+            minDate.value = props.minDate
+                ? utils.convertToDateObject(props.minDate, props.selectionType)
+                : null;
         });
         vue.watch(() => props.selectEndDate, () => {
             selectEndDate.value = props.selectEndDate;
@@ -339,7 +343,7 @@ const CCalendar = vue.defineComponent({
                     element = element.closest('tr[tabindex="0"]');
                 }
                 const list = calendarRef.value
-                    ? Array.from(calendarRef.value.querySelectorAll(props.selectionType === 'week' ? 'tr[tabindex="0"]' : 'td.current'))
+                    ? Array.from(calendarRef.value.querySelectorAll(props.selectionType === 'week' ? 'tr[tabindex="0"]' : 'td[tabindex="0"]'))
                     : [];
                 const index = list.indexOf(element);
                 const first = index === 0;
@@ -376,17 +380,19 @@ const CCalendar = vue.defineComponent({
                         setCalendarPage(event.key === 'ArrowRight' || event.key === 'ArrowDown' ? 10 : -10);
                     }
                     setTimeout(() => {
-                        const _list = element.parentNode?.parentNode ? Array.from(element.parentNode.parentNode.querySelectorAll('td[tabindex="0"], tr[tabindex="0"]')) : [];
-                        if (_list.length && event.key === 'ArrowRight') {
+                        const _list = element.parentNode?.parentNode
+                            ? Array.from(element.parentNode.parentNode.querySelectorAll('td[tabindex="0"], tr[tabindex="0"]'))
+                            : [];
+                        if (_list.length > 0 && event.key === 'ArrowRight') {
                             _list[0].focus();
                         }
-                        if (_list.length && event.key === 'ArrowLeft') {
+                        if (_list.length > 0 && event.key === 'ArrowLeft') {
                             _list[_list.length - 1].focus();
                         }
-                        if (_list.length && event.key === 'ArrowDown') {
+                        if (_list.length > 0 && event.key === 'ArrowDown') {
                             _list[gap['ArrowDown'] - (list.length - index)].focus();
                         }
-                        if (_list.length && event.key === 'ArrowUp') {
+                        if (_list.length > 0 && event.key === 'ArrowUp') {
                             _list[_list.length - (Math.abs(gap['ArrowUp']) + 1 - (index + 1))].focus();
                         }
                     }, 1);
@@ -493,8 +499,8 @@ const CCalendar = vue.defineComponent({
                                     onClick: () => handleCalendarClick(date),
                                     onFocus: () => handleCalendarMouseEnter(date),
                                     onKeydown: (event) => handleCalendarKeyDown(event, date),
-                                    onMouseEnter: () => handleCalendarMouseEnter(date),
-                                    onMouseLeave: () => handleCalendarMouseLeave(),
+                                    onMouseenter: () => handleCalendarMouseEnter(date),
+                                    onMouseleave: () => handleCalendarMouseLeave(),
                                 }),
                             }, [
                                 props.showWeekNumber &&
@@ -533,12 +539,12 @@ const CCalendar = vue.defineComponent({
                                                 onClick: () => handleCalendarClick(date),
                                                 onFocus: () => handleCalendarMouseEnter(date),
                                                 onKeydown: (event) => handleCalendarKeyDown(event, date),
-                                                onMouseEnter: () => handleCalendarMouseEnter(date),
-                                                onMouseLeave: () => handleCalendarMouseLeave(),
+                                                onMouseenter: () => handleCalendarMouseEnter(date),
+                                                onMouseleave: () => handleCalendarMouseLeave(),
                                             }),
                                             ...(month !== 'current' &&
                                                 !props.selectAdjacementDays && {
-                                                onMouseEnter: () => handleCalendarMouseLeave(),
+                                                onMouseenter: () => handleCalendarMouseLeave(),
                                             }),
                                         }, vue.h('div', {
                                             class: 'calendar-cell-inner',
@@ -564,20 +570,20 @@ const CCalendar = vue.defineComponent({
                                             disabled: isDisabled,
                                             selected: utils.isDateSelected(date, startDate.value, endDate.value),
                                             'range-hover': props.selectionType === 'month' &&
-                                                (hoverDate && selectEndDate
+                                                (hoverDate.value && selectEndDate
                                                     ? utils.isDateInRange(date, startDate.value, hoverDate.value)
                                                     : utils.isDateInRange(date, hoverDate.value, endDate.value)),
                                             range: utils.isDateInRange(date, startDate.value, endDate.value),
                                         },
                                     ],
-                                    tabindex: !isDisabled ? 0 : -1,
+                                    tabindex: isDisabled ? -1 : 0,
                                     ...(!isDisabled && {
                                         onBlur: () => handleCalendarMouseLeave(),
                                         onClick: () => handleCalendarClick(date),
                                         onFocus: () => handleCalendarMouseEnter(date),
                                         onKeydown: (event) => handleCalendarKeyDown(event, date),
-                                        onMouseEnter: () => handleCalendarMouseEnter(date),
-                                        onMouseLeave: () => handleCalendarMouseLeave(),
+                                        onMouseenter: () => handleCalendarMouseEnter(date),
+                                        onMouseleave: () => handleCalendarMouseLeave(),
                                     }),
                                 }, vue.h('div', { class: 'calendar-cell-inner' }, month));
                             }));
@@ -594,20 +600,20 @@ const CCalendar = vue.defineComponent({
                                             disabled: isDisabled,
                                             selected: utils.isDateSelected(date, startDate.value, endDate.value),
                                             'range-hover': props.selectionType === 'year' &&
-                                                (hoverDate && selectEndDate
+                                                (hoverDate.value && selectEndDate
                                                     ? utils.isDateInRange(date, startDate.value, hoverDate.value)
                                                     : utils.isDateInRange(date, hoverDate.value, endDate.value)),
                                             range: utils.isDateInRange(date, startDate.value, endDate.value),
                                         },
                                     ],
-                                    tabindex: !isDisabled ? 0 : -1,
+                                    tabindex: isDisabled ? -1 : 0,
                                     ...(!isDisabled && {
                                         onBlur: () => handleCalendarMouseLeave(),
                                         onClick: () => handleCalendarClick(date),
                                         onFocus: () => handleCalendarMouseEnter(date),
                                         onKeydown: (event) => handleCalendarKeyDown(event, date),
-                                        onMouseEnter: () => handleCalendarMouseEnter(date),
-                                        onMouseLeave: () => handleCalendarMouseLeave(),
+                                        onMouseenter: () => handleCalendarMouseEnter(date),
+                                        onMouseleave: () => handleCalendarMouseLeave(),
                                     }),
                                 }, vue.h('div', { class: 'calendar-cell-inner' }, year));
                             }));