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

package/dist/esm/directives/v-c-tooltip.js

@@ -10,28 +10,28 @@ const createTooltipElement = (id, content) => {
      <div class="tooltip-inner" id="">${content}</div>`;
     return tooltip;
 };
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const addTooltipElement = (tooltip, el, popperOptions) => {
+const addTooltipElement = (el, tooltip, popperOptions, uID) => {
+    el.setAttribute('aria-describedby', uID);
     document.body.appendChild(tooltip);
     createPopper(el, tooltip, popperOptions);
     setTimeout(() => {
         tooltip.classList.add('show');
     }, 1);
 };
-const removeTooltipElement = (tooltip) => {
+const removeTooltipElement = (el, tooltip) => {
+    el.removeAttribute('aria-describedby');
     tooltip.classList.remove('show');
     setTimeout(() => {
         tooltip.remove();
     }, 300);
 };
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const toggleTooltipElement = (tooltip, el, popperOptions) => {
+const toggleTooltipElement = (el, tooltip, popperOptions, uID) => {
     const popperElement = document.getElementById(tooltip.id);
     if (popperElement && popperElement.classList.contains('show')) {
-        removeTooltipElement(tooltip);
+        removeTooltipElement(el, tooltip);
         return;
     }
-    addTooltipElement(tooltip, el, popperOptions);
+    addTooltipElement(el, tooltip, popperOptions, uID);
 };
 var vCTooltip = {
     name: 'c-tooltip',
@@ -53,27 +53,27 @@ var vCTooltip = {
                 },
             ],
         };
-        const tooltipUID = getUID('tooltip');
-        binding.arg = tooltipUID;
-        const tooltip = createTooltipElement(tooltipUID, content);
+        const uID = getUID('tooltip');
+        binding.arg = uID;
+        const tooltip = createTooltipElement(uID, content);
         trigger.includes('click') &&
             el.addEventListener('click', () => {
-                toggleTooltipElement(tooltip, el, popperOptions);
+                toggleTooltipElement(el, tooltip, popperOptions, uID);
             });
         if (trigger.includes('focus')) {
             el.addEventListener('focus', () => {
-                addTooltipElement(tooltip, el, popperOptions);
+                addTooltipElement(el, tooltip, popperOptions, uID);
             });
             el.addEventListener('blur', () => {
-                removeTooltipElement(tooltip);
+                removeTooltipElement(el, tooltip);
             });
         }
         if (trigger.includes('hover')) {
             el.addEventListener('mouseenter', () => {
-                addTooltipElement(tooltip, el, popperOptions);
+                addTooltipElement(el, tooltip, popperOptions, uID);
             });
             el.addEventListener('mouseleave', () => {
-                removeTooltipElement(tooltip);
+                removeTooltipElement(el, tooltip);
             });
         }
     },

package/dist/esm/directives/v-c-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"v-c-tooltip.js","sources":["../../../src/directives/v-c-tooltip.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"v-c-tooltip.js","sources":["../../../src/directives/v-c-tooltip.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/directives/v-c-visible.js.map

@@ -1 +1 @@
-{"version":3,"file":"v-c-visible.js","sources":["../../../src/directives/v-c-visible.ts"],"sourcesContent":[null],"names":[],"mappings":"AAOa,MAAA,QAAQ,GAAkC;IACrD,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,EAAA;QACvC,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAA;QAC7D,IAAI,UAAU,IAAI,KAAK,EAAE;AACvB,YAAA,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;AAC3B,SAAA;KACF;IACD,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,EAAA;QACnC,IAAI,UAAU,IAAI,KAAK,EAAE;AACvB,YAAA,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;AACrB,SAAA;KACF;IACD,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAA;AAC7C,QAAA,IAAI,CAAC,KAAK,KAAK,CAAC,QAAQ;YAAE,OAAM;AAChC,QAAA,IAAI,UAAU,EAAE;AACd,YAAA,IAAI,KAAK,EAAE;AACT,gBAAA,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;AAC1B,gBAAA,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;AACrB,aAAA;AAAM,iBAAA;AACL,gBAAA,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,MAAK;;AAE1B,iBAAC,CAAC,CAAA;AACH,aAAA;AACF,SAAA;KACF;;;;;"}
+{"version":3,"file":"v-c-visible.js","sources":["../../../src/directives/v-c-visible.ts"],"sourcesContent":[null],"names":[],"mappings":"AAOa,MAAA,QAAQ,GAAkC;IACrD,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,EAAA;QACvC,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAA;AAC7D,QAAA,IAAI,UAAU,IAAI,KAAK,EAAE;AACvB,YAAA,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;SAC3B;KACF;IACD,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,EAAA;AACnC,QAAA,IAAI,UAAU,IAAI,KAAK,EAAE;AACvB,YAAA,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;SACrB;KACF;IACD,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAA;AAC7C,QAAA,IAAI,CAAC,KAAK,KAAK,CAAC,QAAQ;YAAE,OAAM;QAChC,IAAI,UAAU,EAAE;YACd,IAAI,KAAK,EAAE;AACT,gBAAA,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;AAC1B,gBAAA,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;aACrB;iBAAM;AACL,gBAAA,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,MAAK;;AAE1B,iBAAC,CAAC,CAAA;aACH;SACF;KACF;;;;;"}

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Components","Directives"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,SAAS,GAAG;AAChB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;AAC1B,QAAA,KAAK,MAAM,GAAG,IAAIA,KAAU,EAAE;YAC5B,GAAG,CAAC,SAAS,CAAC,GAAG,EAAGA,KAAqC,CAAC,GAAG,CAAC,CAAC,CAAA;AAChE,SAAA;AAED,QAAA,KAAK,MAAM,GAAG,IAAIC,OAAU,EAAE;AAC5B,YAAA,GAAG,CAAC,SAAS,CACVA,OAAqC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAClDA,OAAqC,CAAC,GAAG,CAAC,CAC5C,CAAA;AACF,SAAA;KACF;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Components","Directives"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,SAAS,GAAG;AAChB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;AAC1B,QAAA,KAAK,MAAM,GAAG,IAAIA,KAAU,EAAE;YAC5B,GAAG,CAAC,SAAS,CAAC,GAAG,EAAGA,KAAqC,CAAC,GAAG,CAAC,CAAC,CAAA;SAChE;AAED,QAAA,KAAK,MAAM,GAAG,IAAIC,OAAU,EAAE;AAC5B,YAAA,GAAG,CAAC,SAAS,CACVA,OAAqC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAClDA,OAAqC,CAAC,GAAG,CAAC,CAC5C,CAAA;SACF;KACF;;;;;"}

package/dist/esm/utils/getRTLPlacement.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRTLPlacement.js","sources":["../../../src/utils/getRTLPlacement.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,OAA8B,KAAe;AACvF,IAAA,QAAQ,SAAS;QACf,KAAK,OAAO,EAAE;AACZ,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO,CAAA;AACzC,SAAA;QACD,KAAK,MAAM,EAAE;AACX,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,MAAM,CAAA;AACzC,SAAA;AACD,QAAA,SAAS;AACP,YAAA,OAAO,SAAsB,CAAA;AAC9B,SAAA;AACF,KAAA;AACH;;;;"}
+{"version":3,"file":"getRTLPlacement.js","sources":["../../../src/utils/getRTLPlacement.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,OAA8B,KAAe;IACvF,QAAQ,SAAS;QACf,KAAK,OAAO,EAAE;AACZ,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO,CAAA;SACzC;QACD,KAAK,MAAM,EAAE;AACX,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,MAAM,CAAA;SACzC;QACD,SAAS;AACP,YAAA,OAAO,SAAsB,CAAA;SAC9B;KACF;AACH;;;;"}

package/dist/esm/utils/getUID.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUID.js","sources":["../../../src/utils/getUID.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,CAAC,MAAc,KAAI;IAChC,GAAG;AACD,QAAA,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;AAChD,KAAA,QAAQ,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,EAAC;AAEzC,IAAA,OAAO,MAAM,CAAA;AACf;;;;"}
+{"version":3,"file":"getUID.js","sources":["../../../src/utils/getUID.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,CAAC,MAAc,KAAI;AAChC,IAAA,GAAG;AACD,QAAA,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;AACjD,KAAC,QAAQ,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,EAAC;AAEzC,IAAA,OAAO,MAAM,CAAA;AACf;;;;"}

package/dist/esm/utils/isObjectInArray.js.map

@@ -1 +1 @@
-{"version":3,"file":"isObjectInArray.js","sources":["../../../src/utils/isObjectInArray.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,CAAI,KAAU,EAAE,IAAO,EAAE,MAAmB,GAAA,EAAE,KACpE,KAAK,CAAC,IAAI,CAAC,CAAC,KAAQ,KAAI;IACtB,IAAI,MAAM,GAAG,IAAI,CAAA;AACjB,IAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE;YACrD,MAAM,GAAG,KAAK,CAAA;YACd,MAAK;AACN,SAAA;AACF,KAAA;AAED,IAAA,OAAO,MAAM,CAAA;AACf,CAAC;;;;"}
+{"version":3,"file":"isObjectInArray.js","sources":["../../../src/utils/isObjectInArray.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,CAAI,KAAU,EAAE,IAAO,EAAE,MAAmB,GAAA,EAAE,KACpE,KAAK,CAAC,IAAI,CAAC,CAAC,KAAQ,KAAI;IACtB,IAAI,MAAM,GAAG,IAAI,CAAA;AACjB,IAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE;YACrD,MAAM,GAAG,KAAK,CAAA;YACd,MAAK;SACN;KACF;AAED,IAAA,OAAO,MAAM,CAAA;AACf,CAAC;;;;"}

package/dist/esm/utils/isRTL.js.map

@@ -1 +1 @@
-{"version":3,"file":"isRTL.js","sources":["../../../src/utils/isRTL.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,CAAC,OAA6C,KAAI;AAC9D,IAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,GAAG,KAAK,KAAK,EAAE;AAC7E,QAAA,OAAO,IAAI,CAAA;AACZ,KAAA;AAED,IAAA,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;AAC/C,KAAA;AAED,IAAA,OAAO,KAAK,CAAA;AACd;;;;"}
+{"version":3,"file":"isRTL.js","sources":["../../../src/utils/isRTL.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,CAAC,OAA6C,KAAI;AAC9D,IAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,GAAG,KAAK,KAAK,EAAE;AAC7E,QAAA,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;KAC/C;AAED,IAAA,OAAO,KAAK,CAAA;AACd;;;;"}

package/dist/esm/utils/transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"transition.js","sources":["../../../src/utils/transition.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,OAAO,GAAG,CAAC,QAAoB,KAAI;AACvC,IAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAClC,QAAA,QAAQ,EAAE,CAAA;AACX,KAAA;AACH,CAAC,CAAA;AAEM,MAAM,sBAAsB,GAAG,CACpC,QAAoB,EACpB,iBAA8B,EAC9B,iBAAiB,GAAG,IAAI,KACtB;IACF,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,CAAC,QAAQ,CAAC,CAAA;QACjB,OAAM;AACP,KAAA;IAED,MAAM,eAAe,GAAG,CAAC,CAAA;IACzB,MAAM,gBAAgB,GAAG,gCAAgC,CAAC,iBAAiB,CAAC,GAAG,eAAe,CAAA;IAE9F,IAAI,MAAM,GAAG,KAAK,CAAA;AAElB,IAAA,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAmB,KAAI;QAC9C,IAAI,MAAM,KAAK,iBAAiB,EAAE;YAChC,OAAM;AACP,SAAA;QAED,MAAM,GAAG,IAAI,CAAA;AACb,QAAA,iBAAiB,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;QAC/D,OAAO,CAAC,QAAQ,CAAC,CAAA;AACnB,KAAC,CAAA;AAED,IAAA,iBAAiB,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;IAC5D,UAAU,CAAC,MAAK;QACd,IAAI,CAAC,MAAM,EAAE;YACX,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;AACxC,SAAA;KACF,EAAE,gBAAgB,CAAC,CAAA;AACtB,EAAC;AAEY,MAAA,gCAAgC,GAAG,CAAC,OAAoB,KAAI;IACvE,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,OAAO,CAAC,CAAA;AACT,KAAA;;AAGD,IAAA,IAAI,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAE9E,MAAM,uBAAuB,GAAG,MAAM,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAA;IACrE,MAAM,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;;AAG/D,IAAA,IAAI,CAAC,uBAAuB,IAAI,CAAC,oBAAoB,EAAE;AACrD,QAAA,OAAO,CAAC,CAAA;AACT,KAAA;;IAGD,kBAAkB,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IACrD,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AAE/C,IAAA,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,IAAI,CAAA;AAC5F,EAAC;AAEY,MAAA,oBAAoB,GAAG,CAAC,OAAoB,KAAI;IAC3D,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;AACnD;;;;"}
+{"version":3,"file":"transition.js","sources":["../../../src/utils/transition.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,OAAO,GAAG,CAAC,QAAoB,KAAI;AACvC,IAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAClC,QAAA,QAAQ,EAAE,CAAA;KACX;AACH,CAAC,CAAA;AAEM,MAAM,sBAAsB,GAAG,CACpC,QAAoB,EACpB,iBAA8B,EAC9B,iBAAiB,GAAG,IAAI,KACtB;IACF,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,CAAC,QAAQ,CAAC,CAAA;QACjB,OAAM;KACP;IAED,MAAM,eAAe,GAAG,CAAC,CAAA;IACzB,MAAM,gBAAgB,GAAG,gCAAgC,CAAC,iBAAiB,CAAC,GAAG,eAAe,CAAA;IAE9F,IAAI,MAAM,GAAG,KAAK,CAAA;AAElB,IAAA,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAmB,KAAI;AAC9C,QAAA,IAAI,MAAM,KAAK,iBAAiB,EAAE;YAChC,OAAM;SACP;QAED,MAAM,GAAG,IAAI,CAAA;AACb,QAAA,iBAAiB,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;QAC/D,OAAO,CAAC,QAAQ,CAAC,CAAA;AACnB,KAAC,CAAA;AAED,IAAA,iBAAiB,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;IAC5D,UAAU,CAAC,MAAK;QACd,IAAI,CAAC,MAAM,EAAE;YACX,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;SACxC;KACF,EAAE,gBAAgB,CAAC,CAAA;AACtB,EAAC;AAEY,MAAA,gCAAgC,GAAG,CAAC,OAAoB,KAAI;IACvE,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,OAAO,CAAC,CAAA;KACT;;AAGD,IAAA,IAAI,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAE9E,MAAM,uBAAuB,GAAG,MAAM,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAA;IACrE,MAAM,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;;AAG/D,IAAA,IAAI,CAAC,uBAAuB,IAAI,CAAC,oBAAoB,EAAE;AACrD,QAAA,OAAO,CAAC,CAAA;KACT;;IAGD,kBAAkB,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IACrD,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AAE/C,IAAA,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,IAAI,CAAA;AAC5F,EAAC;AAEY,MAAA,oBAAoB,GAAG,CAAC,OAAoB,KAAI;IAC3D,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;AACnD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-pro",
-  "version": "5.0.0-rc.0",
+  "version": "5.0.0-rc.1",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
@@ -41,24 +41,24 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui-pro": "^5.0.0-rc.0",
+    "@coreui/coreui-pro": "^5.0.0-rc.1",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@types/jest": "^29.5.8",
-    "@vue/test-utils": "^2.4.2",
+    "@types/jest": "^29.5.11",
+    "@vue/test-utils": "^2.4.3",
     "@vue/vue3-jest": "29.2.6",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.4.1",
+    "rollup": "^4.9.2",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.1.1",
-    "typescript": "^5.2.2",
-    "vue": "^3.3.8",
+    "typescript": "^5.3.3",
+    "vue": "^3.4.3",
     "vue-types": "^5.1.1"
   },
   "peerDependencies": {

package/src/components/alert/CAlertHeading.ts

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

package/src/components/alert/__tests__/CAlertHeading.spec.ts

@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'h2',
+    as: 'h2',
   },
   slots: {
     default: 'Default slot',

package/src/components/badge/CBadge.ts

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

package/src/components/button/CButton.ts

@@ -9,19 +9,19 @@ export const CButton = 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: 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: Color,
     /**
      * Toggle the disabled state for the component.
      */
@@ -79,7 +79,7 @@ export const CButton = defineComponent({
     'click',
   ],
   setup(props, { emit, slots }) {
-    const component = props.href ? 'a' : props.component
+    const component = props.href ? 'a' : props.as
     const handleClick = (event: Event) => {
       if (props.disabled) {
         return

package/src/components/button/__tests__/CButton.spec.ts

@@ -13,8 +13,8 @@ const defaultWrapper = mount(Component, {
 const customWrapper = mount(Component, {
   propsData: {
     active: true,
+    as: 'div',
     color: 'warning',
-    component: 'div',
     disabled: true,
     href: '/bazinga',
     shape: 'rounded-pill',
@@ -28,8 +28,8 @@ const customWrapper = mount(Component, {
 
 const customWrapperTwo = mount(Component, {
   propsData: {
+    as: 'a',
     color: 'warning',
-    component: 'a',
     disabled: true,
   },
   slots: {

package/src/components/calendar/CCalendar.ts

@@ -124,7 +124,7 @@ const CCalendar = 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 as PropType<'day' | 'week' | 'month' | 'year'>,
@@ -143,7 +143,7 @@ const CCalendar = defineComponent({
     /**
      * Set whether to display week numbers in the calendar.
      *
-     * @since 5.0.0-rc.0
+     * @since 5.0.0-rc.1
      */
     showWeekNumber: Boolean,
     /**
@@ -174,7 +174,7 @@ const CCalendar = defineComponent({
     /**
      * Label displayed over week numbers in the calendar.
      *
-     * @since 5.0.0-rc.0
+     * @since 5.0.0-rc.1
      */
     weekNumbersLabel: String,
   },
@@ -210,8 +210,8 @@ const CCalendar = defineComponent({
       props.calendarDate
         ? convertToDateObject(props.calendarDate, props.selectionType)
         : props.startDate
-        ? convertToDateObject(props.startDate, props.selectionType)
-        : new Date(),
+          ? convertToDateObject(props.startDate, props.selectionType)
+          : new Date(),
     )
     const startDate = ref<Date | null>(
       props.startDate ? convertToDateObject(props.startDate, props.selectionType) : null,
@@ -284,14 +284,18 @@ const CCalendar = defineComponent({
     watch(
       () => props.maxDate,
       () => {
-        maxDate.value = props.maxDate ? convertToDateObject(props.maxDate, props.selectionType) : null
+        maxDate.value = props.maxDate
+          ? convertToDateObject(props.maxDate, props.selectionType)
+          : null
       },
     )
 
     watch(
       () => props.minDate,
       () => {
-        minDate.value = props.minDate ? convertToDateObject(props.minDate, props.selectionType) : null
+        minDate.value = props.minDate
+          ? convertToDateObject(props.minDate, props.selectionType)
+          : null
       },
     )
 
@@ -428,7 +432,7 @@ const CCalendar = defineComponent({
         const list: HTMLElement[] = calendarRef.value
           ? Array.from(
               calendarRef.value.querySelectorAll(
-                props.selectionType === 'week' ? 'tr[tabindex="0"]' : 'td.current',
+                props.selectionType === 'week' ? 'tr[tabindex="0"]' : 'td[tabindex="0"]',
               ),
             )
           : []
@@ -449,14 +453,14 @@ const CCalendar = defineComponent({
             props.selectionType === 'week' && view.value === 'days'
               ? -1
               : view.value === 'days'
-              ? -7
-              : -3,
+                ? -7
+                : -3,
           ArrowDown:
             props.selectionType === 'week' && view.value === 'days'
               ? 1
               : view.value === 'days'
-              ? 7
-              : 3,
+                ? 7
+                : 3,
         }
 
         if (
@@ -478,23 +482,27 @@ const CCalendar = defineComponent({
           }
 
           setTimeout(() => {
-            const _list: HTMLElement[] = element.parentNode?.parentNode ? Array.from(
-              element.parentNode.parentNode.querySelectorAll('td[tabindex="0"], tr[tabindex="0"]'),
-            ) : []
+            const _list: HTMLElement[] = element.parentNode?.parentNode
+              ? Array.from(
+                  element.parentNode.parentNode.querySelectorAll(
+                    'td[tabindex="0"], tr[tabindex="0"]',
+                  ),
+                )
+              : []
 
-            if (_list.length && event.key === 'ArrowRight') {
+            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)
@@ -600,12 +608,12 @@ const CCalendar = defineComponent({
                     typeof props.weekdayFormat === 'function'
                       ? props.weekdayFormat(date)
                       : typeof props.weekdayFormat === 'string'
-                      ? date.toLocaleDateString(props.locale, {
-                          weekday: <'long' | 'narrow' | 'short'>props.weekdayFormat,
-                        })
-                      : date
-                          .toLocaleDateString(props.locale, { weekday: 'long' })
-                          .slice(0, props.weekdayFormat),
+                        ? date.toLocaleDateString(props.locale, {
+                            weekday: <'long' | 'narrow' | 'short'>props.weekdayFormat,
+                          })
+                        : date
+                            .toLocaleDateString(props.locale, { weekday: 'long' })
+                            .slice(0, props.weekdayFormat),
                   ),
                 )
               }),
@@ -651,8 +659,8 @@ const CCalendar = defineComponent({
                       onClick: () => handleCalendarClick(date),
                       onFocus: () => handleCalendarMouseEnter(date),
                       onKeydown: (event: KeyboardEvent) => handleCalendarKeyDown(event, date),
-                      onMouseEnter: () => handleCalendarMouseEnter(date),
-                      onMouseLeave: () => handleCalendarMouseLeave(),
+                      onMouseenter: () => handleCalendarMouseEnter(date),
+                      onMouseleave: () => handleCalendarMouseLeave(),
                     }),
                 },
                 [
@@ -663,7 +671,12 @@ const CCalendar = defineComponent({
                       week.weekNumber === 0 ? 53 : week.weekNumber,
                     ),
                   week.days.map(({ date, month }: { date: Date; month: string }) => {
-                    const isDisabled = isDateDisabled(date, minDate.value, maxDate.value, props.disabledDates)
+                    const isDisabled = isDateDisabled(
+                      date,
+                      minDate.value,
+                      maxDate.value,
+                      props.disabledDates,
+                    )
                     return month === 'current' || props.showAdjacementDays
                       ? h(
                           'td',
@@ -702,12 +715,12 @@ const CCalendar = defineComponent({
                                 onFocus: () => handleCalendarMouseEnter(date),
                                 onKeydown: (event: KeyboardEvent) =>
                                   handleCalendarKeyDown(event, date),
-                                onMouseEnter: () => handleCalendarMouseEnter(date),
-                                onMouseLeave: () => handleCalendarMouseLeave(),
+                                onMouseenter: () => handleCalendarMouseEnter(date),
+                                onMouseleave: () => handleCalendarMouseLeave(),
                               }),
                             ...(month !== 'current' &&
                               !props.selectAdjacementDays && {
-                                onMouseEnter: () => handleCalendarMouseLeave(),
+                                onMouseenter: () => handleCalendarMouseLeave(),
                               }),
                           },
                           h(
@@ -751,20 +764,20 @@ const CCalendar = defineComponent({
                           selected: isDateSelected(date, startDate.value, endDate.value),
                           'range-hover':
                             props.selectionType === 'month' &&
-                            (hoverDate && selectEndDate
+                            (hoverDate.value && selectEndDate
                               ? isDateInRange(date, startDate.value, hoverDate.value)
                               : isDateInRange(date, hoverDate.value, endDate.value)),
                           range: 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: KeyboardEvent) => handleCalendarKeyDown(event, date),
-                        onMouseEnter: () => handleCalendarMouseEnter(date),
-                        onMouseLeave: () => handleCalendarMouseLeave(),
+                        onMouseenter: () => handleCalendarMouseEnter(date),
+                        onMouseleave: () => handleCalendarMouseLeave(),
                       }),
                     },
                     h('div', { class: 'calendar-cell-inner' }, month),
@@ -795,20 +808,20 @@ const CCalendar = defineComponent({
                           selected: isDateSelected(date, startDate.value, endDate.value),
                           'range-hover':
                             props.selectionType === 'year' &&
-                            (hoverDate && selectEndDate
+                            (hoverDate.value && selectEndDate
                               ? isDateInRange(date, startDate.value, hoverDate.value)
                               : isDateInRange(date, hoverDate.value, endDate.value)),
                           range: 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: KeyboardEvent) => handleCalendarKeyDown(event, date),
-                        onMouseEnter: () => handleCalendarMouseEnter(date),
-                        onMouseLeave: () => handleCalendarMouseLeave(),
+                        onMouseenter: () => handleCalendarMouseEnter(date),
+                        onMouseleave: () => handleCalendarMouseLeave(),
                       }),
                     },
                     h('div', { class: 'calendar-cell-inner' }, year),

package/src/components/card/CCardHeader.ts

@@ -6,13 +6,13 @@ const CCardHeader = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'div',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'card-header' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'card-header' }, slots.default && slots.default())
   },
 })
 

package/src/components/card/CCardImage.ts

@@ -6,7 +6,7 @@ const CCardImage = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'img',
     },
@@ -25,7 +25,7 @@ const CCardImage = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: `card-img${props.orientation ? `-${props.orientation}` : ''}`,
         },

package/src/components/card/CCardSubtitle.ts

@@ -6,13 +6,13 @@ const CCardSubtitle = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'h6',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'card-subtitle' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'card-subtitle' }, slots.default && slots.default())
   },
 })
 export { CCardSubtitle }

package/src/components/card/CCardText.ts

@@ -6,13 +6,13 @@ const CCardText = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'p',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'card-text' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'card-text' }, slots.default && slots.default())
   },
 })
 

package/src/components/card/CCardTitle.ts

@@ -6,13 +6,13 @@ const CCardTitle = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'h5',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'card-title' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'card-title' }, slots.default && slots.default())
   },
 })
 

package/src/components/card/__tests__/CCardHeader.spec.ts

@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'span',
+    as: 'span',
   },
   slots: {
     default: 'Default slot',

package/src/components/card/__tests__/CCardImage.spec.ts

@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'a',
+    as: 'a',
     orientation: 'bottom',
   },
   slots: {

package/src/components/card/__tests__/CCardSubtitle.spec.ts

@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'h4',
+    as: 'h4',
   },
   slots: {
     default: 'Default slot',

package/src/components/card/__tests__/CCardText.spec.ts

@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'h4',
+    as: 'h4',
   },
   slots: {
     default: 'Default slot',