@coreui/vue-pro 5.1.0 → 5.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/components/calendar/CCalendar.js +2 -2
  3. package/dist/cjs/components/calendar/CCalendar.js.map +1 -1
  4. package/dist/cjs/components/calendar/utils.d.ts +1 -0
  5. package/dist/cjs/components/calendar/utils.js +13 -6
  6. package/dist/cjs/components/calendar/utils.js.map +1 -1
  7. package/dist/cjs/components/dropdown/CDropdown.js +3 -1
  8. package/dist/cjs/components/dropdown/CDropdown.js.map +1 -1
  9. package/dist/cjs/components/dropdown/utils.d.ts +0 -1
  10. package/dist/cjs/components/dropdown/utils.js +0 -13
  11. package/dist/cjs/components/dropdown/utils.js.map +1 -1
  12. package/dist/cjs/components/index.js +8 -0
  13. package/dist/cjs/components/index.js.map +1 -1
  14. package/dist/cjs/components/multi-select/CMultiSelect.js +4 -0
  15. package/dist/cjs/components/multi-select/CMultiSelect.js.map +1 -1
  16. package/dist/cjs/components/multi-select/CMultiSelectSelection.js +1 -0
  17. package/dist/cjs/components/multi-select/CMultiSelectSelection.js.map +1 -1
  18. package/dist/cjs/components/popover/CPopover.js +3 -2
  19. package/dist/cjs/components/popover/CPopover.js.map +1 -1
  20. package/dist/cjs/components/tabs/CTab.d.ts +20 -0
  21. package/dist/cjs/components/tabs/CTab.js +41 -0
  22. package/dist/cjs/components/tabs/CTab.js.map +1 -0
  23. package/dist/cjs/components/tabs/CTabList.d.ts +42 -0
  24. package/dist/cjs/components/tabs/CTabList.js +74 -0
  25. package/dist/cjs/components/tabs/CTabList.js.map +1 -0
  26. package/dist/cjs/components/tabs/CTabPane.d.ts +19 -0
  27. package/dist/cjs/components/tabs/CTabPane.js +10 -1
  28. package/dist/cjs/components/tabs/CTabPane.js.map +1 -1
  29. package/dist/cjs/components/tabs/CTabPanel.d.ts +55 -0
  30. package/dist/cjs/components/tabs/CTabPanel.js +93 -0
  31. package/dist/cjs/components/tabs/CTabPanel.js.map +1 -0
  32. package/dist/cjs/components/tabs/CTabs.d.ts +22 -0
  33. package/dist/cjs/components/tabs/CTabs.js +43 -0
  34. package/dist/cjs/components/tabs/CTabs.js.map +1 -0
  35. package/dist/cjs/components/tabs/index.d.ts +5 -1
  36. package/dist/cjs/components/tabs/index.js +12 -0
  37. package/dist/cjs/components/tabs/index.js.map +1 -1
  38. package/dist/cjs/components/tooltip/CTooltip.js +3 -2
  39. package/dist/cjs/components/tooltip/CTooltip.js.map +1 -1
  40. package/dist/cjs/composables/index.d.ts +2 -1
  41. package/dist/cjs/composables/useUniqueId.d.ts +3 -0
  42. package/dist/cjs/composables/useUniqueId.js +20 -0
  43. package/dist/cjs/composables/useUniqueId.js.map +1 -0
  44. package/dist/cjs/directives/v-c-popover.js +4 -2
  45. package/dist/cjs/directives/v-c-popover.js.map +1 -1
  46. package/dist/cjs/directives/v-c-tooltip.js +4 -2
  47. package/dist/cjs/directives/v-c-tooltip.js.map +1 -1
  48. package/dist/cjs/index.js +10 -0
  49. package/dist/cjs/index.js.map +1 -1
  50. package/dist/cjs/utils/getNextActiveElement.d.ts +2 -0
  51. package/dist/cjs/utils/getNextActiveElement.js +19 -0
  52. package/dist/cjs/utils/getNextActiveElement.js.map +1 -0
  53. package/dist/cjs/utils/index.d.ts +2 -1
  54. package/dist/esm/components/calendar/CCalendar.js +2 -2
  55. package/dist/esm/components/calendar/CCalendar.js.map +1 -1
  56. package/dist/esm/components/calendar/utils.d.ts +1 -0
  57. package/dist/esm/components/calendar/utils.js +13 -7
  58. package/dist/esm/components/calendar/utils.js.map +1 -1
  59. package/dist/esm/components/dropdown/CDropdown.js +3 -1
  60. package/dist/esm/components/dropdown/CDropdown.js.map +1 -1
  61. package/dist/esm/components/dropdown/utils.d.ts +0 -1
  62. package/dist/esm/components/dropdown/utils.js +1 -13
  63. package/dist/esm/components/dropdown/utils.js.map +1 -1
  64. package/dist/esm/components/index.js +4 -0
  65. package/dist/esm/components/index.js.map +1 -1
  66. package/dist/esm/components/multi-select/CMultiSelect.js +4 -0
  67. package/dist/esm/components/multi-select/CMultiSelect.js.map +1 -1
  68. package/dist/esm/components/multi-select/CMultiSelectSelection.js +1 -0
  69. package/dist/esm/components/multi-select/CMultiSelectSelection.js.map +1 -1
  70. package/dist/esm/components/popover/CPopover.js +3 -2
  71. package/dist/esm/components/popover/CPopover.js.map +1 -1
  72. package/dist/esm/components/tabs/CTab.d.ts +20 -0
  73. package/dist/esm/components/tabs/CTab.js +39 -0
  74. package/dist/esm/components/tabs/CTab.js.map +1 -0
  75. package/dist/esm/components/tabs/CTabList.d.ts +42 -0
  76. package/dist/esm/components/tabs/CTabList.js +72 -0
  77. package/dist/esm/components/tabs/CTabList.js.map +1 -0
  78. package/dist/esm/components/tabs/CTabPane.d.ts +19 -0
  79. package/dist/esm/components/tabs/CTabPane.js +10 -1
  80. package/dist/esm/components/tabs/CTabPane.js.map +1 -1
  81. package/dist/esm/components/tabs/CTabPanel.d.ts +55 -0
  82. package/dist/esm/components/tabs/CTabPanel.js +91 -0
  83. package/dist/esm/components/tabs/CTabPanel.js.map +1 -0
  84. package/dist/esm/components/tabs/CTabs.d.ts +22 -0
  85. package/dist/esm/components/tabs/CTabs.js +41 -0
  86. package/dist/esm/components/tabs/CTabs.js.map +1 -0
  87. package/dist/esm/components/tabs/index.d.ts +5 -1
  88. package/dist/esm/components/tabs/index.js +9 -1
  89. package/dist/esm/components/tabs/index.js.map +1 -1
  90. package/dist/esm/components/tooltip/CTooltip.js +3 -2
  91. package/dist/esm/components/tooltip/CTooltip.js.map +1 -1
  92. package/dist/esm/composables/index.d.ts +2 -1
  93. package/dist/esm/composables/useUniqueId.d.ts +3 -0
  94. package/dist/esm/composables/useUniqueId.js +18 -0
  95. package/dist/esm/composables/useUniqueId.js.map +1 -0
  96. package/dist/esm/directives/v-c-popover.js +4 -2
  97. package/dist/esm/directives/v-c-popover.js.map +1 -1
  98. package/dist/esm/directives/v-c-tooltip.js +4 -2
  99. package/dist/esm/directives/v-c-tooltip.js.map +1 -1
  100. package/dist/esm/index.js +5 -0
  101. package/dist/esm/index.js.map +1 -1
  102. package/dist/esm/utils/getNextActiveElement.d.ts +2 -0
  103. package/dist/esm/utils/getNextActiveElement.js +15 -0
  104. package/dist/esm/utils/getNextActiveElement.js.map +1 -0
  105. package/dist/esm/utils/index.d.ts +2 -1
  106. package/package.json +5 -5
  107. package/src/components/calendar/CCalendar.ts +2 -2
  108. package/src/components/calendar/utils.ts +23 -7
  109. package/src/components/dropdown/CDropdown.ts +3 -2
  110. package/src/components/dropdown/utils.ts +0 -22
  111. package/src/components/multi-select/CMultiSelect.ts +6 -0
  112. package/src/components/multi-select/CMultiSelectSelection.ts +1 -0
  113. package/src/components/popover/CPopover.ts +4 -3
  114. package/src/components/tabs/CTab.ts +45 -0
  115. package/src/components/tabs/CTabList.ts +89 -0
  116. package/src/components/tabs/CTabPane.ts +10 -1
  117. package/src/components/tabs/CTabPanel.ts +129 -0
  118. package/src/components/tabs/CTabs.ts +45 -0
  119. package/src/components/tabs/index.ts +9 -1
  120. package/src/components/tooltip/CTooltip.ts +4 -3
  121. package/src/composables/index.ts +2 -1
  122. package/src/composables/useUniqueId.ts +18 -0
  123. package/src/directives/v-c-popover.ts +3 -3
  124. package/src/directives/v-c-tooltip.ts +3 -3
  125. package/src/utils/getNextActiveElement.ts +23 -0
  126. package/src/utils/index.ts +2 -1
  127. package/dist/cjs/utils/getUID.js +0 -13
  128. package/dist/cjs/utils/getUID.js.map +0 -1
  129. package/dist/esm/utils/getUID.js +0 -9
  130. package/dist/esm/utils/getUID.js.map +0 -1
@@ -0,0 +1,41 @@
1
+ 'use strict';
2
+
3
+ var vue = require('vue');
4
+
5
+ const CTab = vue.defineComponent({
6
+ name: 'CTab',
7
+ props: {
8
+ /**
9
+ * Item key.
10
+ */
11
+ itemKey: {
12
+ type: [Number, String],
13
+ required: true,
14
+ },
15
+ },
16
+ setup(props, { slots }) {
17
+ const activeItemKey = vue.inject('activeItemKey');
18
+ const id = vue.inject('id');
19
+ const setActiveItemKey = vue.inject('setActiveItemKey');
20
+ const isActive = () => props.itemKey === activeItemKey.value;
21
+ return () => vue.h('button', {
22
+ class: [
23
+ 'nav-link',
24
+ {
25
+ active: isActive(),
26
+ },
27
+ ],
28
+ id: `${props.itemKey}-tab-${id.value}`,
29
+ role: 'tab',
30
+ tabindex: isActive() ? 0 : -1,
31
+ type: 'button',
32
+ 'aria-controls': `${props.itemKey}-tab-panel-${id.value}`,
33
+ 'aria-selected': isActive(),
34
+ onClick: () => setActiveItemKey(props.itemKey),
35
+ onFocus: () => setActiveItemKey(props.itemKey),
36
+ }, slots.default && slots.default());
37
+ },
38
+ });
39
+
40
+ exports.CTab = CTab;
41
+ //# sourceMappingURL=CTab.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CTab.js","sources":["../../../../src/components/tabs/CTab.ts"],"sourcesContent":[null],"names":["defineComponent","inject","h"],"mappings":";;;;AAEM,MAAA,IAAI,GAAGA,mBAAe,CAAC;AAC3B,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AACtB,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,MAAM,aAAa,GAAGC,UAAM,CAAC,eAAe,CAAyB,CAAA;AACrE,QAAA,MAAM,EAAE,GAAGA,UAAM,CAAC,IAAI,CAAyB,CAAA;AAC/C,QAAA,MAAM,gBAAgB,GAAGA,UAAM,CAAC,kBAAkB,CAAmC,CAAA;AAErF,QAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,KAAK,aAAa,CAAC,KAAK,CAAA;AAE5D,QAAA,OAAO,MACLC,KAAC,CACC,QAAQ,EACR;AACE,YAAA,KAAK,EAAE;gBACL,UAAU;AACV,gBAAA;oBACE,MAAM,EAAE,QAAQ,EAAE;AACnB,iBAAA;AACF,aAAA;YACD,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,CAAQ,KAAA,EAAA,EAAE,CAAC,KAAK,CAAE,CAAA;AACtC,YAAA,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;AAC7B,YAAA,IAAI,EAAE,QAAQ;YACd,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAc,WAAA,EAAA,EAAE,CAAC,KAAK,CAAE,CAAA;YACzD,eAAe,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC;YAC9C,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC;SAC/C,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}
@@ -0,0 +1,42 @@
1
+ declare const CTabList: import("vue").DefineComponent<{
2
+ /**
3
+ * Specify a layout type for component.
4
+ *
5
+ * @values 'fill', 'justified'
6
+ */
7
+ layout: {
8
+ type: StringConstructor;
9
+ validator: (value: string) => boolean;
10
+ };
11
+ /**
12
+ * Set the nav variant to tabs or pills.
13
+ *
14
+ * @values 'pills', 'tabs', 'underline', 'underline-border'
15
+ */
16
+ variant: {
17
+ type: StringConstructor;
18
+ validator: (value: string) => boolean;
19
+ };
20
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
21
+ [key: string]: any;
22
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
23
+ /**
24
+ * Specify a layout type for component.
25
+ *
26
+ * @values 'fill', 'justified'
27
+ */
28
+ layout: {
29
+ type: StringConstructor;
30
+ validator: (value: string) => boolean;
31
+ };
32
+ /**
33
+ * Set the nav variant to tabs or pills.
34
+ *
35
+ * @values 'pills', 'tabs', 'underline', 'underline-border'
36
+ */
37
+ variant: {
38
+ type: StringConstructor;
39
+ validator: (value: string) => boolean;
40
+ };
41
+ }>>, {}, {}>;
42
+ export { CTabList };
@@ -0,0 +1,74 @@
1
+ 'use strict';
2
+
3
+ var vue = require('vue');
4
+ var getNextActiveElement = require('../../utils/getNextActiveElement.js');
5
+
6
+ const CTabList = vue.defineComponent({
7
+ name: 'CTabList',
8
+ props: {
9
+ /**
10
+ * Specify a layout type for component.
11
+ *
12
+ * @values 'fill', 'justified'
13
+ */
14
+ layout: {
15
+ type: String,
16
+ validator: (value) => {
17
+ return ['fill', 'justified'].includes(value);
18
+ },
19
+ },
20
+ /**
21
+ * Set the nav variant to tabs or pills.
22
+ *
23
+ * @values 'pills', 'tabs', 'underline', 'underline-border'
24
+ */
25
+ variant: {
26
+ type: String,
27
+ validator: (value) => {
28
+ return ['pills', 'tabs', 'underline', 'underline-border'].includes(value);
29
+ },
30
+ },
31
+ },
32
+ setup(props, { slots }) {
33
+ const tabListRef = vue.ref();
34
+ const handleKeydown = (event) => {
35
+ if (tabListRef.value &&
36
+ (event.key === 'ArrowDown' ||
37
+ event.key === 'ArrowUp' ||
38
+ event.key === 'ArrowLeft' ||
39
+ event.key === 'ArrowRight' ||
40
+ event.key === 'Home' ||
41
+ event.key === 'End')) {
42
+ event.preventDefault();
43
+ const target = event.target;
44
+ // eslint-disable-next-line unicorn/prefer-spread
45
+ const items = Array.from(tabListRef.value.querySelectorAll('.nav-link:not(.disabled):not(:disabled)'));
46
+ let nextActiveElement;
47
+ if (event.key === 'Home' || event.key === 'End') {
48
+ nextActiveElement = event.key === 'End' ? items.at(-1) : items[0];
49
+ }
50
+ else {
51
+ nextActiveElement = getNextActiveElement.default(items, target, event.key === 'ArrowDown' || event.key === 'ArrowRight', true);
52
+ }
53
+ if (nextActiveElement) {
54
+ nextActiveElement.focus({ preventScroll: true });
55
+ }
56
+ }
57
+ };
58
+ return () => vue.h('div', {
59
+ class: [
60
+ 'nav',
61
+ {
62
+ [`nav-${props.layout}`]: props.layout,
63
+ [`nav-${props.variant}`]: props.variant,
64
+ },
65
+ ],
66
+ role: 'tablist',
67
+ onKeydown: (event) => handleKeydown(event),
68
+ ref: tabListRef,
69
+ }, slots.default && slots.default());
70
+ },
71
+ });
72
+
73
+ exports.CTabList = CTabList;
74
+ //# sourceMappingURL=CTabList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CTabList.js","sources":["../../../../src/components/tabs/CTabList.ts"],"sourcesContent":[null],"names":["defineComponent","ref","getNextActiveElement","h"],"mappings":";;;;;AAGM,MAAA,QAAQ,GAAGA,mBAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC7C;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC1E;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,MAAM,UAAU,GAAGC,OAAG,EAAkB,CAAA;AAExC,QAAA,MAAM,aAAa,GAAG,CAAC,KAAoB,KAAI;YAC7C,IACE,UAAU,CAAC,KAAK;AAChB,iBAAC,KAAK,CAAC,GAAG,KAAK,WAAW;oBACxB,KAAK,CAAC,GAAG,KAAK,SAAS;oBACvB,KAAK,CAAC,GAAG,KAAK,WAAW;oBACzB,KAAK,CAAC,GAAG,KAAK,YAAY;oBAC1B,KAAK,CAAC,GAAG,KAAK,MAAM;AACpB,oBAAA,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,EACtB;gBACA,KAAK,CAAC,cAAc,EAAE,CAAA;AACtB,gBAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAA;;AAE1C,gBAAA,MAAM,KAAK,GAAkB,KAAK,CAAC,IAAI,CACrC,UAAU,CAAC,KAAK,CAAC,gBAAgB,CAAC,yCAAyC,CAAC,CAC7E,CAAA;AAED,gBAAA,IAAI,iBAAiB,CAAA;AAErB,gBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;oBAC/C,iBAAiB,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;iBAClE;qBAAM;oBACL,iBAAiB,GAAGC,4BAAoB,CACtC,KAAK,EACL,MAAM,EACN,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EACvD,IAAI,CACL,CAAA;iBACF;gBAED,IAAI,iBAAiB,EAAE;oBACrB,iBAAiB,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;iBACjD;aACF;AACH,SAAC,CAAA;AAED,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,KAAK;AACL,gBAAA;oBACE,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM;oBACrC,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO;AACxC,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,CAAC,KAAK,KAAK,aAAa,CAAC,KAAK,CAAC;AAC1C,YAAA,GAAG,EAAE,UAAU;SAChB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}
@@ -1,5 +1,14 @@
1
1
  import { RendererElement } from 'vue';
2
2
  declare const CTabPane: import("vue").DefineComponent<{
3
+ /**
4
+ * Enable fade in and fade out transition.
5
+ *
6
+ * @since 5.1.0
7
+ */
8
+ transition: {
9
+ type: BooleanConstructor;
10
+ default: boolean;
11
+ };
3
12
  /**
4
13
  * Toggle the visibility of component.
5
14
  */
@@ -10,6 +19,15 @@ declare const CTabPane: import("vue").DefineComponent<{
10
19
  }, () => import("vue").VNode<import("vue").RendererNode, RendererElement, {
11
20
  [key: string]: any;
12
21
  }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
22
+ /**
23
+ * Enable fade in and fade out transition.
24
+ *
25
+ * @since 5.1.0
26
+ */
27
+ transition: {
28
+ type: BooleanConstructor;
29
+ default: boolean;
30
+ };
13
31
  /**
14
32
  * Toggle the visibility of component.
15
33
  */
@@ -21,6 +39,7 @@ declare const CTabPane: import("vue").DefineComponent<{
21
39
  onHide?: ((...args: any[]) => any) | undefined;
22
40
  onShow?: ((...args: any[]) => any) | undefined;
23
41
  }, {
42
+ transition: boolean;
24
43
  visible: boolean;
25
44
  }, {}>;
26
45
  export { CTabPane };
@@ -6,6 +6,15 @@ var transition = require('../../utils/transition.js');
6
6
  const CTabPane = vue.defineComponent({
7
7
  name: 'CTabPane',
8
8
  props: {
9
+ /**
10
+ * Enable fade in and fade out transition.
11
+ *
12
+ * @since 5.1.0
13
+ */
14
+ transition: {
15
+ type: Boolean,
16
+ default: true,
17
+ },
9
18
  /**
10
19
  * Toggle the visibility of component.
11
20
  */
@@ -47,9 +56,9 @@ const CTabPane = vue.defineComponent({
47
56
  }, () => vue.withDirectives(vue.h('div', {
48
57
  class: [
49
58
  'tab-pane',
50
- 'fade',
51
59
  {
52
60
  active: props.visible,
61
+ fade: props.transition,
53
62
  show: firstRender.value && props.visible,
54
63
  },
55
64
  ],
@@ -1 +1 @@
1
- {"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.ts"],"sourcesContent":[null],"names":["defineComponent","ref","executeAfterTransition","h","Transition","withDirectives","vShow"],"mappings":";;;;;AAIM,MAAA,QAAQ,GAAGA,mBAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,MAAM;AACN;;AAEG;QACH,MAAM;AACP,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AAC1B,QAAA,MAAM,UAAU,GAAGC,OAAG,EAAE,CAAA;AACxB,QAAA,MAAM,WAAW,GAAGA,OAAG,CAAC,IAAI,CAAC,CAAA;AAE7B,QAAA,MAAM,WAAW,GAAG,CAAC,EAAmB,EAAE,IAAgB,KAAI;AAC5D,YAAA,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;YACzB,IAAI,CAAC,MAAM,CAAC,CAAA;YACZ,UAAU,CAAC,MAAK;gBACdC,iCAAsB,CAAC,MAAM,IAAI,EAAE,EAAE,EAAiB,CAAC,CAAA;AACvD,gBAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;aACzB,EAAE,CAAC,CAAC,CAAA;AACP,SAAC,CAAA;AAED,QAAA,MAAM,WAAW,GAAG,CAAC,EAAmB,EAAE,IAAgB,KAAI;AAC5D,YAAA,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;YACzB,IAAI,CAAC,MAAM,CAAC,CAAA;AACZ,YAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YAC3BA,iCAAsB,CAAC,MAAM,IAAI,EAAE,EAAE,EAAiB,CAAC,CAAA;AACzD,SAAC,CAAA;AAED,QAAA,OAAO,MACLC,KAAC,CACCC,cAAU,EACV;AACE,YAAA,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,KAAK,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC;AAC5C,YAAA,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,KAAK,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC;SAC7C,EACD,MACEC,kBAAc,CACZF,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,UAAU;gBACV,MAAM;AACN,gBAAA;oBACE,MAAM,EAAE,KAAK,CAAC,OAAO;AACrB,oBAAA,IAAI,EAAE,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO;AACzC,iBAAA;AACF,aAAA;AACD,YAAA,GAAG,EAAE,UAAU;SAChB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,EACD,CAAC,CAACG,SAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CACzB,CACJ,CAAA;KACJ;AACF,CAAA;;;;"}
1
+ {"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.ts"],"sourcesContent":[null],"names":["defineComponent","ref","executeAfterTransition","h","Transition","withDirectives","vShow"],"mappings":";;;;;AAIM,MAAA,QAAQ,GAAGA,mBAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACD;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,MAAM;AACN;;AAEG;QACH,MAAM;AACP,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AAC1B,QAAA,MAAM,UAAU,GAAGC,OAAG,EAAE,CAAA;AACxB,QAAA,MAAM,WAAW,GAAGA,OAAG,CAAC,IAAI,CAAC,CAAA;AAE7B,QAAA,MAAM,WAAW,GAAG,CAAC,EAAmB,EAAE,IAAgB,KAAI;AAC5D,YAAA,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;YACzB,IAAI,CAAC,MAAM,CAAC,CAAA;YACZ,UAAU,CAAC,MAAK;gBACdC,iCAAsB,CAAC,MAAM,IAAI,EAAE,EAAE,EAAiB,CAAC,CAAA;AACvD,gBAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;aACzB,EAAE,CAAC,CAAC,CAAA;AACP,SAAC,CAAA;AAED,QAAA,MAAM,WAAW,GAAG,CAAC,EAAmB,EAAE,IAAgB,KAAI;AAC5D,YAAA,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;YACzB,IAAI,CAAC,MAAM,CAAC,CAAA;AACZ,YAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YAC3BA,iCAAsB,CAAC,MAAM,IAAI,EAAE,EAAE,EAAiB,CAAC,CAAA;AACzD,SAAC,CAAA;AAED,QAAA,OAAO,MACLC,KAAC,CACCC,cAAU,EACV;AACE,YAAA,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,KAAK,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC;AAC5C,YAAA,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,KAAK,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC;SAC7C,EACD,MACEC,kBAAc,CACZF,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,UAAU;AACV,gBAAA;oBACE,MAAM,EAAE,KAAK,CAAC,OAAO;oBACrB,IAAI,EAAE,KAAK,CAAC,UAAU;AACtB,oBAAA,IAAI,EAAE,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO;AACzC,iBAAA;AACF,aAAA;AACD,YAAA,GAAG,EAAE,UAAU;SAChB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,EACD,CAAC,CAACG,SAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CACzB,CACJ,CAAA;KACJ;AACF,CAAA;;;;"}
@@ -0,0 +1,55 @@
1
+ import { RendererElement } from 'vue';
2
+ declare const CTabPanel: import("vue").DefineComponent<{
3
+ /**
4
+ * Item key.
5
+ */
6
+ itemKey: {
7
+ type: (NumberConstructor | StringConstructor)[];
8
+ required: true;
9
+ };
10
+ /**
11
+ * Enable fade in and fade out transition.
12
+ */
13
+ transition: {
14
+ type: BooleanConstructor;
15
+ default: boolean;
16
+ };
17
+ /**
18
+ * Toggle the visibility of component.
19
+ */
20
+ visible: {
21
+ type: BooleanConstructor;
22
+ default: boolean;
23
+ };
24
+ }, () => import("vue").VNode<import("vue").RendererNode, RendererElement, {
25
+ [key: string]: any;
26
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
27
+ /**
28
+ * Item key.
29
+ */
30
+ itemKey: {
31
+ type: (NumberConstructor | StringConstructor)[];
32
+ required: true;
33
+ };
34
+ /**
35
+ * Enable fade in and fade out transition.
36
+ */
37
+ transition: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
41
+ /**
42
+ * Toggle the visibility of component.
43
+ */
44
+ visible: {
45
+ type: BooleanConstructor;
46
+ default: boolean;
47
+ };
48
+ }>> & {
49
+ onHide?: ((...args: any[]) => any) | undefined;
50
+ onShow?: ((...args: any[]) => any) | undefined;
51
+ }, {
52
+ transition: boolean;
53
+ visible: boolean;
54
+ }, {}>;
55
+ export { CTabPanel };
@@ -0,0 +1,93 @@
1
+ 'use strict';
2
+
3
+ var vue = require('vue');
4
+ var transition = require('../../utils/transition.js');
5
+
6
+ const CTabPanel = vue.defineComponent({
7
+ name: 'CTabPanel',
8
+ props: {
9
+ /**
10
+ * Item key.
11
+ */
12
+ itemKey: {
13
+ type: [Number, String],
14
+ required: true,
15
+ },
16
+ /**
17
+ * Enable fade in and fade out transition.
18
+ */
19
+ transition: {
20
+ type: Boolean,
21
+ default: true,
22
+ },
23
+ /**
24
+ * Toggle the visibility of component.
25
+ */
26
+ visible: {
27
+ type: Boolean,
28
+ default: false,
29
+ },
30
+ },
31
+ emits: [
32
+ /**
33
+ * Callback fired when the component requests to be hidden.
34
+ */
35
+ 'hide',
36
+ /**
37
+ * Callback fired when the component requests to be shown.
38
+ */
39
+ 'show',
40
+ ],
41
+ setup(props, { slots, emit }) {
42
+ const activeItemKey = vue.inject('activeItemKey');
43
+ const id = vue.inject('id');
44
+ const tabPaneRef = vue.ref();
45
+ const firstRender = vue.ref(true);
46
+ const visible = vue.ref();
47
+ vue.watch(() => props.visible, () => {
48
+ visible.value = props.visible;
49
+ }, {
50
+ immediate: true,
51
+ });
52
+ vue.watch(activeItemKey, () => {
53
+ visible.value = Boolean(activeItemKey.value === props.itemKey);
54
+ }, {
55
+ immediate: true,
56
+ });
57
+ const handleEnter = (el, done) => {
58
+ firstRender.value = false;
59
+ emit('show');
60
+ setTimeout(() => {
61
+ transition.executeAfterTransition(() => done(), el);
62
+ el.classList.add('show');
63
+ }, 1);
64
+ };
65
+ const handleLeave = (el, done) => {
66
+ firstRender.value = false;
67
+ emit('hide');
68
+ el.classList.remove('show');
69
+ transition.executeAfterTransition(() => done(), el);
70
+ };
71
+ return () => vue.h(vue.Transition, {
72
+ onEnter: (el, done) => handleEnter(el, done),
73
+ onLeave: (el, done) => handleLeave(el, done),
74
+ }, () => vue.withDirectives(vue.h('div', {
75
+ class: [
76
+ 'tab-pane',
77
+ {
78
+ active: visible.value,
79
+ fade: props.transition,
80
+ show: firstRender.value && visible.value,
81
+ },
82
+ ],
83
+ id: `${props.itemKey}-tab-panel-${id.value}`,
84
+ role: 'tabpanel',
85
+ 'aria-labelledby': `${props.itemKey}-tab-${id.value}`,
86
+ tabindex: 0,
87
+ ref: tabPaneRef,
88
+ }, slots.default && slots.default()), [[vue.vShow, visible.value]]));
89
+ },
90
+ });
91
+
92
+ exports.CTabPanel = CTabPanel;
93
+ //# sourceMappingURL=CTabPanel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CTabPanel.js","sources":["../../../../src/components/tabs/CTabPanel.ts"],"sourcesContent":[null],"names":["defineComponent","inject","ref","watch","executeAfterTransition","h","Transition","withDirectives","vShow"],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ declare const CTabs: import("vue").DefineComponent<{
2
+ /**
3
+ * The active item key.
4
+ */
5
+ activeItemKey: {
6
+ type: (NumberConstructor | StringConstructor)[];
7
+ required: true;
8
+ };
9
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
10
+ [key: string]: any;
11
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
12
+ /**
13
+ * The active item key.
14
+ */
15
+ activeItemKey: {
16
+ type: (NumberConstructor | StringConstructor)[];
17
+ required: true;
18
+ };
19
+ }>> & {
20
+ onChange?: ((...args: any[]) => any) | undefined;
21
+ }, {}, {}>;
22
+ export { CTabs };
@@ -0,0 +1,43 @@
1
+ 'use strict';
2
+
3
+ var vue = require('vue');
4
+ require('@popperjs/core');
5
+ var useUniqueId = require('../../composables/useUniqueId.js');
6
+
7
+ const CTabs = vue.defineComponent({
8
+ name: 'CTabs',
9
+ props: {
10
+ /**
11
+ * The active item key.
12
+ */
13
+ activeItemKey: {
14
+ type: [Number, String],
15
+ required: true,
16
+ }
17
+ },
18
+ emits: [
19
+ /**
20
+ * The callback is fired when the active tab changes.
21
+ */
22
+ 'change',
23
+ ],
24
+ setup(props, { slots, emit }) {
25
+ const { getUID } = useUniqueId.useUniqueId();
26
+ const uID = vue.ref(getUID());
27
+ const activeItemKey = vue.ref(props.activeItemKey);
28
+ const setActiveItemKey = (key) => {
29
+ activeItemKey.value = key;
30
+ };
31
+ vue.watch(() => props.activeItemKey, (value) => {
32
+ activeItemKey.value = value;
33
+ emit('change', value);
34
+ });
35
+ vue.provide('activeItemKey', activeItemKey);
36
+ vue.provide('id', uID);
37
+ vue.provide('setActiveItemKey', setActiveItemKey);
38
+ return () => vue.h('div', { class: 'tabs' }, slots.default && slots.default());
39
+ },
40
+ });
41
+
42
+ exports.CTabs = CTabs;
43
+ //# sourceMappingURL=CTabs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CTabs.js","sources":["../../../../src/components/tabs/CTabs.ts"],"sourcesContent":[null],"names":["defineComponent","useUniqueId","ref","watch","provide","h"],"mappings":";;;;;;AAGM,MAAA,KAAK,GAAGA,mBAAe,CAAC;AAC5B,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,aAAa,EAAE;AACb,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AACtB,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,QAAQ;AACT,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AAC1B,QAAA,MAAM,EAAE,MAAM,EAAE,GAAGC,uBAAW,EAAE,CAAA;AAChC,QAAA,MAAM,GAAG,GAAGC,OAAG,CAAC,MAAM,EAAE,CAAC,CAAA;QACzB,MAAM,aAAa,GAAGA,OAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;AAC9C,QAAA,MAAM,gBAAgB,GAAG,CAAC,GAAoB,KAAI;AAChD,YAAA,aAAa,CAAC,KAAK,GAAG,GAAG,CAAA;AAC3B,SAAC,CAAA;QAEDC,SAAK,CACH,MAAM,KAAK,CAAC,aAAa,EACzB,CAAC,KAAK,KAAI;AACR,YAAA,aAAa,CAAC,KAAK,GAAG,KAAK,CAAA;AAC3B,YAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;AACvB,SAAC,CACF,CAAA;AAED,QAAAC,WAAO,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;AACvC,QAAAA,WAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;AAClB,QAAAA,WAAO,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;QAE7C,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KAC3E;AACF,CAAA;;;;"}
@@ -1,7 +1,11 @@
1
1
  import { App } from 'vue';
2
+ import { CTab } from './CTab';
2
3
  import { CTabContent } from './CTabContent';
4
+ import { CTabList } from './CTabList';
3
5
  import { CTabPane } from './CTabPane';
6
+ import { CTabPanel } from './CTabPanel';
7
+ import { CTabs } from './CTabs';
4
8
  declare const CTabsPlugin: {
5
9
  install: (app: App) => void;
6
10
  };
7
- export { CTabsPlugin, CTabContent, CTabPane };
11
+ export { CTabsPlugin, CTab, CTabContent, CTabList, CTabPane, CTabPanel, CTabs };
@@ -1,16 +1,28 @@
1
1
  'use strict';
2
2
 
3
+ var CTab = require('./CTab.js');
3
4
  var CTabContent = require('./CTabContent.js');
5
+ var CTabList = require('./CTabList.js');
4
6
  var CTabPane = require('./CTabPane.js');
7
+ var CTabPanel = require('./CTabPanel.js');
8
+ var CTabs = require('./CTabs.js');
5
9
 
6
10
  const CTabsPlugin = {
7
11
  install: (app) => {
12
+ app.component(CTab.CTab.name, CTab.CTab);
8
13
  app.component(CTabContent.CTabContent.name, CTabContent.CTabContent);
14
+ app.component(CTabList.CTabList.name, CTabList.CTabList);
9
15
  app.component(CTabPane.CTabPane.name, CTabPane.CTabPane);
16
+ app.component(CTabPanel.CTabPanel.name, CTabPanel.CTabPanel);
17
+ app.component(CTabs.CTabs.name, CTabs.CTabs);
10
18
  },
11
19
  };
12
20
 
21
+ exports.CTab = CTab.CTab;
13
22
  exports.CTabContent = CTabContent.CTabContent;
23
+ exports.CTabList = CTabList.CTabList;
14
24
  exports.CTabPane = CTabPane.CTabPane;
25
+ exports.CTabPanel = CTabPanel.CTabPanel;
26
+ exports.CTabs = CTabs.CTabs;
15
27
  exports.CTabsPlugin = CTabsPlugin;
16
28
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/tabs/index.ts"],"sourcesContent":[null],"names":["CTabContent","CTabPane"],"mappings":";;;;;AAIA,MAAM,WAAW,GAAG;AAClB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,uBAAW,CAAC,IAAc,EAAEA,uBAAW,CAAC,CAAA;QACtD,GAAG,CAAC,SAAS,CAACC,iBAAQ,CAAC,IAAc,EAAEA,iBAAQ,CAAC,CAAA;KACjD;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/tabs/index.ts"],"sourcesContent":[null],"names":["CTab","CTabContent","CTabList","CTabPane","CTabPanel","CTabs"],"mappings":";;;;;;;;;AAQA,MAAM,WAAW,GAAG;AAClB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,SAAI,CAAC,IAAc,EAAEA,SAAI,CAAC,CAAA;QACxC,GAAG,CAAC,SAAS,CAACC,uBAAW,CAAC,IAAc,EAAEA,uBAAW,CAAC,CAAA;QACtD,GAAG,CAAC,SAAS,CAACC,iBAAQ,CAAC,IAAc,EAAEA,iBAAQ,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAACC,iBAAQ,CAAC,IAAc,EAAEA,iBAAQ,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAACC,mBAAS,CAAC,IAAc,EAAEA,mBAAS,CAAC,CAAA;QAClD,GAAG,CAAC,SAAS,CAACC,WAAK,CAAC,IAAc,EAAEA,WAAK,CAAC,CAAA;KAC3C;;;;;;;;;;;"}
@@ -3,9 +3,9 @@
3
3
  var vue = require('vue');
4
4
  var CConditionalTeleport = require('../conditional-teleport/CConditionalTeleport.js');
5
5
  var usePopper = require('../../composables/usePopper.js');
6
+ var useUniqueId = require('../../composables/useUniqueId.js');
6
7
  var transition = require('../../utils/transition.js');
7
8
  var getRTLPlacement = require('../../utils/getRTLPlacement.js');
8
- var getUID = require('../../utils/getUID.js');
9
9
 
10
10
  const CTooltip = vue.defineComponent({
11
11
  name: 'CTooltip',
@@ -115,6 +115,7 @@ const CTooltip = vue.defineComponent({
115
115
  const tooltipRef = vue.ref();
116
116
  const uID = vue.ref();
117
117
  const visible = vue.ref(props.visible);
118
+ const { getUID } = useUniqueId.useUniqueId('popover');
118
119
  const { initPopper, destroyPopper } = usePopper.usePopper();
119
120
  const delay = typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay;
120
121
  const popperConfig = {
@@ -141,7 +142,7 @@ const CTooltip = vue.defineComponent({
141
142
  placement: getRTLPlacement.default(props.placement, togglerRef.value),
142
143
  };
143
144
  vue.onMounted(() => {
144
- uID.value = getUID.default('tooltip');
145
+ uID.value = getUID();
145
146
  });
146
147
  const handleEnter = (el, done) => {
147
148
  emit('show');
@@ -1 +1 @@
1
- {"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.ts"],"sourcesContent":[null],"names":["defineComponent","ref","usePopper","getRTLPlacement","onMounted","getUID","executeAfterTransition","h","CConditionalTeleport","Transition"],"mappings":"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"}
1
+ {"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.ts"],"sourcesContent":[null],"names":["defineComponent","ref","useUniqueId","usePopper","getRTLPlacement","onMounted","executeAfterTransition","h","CConditionalTeleport","Transition"],"mappings":"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"}
@@ -2,4 +2,5 @@ import { useColorModes } from './useColorModes';
2
2
  import { useDebouncedCallback } from './useDebouncedCallback';
3
3
  import { useIsVisible } from './useIsVisible';
4
4
  import { usePopper } from './usePopper';
5
- export { useColorModes, useDebouncedCallback, useIsVisible, usePopper };
5
+ import { useUniqueId } from './useUniqueId';
6
+ export { useColorModes, useDebouncedCallback, useIsVisible, usePopper, useUniqueId };
@@ -0,0 +1,3 @@
1
+ export declare const useUniqueId: (prefix?: string) => {
2
+ getUID: () => string;
3
+ };
@@ -0,0 +1,20 @@
1
+ 'use strict';
2
+
3
+ var vue = require('vue');
4
+
5
+ const useUniqueId = (prefix = '') => {
6
+ const ids = vue.ref([]);
7
+ const getUID = () => {
8
+ do {
9
+ prefix += Math.floor(Math.random() * 1_000_000);
10
+ } while (ids.value.includes(prefix));
11
+ ids.value.push(prefix);
12
+ return prefix;
13
+ };
14
+ return {
15
+ getUID,
16
+ };
17
+ };
18
+
19
+ exports.useUniqueId = useUniqueId;
20
+ //# sourceMappingURL=useUniqueId.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useUniqueId.js","sources":["../../../src/composables/useUniqueId.ts"],"sourcesContent":[null],"names":["ref"],"mappings":";;;;MAEa,WAAW,GAAG,CAAC,MAAiB,GAAA,EAAE,KAAI;AACjD,IAAA,MAAM,GAAG,GAAGA,OAAG,CAAW,EAAE,CAAC,CAAA;IAE7B,MAAM,MAAM,GAAG,MAAK;AAClB,QAAA,GAAG;AACD,YAAA,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;SAChD,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAC;AAEpC,QAAA,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AACtB,QAAA,OAAO,MAAM,CAAA;AACf,KAAC,CAAA;IAED,OAAO;QACL,MAAM;KACP,CAAA;AACH;;;;"}
@@ -3,7 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var core = require('@popperjs/core');
6
- var getUID = require('../utils/getUID.js');
6
+ require('vue');
7
+ var useUniqueId = require('../composables/useUniqueId.js');
7
8
 
8
9
  const createPopoverElement = (id, header, content) => {
9
10
  const popover = document.createElement('div');
@@ -42,6 +43,7 @@ var vCPopover = {
42
43
  name: 'c-popover',
43
44
  uid: '',
44
45
  mounted(el, binding) {
46
+ const { getUID } = useUniqueId.useUniqueId('popover');
45
47
  const value = binding.value;
46
48
  const content = typeof value === 'string' ? value : value.content ?? '';
47
49
  const header = value.header ?? '';
@@ -60,7 +62,7 @@ var vCPopover = {
60
62
  },
61
63
  ],
62
64
  };
63
- const uID = getUID.default('popover');
65
+ const uID = getUID();
64
66
  binding.arg = uID;
65
67
  const popover = createPopoverElement(uID, header, content);
66
68
  trigger.includes('click') &&