@maas/vue-equipment 1.0.0-beta.12 → 1.0.0-beta.14

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 (96) hide show
  1. package/dist/nuxt/module.json +1 -1
  2. package/dist/plugins/.turbo/turbo-lint.log +2 -2
  3. package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue +65 -82
  4. package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue.d.ts +2 -2
  5. package/dist/plugins/MagicAccordion/src/components/MagicAccordionProvider.vue +24 -30
  6. package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue +65 -61
  7. package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue.d.ts +1 -1
  8. package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.vue +41 -45
  9. package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.vue.d.ts +1 -1
  10. package/dist/plugins/MagicCommand/src/components/MagicCommandContent.vue +137 -150
  11. package/dist/plugins/MagicCommand/src/components/MagicCommandContent.vue.d.ts +1 -1
  12. package/dist/plugins/MagicCommand/src/components/MagicCommandDrawer.vue +45 -52
  13. package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue +80 -82
  14. package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue.d.ts +1 -1
  15. package/dist/plugins/MagicCommand/src/components/MagicCommandModal.vue +40 -47
  16. package/dist/plugins/MagicCommand/src/components/MagicCommandProvider.vue +68 -74
  17. package/dist/plugins/MagicCommand/src/components/MagicCommandRenderer.vue +22 -38
  18. package/dist/plugins/MagicCommand/src/components/MagicCommandTrigger.vue +95 -85
  19. package/dist/plugins/MagicCommand/src/components/MagicCommandTrigger.vue.d.ts +1 -1
  20. package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue +41 -47
  21. package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue.d.ts +1 -1
  22. package/dist/plugins/MagicCookie/src/components/MagicCookieItem.vue +41 -39
  23. package/dist/plugins/MagicCookie/src/components/MagicCookieItem.vue.d.ts +2 -2
  24. package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.vue +23 -34
  25. package/dist/plugins/MagicCookie/src/components/MagicCookieView.vue +40 -73
  26. package/dist/plugins/MagicCookie/src/components/MagicCookieView.vue.d.ts +1 -1
  27. package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue +70 -87
  28. package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue.d.ts +7 -7
  29. package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue +262 -304
  30. package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue.d.ts +12 -12
  31. package/dist/plugins/MagicEmitter/src/composables/useMagicEmitter.d.ts +100 -100
  32. package/dist/plugins/MagicMarquee/src/components/MagicMarquee.vue +41 -69
  33. package/dist/plugins/MagicMarquee/src/composables/useMagicMarquee.d.ts +1 -1
  34. package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue +54 -59
  35. package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue.d.ts +2 -2
  36. package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue +188 -208
  37. package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue.d.ts +3 -3
  38. package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue +181 -194
  39. package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue +91 -100
  40. package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue.d.ts +1 -1
  41. package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.vue +83 -85
  42. package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.vue +79 -75
  43. package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.vue.d.ts +1 -1
  44. package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue +106 -105
  45. package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue.d.ts +1 -1
  46. package/dist/plugins/MagicMenu/src/components/MagicMenuView.vue +54 -60
  47. package/dist/plugins/MagicMenu/src/components/MagicMenuView.vue.d.ts +1 -1
  48. package/dist/plugins/MagicModal/src/components/MagicModal.vue +136 -164
  49. package/dist/plugins/MagicModal/src/components/MagicModal.vue.d.ts +1 -1
  50. package/dist/plugins/MagicNoise/src/components/MagicNoise.vue +53 -78
  51. package/dist/plugins/MagicPie/src/components/MagicPie.vue +147 -175
  52. package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudio.vue +51 -62
  53. package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudioControls.vue +101 -122
  54. package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudioControls.vue.d.ts +8 -5
  55. package/dist/plugins/MagicPlayer/src/components/MagicPlayerDisplayTime.vue +35 -42
  56. package/dist/plugins/MagicPlayer/src/components/MagicPlayerMuxPopover.vue +101 -108
  57. package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue +49 -77
  58. package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue.d.ts +3 -3
  59. package/dist/plugins/MagicPlayer/src/components/MagicPlayerPoster.vue +18 -37
  60. package/dist/plugins/MagicPlayer/src/components/MagicPlayerPoster.vue.d.ts +1 -2
  61. package/dist/plugins/MagicPlayer/src/components/MagicPlayerProvider.vue +45 -52
  62. package/dist/plugins/MagicPlayer/src/components/MagicPlayerProvider.vue.d.ts +5 -5
  63. package/dist/plugins/MagicPlayer/src/components/MagicPlayerTimeline.vue +60 -109
  64. package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideo.vue +74 -70
  65. package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideoControls.vue +171 -213
  66. package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideoControls.vue.d.ts +8 -6
  67. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerAudioApi.d.ts +0 -4
  68. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerAudioApi.mjs +6 -47
  69. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerControlsApi.d.ts +4 -31
  70. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerControlsApi.mjs +147 -234
  71. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerMediaApi.d.ts +1 -15
  72. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerMediaApi.mjs +17 -164
  73. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerRuntime.d.ts +0 -1
  74. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerRuntime.mjs +6 -24
  75. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerState.d.ts +7 -0
  76. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerState.mjs +56 -0
  77. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerVideoApi.d.ts +0 -5
  78. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerVideoApi.mjs +7 -62
  79. package/dist/plugins/MagicPlayer/src/composables/useMagicPlayer.d.ts +32 -51
  80. package/dist/plugins/MagicPlayer/src/composables/useMagicPlayer.mjs +47 -0
  81. package/dist/plugins/MagicPlayer/src/symbols/index.d.ts +5 -2
  82. package/dist/plugins/MagicPlayer/src/symbols/index.mjs +10 -1
  83. package/dist/plugins/MagicPlayer/src/types/index.d.ts +29 -0
  84. package/dist/plugins/MagicScroll/src/components/MagicScrollCollision.vue +49 -59
  85. package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.vue +63 -70
  86. package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.vue +29 -33
  87. package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue +59 -69
  88. package/dist/plugins/MagicToast/src/components/MagicToastProvider.vue +80 -95
  89. package/dist/plugins/MagicToast/src/components/MagicToastView.vue +52 -70
  90. package/dist/plugins/MagicToast/src/components/MagicToastView.vue.d.ts +2 -2
  91. package/package.json +4 -4
  92. package/dist/plugins/MagicAccordion/demo/data/footer.json +0 -117
  93. package/dist/plugins/MagicCommand/demo/data/about.json +0 -3
  94. package/dist/plugins/MagicCommand/demo/data/search.json +0 -594
  95. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerStateEmitter.d.ts +0 -15
  96. package/dist/plugins/MagicPlayer/src/composables/private/usePlayerStateEmitter.mjs +0 -9
@@ -1,81 +1,63 @@
1
- <script>
2
- import { defineComponent as _defineComponent } from "vue";
3
- import { unref as _unref, renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
4
- const _hoisted_1 = ["data-id", "data-expanded", "data-dragging", "data-position", "data-debug"];
1
+ <template>
2
+ <li
3
+ class="magic-toast-view"
4
+ :data-id="id"
5
+ :data-expanded="state.expanded"
6
+ :data-dragging="view.dragging"
7
+ :data-position="state.options.position"
8
+ :data-debug="state.options.debug"
9
+ :style="{
10
+ '--mt-index': reversedIndex,
11
+ '--mt-offset': offset,
12
+ '--mt-height': height
13
+ }"
14
+ >
15
+ <div
16
+ class="magic-toast-view__inner"
17
+ @pointerdown="onPointerdown"
18
+ @click="onClick"
19
+ >
20
+ <div :style="style" class="magic-toast-view__drag">
21
+ <slot />
22
+ </div>
23
+ </div>
24
+ </li>
25
+ </template>
26
+
27
+ <script setup>
5
28
  import { computed, inject } from "vue";
6
29
  import { MagicToastInstanceId } from "../../symbols";
7
30
  import { useToastState } from "../composables/private/useToastState";
8
31
  import { useToastDrag } from "../composables/private/useToastDrag";
9
32
  import "@maas/vue-equipment/utils/css/transitions/fade.css";
10
- export default /* @__PURE__ */ _defineComponent({
11
- __name: "MagicToastView",
12
- props: {
13
- id: { type: String, required: true },
14
- index: { type: Number, required: true }
33
+ const { id, index } = defineProps({
34
+ id: {
35
+ type: String,
36
+ required: true
15
37
  },
16
- setup(__props) {
17
- const instanceId = inject(MagicToastInstanceId, void 0);
18
- if (!instanceId) {
19
- throw new Error("MagicToastView must be used within a MagicToastProvider");
20
- }
21
- const { initializeState } = useToastState(instanceId);
22
- const state = initializeState();
23
- const count = computed(() => state.views.length);
24
- const view = computed(() => state.views[__props.index]);
25
- const reversedIndex = computed(() => count.value - __props.index - 1);
26
- const height = computed(() => `${view.value.dimensions?.height}px`);
27
- const offset = computed(() => {
28
- const mapped = state.views.slice(0, reversedIndex.value).reduce((acc, view2) => acc + (view2.dimensions?.height ?? 0), 0);
29
- return `${mapped}px`;
30
- });
31
- const { style, onPointerdown, onClick } = useToastDrag({
32
- view: view.value,
33
- instanceId
34
- });
35
- return (_ctx, _cache) => {
36
- return _openBlock(), _createElementBlock("li", {
37
- class: "magic-toast-view",
38
- "data-id": _ctx.id,
39
- "data-expanded": _unref(state).expanded,
40
- "data-dragging": view.value.dragging,
41
- "data-position": _unref(state).options.position,
42
- "data-debug": _unref(state).options.debug,
43
- style: _normalizeStyle({
44
- "--mt-index": reversedIndex.value,
45
- "--mt-offset": offset.value,
46
- "--mt-height": height.value
47
- })
48
- }, [
49
- _createElementVNode(
50
- "div",
51
- {
52
- class: "magic-toast-view__inner",
53
- onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
54
- (...args) => _unref(onPointerdown) && _unref(onPointerdown)(...args)),
55
- onClick: _cache[1] || (_cache[1] = //@ts-ignore
56
- (...args) => _unref(onClick) && _unref(onClick)(...args))
57
- },
58
- [
59
- _createElementVNode(
60
- "div",
61
- {
62
- style: _normalizeStyle(_unref(style)),
63
- class: "magic-toast-view__drag"
64
- },
65
- [
66
- _renderSlot(_ctx.$slots, "default")
67
- ],
68
- 4
69
- /* STYLE */
70
- )
71
- ],
72
- 32
73
- /* NEED_HYDRATION */
74
- )
75
- ], 12, _hoisted_1);
76
- };
38
+ index: {
39
+ type: Number,
40
+ required: true
77
41
  }
78
42
  });
43
+ const instanceId = inject(MagicToastInstanceId, void 0);
44
+ if (!instanceId) {
45
+ throw new Error("MagicToastView must be used within a MagicToastProvider");
46
+ }
47
+ const { initializeState } = useToastState(instanceId);
48
+ const state = initializeState();
49
+ const count = computed(() => state.views.length);
50
+ const view = computed(() => state.views[index]);
51
+ const reversedIndex = computed(() => count.value - index - 1);
52
+ const height = computed(() => `${view.value.dimensions?.height}px`);
53
+ const offset = computed(() => {
54
+ const mapped = state.views.slice(0, reversedIndex.value).reduce((acc, view2) => acc + (view2.dimensions?.height ?? 0), 0);
55
+ return `${mapped}px`;
56
+ });
57
+ const { style, onPointerdown, onClick } = useToastDrag({
58
+ view: view.value,
59
+ instanceId
60
+ });
79
61
  </script>
80
62
 
81
63
  <style>
@@ -3,8 +3,8 @@ interface MagicToastViewProps {
3
3
  id: string;
4
4
  index: number;
5
5
  }
6
- declare const state: import("../types").ToastState;
7
- declare const view: import("vue").ComputedRef<import("../types").ToastView>;
6
+ declare const state: import("../types/index.js").ToastState;
7
+ declare const view: import("vue").ComputedRef<import("../types/index.js").ToastView>;
8
8
  declare const reversedIndex: import("vue").ComputedRef<number>;
9
9
  declare const height: import("vue").ComputedRef<string>;
10
10
  declare const offset: import("vue").ComputedRef<string>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@maas/vue-equipment",
3
3
  "description": "Our Frontend Toolkit, Free and Open Source",
4
- "version": "1.0.0-beta.12",
4
+ "version": "1.0.0-beta.14",
5
5
  "contributors": [
6
6
  {
7
7
  "name": "Robin Scholz",
@@ -15,12 +15,12 @@
15
15
  "devDependencies": {
16
16
  "@maas/config": "^1.6.0",
17
17
  "@maas/mirror": "catalog:",
18
- "@release-it/bumper": "^7.0.1",
18
+ "@release-it/bumper": "^7.0.2",
19
19
  "@types/node": "catalog:",
20
20
  "prettier-plugin-tailwindcss": "^0.6.11",
21
21
  "release-it": "^18.1.2",
22
22
  "tailwindcss": "catalog:",
23
- "turbo": "^2.4.4",
23
+ "turbo": "^2.5.0",
24
24
  "typescript": "catalog:"
25
25
  },
26
26
  "exports": {
@@ -140,7 +140,7 @@
140
140
  "volta": {
141
141
  "node": "20.18.1"
142
142
  },
143
- "packageManager": "pnpm@10.5.2",
143
+ "packageManager": "pnpm@10.7.1",
144
144
  "pnpm": {
145
145
  "overrides": {
146
146
  "typescript": "catalog:"
@@ -1,117 +0,0 @@
1
- {
2
- "footer": [
3
- {
4
- "label": "Catalogue",
5
- "list": [
6
- {
7
- "url": "https://maas.engineering/mirror-ui",
8
- "label": "Mirror Ui",
9
- "badge": {
10
- "name": "Pro",
11
- "variant": "info",
12
- "mode": "translucent"
13
- },
14
-
15
- "icon": "maas-mr"
16
- },
17
- {
18
- "url": "https://maas.engineering/dreamtype",
19
- "label": "Dreamtype™",
20
- "badge": {
21
- "name": "Soon",
22
- "variant": "primary",
23
- "mode": "outline"
24
- },
25
-
26
- "icon": "maas-dt"
27
- },
28
- {
29
- "url": "https://maas.engineering/azzets",
30
- "label": "Azzets",
31
- "badge": {
32
- "name": "Soon",
33
- "variant": "primary",
34
- "mode": "outline"
35
- },
36
- "icon": "maas-az"
37
- }
38
- ]
39
- },
40
- {
41
- "label": "Open Source",
42
- "list": [
43
- {
44
- "url": "https://maas.engineering/vue-equipment",
45
- "label": "Vue Equipment",
46
-
47
- "icon": "maas-ve"
48
- },
49
-
50
- {
51
- "url": "https://maas.engineering/open-foundry",
52
- "label": "Open Foundry",
53
- "badge": {
54
- "name": "Soon",
55
- "variant": "primary",
56
- "mode": "outline"
57
- },
58
- "icon": "maas-of"
59
- }
60
- ]
61
- },
62
- {
63
- "label": "Company",
64
- "list": [
65
- {
66
- "url": "https://maas.engineering/blog",
67
- "label": "Readme",
68
- "badge": {
69
- "name": "Blog",
70
- "variant": "primary",
71
- "mode": "outline"
72
- },
73
- "icon": "edit-alt"
74
- },
75
- {
76
- "url": "https://maas.engineering/about",
77
- "label": "About us",
78
- "icon": "maas-robot"
79
- },
80
-
81
- {
82
- "url": "https://maas.engineering/contact",
83
- "label": "Contact",
84
- "icon": "maas-robot"
85
- }
86
- ]
87
- },
88
- {
89
- "label": "Community",
90
- "list": [
91
- {
92
- "url": "https://github.com/magicasaservice",
93
- "label": "GitHub"
94
- },
95
-
96
- {
97
- "url": "https://figma.com",
98
- "label": "Figma"
99
- }
100
- ]
101
- },
102
- {
103
- "label": "Legal",
104
- "list": [
105
- {
106
- "url": "https://maas.engineering/legal-notice",
107
- "label": "Legal Notice"
108
- },
109
-
110
- {
111
- "url": "https://maas.engineering/privacy-policy",
112
- "label": "Privacy Policy"
113
- }
114
- ]
115
- }
116
- ]
117
- }
@@ -1,3 +0,0 @@
1
- {
2
- "about": "Magic as a Service™ is a creative engineering company founded by the experience design studio International Magic. Our mission is to innovate on digital products and services to equip others with the tools and capabilities we wish we had ourselves. By combining design, engineering and culture into one stream, we produce powerful and sustainable outcomes for our users and clients."
3
- }