@maas/vue-equipment 0.19.1 → 0.20.0

package/dist/plugins/{MagicConsent/src/composables/useConsentApi.mjs → MagicCookie/src/composables/useCookieApi.mjs}

@@ -1,13 +1,13 @@
 import { computed, ref } from "vue";
 import { useCookies } from "@vueuse/integrations/useCookies";
 import { toValue } from "@vueuse/core";
-import { globalApiState } from "./private/defineConsentApi.mjs";
-import { useConsentEmitter } from "./useConsentEmitter.mjs";
+import { globalApiState } from "./private/defineCookieApi.mjs";
+import { useCookieEmitter } from "./useCookieEmitter.mjs";
 const preferencesVisible = ref(false);
 const selectedCookies = ref({});
-export function useConsentApi() {
+export function useCookieApi() {
   const universalCookies = useCookies(["cookie_consent"]);
-  const cookieConsentData = computed({
+  const cookieConsent = computed({
     get: () => {
       return universalCookies.get("cookie_consent");
     },
@@ -17,8 +17,8 @@ export function useConsentApi() {
       });
     }
   });
-  const emitter = useConsentEmitter();
-  selectedCookies.value = cookieConsentData.value?.cookies || {};
+  const emitter = useCookieEmitter();
+  selectedCookies.value = cookieConsent.value?.cookies || {};
   function toggleSelection(key) {
     selectedCookies.value = {
       ...selectedCookies.value,
@@ -26,38 +26,32 @@ export function useConsentApi() {
     };
   }
   function accept() {
-    const cookies = globalApiState.value?.cookies?.reduce(
-      (result, cookie) => {
-        result[cookie.key] = true;
-        return result;
-      },
-      {}
-    );
+    const cookies = globalApiState.value?.cookies?.reduce((result, cookie) => {
+      result[cookie.key] = true;
+      return result;
+    }, {});
     selectedCookies.value = cookies;
     const timestamp = (/* @__PURE__ */ new Date()).getTime();
-    cookieConsentData.value = { timestamp, cookies };
-    emitter.emit("accept", cookieConsentData.value);
+    cookieConsent.value = { timestamp, cookies };
+    emitter.emit("accept", cookieConsent.value);
   }
   function acceptSelected() {
     const timestamp = (/* @__PURE__ */ new Date()).getTime();
-    cookieConsentData.value = {
+    cookieConsent.value = {
       timestamp,
       cookies: selectedCookies.value
     };
-    emitter.emit("acceptSelected", cookieConsentData.value);
+    emitter.emit("acceptSelected", cookieConsent.value);
   }
   function reject() {
-    const cookies = globalApiState.value?.cookies?.reduce(
-      (result, cookie) => {
-        result[cookie.key] = cookie.optional === false ? true : false;
-        return result;
-      },
-      {}
-    );
+    const cookies = globalApiState.value?.cookies?.reduce((result, cookie) => {
+      result[cookie.key] = cookie.optional === false ? true : false;
+      return result;
+    }, {});
     selectedCookies.value = cookies;
     const timestamp = (/* @__PURE__ */ new Date()).getTime();
-    cookieConsentData.value = { timestamp, cookies };
-    emitter.emit("reject", cookieConsentData.value);
+    cookieConsent.value = { timestamp, cookies };
+    emitter.emit("reject", cookieConsent.value);
   }
   function onAccept(handler) {
     emitter.on("accept", (args) => handler(toValue(args)));
@@ -74,7 +68,7 @@ export function useConsentApi() {
   return {
     preferencesVisible,
     selectedCookies,
-    cookieConsentData,
+    cookieConsent,
     toggleSelection,
     accept,
     acceptSelected,

package/dist/plugins/MagicCookie/src/composables/useCookieEmitter.d.ts

@@ -0,0 +1,15 @@
+import type { CookieEvents } from '../types.js';
+export declare function useCookieEmitter(): {
+    on: {
+        <Key extends keyof CookieEvents>(type: Key, handler: import("mitt").Handler<CookieEvents[Key]>): void;
+        (type: "*", handler: import("mitt").WildcardHandler<CookieEvents>): void;
+    };
+    off: {
+        <Key_1 extends keyof CookieEvents>(type: Key_1, handler?: import("mitt").Handler<CookieEvents[Key_1]> | undefined): void;
+        (type: "*", handler: import("mitt").WildcardHandler<CookieEvents>): void;
+    };
+    emit: {
+        <Key_2 extends keyof CookieEvents>(type: Key_2, event: CookieEvents[Key_2]): void;
+        <Key_3 extends keyof CookieEvents>(type: undefined extends CookieEvents[Key_3] ? Key_3 : never): void;
+    };
+};

package/dist/plugins/{MagicConsent/src/composables/useConsentEmitter.mjs → MagicCookie/src/composables/useCookieEmitter.mjs}

@@ -1,6 +1,6 @@
 import mitt from "mitt";
 const emitter = mitt();
-export function useConsentEmitter() {
+export function useCookieEmitter() {
   return {
     on: emitter.on,
     off: emitter.off,

package/dist/plugins/MagicCookie/src/types/index.d.ts

@@ -0,0 +1,20 @@
+export type CookieApiDefinition = {
+    cookies: CookieRecord[];
+    maxAge?: number;
+};
+export type CookieRecord = {
+    key: string;
+    optional?: boolean;
+    title?: string;
+    text?: string;
+    [key: string]: any;
+};
+export type CookieConsent = {
+    timestamp: number | undefined;
+    cookies: Record<string, boolean>;
+};
+export type CookieEvents = {
+    accept: CookieConsent;
+    reject: CookieConsent;
+    acceptSelected: CookieConsent;
+};

package/dist/plugins/MagicDrawer/index.d.ts

@@ -2,7 +2,7 @@ import MagicDrawer from './src/components/MagicDrawer.vue.js';
 import { useDrawerApi } from './src/composables/useDrawerApi.js';
 import { useDrawerEmitter } from './src/composables/useDrawerEmitter.js';
 import type { Plugin } from 'vue';
-import type { DrawerEvents } from './src/types.js';
+import type { DrawerEvents } from './src/types/index.js';
 declare const MagicDrawerPlugin: Plugin;
 export { MagicDrawerPlugin, MagicDrawer, useDrawerApi, useDrawerEmitter };
 export type { DrawerEvents };

package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue

@@ -291,5 +291,5 @@ onBeforeUnmount(() => {
 </script>
 
 <style>
-:root{--magic-drawer-height:75svh;--magic-drawer-width:100%;--magic-drawer-z-index:999;--magic-drawer-justify-content:center;--magic-drawer-align-items:flex-end;--magic-drawer-backdrop-color:rgba(0,0,0,.5);--magic-drawer-backdrop-filter:unset;--magic-drawer-content-overflow-x:hidden;--magic-drawer-content-overflow-y:hidden;--magic-drawer-handle-wrapper-height:2rem;--magic-drawer-handle-width:3rem;--magic-drawer-handle-height:0.375rem;--magic-drawer-handle-color:#d4d4d8;--magic-drawer-handle-border-radius:0.25rem;--magic-drawer-enter-animation:slide-btt-in 300ms ease;--magic-drawer-leave-animation:slide-btt-out 300ms ease;--magic-drawer-drag-overshoot:4rem;--magic-drawer-drag-overshoot-x:0rem;--magic-drawer-drag-overshoot-y:0rem;--magic-drawer-padding:0rem}.magic-drawer{align-items:var(--magic-drawer-align-items);background:transparent;border:none;color:inherit;display:flex;height:100%;inset:0;justify-content:var(--magic-drawer-justify-content);padding:0;pointer-events:none;position:fixed;width:100%;z-index:var(--magic-drawer-z-index)}.magic-drawer.-bottom{--magic-drawer-drag-overshoot-y:var(--magic-drawer-drag-overshoot);--magic-drawer-padding:0 0 var(--magic-drawer-drag-overshoot-y) 0}.magic-drawer.-top{--magic-drawer-enter-animation:slide-ttb-in 300ms ease;--magic-drawer-leave-animation:slide-ttb-out 300ms ease;--magic-drawer-align-items:flex-start;--magic-drawer-drag-overshoot-y:calc(var(--magic-drawer-drag-overshoot)*-1);--magic-drawer-padding:var(--magic-drawer-drag-overshoot-y) 0 0 0}.magic-drawer.-right{--magic-drawer-enter-animation:slide-rtl-in 300ms ease;--magic-drawer-leave-animation:slide-rtl-out 300ms ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-end;--magic-drawer-drag-overshoot-x:var(--magic-drawer-drag-overshoot);--magic-drawer-padding:0 var(--magic-drawer-drag-overshoot-x) 0 0}.magic-drawer.-left{--magic-drawer-enter-animation:slide-ltr-in 300ms ease;--magic-drawer-leave-animation:slide-ltr-out 300ms ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-start;--magic-drawer-drag-overshoot-x:calc(var(--magic-drawer-drag-overshoot)*-1);--magic-drawer-padding:0 0 0 var(--magic-drawer-drag-overshoot-x)}.magic-drawer__wrapper{height:calc(var(--magic-drawer-height) + var(--magic-drawer-drag-overshoot-y));pointer-events:none;transform:translate(var(--magic-drawer-drag-overshoot-x),var(--magic-drawer-drag-overshoot-y));width:calc(var(--magic-drawer-width) + var(--magic-drawer-drag-overshoot-x))}.magic-drawer__content{height:100%;max-height:100%;position:relative;width:100%}.magic-drawer__drag{-webkit-overflow-scrolling:touch;align-items:var(--magic-drawer-align-items);cursor:grab;display:flex;height:100%;justify-content:var(--magic-drawer-justify-content);overflow-x:var(--magic-drawer-content-overflow-x);overflow-y:var(--magic-drawer-content-overflow-y);pointer-events:auto;position:relative;scroll-behavior:smooth;width:100%}.magic-drawer.-dragging .magic-drawer__drag{cursor:grabbing}.magic-drawer__drag>*{padding:var(--magic-drawer-padding)}.magic-drawer__overlay{inset:0;position:absolute;z-index:9999}.magic-drawer__backdrop{-webkit-backdrop-filter:var(--magic-drawer-backdrop-filter);backdrop-filter:var(--magic-drawer-backdrop-filter);background-color:var(--magic-drawer-backdrop-color);bottom:0;height:100%;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:-1}.magic-drawer--content-enter-active{animation:var(--magic-drawer-enter-animation)}.magic-drawer--content-leave-active{animation:var(--magic-drawer-leave-animation)}.magic-drawer--backdrop-enter-active{animation:fade-in .3s ease}.magic-drawer--backdrop-leave-active{animation:fade-out .3s ease}
+:root{--magic-drawer-height:75svh;--magic-drawer-width:100%;--magic-drawer-z-index:999;--magic-drawer-justify-content:center;--magic-drawer-align-items:flex-end;--magic-drawer-backdrop-color:rgba(0,0,0,.5);--magic-drawer-backdrop-filter:unset;--magic-drawer-content-overflow-x:hidden;--magic-drawer-content-overflow-y:hidden;--magic-drawer-handle-wrapper-height:2rem;--magic-drawer-handle-width:3rem;--magic-drawer-handle-height:0.375rem;--magic-drawer-handle-color:#d4d4d8;--magic-drawer-handle-border-radius:0.25rem;--magic-drawer-enter-animation:slide-btt-in 300ms ease;--magic-drawer-leave-animation:slide-btt-out 300ms ease;--magic-drawer-drag-overshoot:4rem;--magic-drawer-drag-overshoot-x:0rem;--magic-drawer-drag-overshoot-y:0rem;--magic-drawer-padding:0rem}.magic-drawer{align-items:var(--magic-drawer-align-items);background:transparent;border:none;color:inherit;display:flex;height:100%;inset:0;justify-content:var(--magic-drawer-justify-content);padding:0;pointer-events:none;position:fixed;width:100%;z-index:var(--magic-drawer-z-index)}.magic-drawer.-bottom{--magic-drawer-drag-overshoot-y:var(--magic-drawer-drag-overshoot);--magic-drawer-padding:0 0 var(--magic-drawer-drag-overshoot-y) 0}.magic-drawer.-top{--magic-drawer-enter-animation:slide-ttb-in 300ms ease;--magic-drawer-leave-animation:slide-ttb-out 300ms ease;--magic-drawer-align-items:flex-start;--magic-drawer-drag-overshoot-y:calc(var(--magic-drawer-drag-overshoot)*-1);--magic-drawer-padding:var(--magic-drawer-drag-overshoot-y) 0 0 0}.magic-drawer.-right{--magic-drawer-enter-animation:slide-rtl-in 300ms ease;--magic-drawer-leave-animation:slide-rtl-out 300ms ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-end;--magic-drawer-drag-overshoot-x:var(--magic-drawer-drag-overshoot);--magic-drawer-padding:0 var(--magic-drawer-drag-overshoot-x) 0 0}.magic-drawer.-left{--magic-drawer-enter-animation:slide-ltr-in 300ms ease;--magic-drawer-leave-animation:slide-ltr-out 300ms ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-start;--magic-drawer-drag-overshoot-x:calc(var(--magic-drawer-drag-overshoot)*-1);--magic-drawer-padding:0 0 0 var(--magic-drawer-drag-overshoot-x)}.magic-drawer__wrapper{height:calc(var(--magic-drawer-height) + var(--magic-drawer-drag-overshoot-y));pointer-events:none;transform:translate(var(--magic-drawer-drag-overshoot-x),var(--magic-drawer-drag-overshoot-y));width:calc(var(--magic-drawer-width) + var(--magic-drawer-drag-overshoot-x))}.magic-drawer__content{height:100%;max-height:100%;position:relative;width:100%}.magic-drawer__drag{-webkit-overflow-scrolling:touch;align-items:var(--magic-drawer-align-items);cursor:grab;display:flex;height:100%;justify-content:var(--magic-drawer-justify-content);overflow-x:var(--magic-drawer-content-overflow-x);overflow-y:var(--magic-drawer-content-overflow-y);pointer-events:auto;position:relative;scroll-behavior:smooth;width:100%}.magic-drawer.-dragging .magic-drawer__drag{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.magic-drawer__drag>*{padding:var(--magic-drawer-padding)}.magic-drawer__overlay{inset:0;position:absolute;z-index:9999}.magic-drawer__backdrop{-webkit-backdrop-filter:var(--magic-drawer-backdrop-filter);backdrop-filter:var(--magic-drawer-backdrop-filter);background-color:var(--magic-drawer-backdrop-color);bottom:0;height:100%;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:-1}.magic-drawer--content-enter-active{animation:var(--magic-drawer-enter-animation)}.magic-drawer--content-leave-active{animation:var(--magic-drawer-leave-animation)}.magic-drawer--backdrop-enter-active{animation:fade-in .3s ease}.magic-drawer--backdrop-leave-active{animation:fade-out .3s ease}
 </style>

package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue.d.ts

@@ -19,7 +19,7 @@ interface MagicDrawerProps {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicDrawerProps>, {
     options: () => DrawerOptions;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicDrawerProps>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicDrawerProps>, {
     options: () => DrawerOptions;
 }>>>, {
     options: DrawerOptions;

package/dist/plugins/MagicMarquee/src/components/MagicMarquee.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     playing: import("vue").Ref<boolean>;
     play: () => void;
     pause: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     direction: string;
     speed: number;
 }>>>, {

package/dist/plugins/MagicModal/index.d.ts

@@ -2,7 +2,7 @@ import MagicModal from './src/components/MagicModal.vue.js';
 import { useModalApi } from './src/composables/useModalApi.js';
 import { useModalEmitter } from './src/composables/useModalEmitter.js';
 import type { Plugin } from 'vue';
-import type { ModalEvents } from './src/types.js';
+import type { ModalEvents } from './src/types/index.js';
 declare const MagicModalPlugin: Plugin;
 export { MagicModalPlugin, MagicModal, useModalEmitter, useModalApi };
 export type { ModalEvents };

package/dist/plugins/MagicModal/src/components/MagicModal.vue.d.ts

@@ -11,7 +11,7 @@ interface MagicModalProps {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicModalProps>, {
     options: () => ModalOptions;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicModalProps>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicModalProps>, {
     options: () => ModalOptions;
 }>>>, {
     options: ModalOptions;

package/dist/plugins/MagicNoise/src/components/MagicNoise.vue.d.ts

@@ -5,7 +5,7 @@ interface Props {
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     pause: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     pause: boolean;
 }>>>, {
     pause: boolean;

package/dist/plugins/MagicPlayer/index.d.ts

@@ -7,4 +7,4 @@ import MagicPlayerMuxPopover from './src/components/MagicPlayerMuxPopover.vue.js
 import { usePlayerApi } from './src/composables/usePlayerApi.js';
 declare const MagicPlayerPlugin: Plugin;
 export { MagicPlayerPlugin, MagicPlayer, MagicPlayerControls, MagicPlayerOverlay, MagicPlayerTimeline, MagicPlayerMuxPopover, usePlayerApi, };
-export type * from './src/types';
+export type * from './src/types/index';

package/dist/plugins/MagicPlayer/src/components/MagicPlayer.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     ratio: string;
     fill: boolean;
     autoplay: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicPlayerProps>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicPlayerProps>, {
     srcType: string;
     src: string;
     ratio: string;

package/dist/plugins/MagicPlayer/src/components/MagicPlayerControls.vue.d.ts

@@ -1,7 +1,7 @@
 interface Props {
     id: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     seekPopover?(_: {}): any;
     playIcon?(_: {}): any;
     pauseIcon?(_: {}): any;

package/dist/plugins/MagicPlayer/src/components/MagicPlayerMuxPopover.vue.d.ts

@@ -2,7 +2,7 @@ type Props = {
     id: string;
     playbackId: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue.d.ts

@@ -1,7 +1,7 @@
 interface Props {
     id: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     waitingIcon?(_: {}): any;
     playIcon?(_: {}): any;
     pauseIcon?(_: {}): any;

package/dist/plugins/MagicPlayer/src/components/MagicPlayerTimeline.vue.d.ts

@@ -1,7 +1,7 @@
 interface Props {
     id: string;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/plugins/MagicPlayer/src/components/icons/FullscreenEnter.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/icons/FullscreenExit.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/icons/Pause.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/icons/Play.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/icons/VolumeOff.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/icons/VolumeOn.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/icons/Waiting.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicScroll/index.d.ts

@@ -11,4 +11,4 @@ import type { Plugin } from 'vue';
 declare const MagicScrollPlugin: Plugin;
 export { MagicScrollPlugin, MagicScrollProvider, MagicScrollScene, MagicScrollTransform, MagicScrollMotion, MagicScrollCollision, useCollisionEmitter, useScrollApi, useCollisionDetect, ScrollParentKey, ScrollPositionKey, ScrollProgressKey, };
 export * from './src/symbols.js';
-export type * from './src/types';
+export type * from './src/types/index';

package/dist/plugins/MagicScroll/src/components/MagicScrollCollision.vue.d.ts

@@ -2,7 +2,7 @@ import type { CollisionEntry } from '../types';
 interface Props {
     collisionEntries: CollisionEntry[];
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     keyframes: undefined;
     offset: undefined;
     easing: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     keyframes: undefined;
     offset: undefined;
     easing: string;

package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.vue.d.ts

@@ -5,7 +5,7 @@ interface Props {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     active: () => true;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     active: () => true;
 }>>>, {
     active: Boolean;

package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue.d.ts

@@ -8,7 +8,7 @@ interface Props {
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     from: string;
     to: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     from: string;
     to: string;
 }>>>, {

package/dist/plugins/MagicScroll/src/components/MagicScrollTransform.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skewY: number;
     translateX: number;
     translateY: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     as: string;
     scale: number;
     scaleX: number;

package/dist/plugins/MagicToast/demo/DemoToast.vue.d.ts

@@ -3,7 +3,7 @@ interface Props {
 }
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/dist/plugins/MagicToast/index.d.ts

@@ -2,7 +2,7 @@ import MagicToast from './src/components/MagicToast.vue.js';
 import { useToastApi } from './src/composables/useToastApi.js';
 import { useToastEmitter } from './src/composables/useToastEmitter.js';
 import type { Plugin } from 'vue';
-import type { ToastEvents } from './src/types.js';
+import type { ToastEvents } from './src/types/index.js';
 declare const MagicToastPlugin: Plugin;
 export { MagicToastPlugin, MagicToast, useToastApi, useToastEmitter };
 export type { ToastEvents };

package/dist/plugins/MagicToast/src/components/MagicToast.vue.d.ts

@@ -10,7 +10,7 @@ interface MagicToastProps {
     class: MaybeRef<string>;
     options?: ToastOptions;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MagicToastProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MagicToastProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MagicToastProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MagicToastProps>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/plugins/MagicToast/src/components/MagicToastComponent.vue.d.ts

@@ -7,7 +7,7 @@ interface Props {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     mouseenter: (event: Event) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onMouseenter?: ((event: Event) => any) | undefined;
 }, {}, {}>, {
     default?(_: {}): any;

package/dist/plugins/index.d.ts

@@ -1,4 +1,4 @@
-export * from './MagicConsent/index.js';
+export * from './MagicCookie/index.js';
 export * from './MagicDrawer/index.js';
 export * from './MagicMarquee/index.js';
 export * from './MagicModal/index.js';

package/dist/plugins/index.mjs

@@ -1,4 +1,4 @@
-export * from "./MagicConsent/index.mjs";
+export * from "./MagicCookie/index.mjs";
 export * from "./MagicDrawer/index.mjs";
 export * from "./MagicMarquee/index.mjs";
 export * from "./MagicModal/index.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "A magic collection of Vue composables, plugins, components and directives",
-  "version": "0.19.1",
+  "version": "0.20.0",
   "author": "Robin Scholz <https://github.com/robinscholz>, Christoph Jeworutzki <https://github.com/ChristophJeworutzki>",
   "devDependencies": {
     "@antfu/ni": "^0.21.12",

package/dist/plugins/MagicConsent/index.d.ts

@@ -1,8 +0,0 @@
-import type { Plugin } from 'vue';
-import MagicConsent from './src/components/MagicConsent.vue.js';
-import { useConsentApi } from './src/composables/useConsentApi.js';
-import { useConsentEmitter } from './src/composables/useConsentEmitter.js';
-import type { ConsentEvents } from './src/types.js';
-declare const MagicConsentPlugin: Plugin;
-export { MagicConsentPlugin, MagicConsent, useConsentApi, useConsentEmitter };
-export type { ConsentEvents };

package/dist/plugins/MagicConsent/index.mjs

@@ -1,9 +0,0 @@
-import MagicConsent from "./src/components/MagicConsent.vue";
-import { useConsentApi } from "./src/composables/useConsentApi.mjs";
-import { useConsentEmitter } from "./src/composables/useConsentEmitter.mjs";
-const MagicConsentPlugin = {
-  install: (app) => {
-    app.component("MagicConsent", MagicConsent);
-  }
-};
-export { MagicConsentPlugin, MagicConsent, useConsentApi, useConsentEmitter };

package/dist/plugins/MagicConsent/src/components/MagicConsent.vue

@@ -1,118 +0,0 @@
-<template>
-  <client-only>
-    <div class="magic-consent">
-      <div class="magic-consent__container">
-        <div class="magic-consent__body">
-          <slot />
-          <div v-show="preferencesVisible" class="magic-consent__preferences">
-            <ul class="magic-consent__cookies">
-              <li
-                v-for="cookie in cookies"
-                :key="cookie.key"
-                class="magic-consent__cookie"
-              >
-                <div class="magic-consent-checkbox">
-                  <input
-                    :id="cookie.key"
-                    type="checkbox"
-                    :checked="
-                      cookie.optional === false
-                        ? true
-                        : selectedCookies[cookie.key]
-                    "
-                    @change="toggleSelection(cookie.key)"
-                    :disabled="cookie.optional === false"
-                  />
-                </div>
-                <div>
-                  <slot :name="cookie.key" :cookie="cookie">
-                    <div class="magic-consent__cookie__content">
-                      <div class="magic-consent__cookie__title">
-                        <span v-text="cookie.title" />
-                      </div>
-                      <div
-                        v-if="cookie.text"
-                        class="magic-consent__cookie__text"
-                        v-html="cookie.text"
-                      />
-                    </div>
-                  </slot>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        <div class="magic-consent__footer">
-          <slot name="actions">
-            <div class="magic-consent__actions">
-              <template v-if="preferencesVisible">
-                <button
-                  class="magic-consent-button -secondary"
-                  @click="preferencesVisible = !preferencesVisible"
-                >
-                  Close
-                </button>
-                <button
-                  class="magic-consent-button -secondary"
-                  @click="acceptSelected"
-                >
-                  Accept selected
-                </button>
-              </template>
-              <template v-else>
-                <button
-                  class="magic-consent-button -secondary"
-                  @click="preferencesVisible = true"
-                >
-                  Preferences
-                </button>
-                <button class="magic-consent-button -secondary" @click="reject">
-                  Reject
-                </button>
-              </template>
-              <button class="magic-consent-button -primary" @click="accept">
-                Accept
-              </button>
-            </div>
-          </slot>
-        </div>
-      </div>
-    </div>
-  </client-only>
-</template>
-
-<script lang="ts" setup>
-import { defineConsentApi } from '../composables/private/defineConsentApi'
-import { useConsentApi } from '../composables/useConsentApi'
-import type { ConsentCookieRecord } from '../types'
-
-// Define the props and their default values
-type Props = {
-  cookies: ConsentCookieRecord[]
-  maxAge?: number
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  maxAge: 60 * 60 * 24 * 30,
-})
-
-// Initialize the Consent API
-defineConsentApi({
-  cookies: props.cookies,
-  maxAge: props.maxAge,
-})
-
-// Use the Consent API
-const {
-  preferencesVisible,
-  selectedCookies,
-  accept,
-  acceptSelected,
-  reject,
-  toggleSelection,
-} = useConsentApi()
-</script>
-
-<style>
-:root{--magic-consent-max-width:480px;--magic-consent-max-height:calc(100vh - 2rem);--magic-consent-background-color:rgba(75,75,75,.5);--magic-consent-backdrop-filter:blur(32px);--magic-consent-color:#fff;--magic-consent-border-radius:0;--magic-consent-box-shadow:none;--magic-consent-preferences-mask:linear-gradient(0deg,hsla(0,0%,100%,0),#fff 1.5rem);--magic-consent-checkbox-size:0.875rem;--magic-consent-checkbox-border-width:1px;--magic-consent-checkbox-border-color:currentColor;--magic-consent-checkbox-border-radius:0;--magic-consent-button-width:auto;--magic-consent-button-height:2.5rem;--magic-consent-button-spacing:1rem;--magic-consent-button-border-width:1px;--magic-consent-button-border-radius:0.25rem;--magic-consent-button-backdrop-filter:none;--magic-consent-button-primary-color:#000;--magic-consent-button-primary-background-color:#fff;--magic-consent-button-primary-border-color:transparent;--magic-consent-button-secondary-color:#fff;--magic-consent-button-secondary-background-color:transparent;--magic-consent-button-secondary-border-color:transparent}.magic-consent{backdrop-filter:var(--magic-consent-backdrop-filter);-webkit-backdrop-filter:var(--magic-consent-backdrop-filter);background-color:var(--magic-consent-background-color);border-radius:var(--magic-consent-border-radius);box-shadow:var(--magic-consent-box-shadow);color:var(--magic-consent-color);max-width:var(--magic-consent-max-width);overflow:hidden}.magic-consent,.magic-consent__container{display:flex;flex-direction:column;width:100%}.magic-consent__container{max-height:var(--magic-consent-max-height)}.magic-consent__body{display:flex;flex-direction:column;gap:1rem;height:100%;mask:var(--magic-consent-preferences-mask);-webkit-mask:var(--magic-consent-preferences-mask);overflow-y:scroll;padding:1rem;width:100%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.magic-consent__body::-webkit-scrollbar{display:none}.magic-consent__footer{padding:1rem;width:100%}.magic-consent__preferences{flex-direction:column;height:100%}.magic-consent__actions,.magic-consent__preferences{display:flex;gap:1rem;width:100%}ul.magic-consent__cookies{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}li.magic-consent__cookie{align-items:flex-start;display:flex;gap:1rem;margin:0;padding:0}.magic-consent__cookie__content{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.magic-consent__cookie__title{display:inline-flex}.magic-consent__cookie__text{white-space:pre-line}.magic-consent-checkbox{align-items:center;display:flex;gap:.625rem}.magic-consent-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--magic-consent-checkbox-border-width) var(--magic-consent-checkbox-border-color) solid;border-radius:var(--magic-consent-checkbox-border-radius);cursor:pointer;flex-shrink:0;height:var(--magic-consent-checkbox-size);position:relative;vertical-align:middle;width:var(--magic-consent-checkbox-size)}.magic-consent-checkbox input[type=checkbox]:checked:after{background-color:var(--magic-consent-checkbox-border-color);border-radius:var(--magic-consent-checkbox-border-radius);content:"";display:block;height:calc(var(--magic-consent-checkbox-size)/2);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--magic-consent-checkbox-size)/2)}.magic-consent-checkbox:disabled{cursor:not-allowed}.magic-consent-button{align-items:center;backdrop-filter:var(--magic-consent-button-backdrop-filter);-webkit-backdrop-filter:var(--magic-consent-button-backdrop-filter);border:var(--magic-consent-button-border-width) solid;border-radius:var(--magic-consent-button-border-radius);display:inline-flex;gap:var(--magic-consent-button-spacing);height:var(--magic-consent-button-height);justify-content:center;padding:0 var(--magic-consent-button-spacing);width:var(--magic-consent-button-width)}.magic-consent-button.-primary{background-color:var(--magic-consent-button-primary-background-color);border-color:var(--magic-consent-button-primary-border-color);color:var(--magic-consent-button-primary-color)}.magic-consent-button.-secondary{background-color:var(--magic-consent-button-secondary-background-color);border-color:var(--magic-consent-button-secondary-border-color);color:var(--magic-consent-button-secondary-color)}
-</style>