@maas/vue-equipment 1.0.0-beta.4 → 1.0.0-beta.40
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/README.md +2 -2
- package/dist/composables/useCountdown/index.d.ts +23 -0
- package/dist/composables/useCountdown/index.js +133 -0
- package/dist/composables/useCountdown/index.js.map +1 -0
- package/dist/composables/useEasings/index.d.ts +21 -0
- package/dist/composables/useEasings/index.js +40 -0
- package/dist/composables/useEasings/index.js.map +1 -0
- package/dist/composables/useMetaViewport/index.d.ts +9 -0
- package/dist/composables/useMetaViewport/index.js +29 -0
- package/dist/composables/useMetaViewport/index.js.map +1 -0
- package/dist/composables/useScrollTo/index.d.ts +49 -0
- package/dist/composables/useScrollTo/index.js +152 -0
- package/dist/composables/useScrollTo/index.js.map +1 -0
- package/dist/nuxt/module.d.mts +4 -3
- package/dist/nuxt/module.json +2 -2
- package/dist/nuxt/module.mjs +55 -35
- package/dist/nuxt/types.d.mts +3 -1
- package/dist/plugins/MagicAccordion/nuxt.d.ts +1 -1
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.d.vue.ts +26 -0
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue +70 -84
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue.d.ts +11 -24
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionProvider.d.vue.ts +20 -0
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionProvider.vue +18 -32
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionProvider.vue.d.ts +7 -20
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.d.vue.ts +23 -0
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue +62 -62
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue.d.ts +10 -59
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.d.vue.ts +20 -0
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.vue +40 -45
- package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.vue.d.ts +9 -22
- package/dist/plugins/MagicAccordion/src/composables/private/useAccordionCallback.mjs +1 -1
- package/dist/plugins/MagicAccordion/src/composables/private/useAccordionTrigger.d.ts +4 -4
- package/dist/plugins/MagicAccordion/src/composables/private/useAccordionTrigger.mjs +9 -8
- package/dist/plugins/MagicAccordion/src/composables/private/useAccordionView.mjs +1 -0
- package/dist/plugins/MagicAccordion/src/composables/useMagicAccordion.d.ts +1 -5
- package/dist/plugins/MagicAccordion/src/composables/useMagicAccordion.mjs +3 -3
- package/dist/plugins/MagicAccordion/src/symbols/index.d.ts +2 -2
- package/dist/plugins/MagicAccordion/src/types/index.d.ts +2 -2
- package/dist/plugins/MagicCommand/nuxt.d.ts +1 -1
- package/dist/plugins/MagicCommand/src/components/MagicCommandContent.d.vue.ts +15 -0
- package/dist/plugins/MagicCommand/src/components/MagicCommandContent.vue +164 -152
- package/dist/plugins/MagicCommand/src/components/MagicCommandContent.vue.d.ts +9 -15
- package/dist/plugins/MagicCommand/src/components/MagicCommandDrawer.d.vue.ts +17 -0
- package/dist/plugins/MagicCommand/src/components/MagicCommandDrawer.vue +50 -54
- package/dist/plugins/MagicCommand/src/components/MagicCommandDrawer.vue.d.ts +7 -20
- package/dist/plugins/MagicCommand/src/components/MagicCommandItem.d.vue.ts +27 -0
- package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue +89 -87
- package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue.d.ts +15 -28
- package/dist/plugins/MagicCommand/src/components/MagicCommandModal.d.vue.ts +17 -0
- package/dist/plugins/MagicCommand/src/components/MagicCommandModal.vue +39 -49
- package/dist/plugins/MagicCommand/src/components/MagicCommandModal.vue.d.ts +7 -20
- package/dist/plugins/MagicCommand/src/components/MagicCommandProvider.d.vue.ts +20 -0
- package/dist/plugins/MagicCommand/src/components/MagicCommandProvider.vue +75 -76
- package/dist/plugins/MagicCommand/src/components/MagicCommandProvider.vue.d.ts +7 -57
- package/dist/plugins/MagicCommand/src/components/MagicCommandRenderer.d.vue.ts +3 -0
- package/dist/plugins/MagicCommand/src/components/MagicCommandRenderer.vue +30 -40
- package/dist/plugins/MagicCommand/src/components/MagicCommandRenderer.vue.d.ts +2 -1
- package/dist/plugins/MagicCommand/src/components/MagicCommandTrigger.d.vue.ts +24 -0
- package/dist/plugins/MagicCommand/src/components/MagicCommandTrigger.vue +88 -85
- package/dist/plugins/MagicCommand/src/components/MagicCommandTrigger.vue.d.ts +10 -61
- package/dist/plugins/MagicCommand/src/components/MagicCommandView.d.vue.ts +19 -0
- package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue +44 -48
- package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue.d.ts +9 -22
- package/dist/plugins/MagicCommand/src/composables/private/useCommandCallback.mjs +1 -1
- package/dist/plugins/MagicCommand/src/composables/private/useCommandItem.mjs +11 -13
- package/dist/plugins/MagicCommand/src/composables/private/useCommandScroll.d.ts +2 -2
- package/dist/plugins/MagicCommand/src/composables/private/useCommandState.mjs +1 -1
- package/dist/plugins/MagicCommand/src/composables/private/useCommandTrigger.d.ts +2 -2
- package/dist/plugins/MagicCommand/src/composables/private/useCommandTrigger.mjs +3 -2
- package/dist/plugins/MagicCommand/src/composables/private/useCommandView.d.ts +1 -1
- package/dist/plugins/MagicCommand/src/composables/private/useCommandView.mjs +63 -44
- package/dist/plugins/MagicCommand/src/composables/useMagicCommand.mjs +21 -4
- package/dist/plugins/MagicCommand/src/symbols/index.d.ts +4 -4
- package/dist/plugins/MagicCommand/src/types/index.d.ts +3 -3
- package/dist/plugins/MagicCookie/nuxt.d.ts +1 -1
- package/dist/plugins/MagicCookie/src/components/MagicCookieItem.d.vue.ts +20 -0
- package/dist/plugins/MagicCookie/src/components/MagicCookieItem.vue +43 -41
- package/dist/plugins/MagicCookie/src/components/MagicCookieItem.vue.d.ts +9 -22
- package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.d.vue.ts +19 -0
- package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.vue +19 -36
- package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.vue.d.ts +7 -20
- package/dist/plugins/MagicCookie/src/components/MagicCookieView.d.vue.ts +17 -0
- package/dist/plugins/MagicCookie/src/components/MagicCookieView.vue +47 -73
- package/dist/plugins/MagicCookie/src/components/MagicCookieView.vue.d.ts +11 -15
- package/dist/plugins/MagicCookie/src/composables/private/useCookieCallback.mjs +1 -1
- package/dist/plugins/MagicCookie/src/composables/private/useCookieItem.mjs +12 -4
- package/dist/plugins/MagicCookie/src/composables/useMagicCookie.d.ts +2 -1
- package/dist/plugins/MagicCookie/src/composables/useMagicCookie.mjs +10 -6
- package/dist/plugins/MagicCookie/src/symbols/index.d.ts +2 -2
- package/dist/plugins/MagicCookie/src/types/index.d.ts +3 -2
- package/dist/plugins/MagicDraggable/nuxt.d.ts +1 -1
- package/dist/plugins/MagicDraggable/src/components/MagicDraggable.d.vue.ts +19 -0
- package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue +92 -101
- package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue.d.ts +7 -24
- package/dist/plugins/MagicDraggable/src/composables/private/useDraggableDrag.d.ts +2 -2
- package/dist/plugins/MagicDraggable/src/composables/private/useDraggableDrag.mjs +51 -66
- package/dist/plugins/MagicDraggable/src/composables/private/useDraggableScrollLock.mjs +37 -15
- package/dist/plugins/MagicDraggable/src/composables/private/useDraggableSnap.d.ts +2 -15
- package/dist/plugins/MagicDraggable/src/composables/private/useDraggableSnap.mjs +111 -56
- package/dist/plugins/MagicDraggable/src/composables/private/useDraggableState.mjs +6 -5
- package/dist/plugins/MagicDraggable/src/composables/useMagicDraggable.mjs +1 -1
- package/dist/plugins/MagicDraggable/src/types/index.d.ts +4 -3
- package/dist/plugins/MagicDraggable/src/utils/defaultOptions.mjs +1 -1
- package/dist/plugins/MagicDrawer/nuxt.d.ts +1 -1
- package/dist/plugins/MagicDrawer/src/components/MagicDrawer.d.vue.ts +31 -0
- package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue +290 -324
- package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue.d.ts +19 -35
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerCallback.mjs +2 -2
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDOM.mjs +37 -15
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDrag.d.ts +2 -2
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDrag.mjs +10 -5
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerGuards.d.ts +1 -1
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerGuards.mjs +28 -10
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerProgress.d.ts +2 -2
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerProgress.mjs +1 -1
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerSnap.d.ts +3 -3
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerSnap.mjs +55 -19
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerState.mjs +3 -1
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerUtils.mjs +21 -8
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerWheel.d.ts +1 -1
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerWheel.mjs +7 -2
- package/dist/plugins/MagicDrawer/src/composables/useMagicDrawer.mjs +1 -1
- package/dist/plugins/MagicDrawer/src/types/index.mjs +1 -0
- package/dist/plugins/MagicDrawer/src/utils/defaultOptions.mjs +2 -2
- package/dist/plugins/MagicEmitter/nuxt.d.ts +1 -1
- package/dist/plugins/MagicEmitter/src/composables/useMagicEmitter.d.ts +202 -100
- package/dist/plugins/MagicEmitter/src/types/index.d.ts +2 -0
- package/dist/plugins/MagicError/index.d.ts +5 -0
- package/dist/plugins/MagicError/index.mjs +3 -0
- package/dist/plugins/MagicError/nuxt.d.ts +2 -0
- package/dist/plugins/MagicError/nuxt.mjs +12 -0
- package/dist/plugins/MagicError/package.json +40 -0
- package/dist/plugins/MagicError/src/MagicError.mjs +0 -0
- package/dist/plugins/MagicError/src/class/MagicError.d.ts +6 -0
- package/dist/plugins/MagicError/src/class/MagicError.mjs +15 -0
- package/dist/plugins/MagicError/src/composables/useMagicError.d.ts +18 -0
- package/dist/plugins/MagicError/src/composables/useMagicError.mjs +31 -0
- package/dist/plugins/MagicMarquee/nuxt.d.ts +1 -1
- package/dist/plugins/MagicMarquee/src/components/MagicMarquee.d.vue.ts +21 -0
- package/dist/plugins/MagicMarquee/src/components/MagicMarquee.vue +38 -72
- package/dist/plugins/MagicMarquee/src/components/MagicMarquee.vue.d.ts +9 -24
- package/dist/plugins/MagicMarquee/src/composables/private/useMarqueeApi.d.ts +1 -1
- package/dist/plugins/MagicMarquee/src/composables/private/useMarqueeApi.mjs +8 -2
- package/dist/plugins/MagicMarquee/src/composables/useMagicMarquee.d.ts +1 -1
- package/dist/plugins/MagicMenu/nuxt.d.ts +1 -1
- package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.d.vue.ts +17 -0
- package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue +60 -60
- package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue.d.ts +7 -20
- package/dist/plugins/MagicMenu/src/components/MagicMenuContent.d.vue.ts +25 -0
- package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue +189 -216
- package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue.d.ts +11 -25
- package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.d.vue.ts +24 -0
- package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue +171 -198
- package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue.d.ts +12 -26
- package/dist/plugins/MagicMenu/src/components/MagicMenuItem.d.vue.ts +26 -0
- package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue +103 -112
- package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue.d.ts +15 -28
- package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.d.vue.ts +20 -0
- package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.vue +82 -81
- package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.vue.d.ts +7 -57
- package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.d.vue.ts +25 -0
- package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.vue +69 -86
- package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.vue.d.ts +10 -23
- package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.d.vue.ts +24 -0
- package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue +99 -97
- package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue.d.ts +12 -60
- package/dist/plugins/MagicMenu/src/components/MagicMenuView.d.vue.ts +20 -0
- package/dist/plugins/MagicMenu/src/components/MagicMenuView.vue +57 -61
- package/dist/plugins/MagicMenu/src/components/MagicMenuView.vue.d.ts +11 -24
- package/dist/plugins/MagicMenu/src/composables/private/useMenuCallback.mjs +2 -2
- package/dist/plugins/MagicMenu/src/composables/private/useMenuChannel.mjs +15 -5
- package/dist/plugins/MagicMenu/src/composables/private/useMenuCursor.d.ts +3 -3
- package/dist/plugins/MagicMenu/src/composables/private/useMenuCursor.mjs +4 -4
- package/dist/plugins/MagicMenu/src/composables/private/useMenuDOM.mjs +38 -16
- package/dist/plugins/MagicMenu/src/composables/private/useMenuItem.mjs +12 -2
- package/dist/plugins/MagicMenu/src/composables/private/useMenuKeyListener.d.ts +2 -2
- package/dist/plugins/MagicMenu/src/composables/private/useMenuKeyListener.mjs +45 -18
- package/dist/plugins/MagicMenu/src/composables/private/useMenuTrigger.d.ts +2 -2
- package/dist/plugins/MagicMenu/src/composables/private/useMenuTrigger.mjs +4 -2
- package/dist/plugins/MagicMenu/src/composables/private/useMenuView.mjs +31 -10
- package/dist/plugins/MagicMenu/src/composables/useMagicMenu.mjs +1 -0
- package/dist/plugins/MagicMenu/src/symbols/index.d.ts +4 -4
- package/dist/plugins/MagicMenu/src/types/index.d.ts +4 -4
- package/dist/plugins/MagicModal/nuxt.d.ts +1 -1
- package/dist/plugins/MagicModal/src/components/MagicModal.d.vue.ts +24 -0
- package/dist/plugins/MagicModal/src/components/MagicModal.vue +134 -171
- package/dist/plugins/MagicModal/src/components/MagicModal.vue.d.ts +11 -25
- package/dist/plugins/MagicModal/src/composables/private/useModalCallback.mjs +1 -1
- package/dist/plugins/MagicModal/src/composables/private/useModalDOM.mjs +37 -15
- package/dist/plugins/MagicModal/src/types/index.d.ts +2 -2
- package/dist/plugins/MagicModal/src/types/index.mjs +1 -0
- package/dist/plugins/MagicNoise/nuxt.d.ts +1 -1
- package/dist/plugins/MagicNoise/src/components/MagicNoise.d.vue.ts +8 -0
- package/dist/plugins/MagicNoise/src/components/MagicNoise.vue +50 -81
- package/dist/plugins/MagicNoise/src/components/MagicNoise.vue.d.ts +2 -10
- package/dist/plugins/MagicNoise/src/composables/private/useNoiseApi.d.ts +3 -3
- package/dist/plugins/MagicNoise/src/composables/private/useNoiseApi.mjs +17 -9
- package/dist/plugins/MagicNoise/src/types/index.d.ts +2 -0
- package/dist/plugins/MagicNoise/src/utils/defaultOptions.mjs +3 -1
- package/dist/plugins/MagicPie/index.d.ts +7 -0
- package/dist/plugins/MagicPie/index.mjs +8 -0
- package/dist/plugins/MagicPie/nuxt.d.ts +2 -0
- package/dist/plugins/MagicPie/nuxt.mjs +23 -0
- package/dist/plugins/MagicPie/src/components/MagicPie.d.vue.ts +8 -0
- package/dist/plugins/MagicPie/src/components/MagicPie.vue +181 -0
- package/dist/plugins/MagicPie/src/components/MagicPie.vue.d.ts +8 -0
- package/dist/plugins/MagicPie/src/composables/private/usePieState.d.ts +6 -0
- package/dist/plugins/MagicPie/src/composables/private/usePieState.mjs +35 -0
- package/dist/plugins/MagicPie/src/composables/useMagicPie.d.ts +13 -0
- package/dist/plugins/MagicPie/src/composables/useMagicPie.mjs +43 -0
- package/dist/plugins/MagicPie/src/types/index.d.ts +9 -0
- package/dist/plugins/MagicPie/src/types/index.mjs +0 -0
- package/dist/plugins/MagicPlayer/nuxt.d.ts +1 -1
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudio.d.vue.ts +3 -0
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudio.vue +103 -65
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudio.vue.d.ts +2 -1
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudioControls.d.vue.ts +18 -0
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudioControls.vue +129 -127
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudioControls.vue.d.ts +10 -25
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerDisplayTime.d.vue.ts +6 -0
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerDisplayTime.vue +38 -42
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerDisplayTime.vue.d.ts +2 -10
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerMuxPopover.d.vue.ts +6 -0
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerMuxPopover.vue +131 -102
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerMuxPopover.vue.d.ts +2 -10
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.d.vue.ts +25 -0
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue +140 -82
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue.d.ts +18 -13
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerPoster.d.vue.ts +13 -0
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerPoster.vue +26 -36
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerPoster.vue.d.ts +7 -11
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerProvider.d.vue.ts +19 -0
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerProvider.vue +66 -56
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerProvider.vue.d.ts +7 -22
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerTimeline.d.vue.ts +3 -0
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerTimeline.vue +66 -109
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerTimeline.vue.d.ts +2 -1
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideo.d.vue.ts +3 -0
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideo.vue +128 -68
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideo.vue.d.ts +2 -1
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideoControls.d.vue.ts +36 -0
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideoControls.vue +185 -210
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideoControls.vue.d.ts +25 -34
- package/dist/plugins/MagicPlayer/src/components/icons/FullscreenEnter.d.vue.ts +3 -0
- package/dist/plugins/MagicPlayer/src/components/icons/FullscreenEnter.vue.d.ts +2 -1
- package/dist/plugins/MagicPlayer/src/components/icons/FullscreenExit.d.vue.ts +3 -0
- package/dist/plugins/MagicPlayer/src/components/icons/FullscreenExit.vue.d.ts +2 -1
- package/dist/plugins/MagicPlayer/src/components/icons/Pause.d.vue.ts +3 -0
- package/dist/plugins/MagicPlayer/src/components/icons/Pause.vue.d.ts +2 -1
- package/dist/plugins/MagicPlayer/src/components/icons/Play.d.vue.ts +3 -0
- package/dist/plugins/MagicPlayer/src/components/icons/Play.vue.d.ts +2 -1
- package/dist/plugins/MagicPlayer/src/components/icons/VolumeOff.d.vue.ts +3 -0
- package/dist/plugins/MagicPlayer/src/components/icons/VolumeOff.vue.d.ts +2 -1
- package/dist/plugins/MagicPlayer/src/components/icons/VolumeOn.d.vue.ts +3 -0
- package/dist/plugins/MagicPlayer/src/components/icons/VolumeOn.vue.d.ts +2 -1
- package/dist/plugins/MagicPlayer/src/components/icons/Waiting.d.vue.ts +3 -0
- package/dist/plugins/MagicPlayer/src/components/icons/Waiting.vue.d.ts +2 -1
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerAudioApi.d.ts +0 -4
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerAudioApi.mjs +9 -52
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerControlsApi.d.ts +8 -34
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerControlsApi.mjs +170 -234
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerEmitter.d.ts +8 -0
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerEmitter.mjs +103 -0
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerMediaApi.d.ts +3 -17
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerMediaApi.mjs +113 -176
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerProvider.d.ts +6 -0
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerProvider.mjs +34 -0
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerRuntime.d.ts +4 -4
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerRuntime.mjs +113 -49
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerState.d.ts +7 -0
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerState.mjs +62 -0
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerVideoApi.d.ts +4 -8
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerVideoApi.mjs +50 -93
- package/dist/plugins/MagicPlayer/src/composables/useMagicPlayer.d.ts +37 -52
- package/dist/plugins/MagicPlayer/src/composables/useMagicPlayer.mjs +53 -3
- package/dist/plugins/MagicPlayer/src/css/magic-player-audio-controls.css +0 -1
- package/dist/plugins/MagicPlayer/src/css/magic-player-overlay.css +0 -0
- package/dist/plugins/MagicPlayer/src/css/magic-player-timeline.css +5 -0
- package/dist/plugins/MagicPlayer/src/symbols/index.d.ts +6 -2
- package/dist/plugins/MagicPlayer/src/symbols/index.mjs +12 -1
- package/dist/plugins/MagicPlayer/src/types/index.d.ts +77 -10
- package/dist/plugins/MagicPlayer/src/utils/defaultOptions.d.ts +2 -2
- package/dist/plugins/MagicPlayer/src/utils/defaultOptions.mjs +7 -1
- package/dist/plugins/MagicPlayer/src/utils/playbackDefaults.d.ts +3 -0
- package/dist/plugins/MagicPlayer/src/utils/playbackDefaults.mjs +7 -0
- package/dist/plugins/MagicScroll/nuxt.d.ts +1 -1
- package/dist/plugins/MagicScroll/src/components/MagicScrollCollision.d.vue.ts +18 -0
- package/dist/plugins/MagicScroll/src/components/MagicScrollCollision.vue +60 -61
- package/dist/plugins/MagicScroll/src/components/MagicScrollCollision.vue.d.ts +7 -22
- package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.d.vue.ts +20 -0
- package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.vue +56 -71
- package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.vue.d.ts +7 -22
- package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.d.vue.ts +36 -0
- package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.vue +26 -33
- package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.vue.d.ts +25 -38
- package/dist/plugins/MagicScroll/src/components/MagicScrollScene.d.vue.ts +20 -0
- package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue +71 -71
- package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue.d.ts +9 -24
- package/dist/plugins/MagicScroll/src/composables/private/useCollisionDetection.d.ts +2 -2
- package/dist/plugins/MagicScroll/src/composables/private/useCollisionDetection.mjs +17 -7
- package/dist/plugins/MagicScroll/src/composables/private/useScrollApi.d.ts +2 -2
- package/dist/plugins/MagicScroll/src/composables/private/useScrollApi.mjs +41 -26
- package/dist/plugins/MagicScroll/src/symbols/index.d.ts +1 -1
- package/dist/plugins/MagicToast/nuxt.d.ts +1 -1
- package/dist/plugins/MagicToast/src/components/MagicToastProvider.d.vue.ts +15 -0
- package/dist/plugins/MagicToast/src/components/MagicToastProvider.vue +91 -110
- package/dist/plugins/MagicToast/src/components/MagicToastProvider.vue.d.ts +8 -16
- package/dist/plugins/MagicToast/src/components/MagicToastView.d.vue.ts +17 -0
- package/dist/plugins/MagicToast/src/components/MagicToastView.vue +66 -82
- package/dist/plugins/MagicToast/src/components/MagicToastView.vue.d.ts +7 -23
- package/dist/plugins/MagicToast/src/composables/private/useToastCallback.mjs +9 -7
- package/dist/plugins/MagicToast/src/composables/private/useToastDrag.mjs +23 -23
- package/dist/plugins/MagicToast/src/composables/private/useToastListener.mjs +1 -0
- package/dist/plugins/MagicToast/src/composables/private/useToastScrollLock.mjs +36 -16
- package/dist/plugins/MagicToast/src/composables/private/useToastView.mjs +1 -0
- package/dist/plugins/MagicToast/src/types/index.d.ts +11 -11
- package/dist/plugins/MagicToast/src/utils/defaultOptions.mjs +1 -1
- package/dist/utils/css/animations/fade-down.css +9 -0
- package/dist/utils/css/animations.css +9 -22
- package/dist/utils/css/easings.css +9 -1
- package/dist/utils/css/keyframes.css +22 -0
- package/dist/utils/index.d.ts +9 -4
- package/dist/utils/index.js +42 -4
- package/dist/utils/index.js.map +1 -1
- package/package.json +25 -21
- package/dist/composables/index.d.ts +0 -97
- package/dist/composables/index.js +0 -338
- package/dist/composables/index.js.map +0 -1
- package/dist/nuxt/module.cjs +0 -5
- package/dist/nuxt/module.d.ts +0 -9
- package/dist/nuxt/types.d.ts +0 -1
- package/dist/plugins/.turbo/turbo-lint.log +0 -13
- package/dist/plugins/.turbo/turbo-release.log +0 -7
- 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
- package/dist/plugins/index.d.ts +0 -13
- package/dist/plugins/index.mjs +0 -13
- package/dist/utils/css/transitions.css +0 -8
- /package/dist/plugins/{.turbo/turbo-build.log → MagicError/src/MagicError.d.ts} +0 -0
- /package/dist/plugins/MagicToast/{symbols → src/symbols}/index.d.ts +0 -0
- /package/dist/plugins/MagicToast/{symbols → src/symbols}/index.mjs +0 -0
- /package/dist/utils/css/{transitions → animations}/clip.css +0 -0
- /package/dist/utils/css/{transitions → animations}/fade-up.css +0 -0
- /package/dist/utils/css/{transitions → animations}/fade.css +0 -0
- /package/dist/utils/css/{transitions → animations}/slide-btt.css +0 -0
- /package/dist/utils/css/{transitions → animations}/slide-ltr.css +0 -0
- /package/dist/utils/css/{transitions → animations}/slide-rtl.css +0 -0
- /package/dist/utils/css/{transitions → animations}/slide-ttb.css +0 -0
- /package/dist/utils/css/{transitions → animations}/zoom.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/auto-size-out.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/clip-in.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/clip-out.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/fade-down-in.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/fade-down-out.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/fade-in.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/fade-out.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/fade-up-in.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/fade-up-out.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/flip-in.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/flip-out.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/slide-btt-in.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/slide-btt-out.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/slide-ltr-in.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/slide-ltr-out.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/slide-rtl-in.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/slide-rtl-out.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/slide-ttb-in.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/slide-ttb-out.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/squash-y.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/zoom-in.css +0 -0
- /package/dist/utils/css/{animations → keyframes}/zoom-out.css +0 -0
package/dist/nuxt/module.mjs
CHANGED
|
@@ -6,119 +6,133 @@ const functions$1 = [
|
|
|
6
6
|
"package": "plugins",
|
|
7
7
|
lastUpdated: 1739184559000,
|
|
8
8
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicAccordion/",
|
|
9
|
-
description: "
|
|
9
|
+
description: "MagicAccordion is a collection of components intended for building vertically stacked headlines where each reveals related content"
|
|
10
10
|
},
|
|
11
11
|
{
|
|
12
12
|
name: "MagicCommand",
|
|
13
13
|
"package": "plugins",
|
|
14
14
|
lastUpdated: 1739184559000,
|
|
15
15
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicCommand/",
|
|
16
|
-
description: "
|
|
16
|
+
description: "MagicCommand is a flexible collection of components intended to build command palette style menus"
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
19
|
name: "MagicCookie",
|
|
20
20
|
"package": "plugins",
|
|
21
21
|
lastUpdated: 1739184559000,
|
|
22
22
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicCookie/",
|
|
23
|
-
description: "
|
|
23
|
+
description: "MagicCookie is a flexible collection of components intended to build cookie banners"
|
|
24
24
|
},
|
|
25
25
|
{
|
|
26
26
|
name: "MagicDraggable",
|
|
27
27
|
"package": "plugins",
|
|
28
28
|
lastUpdated: 1727253131000,
|
|
29
29
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicDraggable/",
|
|
30
|
-
description: "
|
|
30
|
+
description: "MagicDraggable is a touch enabled"
|
|
31
31
|
},
|
|
32
32
|
{
|
|
33
33
|
name: "MagicDrawer",
|
|
34
34
|
"package": "plugins",
|
|
35
35
|
lastUpdated: 1716533739000,
|
|
36
36
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicDrawer/",
|
|
37
|
-
description: "
|
|
37
|
+
description: "MagicDrawer is a flexible"
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
40
|
name: "MagicEmitter",
|
|
41
41
|
"package": "plugins",
|
|
42
42
|
lastUpdated: 1715072559000,
|
|
43
43
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicEmitter/",
|
|
44
|
-
description: "
|
|
44
|
+
description: "MagicEmitter is a wrapper around [mitt](https://github.com/developit/mitt)"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
name: "MagicError",
|
|
48
|
+
"package": "plugins",
|
|
49
|
+
lastUpdated: 1754925604000,
|
|
50
|
+
docs: "https://maas.egineering/vue-equipment/plugins/MagicError/",
|
|
51
|
+
description: "MagicError is a composable and a class used throughout Vue Equipment for error handling and logging"
|
|
45
52
|
},
|
|
46
53
|
{
|
|
47
54
|
name: "MagicMarquee",
|
|
48
55
|
"package": "plugins",
|
|
49
56
|
lastUpdated: 1739184559000,
|
|
50
57
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicMarquee/",
|
|
51
|
-
description: "
|
|
58
|
+
description: "MagicMarquee is a flexible"
|
|
52
59
|
},
|
|
53
60
|
{
|
|
54
61
|
name: "MagicMenu",
|
|
55
62
|
"package": "plugins",
|
|
56
63
|
lastUpdated: 1739184559000,
|
|
57
64
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicMenu/",
|
|
58
|
-
description: "
|
|
65
|
+
description: "MagicMenu is a flexible collection of components intended to build various types of menus and navigation"
|
|
59
66
|
},
|
|
60
67
|
{
|
|
61
68
|
name: "MagicModal",
|
|
62
69
|
"package": "plugins",
|
|
63
70
|
lastUpdated: 1716533739000,
|
|
64
71
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicModal/",
|
|
65
|
-
description: "
|
|
72
|
+
description: "MagicModal is a flexible"
|
|
66
73
|
},
|
|
67
74
|
{
|
|
68
75
|
name: "MagicNoise",
|
|
69
76
|
"package": "plugins",
|
|
70
77
|
lastUpdated: 1739184559000,
|
|
71
78
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicNoise/",
|
|
72
|
-
description: "
|
|
79
|
+
description: "MagicNoise is a rendition of pixelated static noise"
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
name: "MagicPie",
|
|
83
|
+
"package": "plugins",
|
|
84
|
+
lastUpdated: 1742976176000,
|
|
85
|
+
docs: "https://maas.egineering/vue-equipment/plugins/MagicPie/",
|
|
86
|
+
description: "MagicPie renders a percentage based value as `SVG`"
|
|
73
87
|
},
|
|
74
88
|
{
|
|
75
89
|
name: "MagicPlayer",
|
|
76
90
|
"package": "plugins",
|
|
77
91
|
lastUpdated: 1739184559000,
|
|
78
92
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicPlayer/",
|
|
79
|
-
description: "
|
|
93
|
+
description: "MagicPlayer is a collection of components made to build a flexible"
|
|
80
94
|
},
|
|
81
95
|
{
|
|
82
96
|
name: "MagicScroll",
|
|
83
97
|
"package": "plugins",
|
|
84
98
|
lastUpdated: 1739184559000,
|
|
85
99
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicScroll/",
|
|
86
|
-
description: "
|
|
100
|
+
description: "MagicScroll is a flexible collection of components intended to build various types of scroll-based animations and alerts"
|
|
87
101
|
},
|
|
88
102
|
{
|
|
89
103
|
name: "MagicToast",
|
|
90
104
|
"package": "plugins",
|
|
91
105
|
lastUpdated: 1739184559000,
|
|
92
106
|
docs: "https://maas.egineering/vue-equipment/plugins/MagicToast/",
|
|
93
|
-
description: "
|
|
107
|
+
description: "MagicToast let’s you trigger and display toasts from anywhere"
|
|
94
108
|
},
|
|
95
109
|
{
|
|
96
110
|
name: "useCountdown",
|
|
97
111
|
"package": "composables",
|
|
98
|
-
lastUpdated:
|
|
112
|
+
lastUpdated: 1740490390000,
|
|
99
113
|
docs: "https://maas.egineering/vue-equipment/composables/useCountdown/",
|
|
100
|
-
description: "
|
|
114
|
+
description: "Calculate the remaining time until a given moment"
|
|
101
115
|
},
|
|
102
116
|
{
|
|
103
117
|
name: "useEasings",
|
|
104
118
|
"package": "composables",
|
|
105
119
|
lastUpdated: 1714734283000,
|
|
106
120
|
docs: "https://maas.egineering/vue-equipment/composables/useEasings/",
|
|
107
|
-
description: "
|
|
121
|
+
description: "A standard set of easing functions neatly packaged into a composable"
|
|
108
122
|
},
|
|
109
123
|
{
|
|
110
124
|
name: "useMetaViewport",
|
|
111
125
|
"package": "composables",
|
|
112
|
-
lastUpdated:
|
|
126
|
+
lastUpdated: 1740490390000,
|
|
113
127
|
docs: "https://maas.egineering/vue-equipment/composables/useMetaViewport/",
|
|
114
|
-
description: "
|
|
128
|
+
description: "Set and reset the meta viewport tag programatically"
|
|
115
129
|
},
|
|
116
130
|
{
|
|
117
131
|
name: "useScrollTo",
|
|
118
132
|
"package": "composables",
|
|
119
|
-
lastUpdated:
|
|
133
|
+
lastUpdated: 1757314730000,
|
|
120
134
|
docs: "https://maas.egineering/vue-equipment/composables/useScrollTo/",
|
|
121
|
-
description: "
|
|
135
|
+
description: "Scroll to an element with consistent speed"
|
|
122
136
|
}
|
|
123
137
|
];
|
|
124
138
|
|
|
@@ -133,29 +147,33 @@ const module = defineNuxtModule({
|
|
|
133
147
|
configKey: "vueEquipment"
|
|
134
148
|
},
|
|
135
149
|
defaults: {
|
|
136
|
-
plugins:
|
|
137
|
-
composables:
|
|
150
|
+
plugins: false,
|
|
151
|
+
composables: false
|
|
138
152
|
},
|
|
139
153
|
async setup(options, nuxt) {
|
|
140
154
|
let mappedPlugins;
|
|
141
155
|
let mappedComposables;
|
|
142
156
|
const resolver = createResolver(import.meta.url);
|
|
143
157
|
nuxt.options.build.transpile.push("@maas/vue-equipment");
|
|
144
|
-
extendViteConfig((config) => {
|
|
145
|
-
config.optimizeDeps = config.optimizeDeps || {};
|
|
146
|
-
config.optimizeDeps.exclude = config.optimizeDeps.exclude || [];
|
|
147
|
-
config.optimizeDeps.exclude.push("@maas/vue-equipment/plugins");
|
|
148
|
-
});
|
|
149
158
|
const packages = ["plugins", "composables", "utils"];
|
|
150
|
-
nuxt.options.alias = nuxt.options.alias
|
|
151
|
-
|
|
152
|
-
nuxt.options.alias[`@maas/vue-equipment/${pkg}`] = nuxt.options.alias[`@maas/vue-equipment/${pkg}`]
|
|
153
|
-
}
|
|
159
|
+
nuxt.options.alias = nuxt.options.alias ?? {};
|
|
160
|
+
for (const pkg of packages) {
|
|
161
|
+
nuxt.options.alias[`@maas/vue-equipment/${pkg}`] = nuxt.options.alias[`@maas/vue-equipment/${pkg}`] ?? resolver.resolve(`../${pkg}`);
|
|
162
|
+
}
|
|
154
163
|
if (options.plugins === true) {
|
|
155
164
|
mappedPlugins = plugins.map((fn) => fn.name);
|
|
156
165
|
} else {
|
|
157
166
|
mappedPlugins = options.plugins || [];
|
|
158
167
|
}
|
|
168
|
+
extendViteConfig((config) => {
|
|
169
|
+
config.optimizeDeps = config.optimizeDeps ?? {};
|
|
170
|
+
config.optimizeDeps.exclude = config.optimizeDeps.exclude ?? [];
|
|
171
|
+
for (const plugin of mappedPlugins) {
|
|
172
|
+
config.optimizeDeps.exclude.push(
|
|
173
|
+
`@maas/vue-equipment/plugins/${plugin}`
|
|
174
|
+
);
|
|
175
|
+
}
|
|
176
|
+
});
|
|
159
177
|
for (const plugin of mappedPlugins) {
|
|
160
178
|
const nuxtPlugin = await resolver.resolvePath(
|
|
161
179
|
`@maas/vue-equipment/plugins/${plugin}/nuxt`
|
|
@@ -167,10 +185,12 @@ const module = defineNuxtModule({
|
|
|
167
185
|
} else {
|
|
168
186
|
mappedComposables = options.composables || [];
|
|
169
187
|
}
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
188
|
+
for (const composable of mappedComposables) {
|
|
189
|
+
addImportsSources({
|
|
190
|
+
from: `@maas/vue-equipment/composables/${composable}`,
|
|
191
|
+
imports: [composable]
|
|
192
|
+
});
|
|
193
|
+
}
|
|
174
194
|
}
|
|
175
195
|
});
|
|
176
196
|
|
package/dist/nuxt/types.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("
|
|
1
|
+
declare const _default: import("nuxt/schema").NuxtModule<import("nuxt/schema").ModuleOptions, import("nuxt/schema").ModuleOptions, false>;
|
|
2
2
|
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import '@maas/vue-equipment/utils/css/keyframes/fade-in.css';
|
|
2
|
+
import '@maas/vue-equipment/utils/css/keyframes/auto-size-out.css';
|
|
3
|
+
import '@maas/vue-equipment/utils/css/easings.css';
|
|
4
|
+
interface MagicAccordionContentProps {
|
|
5
|
+
asChild?: boolean;
|
|
6
|
+
transition?: string;
|
|
7
|
+
animation?: {
|
|
8
|
+
duration: number;
|
|
9
|
+
easing: (t: number) => number;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
declare var __VLS_24: {
|
|
13
|
+
viewActive: boolean | undefined;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_Slots = {} & {
|
|
16
|
+
default?: (props: typeof __VLS_24) => any;
|
|
17
|
+
};
|
|
18
|
+
declare const __VLS_base: import("vue").DefineComponent<MagicAccordionContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -1,96 +1,82 @@
|
|
|
1
|
-
<
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<div
|
|
3
|
+
class="magic-accordion-content"
|
|
4
|
+
:data-active="view?.active"
|
|
5
|
+
:data-id="`${viewId}-content`"
|
|
6
|
+
:style="{ '--ma-duration': `${state.options.animation?.duration}ms` }"
|
|
7
|
+
>
|
|
8
|
+
<auto-size
|
|
9
|
+
:width="false"
|
|
10
|
+
:duration="mappedAnimation.duration"
|
|
11
|
+
:easing="mappedAnimation.easing"
|
|
12
|
+
>
|
|
13
|
+
<transition
|
|
14
|
+
:name="mappedTransition"
|
|
15
|
+
@before-enter="onBeforeEnter"
|
|
16
|
+
@enter="onEnter"
|
|
17
|
+
@after-enter="onAfterEnter"
|
|
18
|
+
@before-leave="onBeforeLeave"
|
|
19
|
+
@leave="onLeave"
|
|
20
|
+
@after-leave="onAfterLeave"
|
|
21
|
+
>
|
|
22
|
+
<primitive v-show="view?.active" :as-child="asChild">
|
|
23
|
+
<slot :view-active="view?.active" />
|
|
24
|
+
</primitive>
|
|
25
|
+
</transition>
|
|
26
|
+
</auto-size>
|
|
27
|
+
</div>
|
|
28
|
+
</template>
|
|
29
|
+
|
|
30
|
+
<script setup>
|
|
5
31
|
import { inject, computed } from "vue";
|
|
6
32
|
import { defu } from "defu";
|
|
7
33
|
import { AutoSize } from "@maas/vue-autosize";
|
|
8
34
|
import { Primitive } from "@maas/vue-primitive";
|
|
35
|
+
import {
|
|
36
|
+
useMagicError
|
|
37
|
+
} from "@maas/vue-equipment/plugins/MagicError";
|
|
9
38
|
import { useAccordionView } from "../composables/private/useAccordionView";
|
|
10
39
|
import { useAccordionState } from "../composables/private/useAccordionState";
|
|
11
40
|
import { useAccordionCallback } from "../composables/private/useAccordionCallback";
|
|
12
41
|
import { MagicAccordionInstanceId, MagicAccordionViewId } from "../symbols";
|
|
13
|
-
import "@maas/vue-equipment/utils/css/
|
|
14
|
-
import "@maas/vue-equipment/utils/css/
|
|
42
|
+
import "@maas/vue-equipment/utils/css/keyframes/fade-in.css";
|
|
43
|
+
import "@maas/vue-equipment/utils/css/keyframes/auto-size-out.css";
|
|
15
44
|
import "@maas/vue-equipment/utils/css/easings.css";
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
class: "magic-accordion-content",
|
|
52
|
-
"data-active": _unref(view)?.active,
|
|
53
|
-
style: _normalizeStyle({ "--ma-duration": `${_unref(state).options.animation?.duration}ms` })
|
|
54
|
-
}, [
|
|
55
|
-
_createVNode(_unref(AutoSize), {
|
|
56
|
-
width: false,
|
|
57
|
-
duration: mappedAnimation.value.duration,
|
|
58
|
-
easing: mappedAnimation.value.easing
|
|
59
|
-
}, {
|
|
60
|
-
default: _withCtx(() => [
|
|
61
|
-
_createVNode(_Transition, {
|
|
62
|
-
name: mappedTransition.value,
|
|
63
|
-
"on-before-enter": _unref(onBeforeEnter),
|
|
64
|
-
"on-enter": _unref(onEnter),
|
|
65
|
-
"on-after-enter": _unref(onAfterEnter),
|
|
66
|
-
"on-before-leave": _unref(onBeforeLeave),
|
|
67
|
-
"on-leave": _unref(onLeave),
|
|
68
|
-
"on-after-leave": _unref(onAfterLeave),
|
|
69
|
-
persisted: ""
|
|
70
|
-
}, {
|
|
71
|
-
default: _withCtx(() => [
|
|
72
|
-
_withDirectives(_createVNode(_unref(Primitive), { "as-child": _ctx.asChild }, {
|
|
73
|
-
default: _withCtx(() => [
|
|
74
|
-
_renderSlot(_ctx.$slots, "default", {
|
|
75
|
-
viewActive: _unref(view)?.active
|
|
76
|
-
})
|
|
77
|
-
]),
|
|
78
|
-
_: 3
|
|
79
|
-
/* FORWARDED */
|
|
80
|
-
}, 8, ["as-child"]), [
|
|
81
|
-
[_vShow, _unref(view)?.active]
|
|
82
|
-
])
|
|
83
|
-
]),
|
|
84
|
-
_: 3
|
|
85
|
-
/* FORWARDED */
|
|
86
|
-
}, 8, ["name", "on-before-enter", "on-enter", "on-after-enter", "on-before-leave", "on-leave", "on-after-leave"])
|
|
87
|
-
]),
|
|
88
|
-
_: 3
|
|
89
|
-
/* FORWARDED */
|
|
90
|
-
}, 8, ["duration", "easing"])
|
|
91
|
-
], 12, _hoisted_1);
|
|
92
|
-
};
|
|
93
|
-
}
|
|
45
|
+
const { transition, animation } = defineProps({
|
|
46
|
+
asChild: { type: Boolean, required: false },
|
|
47
|
+
transition: { type: String, required: false },
|
|
48
|
+
animation: { type: Object, required: false }
|
|
49
|
+
});
|
|
50
|
+
const magicError = useMagicError({
|
|
51
|
+
prefix: "MagicAccordion",
|
|
52
|
+
source: "MagicAccordionContent"
|
|
53
|
+
});
|
|
54
|
+
const instanceId = inject(MagicAccordionInstanceId, void 0);
|
|
55
|
+
const viewId = inject(MagicAccordionViewId, void 0);
|
|
56
|
+
magicError.assert(instanceId, {
|
|
57
|
+
message: "MagicAccordionContent must be nested inside MagicAccordionProvider",
|
|
58
|
+
errorCode: "missing_instance_id"
|
|
59
|
+
});
|
|
60
|
+
magicError.assert(viewId, {
|
|
61
|
+
message: "MagicAccordionContent must be nested inside MagicAccordionView",
|
|
62
|
+
errorCode: "missing_view_id"
|
|
63
|
+
});
|
|
64
|
+
const { initializeState } = useAccordionState(instanceId);
|
|
65
|
+
const state = initializeState();
|
|
66
|
+
const { getView } = useAccordionView(instanceId);
|
|
67
|
+
const view = getView(viewId);
|
|
68
|
+
const mappedTransition = computed(() => transition ?? state.options.transition);
|
|
69
|
+
const mappedAnimation = computed(() => defu(animation, state.options.animation));
|
|
70
|
+
const {
|
|
71
|
+
onBeforeEnter,
|
|
72
|
+
onEnter,
|
|
73
|
+
onAfterEnter,
|
|
74
|
+
onBeforeLeave,
|
|
75
|
+
onLeave,
|
|
76
|
+
onAfterLeave
|
|
77
|
+
} = useAccordionCallback({
|
|
78
|
+
instanceId,
|
|
79
|
+
viewId
|
|
94
80
|
});
|
|
95
81
|
</script>
|
|
96
82
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import '@maas/vue-equipment/utils/css/
|
|
2
|
-
import '@maas/vue-equipment/utils/css/
|
|
1
|
+
import '@maas/vue-equipment/utils/css/keyframes/fade-in.css';
|
|
2
|
+
import '@maas/vue-equipment/utils/css/keyframes/auto-size-out.css';
|
|
3
3
|
import '@maas/vue-equipment/utils/css/easings.css';
|
|
4
4
|
interface MagicAccordionContentProps {
|
|
5
5
|
asChild?: boolean;
|
|
@@ -9,30 +9,17 @@ interface MagicAccordionContentProps {
|
|
|
9
9
|
easing: (t: number) => number;
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
|
-
declare
|
|
13
|
-
|
|
14
|
-
slots: {
|
|
15
|
-
default?(_: {
|
|
16
|
-
viewActive: boolean | undefined;
|
|
17
|
-
}): any;
|
|
18
|
-
};
|
|
19
|
-
refs: {};
|
|
20
|
-
rootEl: HTMLDivElement;
|
|
12
|
+
declare var __VLS_24: {
|
|
13
|
+
viewActive: boolean | undefined;
|
|
21
14
|
};
|
|
22
|
-
type
|
|
23
|
-
|
|
24
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
25
|
-
export default _default;
|
|
26
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
27
|
-
type __VLS_TypePropsToOption<T> = {
|
|
28
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
29
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
30
|
-
} : {
|
|
31
|
-
type: import('vue').PropType<T[K]>;
|
|
32
|
-
required: true;
|
|
33
|
-
};
|
|
15
|
+
type __VLS_Slots = {} & {
|
|
16
|
+
default?: (props: typeof __VLS_24) => any;
|
|
34
17
|
};
|
|
35
|
-
|
|
18
|
+
declare const __VLS_base: import("vue").DefineComponent<MagicAccordionContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
36
23
|
new (): {
|
|
37
24
|
$slots: S;
|
|
38
25
|
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type MaybeRef } from 'vue';
|
|
2
|
+
import type { MagicAccordionOptions } from '../types/index.js';
|
|
3
|
+
interface MagicAccordionProviderProps {
|
|
4
|
+
id: MaybeRef<string>;
|
|
5
|
+
asChild?: boolean;
|
|
6
|
+
options?: MagicAccordionOptions;
|
|
7
|
+
}
|
|
8
|
+
declare var __VLS_7: {};
|
|
9
|
+
type __VLS_Slots = {} & {
|
|
10
|
+
default?: (props: typeof __VLS_7) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_base: import("vue").DefineComponent<MagicAccordionProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -1,37 +1,23 @@
|
|
|
1
|
-
<
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<primitive :data-id="id" :as-child="asChild" class="magic-accordion-provider">
|
|
3
|
+
<slot />
|
|
4
|
+
</primitive>
|
|
5
|
+
</template>
|
|
6
|
+
|
|
7
|
+
<script setup>
|
|
4
8
|
import { onBeforeUnmount, provide } from "vue";
|
|
5
9
|
import { Primitive } from "@maas/vue-primitive";
|
|
6
|
-
import { MagicAccordionInstanceId } from "../symbols";
|
|
7
10
|
import { useAccordionState } from "../composables/private/useAccordionState";
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
onBeforeUnmount(() => {
|
|
19
|
-
deleteState();
|
|
20
|
-
});
|
|
21
|
-
provide(MagicAccordionInstanceId, __props.id);
|
|
22
|
-
return (_ctx, _cache) => {
|
|
23
|
-
return _openBlock(), _createBlock(_unref(Primitive), {
|
|
24
|
-
id: _ctx.id,
|
|
25
|
-
"as-child": _ctx.asChild,
|
|
26
|
-
class: "magic-accordion-provider"
|
|
27
|
-
}, {
|
|
28
|
-
default: _withCtx(() => [
|
|
29
|
-
_renderSlot(_ctx.$slots, "default")
|
|
30
|
-
]),
|
|
31
|
-
_: 3
|
|
32
|
-
/* FORWARDED */
|
|
33
|
-
}, 8, ["id", "as-child"]);
|
|
34
|
-
};
|
|
35
|
-
}
|
|
11
|
+
import { MagicAccordionInstanceId } from "../symbols";
|
|
12
|
+
const { id, asChild, options } = defineProps({
|
|
13
|
+
id: { type: null, required: true },
|
|
14
|
+
asChild: { type: Boolean, required: false },
|
|
15
|
+
options: { type: Object, required: false }
|
|
16
|
+
});
|
|
17
|
+
const { deleteState, initializeState } = useAccordionState(id);
|
|
18
|
+
initializeState(options);
|
|
19
|
+
onBeforeUnmount(() => {
|
|
20
|
+
deleteState();
|
|
36
21
|
});
|
|
22
|
+
provide(MagicAccordionInstanceId, id);
|
|
37
23
|
</script>
|
|
@@ -5,28 +5,15 @@ interface MagicAccordionProviderProps {
|
|
|
5
5
|
asChild?: boolean;
|
|
6
6
|
options?: MagicAccordionOptions;
|
|
7
7
|
}
|
|
8
|
-
declare
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
default?(_: {}): any;
|
|
12
|
-
};
|
|
13
|
-
refs: {};
|
|
14
|
-
rootEl: any;
|
|
8
|
+
declare var __VLS_7: {};
|
|
9
|
+
type __VLS_Slots = {} & {
|
|
10
|
+
default?: (props: typeof __VLS_7) => any;
|
|
15
11
|
};
|
|
16
|
-
|
|
17
|
-
declare const
|
|
18
|
-
declare const _default:
|
|
12
|
+
declare const __VLS_base: import("vue").DefineComponent<MagicAccordionProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
19
15
|
export default _default;
|
|
20
|
-
type
|
|
21
|
-
type __VLS_TypePropsToOption<T> = {
|
|
22
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
23
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
24
|
-
} : {
|
|
25
|
-
type: import('vue').PropType<T[K]>;
|
|
26
|
-
required: true;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
30
17
|
new (): {
|
|
31
18
|
$slots: S;
|
|
32
19
|
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type MaybeRef } from 'vue';
|
|
2
|
+
import type { Interaction } from '../types/index.js';
|
|
3
|
+
interface MagicAccordionTriggerProps {
|
|
4
|
+
viewId?: string;
|
|
5
|
+
disabled?: MaybeRef<boolean>;
|
|
6
|
+
trigger?: Interaction;
|
|
7
|
+
asChild?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare var __VLS_12: {
|
|
10
|
+
viewActive: boolean | undefined;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_Slots = {} & {
|
|
13
|
+
default?: (props: typeof __VLS_12) => any;
|
|
14
|
+
};
|
|
15
|
+
declare const __VLS_base: import("vue").DefineComponent<MagicAccordionTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
17
|
+
declare const _default: typeof __VLS_export;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|