@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.
- package/dist/nuxt/module.json +1 -1
- package/dist/plugins/.turbo/turbo-lint.log +2 -2
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue +65 -82
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue.d.ts +2 -2
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionProvider.vue +24 -30
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue +65 -61
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue.d.ts +1 -1
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.vue +41 -45
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.vue.d.ts +1 -1
- package/dist/plugins/MagicCommand/src/components/MagicCommandContent.vue +137 -150
- package/dist/plugins/MagicCommand/src/components/MagicCommandContent.vue.d.ts +1 -1
- package/dist/plugins/MagicCommand/src/components/MagicCommandDrawer.vue +45 -52
- package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue +80 -82
- package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue.d.ts +1 -1
- package/dist/plugins/MagicCommand/src/components/MagicCommandModal.vue +40 -47
- package/dist/plugins/MagicCommand/src/components/MagicCommandProvider.vue +68 -74
- package/dist/plugins/MagicCommand/src/components/MagicCommandRenderer.vue +22 -38
- package/dist/plugins/MagicCommand/src/components/MagicCommandTrigger.vue +95 -85
- package/dist/plugins/MagicCommand/src/components/MagicCommandTrigger.vue.d.ts +1 -1
- package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue +41 -47
- package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue.d.ts +1 -1
- package/dist/plugins/MagicCookie/src/components/MagicCookieItem.vue +41 -39
- package/dist/plugins/MagicCookie/src/components/MagicCookieItem.vue.d.ts +2 -2
- package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.vue +23 -34
- package/dist/plugins/MagicCookie/src/components/MagicCookieView.vue +40 -73
- package/dist/plugins/MagicCookie/src/components/MagicCookieView.vue.d.ts +1 -1
- package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue +70 -87
- package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue.d.ts +7 -7
- package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue +262 -304
- package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue.d.ts +12 -12
- package/dist/plugins/MagicEmitter/src/composables/useMagicEmitter.d.ts +100 -100
- package/dist/plugins/MagicMarquee/src/components/MagicMarquee.vue +41 -69
- package/dist/plugins/MagicMarquee/src/composables/useMagicMarquee.d.ts +1 -1
- package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue +54 -59
- package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue.d.ts +2 -2
- package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue +188 -208
- package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue.d.ts +3 -3
- package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue +181 -194
- package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue +91 -100
- package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue.d.ts +1 -1
- package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.vue +83 -85
- package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.vue +79 -75
- package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.vue.d.ts +1 -1
- package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue +106 -105
- package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue.d.ts +1 -1
- package/dist/plugins/MagicMenu/src/components/MagicMenuView.vue +54 -60
- package/dist/plugins/MagicMenu/src/components/MagicMenuView.vue.d.ts +1 -1
- package/dist/plugins/MagicModal/src/components/MagicModal.vue +136 -164
- package/dist/plugins/MagicModal/src/components/MagicModal.vue.d.ts +1 -1
- package/dist/plugins/MagicNoise/src/components/MagicNoise.vue +53 -78
- package/dist/plugins/MagicPie/src/components/MagicPie.vue +147 -175
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudio.vue +51 -62
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudioControls.vue +101 -122
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudioControls.vue.d.ts +8 -5
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerDisplayTime.vue +35 -42
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerMuxPopover.vue +101 -108
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue +49 -77
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue.d.ts +3 -3
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerPoster.vue +18 -37
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerPoster.vue.d.ts +1 -2
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerProvider.vue +45 -52
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerProvider.vue.d.ts +5 -5
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerTimeline.vue +60 -109
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideo.vue +74 -70
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideoControls.vue +171 -213
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideoControls.vue.d.ts +8 -6
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerAudioApi.d.ts +0 -4
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerAudioApi.mjs +6 -47
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerControlsApi.d.ts +4 -31
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerControlsApi.mjs +147 -234
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerMediaApi.d.ts +1 -15
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerMediaApi.mjs +17 -164
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerRuntime.d.ts +0 -1
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerRuntime.mjs +6 -24
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerState.d.ts +7 -0
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerState.mjs +56 -0
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerVideoApi.d.ts +0 -5
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerVideoApi.mjs +7 -62
- package/dist/plugins/MagicPlayer/src/composables/useMagicPlayer.d.ts +32 -51
- package/dist/plugins/MagicPlayer/src/composables/useMagicPlayer.mjs +47 -0
- package/dist/plugins/MagicPlayer/src/symbols/index.d.ts +5 -2
- package/dist/plugins/MagicPlayer/src/symbols/index.mjs +10 -1
- package/dist/plugins/MagicPlayer/src/types/index.d.ts +29 -0
- package/dist/plugins/MagicScroll/src/components/MagicScrollCollision.vue +49 -59
- package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.vue +63 -70
- package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.vue +29 -33
- package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue +59 -69
- package/dist/plugins/MagicToast/src/components/MagicToastProvider.vue +80 -95
- package/dist/plugins/MagicToast/src/components/MagicToastView.vue +52 -70
- package/dist/plugins/MagicToast/src/components/MagicToastView.vue.d.ts +2 -2
- package/package.json +4 -4
- package/dist/plugins/MagicAccordion/demo/data/footer.json +0 -117
- package/dist/plugins/MagicCommand/demo/data/about.json +0 -3
- package/dist/plugins/MagicCommand/demo/data/search.json +0 -594
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerStateEmitter.d.ts +0 -15
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerStateEmitter.mjs +0 -9
|
@@ -1,81 +1,63 @@
|
|
|
1
|
-
<
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
index: { type: Number, required: true }
|
|
33
|
+
const { id, index } = defineProps({
|
|
34
|
+
id: {
|
|
35
|
+
type: String,
|
|
36
|
+
required: true
|
|
15
37
|
},
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
-
}
|