@coreui/vue-pro 5.1.0 → 5.3.0

package/src/directives/v-c-popover.ts

@@ -1,9 +1,8 @@
 import { DirectiveBinding } from 'vue'
 import { createPopper } from '@popperjs/core'
-
 import type { Options } from '@popperjs/core'
 
-import { getUID } from '../utils'
+import { useUniqueId } from '../composables'
 
 const createPopoverElement = (id: string, header: string, content: string): HTMLDivElement => {
   const popover = document.createElement('div')
@@ -56,6 +55,7 @@ export default {
   name: 'c-popover',
   uid: '',
   mounted(el: HTMLElement, binding: DirectiveBinding): void {
+    const { getUID } = useUniqueId('popover')
     const value = binding.value
     const content = typeof value === 'string' ? value : value.content ?? ''
     const header = value.header ?? ''
@@ -77,7 +77,7 @@ export default {
       ],
     }
 
-    const uID = getUID('popover')
+    const uID = getUID()
     binding.arg = uID
     const popover = createPopoverElement(uID, header, content)
 

package/src/directives/v-c-tooltip.ts

@@ -1,9 +1,8 @@
 import { DirectiveBinding } from 'vue'
 import { createPopper } from '@popperjs/core'
-
 import type { Options } from '@popperjs/core'
 
-import { getUID } from '../utils'
+import { useUniqueId } from '../composables'
 
 const createTooltipElement = (id: string, content: string): HTMLDivElement => {
   const tooltip = document.createElement('div')
@@ -54,6 +53,7 @@ const toggleTooltipElement = (
 export default {
   name: 'c-tooltip',
   mounted(el: HTMLElement, binding: DirectiveBinding): void {
+    const { getUID } = useUniqueId('tooltip')
     const value = binding.value
     const content = typeof value === 'string' ? value : value.content ?? ''
     const trigger = value.trigger ?? 'hover'
@@ -74,7 +74,7 @@ export default {
       ],
     }
 
-    const uID = getUID('tooltip')
+    const uID = getUID()
     binding.arg = uID
     const tooltip = createTooltipElement(uID, content)
 

package/src/utils/getNextActiveElement.ts

@@ -0,0 +1,23 @@
+const getNextActiveElement = (
+  list: HTMLElement[],
+  activeElement: HTMLElement,
+  shouldGetNext: boolean,
+  isCycleAllowed: boolean,
+) => {
+  const listLength = list.length
+  let index = list.indexOf(activeElement)
+
+  if (index === -1) {
+    return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]
+  }
+
+  index += shouldGetNext ? 1 : -1
+
+  if (isCycleAllowed) {
+    index = (index + listLength) % listLength
+  }
+
+  return list[Math.max(0, Math.min(index, listLength - 1))]
+}
+
+export default getNextActiveElement

package/src/utils/index.ts

@@ -1,7 +1,8 @@
+import getNextActiveElement from './getNextActiveElement'
 import getRTLPlacement from './getRTLPlacement'
 import getUID from './getUID'
 import isInViewport from './isInViewport'
 import isObjectInArray from './isObjectInArray'
 import isRTL from './isRTL'
 
-export { getRTLPlacement, getUID, isInViewport, isObjectInArray, isRTL }
+export { getNextActiveElement, getRTLPlacement, getUID, isInViewport, isObjectInArray, isRTL }

package/dist/cjs/utils/getUID.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const getUID = (prefix) => {
-    do {
-        prefix += Math.floor(Math.random() * 1_000_000);
-    } while (document.getElementById(prefix));
-    return prefix;
-};
-
-exports.default = getUID;
-//# sourceMappingURL=getUID.js.map

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

@@ -1 +0,0 @@
-{"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/getUID.js

@@ -1,9 +0,0 @@
-const getUID = (prefix) => {
-    do {
-        prefix += Math.floor(Math.random() * 1_000_000);
-    } while (document.getElementById(prefix));
-    return prefix;
-};
-
-export { getUID as default };
-//# sourceMappingURL=getUID.js.map

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

@@ -1 +0,0 @@
-{"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;;;;"}