@maas/vue-equipment 1.0.0-beta.4 → 1.0.0-beta.40

package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.vue

@@ -1,43 +1,26 @@
-<script>
-import { defineComponent as _defineComponent } from "vue";
-import { renderSlot as _renderSlot, mergeProps as _mergeProps, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+<template>
+  <client-only>
+    <div class="magic-cookie-provider" v-bind="$attrs">
+      <slot />
+    </div>
+  </client-only>
+</template>
+
+<script setup>
 import { provide } from "vue";
 import { defu } from "defu";
 import { useCookieState } from "../composables/private/useCookieState";
 import { defaultOptions } from "../utils/defaultOptions";
 import { MagicCookieInstanceId } from "../symbols";
-export default /* @__PURE__ */ _defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "MagicCookieProvider",
-  props: {
-    id: { type: null, required: true },
-    options: { type: Object, required: false }
-  },
-  setup(__props) {
-    const mappedOptions = defu(__props.options, defaultOptions);
-    const { initializeState } = useCookieState(__props.id);
-    initializeState(mappedOptions);
-    provide(MagicCookieInstanceId, __props.id);
-    return (_ctx, _cache) => {
-      const _component_client_only = _resolveComponent("client-only");
-      return _openBlock(), _createBlock(_component_client_only, null, {
-        default: _withCtx(() => [
-          _createElementVNode(
-            "div",
-            _mergeProps({ class: "magic-cookie-provider" }, _ctx.$attrs),
-            [
-              _renderSlot(_ctx.$slots, "default")
-            ],
-            16
-            /* FULL_PROPS */
-          )
-        ]),
-        _: 3
-        /* FORWARDED */
-      });
-    };
-  }
+defineOptions({
+  inheritAttrs: false
 });
+const { id, options } = defineProps({
+  id: { type: null, required: true },
+  options: { type: Object, required: false }
+});
+const mappedOptions = defu(options, defaultOptions);
+const { initializeState } = useCookieState(id);
+initializeState(mappedOptions);
+provide(MagicCookieInstanceId, id);
 </script>

package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.vue.d.ts

@@ -4,28 +4,15 @@ type MagicCookieProviderProps = {
     id: MaybeRef<string>;
     options?: MagicCookieOptions;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicCookieProviderProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicCookieProviderProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: import("vue").DefineComponent<MagicCookieProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCookieProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicCookie/src/components/MagicCookieView.d.vue.ts

@@ -0,0 +1,17 @@
+import '@maas/vue-equipment/utils/css/keyframes/fade-in.css';
+import '@maas/vue-equipment/utils/css/keyframes/auto-size-out.css';
+declare var __VLS_19: {
+    viewActive: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/plugins/MagicCookie/src/components/MagicCookieView.vue

@@ -1,82 +1,56 @@
-<script>
-import { defineComponent as _defineComponent } from "vue";
-import { unref as _unref, renderSlot as _renderSlot, vShow as _vShow, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-const _hoisted_1 = { class: "magic-cookie-view__inner" };
+<template>
+  <div
+    class="magic-cookie-view"
+    :style="{ '--mc-duration': `${state.options.animation?.duration}ms` }"
+  >
+    <auto-size :width="false">
+      <transition
+        :name="state.options.transition"
+        @before-enter="onBeforeEnter"
+        @enter="onEnter"
+        @after-enter="onAfterEnter"
+        @before-leave="onBeforeLeave"
+        @leave="onLeave"
+        @after-leave="onAfterLeave"
+      >
+        <div v-show="state.viewActive" class="magic-cookie-view__inner">
+          <slot :view-active="state.viewActive" />
+        </div>
+      </transition>
+    </auto-size>
+  </div>
+</template>
+
+<script setup>
 import { inject } from "vue";
 import { AutoSize } from "@maas/vue-autosize";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { useCookieState } from "../composables/private/useCookieState";
 import { useCookieCallback } from "../composables/private/useCookieCallback";
 import { MagicCookieInstanceId } from "../symbols";
-import "@maas/vue-equipment/utils/css/animations/fade-in.css";
-import "@maas/vue-equipment/utils/css/animations/auto-size-out.css";
-export default /* @__PURE__ */ _defineComponent({
-  __name: "MagicCookieView",
-  setup(__props) {
-    const instanceId = inject(MagicCookieInstanceId, void 0);
-    if (!instanceId) {
-      throw new Error(
-        "MagicCookiePreferences must be used within a MagicCookieProvider"
-      );
-    }
-    const { initializeState } = useCookieState(instanceId);
-    const state = initializeState();
-    const {
-      onBeforeEnter,
-      onEnter,
-      onAfterEnter,
-      onBeforeLeave,
-      onLeave,
-      onAfterLeave
-    } = useCookieCallback(instanceId);
-    return (_ctx, _cache) => {
-      return _openBlock(), _createElementBlock(
-        "div",
-        {
-          class: "magic-cookie-view",
-          style: _normalizeStyle({ "--mc-duration": `${_unref(state).options.animation?.duration}ms` })
-        },
-        [
-          _createVNode(_unref(AutoSize), { width: false }, {
-            default: _withCtx(() => [
-              _createVNode(_Transition, {
-                name: _unref(state).options.transition,
-                onBeforeLeave: _unref(onBeforeLeave),
-                onLeave: _unref(onLeave),
-                onAfterLeave: _unref(onAfterLeave),
-                onBeforeEnter: _unref(onBeforeEnter),
-                onEnter: _unref(onEnter),
-                onAfterEnter: _unref(onAfterEnter),
-                persisted: ""
-              }, {
-                default: _withCtx(() => [
-                  _withDirectives(_createElementVNode(
-                    "div",
-                    _hoisted_1,
-                    [
-                      _renderSlot(_ctx.$slots, "default", {
-                        viewActive: _unref(state).viewActive
-                      })
-                    ],
-                    512
-                    /* NEED_PATCH */
-                  ), [
-                    [_vShow, _unref(state).viewActive]
-                  ])
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["name", "onBeforeLeave", "onLeave", "onAfterLeave", "onBeforeEnter", "onEnter", "onAfterEnter"])
-            ]),
-            _: 3
-            /* FORWARDED */
-          })
-        ],
-        4
-        /* STYLE */
-      );
-    };
-  }
+import "@maas/vue-equipment/utils/css/keyframes/fade-in.css";
+import "@maas/vue-equipment/utils/css/keyframes/auto-size-out.css";
+const magicError = useMagicError({
+  prefix: "MagicCookie",
+  source: "MagicCookieView"
+});
+const instanceId = inject(MagicCookieInstanceId, void 0);
+magicError.assert(instanceId, {
+  message: "MagicCookieView must be used within a MagicCookieProvider",
+  errorCode: "missing_instance_id"
 });
+const { initializeState } = useCookieState(instanceId);
+const state = initializeState();
+const {
+  onBeforeEnter,
+  onEnter,
+  onAfterEnter,
+  onBeforeLeave,
+  onLeave,
+  onAfterLeave
+} = useCookieCallback(instanceId);
 </script>
 
 <style>

package/dist/plugins/MagicCookie/src/components/MagicCookieView.vue.d.ts

@@ -1,20 +1,16 @@
-import '@maas/vue-equipment/utils/css/animations/fade-in.css';
-import '@maas/vue-equipment/utils/css/animations/auto-size-out.css';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            viewActive: boolean;
-        }): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+import '@maas/vue-equipment/utils/css/keyframes/fade-in.css';
+import '@maas/vue-equipment/utils/css/keyframes/auto-size-out.css';
+declare var __VLS_19: {
+    viewActive: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicCookie/src/composables/private/useCookieCallback.mjs

@@ -1,5 +1,5 @@
 import { toValue } from "vue";
-import { useMagicEmitter } from "@maas/vue-equipment/plugins";
+import { useMagicEmitter } from "@maas/vue-equipment/plugins/MagicEmitter";
 export function useCookieCallback(instanceId) {
   const emitter = useMagicEmitter();
   function onBeforeEnter() {

package/dist/plugins/MagicCookie/src/composables/private/useCookieItem.mjs

@@ -1,8 +1,13 @@
 import { reactive, toValue } from "vue";
 import { useCookies } from "@vueuse/integrations/useCookies";
+import { useMagicError } from "@maas/vue-equipment/plugins/MagicError";
 import { useCookieState } from "./useCookieState.mjs";
 export function useCookieItem(args) {
   const { instanceId } = args;
+  const { logWarning } = useMagicError({
+    prefix: "MagicCookie",
+    source: "useCookieItem"
+  });
   const { initializeState } = useCookieState(instanceId);
   const state = initializeState();
   function getBrowserCookie(id) {
@@ -20,9 +25,9 @@ export function useCookieItem(args) {
       active: mappedActive,
       optional: mappedOptional,
       timestamp,
-      maxAge
+      maxAge,
+      set: false
     };
-    console.log(item);
     return reactive(item);
   }
   function addItem(args2) {
@@ -36,7 +41,9 @@ export function useCookieItem(args) {
     return item;
   }
   function deleteItem(id) {
-    if (!state?.items) return;
+    if (!state?.items) {
+      return;
+    }
     state.items = state.items.filter((x) => x.id !== id);
   }
   function getItem(id) {
@@ -67,13 +74,14 @@ export function useCookieItem(args) {
   function setItemCookie(id) {
     const item = getItem(id);
     if (!item) {
-      console.warn(`Item ${id} not found. Cookie cannot be set.`);
+      logWarning(`Item ${id} not found. Cookie cannot be set.`);
       return;
     }
     useCookies([id]).set(toValue(id), item.active, {
       path: "/",
       maxAge: item.maxAge
     });
+    item.set = true;
   }
   return {
     initializeItem,

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

@@ -1,10 +1,11 @@
 import { type MaybeRef } from 'vue';
 import type { CookieConsent, MagicCookieCallbackArgs } from '../types/index.js';
 export declare function useMagicCookie(id: MaybeRef<string>): {
+    cookies: import("vue").ComputedRef<CookieConsent>;
+    cookiesSet: import("vue").ComputedRef<boolean>;
     showView: () => void;
     hideView: () => void;
     toggleView: () => void;
-    cookieConsent: import("vue").ComputedRef<CookieConsent>;
     selectItem: (id: string, timestamp?: number) => void;
     unselectItem: (id: string, timestamp?: number) => void;
     toggleItem: (id: string) => void;

package/dist/plugins/MagicCookie/src/composables/useMagicCookie.mjs

@@ -1,5 +1,5 @@
 import { computed, nextTick } from "vue";
-import { useMagicEmitter } from "@maas/vue-equipment/plugins";
+import { useMagicEmitter } from "@maas/vue-equipment/plugins/MagicEmitter";
 import { useCookieState } from "./private/useCookieState.mjs";
 import { useCookieItem } from "./private/useCookieItem.mjs";
 export function useMagicCookie(id) {
@@ -9,7 +9,7 @@ export function useMagicCookie(id) {
   const emitter = useMagicEmitter();
   const { initializeState } = useCookieState(id);
   const state = initializeState();
-  const cookieConsent = computed(
+  const cookies = computed(
     () => state?.items.reduce(
       (acc, cookie) => ({
         ...acc,
@@ -18,6 +18,9 @@ export function useMagicCookie(id) {
       {}
     )
   );
+  const cookiesSet = computed(
+    () => state?.items.every((cookie) => cookie.set === true)
+  );
   function showView() {
     state.viewActive = true;
   }
@@ -34,13 +37,13 @@ export function useMagicCookie(id) {
       setItemCookie(cookie.id);
     }
     await nextTick();
-    emitter.emit("acceptAll", cookieConsent.value);
+    emitter.emit("acceptAll", cookies.value);
   }
   function acceptSelected() {
     for (const cookie of state.items) {
       setItemCookie(cookie.id);
     }
-    emitter.emit("acceptSelected", cookieConsent.value);
+    emitter.emit("acceptSelected", cookies.value);
   }
   async function rejectAll() {
     const timestamp = (/* @__PURE__ */ new Date()).getTime();
@@ -51,7 +54,7 @@ export function useMagicCookie(id) {
       setItemCookie(cookie.id);
     }
     await nextTick();
-    emitter.emit("rejectAll", cookieConsent.value);
+    emitter.emit("rejectAll", cookies.value);
   }
   function onAccept(callback) {
     emitter.on("acceptAll", callback);
@@ -63,10 +66,11 @@ export function useMagicCookie(id) {
     emitter.on("rejectAll", callback);
   }
   return {
+    cookies,
+    cookiesSet,
     showView,
     hideView,
     toggleView,
-    cookieConsent,
     selectItem,
     unselectItem,
     toggleItem,

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

@@ -1,5 +1,5 @@
-import type { InjectionKey, MaybeRef } from 'vue';
+import type { InjectionKey, MaybeRef, Ref } from 'vue';
 declare const MagicCookieInstanceId: InjectionKey<MaybeRef<string>>;
 declare const MagicCookieItemId: InjectionKey<string>;
-declare const MagicCookieItemActive: InjectionKey<MaybeRef<boolean>>;
+declare const MagicCookieItemActive: InjectionKey<Ref<boolean>>;
 export { MagicCookieInstanceId, MagicCookieItemId, MagicCookieItemActive };

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

@@ -4,6 +4,7 @@ export interface CookieItem {
     optional?: boolean;
     maxAge?: number;
     timestamp?: number;
+    set?: boolean;
 }
 export interface CookieState {
     id: string;
@@ -20,7 +21,7 @@ export interface MagicCookieOptions {
         easing: (t: number) => number;
     };
 }
-export type CookieEvents = {
+export interface CookieEvents {
     beforeEnter: string;
     enter: string;
     afterEnter: string;
@@ -30,5 +31,5 @@ export type CookieEvents = {
     acceptAll: CookieConsent;
     rejectAll: CookieConsent;
     acceptSelected: CookieConsent;
-};
+}
 export type MagicCookieCallbackArgs = CookieConsent;

package/dist/plugins/MagicDraggable/nuxt.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@nuxt/schema").NuxtModule<import("@nuxt/schema").ModuleOptions, import("@nuxt/schema").ModuleOptions, false>;
+declare const _default: import("nuxt/schema").NuxtModule<import("nuxt/schema").ModuleOptions, import("nuxt/schema").ModuleOptions, false>;
 export default _default;

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

@@ -0,0 +1,19 @@
+import { type MaybeRef } from 'vue';
+import type { MagicDraggableOptions } from '../types/index.js';
+interface MagicDraggableProps {
+    id: MaybeRef<string>;
+    options?: MagicDraggableOptions;
+}
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MagicDraggableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicDraggableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};