@maas/vue-equipment 0.9.1 → 0.9.3
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/nuxt/module.mjs +2 -2
- package/dist/plugins/MagicModal/src/components/MagicModal.vue +2 -0
- package/dist/plugins/MagicModal/src/components/MagicModal.vue.d.ts +6 -0
- package/dist/plugins/MagicPlayer/index.d.ts +2 -1
- package/dist/plugins/MagicPlayer/index.mjs +1 -0
- package/dist/plugins/MagicPlayer/src/composables/useControls.mjs +1 -1
- package/dist/plugins/MagicPlayer/src/composables/usePlayer.d.ts +1 -1
- package/dist/plugins/MagicPlayer/src/composables/usePlayer.mjs +1 -1
- package/dist/plugins/MagicPlayer/src/types/index.d.ts +0 -1
- package/dist/plugins/MagicPlayer/src/types/index.mjs +0 -1
- package/dist/plugins/MagicScroll/index.d.ts +2 -1
- package/dist/plugins/MagicScroll/index.mjs +1 -0
- package/dist/plugins/MagicScroll/src/components/MagicScrollCollision.vue +1 -1
- package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.vue +1 -1
- package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.vue +1 -1
- package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue +5 -1
- package/dist/plugins/MagicScroll/src/composables/useScrollApi.mjs +1 -1
- package/dist/plugins/MagicScroll/src/types/index.d.ts +0 -1
- package/dist/plugins/MagicScroll/src/types/index.mjs +0 -1
- package/package.json +1 -1
- /package/dist/plugins/MagicPlayer/src/{types/injectionKeys.d.ts → symbols/index.d.ts} +0 -0
- /package/dist/plugins/MagicPlayer/src/{types/injectionKeys.mjs → symbols/index.mjs} +0 -0
- /package/dist/plugins/MagicScroll/src/{types/injectionKeys.d.ts → symbols/index.d.ts} +0 -0
- /package/dist/plugins/MagicScroll/src/{types/injectionKeys.mjs → symbols/index.mjs} +0 -0
package/dist/nuxt/module.json
CHANGED
package/dist/nuxt/module.mjs
CHANGED
|
@@ -32,14 +32,14 @@ const functions = [
|
|
|
32
32
|
{
|
|
33
33
|
name: "MagicPlayer",
|
|
34
34
|
"package": "plugins",
|
|
35
|
-
lastUpdated:
|
|
35
|
+
lastUpdated: 1695376679000,
|
|
36
36
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicPlayer/",
|
|
37
37
|
description: "player"
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
40
|
name: "MagicScroll",
|
|
41
41
|
"package": "plugins",
|
|
42
|
-
lastUpdated:
|
|
42
|
+
lastUpdated: 1695376679000,
|
|
43
43
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicScroll/",
|
|
44
44
|
description: "scroll"
|
|
45
45
|
},
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
ref="modal"
|
|
10
10
|
class="magic-modal"
|
|
11
11
|
:id="toValue(id)"
|
|
12
|
+
:class="toValue(props.class)"
|
|
12
13
|
@click.self="close"
|
|
13
14
|
aria-modal="true"
|
|
14
15
|
>
|
|
@@ -78,6 +79,7 @@ const customDefu = createDefu((obj, key, value) => {
|
|
|
78
79
|
|
|
79
80
|
interface MagicModalProps {
|
|
80
81
|
id: MaybeRef<string>
|
|
82
|
+
class?: MaybeRef<string>
|
|
81
83
|
component?: Component
|
|
82
84
|
props?: Record<string, unknown>
|
|
83
85
|
options?: Options
|
|
@@ -4,6 +4,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
4
4
|
props: {
|
|
5
5
|
type: import("vue").PropType<Record<string, unknown>>;
|
|
6
6
|
};
|
|
7
|
+
class: {
|
|
8
|
+
type: import("vue").PropType<MaybeRef<string>>;
|
|
9
|
+
};
|
|
7
10
|
id: {
|
|
8
11
|
type: import("vue").PropType<MaybeRef<string>>;
|
|
9
12
|
required: true;
|
|
@@ -19,6 +22,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
19
22
|
props: {
|
|
20
23
|
type: import("vue").PropType<Record<string, unknown>>;
|
|
21
24
|
};
|
|
25
|
+
class: {
|
|
26
|
+
type: import("vue").PropType<MaybeRef<string>>;
|
|
27
|
+
};
|
|
22
28
|
id: {
|
|
23
29
|
type: import("vue").PropType<MaybeRef<string>>;
|
|
24
30
|
required: true;
|
|
@@ -8,6 +8,7 @@ import { usePlayerApi } from './src/composables/usePlayerApi.js';
|
|
|
8
8
|
import { useProvidePlayer, useInjectPlayer } from './src/composables/usePlayer.js';
|
|
9
9
|
import { useProvideControls, useInjectControls } from './src/composables/useControls.js';
|
|
10
10
|
import { useRuntimeSourceProvider } from './src/composables/useRuntimeSourceProvider.js';
|
|
11
|
-
export type * from './src/types';
|
|
12
11
|
declare const MagicPlayerPlugin: Plugin;
|
|
13
12
|
export { MagicPlayerPlugin, MagicPlayer, MagicPlayerControls, MagicPlayerTimeline, MagicPlayerMuxPopover, useMediaApi, usePlayerApi, useRuntimeSourceProvider, useProvidePlayer, useInjectPlayer, useProvideControls, useInjectControls, };
|
|
13
|
+
export * from './src/symbols.js';
|
|
14
|
+
export type * from './src/types';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { provide, inject } from "vue";
|
|
2
2
|
import { useControlsApi } from "./useControlsApi.mjs";
|
|
3
|
-
import { ControlsApiInjectionKey } from "./../
|
|
3
|
+
import { ControlsApiInjectionKey } from "./../symbols/index.mjs";
|
|
4
4
|
export function useProvideControls(args) {
|
|
5
5
|
const controlsApi = useControlsApi(args);
|
|
6
6
|
provide(ControlsApiInjectionKey, controlsApi);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type UseMediaApiReturn } from './useMediaApi.js';
|
|
2
2
|
import { type UsePlayerApiReturn } from './usePlayerApi.js';
|
|
3
3
|
import { type UseRuntimeSourceProviderReturn } from './useRuntimeSourceProvider.js';
|
|
4
|
-
import {
|
|
4
|
+
import type { UsePlayerArgs } from './../types.js';
|
|
5
5
|
type UsePlayerReturn = {
|
|
6
6
|
playerApi: UsePlayerApiReturn;
|
|
7
7
|
mediaApi: UseMediaApiReturn;
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
MediaApiInjectionKey,
|
|
9
9
|
PlayerApiInjectionKey,
|
|
10
10
|
RuntimeSourceProviderInjectionKey
|
|
11
|
-
} from "./../
|
|
11
|
+
} from "./../symbols/index.mjs";
|
|
12
12
|
export function useProvidePlayer(args) {
|
|
13
13
|
const mediaApi = useMediaApi(args.videoRef);
|
|
14
14
|
provide(MediaApiInjectionKey, mediaApi);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./injectionKeys.mjs";
|
|
@@ -7,6 +7,7 @@ import { useCollisionEmitter } from './src/composables/useCollisionEmitter.js';
|
|
|
7
7
|
import { useScrollApi } from './src/composables/useScrollApi.js';
|
|
8
8
|
import { useCollisionDetect } from './src/composables/useCollisionDetect.js';
|
|
9
9
|
import type { Plugin } from 'vue';
|
|
10
|
-
export type * from './src/types';
|
|
11
10
|
declare const MagicScrollPlugin: Plugin;
|
|
12
11
|
export { MagicScrollPlugin, MagicScrollProvider, MagicScrollScene, MagicScrollTransform, MagicScrollMotion, MagicScrollCollision, useCollisionEmitter, useScrollApi, useCollisionDetect, };
|
|
12
|
+
export * from './src/symbols.js';
|
|
13
|
+
export type * from './src/types';
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
import { ref, inject, computed, onMounted } from 'vue'
|
|
9
9
|
import { toValue } from '@vueuse/core'
|
|
10
10
|
import { useCollisionDetect } from '../composables/useCollisionDetect'
|
|
11
|
-
import { ScrollPositionKey } from '../
|
|
11
|
+
import { ScrollPositionKey } from '../symbols'
|
|
12
12
|
|
|
13
13
|
import type { CollisionEntry } from '../types'
|
|
14
14
|
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
<script setup lang="ts">
|
|
8
8
|
import { ref, inject, computed, onMounted, toRaw, watch } from 'vue'
|
|
9
9
|
import { animate, type Easing } from 'motion'
|
|
10
|
-
import { ScrollProgressKey } from '../
|
|
10
|
+
import { ScrollProgressKey } from '../symbols'
|
|
11
11
|
|
|
12
12
|
interface Props {
|
|
13
13
|
keyframes: Record<string, any> | null | undefined
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
<script setup lang="ts">
|
|
8
8
|
import { provide, computed } from 'vue'
|
|
9
9
|
import { useScroll } from '@vueuse/core'
|
|
10
|
-
import { ScrollPositionKey, ScrollParentKey } from '../
|
|
10
|
+
import { ScrollPositionKey, ScrollParentKey } from '../symbols'
|
|
11
11
|
|
|
12
12
|
interface Props {
|
|
13
13
|
active?: Boolean
|
|
@@ -18,7 +18,11 @@ import {
|
|
|
18
18
|
import { useIntersectionObserver } from '@vueuse/core'
|
|
19
19
|
import { mapValue } from '@maas/vue-equipment/utils'
|
|
20
20
|
import { useScrollApi } from '../composables/useScrollApi'
|
|
21
|
-
import {
|
|
21
|
+
import {
|
|
22
|
+
ScrollPositionKey,
|
|
23
|
+
ScrollParentKey,
|
|
24
|
+
ScrollProgressKey,
|
|
25
|
+
} from '../symbols'
|
|
22
26
|
|
|
23
27
|
import type { FromTo } from '../types'
|
|
24
28
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ref, inject, toValue } from "vue";
|
|
2
2
|
import { useElementBounding, useWindowSize } from "@vueuse/core";
|
|
3
|
-
import { ScrollPositionKey } from "../
|
|
3
|
+
import { ScrollPositionKey } from "../symbols/index.mjs";
|
|
4
4
|
import { clampValue } from "@maas/vue-equipment/utils";
|
|
5
5
|
export function useScrollApi(params) {
|
|
6
6
|
const { child, parent, from, to } = params;
|
|
@@ -30,5 +30,4 @@ type Dimensions = {
|
|
|
30
30
|
height: number;
|
|
31
31
|
};
|
|
32
32
|
type FromTo = 'top-top' | 'top-center' | 'top-bottom' | 'center-top' | 'center-center' | 'center-bottom' | 'bottom-top' | 'bottom-center' | 'bottom-bottom';
|
|
33
|
-
export * from './injectionKeys.js';
|
|
34
33
|
export type { FromTo, CollisionEvents, CollisionEntry, CollisionMappedEntry, Dimensions, };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./injectionKeys.mjs";
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maas/vue-equipment",
|
|
3
3
|
"description": "A magic collection of Vue composables, plugins, components and directives",
|
|
4
|
-
"version": "0.9.
|
|
4
|
+
"version": "0.9.3",
|
|
5
5
|
"author": "Robin Scholz <https://github.com/robinscholz>, Christoph Jeworutzki <https://github.com/ChristophJeworutzki>",
|
|
6
6
|
"devDependencies": {
|
|
7
7
|
"@antfu/ni": "^0.21.5",
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|