@maas/vue-equipment 1.0.0-beta.2 → 1.0.0-beta.20

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 (217) hide show
  1. package/README.md +2 -2
  2. package/dist/composables/index.d.ts +5 -5
  3. package/dist/composables/index.js +23 -13
  4. package/dist/composables/index.js.map +1 -1
  5. package/dist/nuxt/module.d.mts +2 -1
  6. package/dist/nuxt/module.json +2 -2
  7. package/dist/nuxt/module.mjs +9 -2
  8. package/dist/nuxt/types.d.mts +3 -1
  9. package/dist/plugins/.turbo/turbo-lint.log +2 -10
  10. package/dist/plugins/MagicAccordion/nuxt.d.ts +1 -1
  11. package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue +59 -82
  12. package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue.d.ts +35 -22
  13. package/dist/plugins/MagicAccordion/src/components/MagicAccordionProvider.vue +17 -31
  14. package/dist/plugins/MagicAccordion/src/components/MagicAccordionProvider.vue.d.ts +12 -21
  15. package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue +57 -62
  16. package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue.d.ts +23 -59
  17. package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.vue +34 -45
  18. package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.vue.d.ts +17 -22
  19. package/dist/plugins/MagicAccordion/src/composables/private/useAccordionTrigger.d.ts +1 -1
  20. package/dist/plugins/MagicAccordion/src/composables/private/useAccordionTrigger.mjs +1 -0
  21. package/dist/plugins/MagicAccordion/src/composables/private/useAccordionView.mjs +1 -0
  22. package/dist/plugins/MagicAccordion/src/composables/useMagicAccordion.mjs +1 -0
  23. package/dist/plugins/MagicAccordion/src/symbols/index.d.ts +2 -2
  24. package/dist/plugins/MagicCommand/nuxt.d.ts +1 -1
  25. package/dist/plugins/MagicCommand/src/components/MagicCommandContent.vue +146 -152
  26. package/dist/plugins/MagicCommand/src/components/MagicCommandContent.vue.d.ts +24 -13
  27. package/dist/plugins/MagicCommand/src/components/MagicCommandDrawer.vue +42 -52
  28. package/dist/plugins/MagicCommand/src/components/MagicCommandDrawer.vue.d.ts +12 -21
  29. package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue +72 -87
  30. package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue.d.ts +29 -28
  31. package/dist/plugins/MagicCommand/src/components/MagicCommandModal.vue +37 -47
  32. package/dist/plugins/MagicCommand/src/components/MagicCommandModal.vue.d.ts +12 -21
  33. package/dist/plugins/MagicCommand/src/components/MagicCommandProvider.vue +61 -77
  34. package/dist/plugins/MagicCommand/src/components/MagicCommandProvider.vue.d.ts +12 -58
  35. package/dist/plugins/MagicCommand/src/components/MagicCommandRenderer.vue +23 -39
  36. package/dist/plugins/MagicCommand/src/components/MagicCommandTrigger.vue +80 -86
  37. package/dist/plugins/MagicCommand/src/components/MagicCommandTrigger.vue.d.ts +25 -60
  38. package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue +36 -48
  39. package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue.d.ts +15 -22
  40. package/dist/plugins/MagicCommand/src/composables/private/useCommandScroll.d.ts +2 -2
  41. package/dist/plugins/MagicCommand/src/composables/private/useCommandState.mjs +1 -1
  42. package/dist/plugins/MagicCommand/src/composables/private/useCommandTrigger.d.ts +1 -1
  43. package/dist/plugins/MagicCommand/src/composables/private/useCommandTrigger.mjs +1 -0
  44. package/dist/plugins/MagicCommand/src/symbols/index.d.ts +4 -4
  45. package/dist/plugins/MagicCommand/src/types/index.d.ts +1 -1
  46. package/dist/plugins/MagicCookie/nuxt.d.ts +1 -1
  47. package/dist/plugins/MagicCookie/src/components/MagicCookieItem.vue +34 -41
  48. package/dist/plugins/MagicCookie/src/components/MagicCookieItem.vue.d.ts +13 -22
  49. package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.vue +19 -36
  50. package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.vue.d.ts +9 -21
  51. package/dist/plugins/MagicCookie/src/components/MagicCookieView.vue +40 -72
  52. package/dist/plugins/MagicCookie/src/components/MagicCookieView.vue.d.ts +21 -12
  53. package/dist/plugins/MagicCookie/src/composables/private/useCookieItem.mjs +0 -1
  54. package/dist/plugins/MagicCookie/src/symbols/index.d.ts +2 -2
  55. package/dist/plugins/MagicDraggable/nuxt.d.ts +1 -1
  56. package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue +81 -100
  57. package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue.d.ts +94 -22
  58. package/dist/plugins/MagicDraggable/src/composables/private/useDraggableDrag.d.ts +2 -2
  59. package/dist/plugins/MagicDraggable/src/composables/private/useDraggableDrag.mjs +43 -63
  60. package/dist/plugins/MagicDraggable/src/composables/private/useDraggableScrollLock.mjs +34 -14
  61. package/dist/plugins/MagicDraggable/src/composables/private/useDraggableSnap.d.ts +2 -15
  62. package/dist/plugins/MagicDraggable/src/composables/private/useDraggableSnap.mjs +117 -64
  63. package/dist/plugins/MagicDraggable/src/composables/private/useDraggableState.mjs +6 -5
  64. package/dist/plugins/MagicDraggable/src/types/index.d.ts +2 -1
  65. package/dist/plugins/MagicDraggable/src/utils/defaultOptions.mjs +1 -1
  66. package/dist/plugins/MagicDrawer/nuxt.d.ts +1 -1
  67. package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue +271 -308
  68. package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue.d.ts +165 -23
  69. package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDOM.mjs +34 -14
  70. package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDrag.d.ts +2 -2
  71. package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDrag.mjs +3 -3
  72. package/dist/plugins/MagicDrawer/src/composables/private/useDrawerGuards.d.ts +1 -1
  73. package/dist/plugins/MagicDrawer/src/composables/private/useDrawerGuards.mjs +28 -10
  74. package/dist/plugins/MagicDrawer/src/composables/private/useDrawerProgress.d.ts +2 -2
  75. package/dist/plugins/MagicDrawer/src/composables/private/useDrawerSnap.d.ts +3 -3
  76. package/dist/plugins/MagicDrawer/src/composables/private/useDrawerSnap.mjs +16 -14
  77. package/dist/plugins/MagicDrawer/src/composables/private/useDrawerWheel.d.ts +1 -1
  78. package/dist/plugins/MagicDrawer/src/composables/private/useDrawerWheel.mjs +1 -1
  79. package/dist/plugins/MagicDrawer/src/types/index.mjs +1 -0
  80. package/dist/plugins/MagicEmitter/nuxt.d.ts +1 -1
  81. package/dist/plugins/MagicEmitter/src/composables/useMagicEmitter.d.ts +100 -100
  82. package/dist/plugins/MagicMarquee/nuxt.d.ts +1 -1
  83. package/dist/plugins/MagicMarquee/src/components/MagicMarquee.vue +38 -72
  84. package/dist/plugins/MagicMarquee/src/components/MagicMarquee.vue.d.ts +14 -25
  85. package/dist/plugins/MagicMarquee/src/composables/private/useMarqueeApi.d.ts +1 -1
  86. package/dist/plugins/MagicMarquee/src/composables/private/useMarqueeApi.mjs +8 -2
  87. package/dist/plugins/MagicMarquee/src/composables/useMagicMarquee.d.ts +1 -1
  88. package/dist/plugins/MagicMenu/nuxt.d.ts +1 -1
  89. package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue +51 -63
  90. package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue.d.ts +18 -21
  91. package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue +178 -214
  92. package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue.d.ts +41 -24
  93. package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue +171 -198
  94. package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue.d.ts +40 -25
  95. package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue +87 -113
  96. package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue.d.ts +31 -28
  97. package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.vue +82 -81
  98. package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.vue.d.ts +12 -58
  99. package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.vue +63 -86
  100. package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.vue.d.ts +19 -23
  101. package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue +94 -97
  102. package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue.d.ts +27 -60
  103. package/dist/plugins/MagicMenu/src/components/MagicMenuView.vue +49 -61
  104. package/dist/plugins/MagicMenu/src/components/MagicMenuView.vue.d.ts +15 -22
  105. package/dist/plugins/MagicMenu/src/composables/private/useMenuCallback.mjs +1 -1
  106. package/dist/plugins/MagicMenu/src/composables/private/useMenuChannel.mjs +15 -5
  107. package/dist/plugins/MagicMenu/src/composables/private/useMenuCursor.d.ts +3 -3
  108. package/dist/plugins/MagicMenu/src/composables/private/useMenuCursor.mjs +4 -4
  109. package/dist/plugins/MagicMenu/src/composables/private/useMenuDOM.mjs +35 -15
  110. package/dist/plugins/MagicMenu/src/composables/private/useMenuKeyListener.mjs +1 -0
  111. package/dist/plugins/MagicMenu/src/composables/private/useMenuTrigger.d.ts +1 -1
  112. package/dist/plugins/MagicMenu/src/composables/private/useMenuTrigger.mjs +2 -0
  113. package/dist/plugins/MagicMenu/src/composables/private/useMenuView.mjs +18 -6
  114. package/dist/plugins/MagicMenu/src/composables/useMagicMenu.mjs +1 -0
  115. package/dist/plugins/MagicMenu/src/symbols/index.d.ts +4 -4
  116. package/dist/plugins/MagicMenu/src/utils/modeDelayDefaults.d.ts +2 -2
  117. package/dist/plugins/MagicMenu/src/utils/modeDelayDefaults.mjs +2 -2
  118. package/dist/plugins/MagicModal/nuxt.d.ts +1 -1
  119. package/dist/plugins/MagicModal/src/components/MagicModal.vue +133 -168
  120. package/dist/plugins/MagicModal/src/components/MagicModal.vue.d.ts +44 -21
  121. package/dist/plugins/MagicModal/src/composables/private/useModalDOM.mjs +34 -14
  122. package/dist/plugins/MagicModal/src/types/index.mjs +1 -0
  123. package/dist/plugins/MagicNoise/nuxt.d.ts +1 -1
  124. package/dist/plugins/MagicNoise/src/components/MagicNoise.vue +50 -81
  125. package/dist/plugins/MagicNoise/src/components/MagicNoise.vue.d.ts +1 -10
  126. package/dist/plugins/MagicNoise/src/composables/private/useNoiseApi.d.ts +3 -3
  127. package/dist/plugins/MagicNoise/src/composables/private/useNoiseApi.mjs +2 -2
  128. package/dist/plugins/MagicPie/index.d.ts +7 -0
  129. package/dist/plugins/MagicPie/index.mjs +8 -0
  130. package/dist/plugins/MagicPie/nuxt.d.ts +2 -0
  131. package/dist/plugins/MagicPie/nuxt.mjs +23 -0
  132. package/dist/plugins/MagicPie/src/components/MagicPie.vue +168 -0
  133. package/dist/plugins/MagicPie/src/components/MagicPie.vue.d.ts +7 -0
  134. package/dist/plugins/MagicPie/src/composables/private/usePieState.d.ts +6 -0
  135. package/dist/plugins/MagicPie/src/composables/private/usePieState.mjs +33 -0
  136. package/dist/plugins/MagicPie/src/composables/useMagicPie.d.ts +13 -0
  137. package/dist/plugins/MagicPie/src/composables/useMagicPie.mjs +43 -0
  138. package/dist/plugins/MagicPie/src/types/index.d.ts +9 -0
  139. package/dist/plugins/MagicPie/src/types/index.mjs +0 -0
  140. package/dist/plugins/MagicPlayer/nuxt.d.ts +1 -1
  141. package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudio.vue +58 -63
  142. package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudioControls.vue +99 -127
  143. package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudioControls.vue.d.ts +30 -26
  144. package/dist/plugins/MagicPlayer/src/components/MagicPlayerDisplayTime.vue +32 -42
  145. package/dist/plugins/MagicPlayer/src/components/MagicPlayerDisplayTime.vue.d.ts +1 -10
  146. package/dist/plugins/MagicPlayer/src/components/MagicPlayerMuxPopover.vue +106 -105
  147. package/dist/plugins/MagicPlayer/src/components/MagicPlayerMuxPopover.vue.d.ts +1 -10
  148. package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue +51 -76
  149. package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue.d.ts +29 -14
  150. package/dist/plugins/MagicPlayer/src/components/MagicPlayerPoster.vue +18 -37
  151. package/dist/plugins/MagicPlayer/src/components/MagicPlayerPoster.vue.d.ts +12 -11
  152. package/dist/plugins/MagicPlayer/src/components/MagicPlayerProvider.vue +41 -55
  153. package/dist/plugins/MagicPlayer/src/components/MagicPlayerProvider.vue.d.ts +23 -23
  154. package/dist/plugins/MagicPlayer/src/components/MagicPlayerTimeline.vue +60 -109
  155. package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideo.vue +74 -71
  156. package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideoControls.vue +163 -209
  157. package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideoControls.vue.d.ts +63 -33
  158. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerAudioApi.d.ts +0 -4
  159. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerAudioApi.mjs +6 -47
  160. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerControlsApi.d.ts +7 -34
  161. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerControlsApi.mjs +154 -235
  162. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerMediaApi.d.ts +3 -17
  163. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerMediaApi.mjs +17 -157
  164. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerRuntime.d.ts +2 -3
  165. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerRuntime.mjs +7 -25
  166. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerState.d.ts +7 -0
  167. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerState.mjs +56 -0
  168. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerVideoApi.d.ts +3 -8
  169. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerVideoApi.mjs +7 -62
  170. package/dist/plugins/MagicPlayer/src/composables/useMagicPlayer.d.ts +32 -51
  171. package/dist/plugins/MagicPlayer/src/composables/useMagicPlayer.mjs +49 -2
  172. package/dist/plugins/MagicPlayer/src/symbols/index.d.ts +5 -2
  173. package/dist/plugins/MagicPlayer/src/symbols/index.mjs +10 -1
  174. package/dist/plugins/MagicPlayer/src/types/index.d.ts +29 -0
  175. package/dist/plugins/MagicScroll/nuxt.d.ts +1 -1
  176. package/dist/plugins/MagicScroll/src/components/MagicScrollCollision.vue +54 -61
  177. package/dist/plugins/MagicScroll/src/components/MagicScrollCollision.vue.d.ts +9 -23
  178. package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.vue +56 -71
  179. package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.vue.d.ts +9 -23
  180. package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.vue +26 -33
  181. package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.vue.d.ts +45 -37
  182. package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue +63 -71
  183. package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue.d.ts +13 -24
  184. package/dist/plugins/MagicScroll/src/composables/private/useCollisionDetection.d.ts +2 -2
  185. package/dist/plugins/MagicScroll/src/composables/private/useCollisionDetection.mjs +16 -6
  186. package/dist/plugins/MagicScroll/src/composables/private/useScrollApi.d.ts +2 -2
  187. package/dist/plugins/MagicScroll/src/composables/private/useScrollApi.mjs +41 -26
  188. package/dist/plugins/MagicScroll/src/symbols/index.d.ts +1 -1
  189. package/dist/plugins/MagicToast/nuxt.d.ts +1 -1
  190. package/dist/plugins/MagicToast/src/components/MagicToastProvider.vue +94 -118
  191. package/dist/plugins/MagicToast/src/components/MagicToastProvider.vue.d.ts +1 -10
  192. package/dist/plugins/MagicToast/src/components/MagicToastView.vue +54 -81
  193. package/dist/plugins/MagicToast/src/components/MagicToastView.vue.d.ts +24 -23
  194. package/dist/plugins/MagicToast/src/composables/private/useToastCallback.d.ts +2 -2
  195. package/dist/plugins/MagicToast/src/composables/private/useToastCallback.mjs +5 -5
  196. package/dist/plugins/MagicToast/src/composables/private/useToastDrag.mjs +22 -22
  197. package/dist/plugins/MagicToast/src/composables/private/useToastListener.mjs +1 -0
  198. package/dist/plugins/MagicToast/src/composables/private/useToastScrollLock.mjs +33 -15
  199. package/dist/plugins/MagicToast/src/composables/private/useToastView.mjs +1 -0
  200. package/dist/plugins/MagicToast/src/composables/useMagicToast.d.ts +1 -0
  201. package/dist/plugins/MagicToast/src/composables/useMagicToast.mjs +10 -2
  202. package/dist/plugins/MagicToast/src/types/index.d.ts +1 -1
  203. package/dist/plugins/MagicToast/src/utils/defaultOptions.mjs +1 -1
  204. package/dist/plugins/index.d.ts +1 -0
  205. package/dist/plugins/index.mjs +1 -0
  206. package/dist/utils/index.d.ts +9 -4
  207. package/dist/utils/index.js +39 -3
  208. package/dist/utils/index.js.map +1 -1
  209. package/package.json +17 -8
  210. package/dist/nuxt/module.cjs +0 -5
  211. package/dist/nuxt/module.d.ts +0 -9
  212. package/dist/nuxt/types.d.ts +0 -1
  213. package/dist/plugins/MagicAccordion/demo/data/footer.json +0 -117
  214. package/dist/plugins/MagicCommand/demo/data/about.json +0 -3
  215. package/dist/plugins/MagicCommand/demo/data/search.json +0 -594
  216. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerStateEmitter.d.ts +0 -15
  217. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerStateEmitter.mjs +0 -9
@@ -1,48 +1,32 @@
1
- <script>
2
- import { defineComponent as _defineComponent } from "vue";
3
- import { openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
4
- import { ref, inject, onBeforeUnmount } from "vue";
1
+ <template>
2
+ <div ref="el" class="magic-command-renderer" />
3
+ </template>
4
+
5
+ <script setup>
6
+ import { inject, onBeforeUnmount, useTemplateRef } from "vue";
5
7
  import {
6
8
  useMagicEmitter
7
9
  } from "@maas/vue-equipment/plugins";
8
10
  import { MagicCommandInstanceId } from "./../symbols";
9
11
  import { useCommandState } from "../composables/private/useCommandState";
10
- export default /* @__PURE__ */ _defineComponent({
11
- __name: "MagicCommandRenderer",
12
- setup(__props) {
13
- const instanceId = inject(MagicCommandInstanceId, "");
14
- const emitter = useMagicEmitter();
15
- if (!instanceId) {
16
- throw new Error(
17
- "MagicCommandRenderer must be nested inside MagicCommandProvider"
18
- );
19
- }
20
- const elRef = ref(void 0);
21
- const { initializeState } = useCommandState(instanceId);
22
- const state = initializeState();
23
- function enterCallback(payload) {
24
- if (typeof payload === "string" && payload === instanceId) {
25
- state.renderer = elRef.value;
26
- }
27
- }
28
- emitter.on("enter", enterCallback);
29
- onBeforeUnmount(() => {
30
- emitter.off("enter", enterCallback);
31
- });
32
- return (_ctx, _cache) => {
33
- return _openBlock(), _createElementBlock(
34
- "div",
35
- {
36
- ref_key: "elRef",
37
- ref: elRef,
38
- class: "magic-command-renderer"
39
- },
40
- null,
41
- 512
42
- /* NEED_PATCH */
43
- );
44
- };
12
+ const instanceId = inject(MagicCommandInstanceId, "");
13
+ const emitter = useMagicEmitter();
14
+ if (!instanceId) {
15
+ throw new Error(
16
+ "MagicCommandRenderer must be nested inside MagicCommandProvider"
17
+ );
18
+ }
19
+ const elRef = useTemplateRef("el");
20
+ const { initializeState } = useCommandState(instanceId);
21
+ const state = initializeState();
22
+ function enterCallback(payload) {
23
+ if (typeof payload === "string" && payload === instanceId) {
24
+ state.renderer = elRef.value;
45
25
  }
26
+ }
27
+ emitter.on("enter", enterCallback);
28
+ onBeforeUnmount(() => {
29
+ emitter.off("enter", enterCallback);
46
30
  });
47
31
  </script>
48
32
 
@@ -1,7 +1,20 @@
1
- <script>
2
- import { defineComponent as _defineComponent } from "vue";
3
- import { unref as _unref, renderSlot as _renderSlot, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
4
- import { computed, inject, ref, toValue, watch } from "vue";
1
+ <template>
2
+ <primitive
3
+ ref="el"
4
+ :data-id="`${mappedViewId}-trigger`"
5
+ :data-active="mappedActive"
6
+ :data-disabled="mappedDisabled"
7
+ :as-child="asChild"
8
+ class="magic-command-trigger"
9
+ @click="onClick"
10
+ @mouseenter="onMouseenter"
11
+ >
12
+ <slot :view-active="view?.active" :trigger-disabled="mappedDisabled" />
13
+ </primitive>
14
+ </template>
15
+
16
+ <script setup>
17
+ import { computed, inject, useTemplateRef, toValue, watch } from "vue";
5
18
  import { Primitive } from "@maas/vue-primitive";
6
19
  import { useCommandView } from "../composables/private/useCommandView";
7
20
  import { useCommandTrigger } from "../composables/private/useCommandTrigger";
@@ -13,90 +26,71 @@ import {
13
26
  MagicCommandProviderOptions
14
27
  } from "../symbols";
15
28
  import { useMagicKeys } from "@vueuse/core";
16
- export default /* @__PURE__ */ _defineComponent({
17
- __name: "MagicCommandTrigger",
18
- props: {
19
- viewId: { type: String, required: false },
20
- active: { type: Boolean, required: false, default: () => void 0 },
21
- disabled: { type: Boolean, required: false, default: () => void 0 },
22
- action: { type: String, required: false, default: "open" },
23
- trigger: { type: Array, required: false, default: () => ["click"] },
24
- asChild: { type: Boolean, required: false }
25
- },
26
- setup(__props) {
27
- const elRef = ref(void 0);
28
- const instanceId = inject(MagicCommandInstanceId, void 0);
29
- const itemActive = inject(MagicCommandItemActive, void 0);
30
- const itemDisabled = inject(MagicCommandItemDisabled, void 0);
31
- const injectedViewId = inject(MagicCommandViewId, void 0);
32
- const mappedViewId = computed(() => __props.viewId ?? injectedViewId);
33
- if (!instanceId) {
34
- throw new Error(
35
- "MagicCommandTrigger must be nested inside MagicCommandProvider"
36
- );
37
- }
38
- if (!mappedViewId.value) {
39
- throw new Error("MagicCommandTrigger must be nested inside MagicCommandView");
29
+ const {
30
+ viewId,
31
+ active = void 0,
32
+ disabled = void 0,
33
+ action = "open",
34
+ trigger = ["click"]
35
+ } = defineProps({
36
+ viewId: { type: String, required: false },
37
+ active: { type: Boolean, required: false },
38
+ disabled: { type: Boolean, required: false },
39
+ action: { type: String, required: false },
40
+ trigger: { type: Array, required: false },
41
+ asChild: { type: Boolean, required: false }
42
+ });
43
+ const elRef = useTemplateRef("el");
44
+ const instanceId = inject(MagicCommandInstanceId, void 0);
45
+ const itemActive = inject(MagicCommandItemActive, void 0);
46
+ const itemDisabled = inject(MagicCommandItemDisabled, void 0);
47
+ const injectedViewId = inject(MagicCommandViewId, void 0);
48
+ const mappedViewId = computed(() => viewId ?? injectedViewId);
49
+ if (!instanceId) {
50
+ throw new Error(
51
+ "MagicCommandTrigger must be nested inside MagicCommandProvider"
52
+ );
53
+ }
54
+ if (!mappedViewId.value) {
55
+ throw new Error(
56
+ "MagicCommandTrigger must be nested inside MagicCommandView or a viewId must be provided"
57
+ );
58
+ }
59
+ const { getView } = useCommandView(instanceId);
60
+ const view = getView(mappedViewId.value);
61
+ const mappedActive = computed(() => active ?? toValue(itemActive) ?? false);
62
+ const mappedDisabled = computed(
63
+ () => disabled ?? toValue(itemDisabled) ?? false
64
+ );
65
+ const options = inject(MagicCommandProviderOptions, void 0);
66
+ const { onMouseenter, onClick, onEnter } = useCommandTrigger({
67
+ instanceId,
68
+ viewId: mappedViewId.value,
69
+ mappedActive,
70
+ mappedDisabled,
71
+ trigger,
72
+ action,
73
+ elRef
74
+ });
75
+ watch(
76
+ () => view?.active,
77
+ async (value) => {
78
+ if (value) {
79
+ await new Promise((resolve) => requestAnimationFrame(resolve));
80
+ toValue(elRef)?.$el?.blur();
40
81
  }
41
- const { getView } = useCommandView(instanceId);
42
- const view = getView(mappedViewId.value);
43
- const mappedActive = computed(() => __props.active ?? toValue(itemActive) ?? false);
44
- const mappedDisabled = computed(
45
- () => __props.disabled ?? toValue(itemDisabled) ?? false
46
- );
47
- const options = inject(MagicCommandProviderOptions, void 0);
48
- const { onMouseenter, onClick, onEnter } = useCommandTrigger({
49
- instanceId,
50
- viewId: mappedViewId.value,
51
- mappedActive,
52
- mappedDisabled,
53
- trigger: __props.trigger,
54
- action: __props.action,
55
- elRef
56
- });
57
- watch(
58
- () => view?.active,
59
- async (value) => {
60
- if (value) {
61
- await new Promise((resolve) => requestAnimationFrame(resolve));
62
- toValue(elRef)?.$el?.blur();
63
- }
64
- }
65
- );
66
- const keys = useMagicKeys();
67
- if (options?.keyListener?.enter) {
68
- for (const key of options.keyListener.enter) {
69
- watch(keys[key], (value) => {
70
- if (value) {
71
- onEnter();
72
- }
73
- });
82
+ }
83
+ );
84
+ const keys = useMagicKeys();
85
+ if (options?.keyListener?.enter) {
86
+ for (const key of options.keyListener.enter) {
87
+ watch(keys[key], (value) => {
88
+ if (value) {
89
+ onEnter();
74
90
  }
75
- }
76
- return (_ctx, _cache) => {
77
- return _openBlock(), _createBlock(_unref(Primitive), {
78
- ref_key: "elRef",
79
- ref: elRef,
80
- "data-id": `${mappedViewId.value}-trigger`,
81
- "data-active": mappedActive.value,
82
- "data-disabled": mappedDisabled.value,
83
- "as-child": _ctx.asChild,
84
- class: "magic-command-trigger",
85
- onClick: _unref(onClick),
86
- onMouseenter: _unref(onMouseenter)
87
- }, {
88
- default: _withCtx(() => [
89
- _renderSlot(_ctx.$slots, "default", {
90
- viewActive: _unref(view)?.active,
91
- triggerDisabled: mappedDisabled.value
92
- })
93
- ]),
94
- _: 3
95
- /* FORWARDED */
96
- }, 8, ["data-id", "data-active", "data-disabled", "as-child", "onClick", "onMouseenter"]);
97
- };
91
+ });
98
92
  }
99
- });
93
+ }
100
94
  </script>
101
95
 
102
96
  <style>
@@ -104,7 +98,7 @@ export default /* @__PURE__ */ _defineComponent({
104
98
  cursor: var(--magic-command-trigger-cursor, pointer);
105
99
  }
106
100
 
107
- .magic-menu-trigger.-disabled {
101
+ .magic-menu-trigger[data-disabled='true'] {
108
102
  pointer-events: none;
109
103
  }
110
104
  </style>
@@ -1,3 +1,4 @@
1
+ import { Primitive } from '@maas/vue-primitive';
1
2
  import type { Interaction, Action } from '../types/index.js';
2
3
  interface MagicCommandTriggerProps {
3
4
  viewId?: string;
@@ -7,68 +8,32 @@ interface MagicCommandTriggerProps {
7
8
  trigger?: Interaction[];
8
9
  asChild?: boolean;
9
10
  }
10
- declare function __VLS_template(): {
11
- attrs: Partial<{}>;
12
- slots: {
13
- default?(_: {
14
- viewActive: boolean | undefined;
15
- triggerDisabled: boolean;
16
- }): any;
17
- };
18
- refs: {
19
- elRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
20
- asChild: {
21
- type: BooleanConstructor;
22
- default: boolean;
23
- };
24
- as: {
25
- type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
26
- default: string;
27
- };
28
- }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
29
- [key: string]: any;
30
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
31
- asChild: boolean;
32
- as: import("@maas/vue-primitive").ElementOrComponent;
33
- }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
34
- P: {};
35
- B: {};
36
- D: {};
37
- C: {};
38
- M: {};
39
- Defaults: {};
40
- }, Readonly<import("vue").ExtractPropTypes<{
41
- asChild: {
42
- type: BooleanConstructor;
43
- default: boolean;
44
- };
45
- as: {
46
- type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
47
- default: string;
48
- };
49
- }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
50
- [key: string]: any;
51
- }>, {}, {}, {}, {
52
- asChild: boolean;
53
- as: import("@maas/vue-primitive").ElementOrComponent;
54
- }> | null;
55
- };
56
- rootEl: any;
11
+ declare const mappedViewId: import("vue").ComputedRef<string | undefined>;
12
+ declare const view: import("../types/index.js").CommandView | undefined;
13
+ declare const mappedActive: import("vue").ComputedRef<boolean>;
14
+ declare const mappedDisabled: import("vue").ComputedRef<boolean>;
15
+ declare const onMouseenter: () => Promise<void>, onClick: (e: MouseEvent) => Promise<void>;
16
+ declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
17
+ declare var __VLS_12: {
18
+ viewActive: boolean | undefined;
19
+ triggerDisabled: boolean;
57
20
  };
58
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
59
- declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicCommandTriggerProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicCommandTriggerProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
60
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
21
+ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
22
+ default?: (props: typeof __VLS_12) => any;
23
+ }>;
24
+ declare const __VLS_self: import("vue").DefineComponent<MagicCommandTriggerProps, {
25
+ Primitive: typeof Primitive;
26
+ mappedViewId: typeof mappedViewId;
27
+ view: typeof view;
28
+ mappedActive: typeof mappedActive;
29
+ mappedDisabled: typeof mappedDisabled;
30
+ onMouseenter: typeof onMouseenter;
31
+ onClick: typeof onClick;
32
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCommandTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
33
+ declare const __VLS_component: import("vue").DefineComponent<MagicCommandTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCommandTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
34
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
61
35
  export default _default;
62
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
63
- type __VLS_TypePropsToOption<T> = {
64
- [K in keyof T]-?: {} extends Pick<T, K> ? {
65
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
66
- } : {
67
- type: import('vue').PropType<T[K]>;
68
- required: true;
69
- };
70
- };
71
- type __VLS_WithTemplateSlots<T, S> = T & {
36
+ type __VLS_WithSlots<T, S> = T & {
72
37
  new (): {
73
38
  $slots: S;
74
39
  };
@@ -1,7 +1,10 @@
1
- <script>
2
- import { defineComponent as _defineComponent } from "vue";
3
- import { unref as _unref, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
4
- const _hoisted_1 = ["id"];
1
+ <template>
2
+ <div :data-id="mappedId" class="magic-menu-view">
3
+ <slot :view-active="view.active" />
4
+ </div>
5
+ </template>
6
+
7
+ <script setup>
5
8
  import { computed, inject, onBeforeUnmount, provide, useId, watch } from "vue";
6
9
  import { useCommandView } from "../composables/private/useCommandView";
7
10
  import {
@@ -11,50 +14,35 @@ import {
11
14
  MagicCommandItemId,
12
15
  MagicCommandViewActive
13
16
  } from "../symbols";
14
- export default /* @__PURE__ */ _defineComponent({
15
- __name: "MagicCommandView",
16
- props: {
17
- id: { type: String, required: false },
18
- initial: { type: Boolean, required: false, default: false }
19
- },
20
- setup(__props) {
21
- const parentTree = inject(MagicCommandParentTree, []);
22
- const instanceId = inject(MagicCommandInstanceId, void 0);
23
- const itemId = inject(MagicCommandItemId, void 0);
24
- if (!instanceId) {
25
- throw new Error("MagicCommandView must be nested inside MagicCommandProvider");
26
- }
27
- const mappedId = computed(() => __props.id ?? `magic-command-view-${useId()}`);
28
- const mappedParentTree = computed(() => [...parentTree, mappedId.value]);
29
- const mappedActive = computed(() => view.active);
30
- const { initializeView, deleteView, sortViewItems } = useCommandView(instanceId);
31
- const view = initializeView({
32
- id: mappedId.value,
33
- parent: { views: parentTree, item: itemId ?? "" },
34
- initial: __props.initial
35
- });
36
- provide(MagicCommandViewId, mappedId.value);
37
- provide(MagicCommandViewActive, mappedActive);
38
- provide(MagicCommandParentTree, mappedParentTree.value);
39
- watch(
40
- () => view?.items,
41
- () => {
42
- sortViewItems(mappedId.value);
43
- }
44
- );
45
- onBeforeUnmount(() => {
46
- deleteView(mappedId.value);
47
- });
48
- return (_ctx, _cache) => {
49
- return _openBlock(), _createElementBlock("div", {
50
- id: mappedId.value,
51
- class: "magic-menu-view"
52
- }, [
53
- _renderSlot(_ctx.$slots, "default", {
54
- viewActive: _unref(view).active
55
- })
56
- ], 8, _hoisted_1);
57
- };
17
+ const { id, initial = false } = defineProps({
18
+ id: { type: String, required: false },
19
+ initial: { type: Boolean, required: false }
20
+ });
21
+ const parentTree = inject(MagicCommandParentTree, []);
22
+ const instanceId = inject(MagicCommandInstanceId, void 0);
23
+ const itemId = inject(MagicCommandItemId, void 0);
24
+ if (!instanceId) {
25
+ throw new Error("MagicCommandView must be nested inside MagicCommandProvider");
26
+ }
27
+ const mappedId = computed(() => id ?? `magic-command-view-${useId()}`);
28
+ const mappedParentTree = computed(() => [...parentTree, mappedId.value]);
29
+ const mappedActive = computed(() => view.active);
30
+ const { initializeView, deleteView, sortViewItems } = useCommandView(instanceId);
31
+ const view = initializeView({
32
+ id: mappedId.value,
33
+ parent: { views: parentTree, item: itemId ?? "" },
34
+ initial
35
+ });
36
+ provide(MagicCommandViewId, mappedId.value);
37
+ provide(MagicCommandViewActive, mappedActive);
38
+ provide(MagicCommandParentTree, mappedParentTree.value);
39
+ watch(
40
+ () => view?.items,
41
+ () => {
42
+ sortViewItems(mappedId.value);
58
43
  }
44
+ );
45
+ onBeforeUnmount(() => {
46
+ deleteView(mappedId.value);
59
47
  });
60
48
  </script>
@@ -2,30 +2,23 @@ interface MagicCommandViewProps {
2
2
  id?: string;
3
3
  initial?: boolean;
4
4
  }
5
- declare function __VLS_template(): {
6
- attrs: Partial<{}>;
7
- slots: {
8
- default?(_: {
9
- viewActive: boolean;
10
- }): any;
11
- };
12
- refs: {};
13
- rootEl: HTMLDivElement;
5
+ declare const mappedId: import("vue").ComputedRef<string>;
6
+ declare const view: import("../types/index.js").CommandView;
7
+ declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
8
+ declare var __VLS_1: {
9
+ viewActive: boolean;
14
10
  };
15
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
16
- declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicCommandViewProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicCommandViewProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
17
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
11
+ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
12
+ default?: (props: typeof __VLS_1) => any;
13
+ }>;
14
+ declare const __VLS_self: import("vue").DefineComponent<MagicCommandViewProps, {
15
+ mappedId: typeof mappedId;
16
+ view: typeof view;
17
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCommandViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
+ declare const __VLS_component: import("vue").DefineComponent<MagicCommandViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCommandViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
19
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
18
20
  export default _default;
19
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
20
- type __VLS_TypePropsToOption<T> = {
21
- [K in keyof T]-?: {} extends Pick<T, K> ? {
22
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
23
- } : {
24
- type: import('vue').PropType<T[K]>;
25
- required: true;
26
- };
27
- };
28
- type __VLS_WithTemplateSlots<T, S> = T & {
21
+ type __VLS_WithSlots<T, S> = T & {
29
22
  new (): {
30
23
  $slots: S;
31
24
  };
@@ -1,4 +1,4 @@
1
- import { type MaybeRef } from 'vue';
1
+ import { type MaybeRef, type Ref } from 'vue';
2
2
  interface IsElementAboveArgs {
3
3
  element: MaybeRef<HTMLElement>;
4
4
  ancestor?: HTMLElement;
@@ -15,7 +15,7 @@ interface ScrollInFromBottomArgs {
15
15
  element: MaybeRef<HTMLElement>;
16
16
  ancestor?: HTMLElement;
17
17
  }
18
- export declare function useCommandScroll(parent: MaybeRef<HTMLElement | undefined>): {
18
+ export declare function useCommandScroll(parent: Ref<HTMLElement | null>): {
19
19
  findElement: (id: string) => HTMLElement | null;
20
20
  findScrollableAncestor: (element: HTMLElement | null) => HTMLElement | undefined;
21
21
  isElementAbove: (args: IsElementAboveArgs) => boolean;
@@ -9,7 +9,7 @@ export function useCommandState(instanceId) {
9
9
  id,
10
10
  options: { ...defaultOptions },
11
11
  views: [],
12
- renderer: void 0,
12
+ renderer: null,
13
13
  active: false,
14
14
  input: {
15
15
  type: "pointer",
@@ -8,7 +8,7 @@ type UseCommandTriggerArgs = {
8
8
  mappedActive?: ComputedRef<boolean>;
9
9
  trigger: Interaction[];
10
10
  action: Action;
11
- elRef: Ref<InstanceType<typeof Primitive> | undefined>;
11
+ elRef: Ref<InstanceType<typeof Primitive> | null>;
12
12
  };
13
13
  export declare function useCommandTrigger(args: UseCommandTriggerArgs): {
14
14
  onMouseenter: () => Promise<void>;
@@ -1,4 +1,5 @@
1
1
  import { nextTick } from "vue";
2
+ import { Primitive } from "@maas/vue-primitive";
2
3
  import { useFocus } from "@vueuse/core";
3
4
  import { useCommandView } from "./useCommandView.mjs";
4
5
  import { useCommandState } from "./useCommandState.mjs";
@@ -1,12 +1,12 @@
1
- import type { InjectionKey, MaybeRef } from 'vue';
1
+ import type { InjectionKey, MaybeRef, Ref } from 'vue';
2
2
  import type { MagicCommandOptions } from '../types/index.js';
3
3
  declare const MagicCommandInstanceId: InjectionKey<MaybeRef<string>>;
4
4
  declare const MagicCommandParentTree: InjectionKey<string[]>;
5
5
  declare const MagicCommandViewId: InjectionKey<string>;
6
- declare const MagicCommandViewActive: InjectionKey<MaybeRef<boolean>>;
6
+ declare const MagicCommandViewActive: InjectionKey<Ref<boolean>>;
7
7
  declare const MagicCommandContentId: InjectionKey<string>;
8
8
  declare const MagicCommandItemId: InjectionKey<string>;
9
- declare const MagicCommandItemActive: InjectionKey<MaybeRef<boolean>>;
10
- declare const MagicCommandItemDisabled: InjectionKey<MaybeRef<boolean>>;
9
+ declare const MagicCommandItemActive: InjectionKey<Ref<boolean>>;
10
+ declare const MagicCommandItemDisabled: InjectionKey<Ref<boolean>>;
11
11
  declare const MagicCommandProviderOptions: InjectionKey<MagicCommandOptions>;
12
12
  export { MagicCommandInstanceId, MagicCommandParentTree, MagicCommandViewId, MagicCommandViewActive, MagicCommandContentId, MagicCommandItemId, MagicCommandItemActive, MagicCommandItemDisabled, MagicCommandProviderOptions, };
@@ -46,7 +46,7 @@ export interface CommandState {
46
46
  id: string;
47
47
  active: boolean;
48
48
  views: CommandView[];
49
- renderer: HTMLElement | undefined;
49
+ renderer: HTMLElement | null;
50
50
  options: MagicCommandOptions;
51
51
  input: {
52
52
  type: 'keyboard' | 'pointer';
@@ -1,2 +1,2 @@
1
- declare const _default: import("@nuxt/schema").NuxtModule<import("@nuxt/schema").ModuleOptions, import("@nuxt/schema").ModuleOptions, false>;
1
+ declare const _default: import("nuxt/schema").NuxtModule<import("nuxt/schema").ModuleOptions, import("nuxt/schema").ModuleOptions, false>;
2
2
  export default _default;