@maas/vue-equipment 1.0.0-beta.13 → 1.0.0-beta.14

package/dist/nuxt/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "1.0.0-beta.12",
+  "version": "1.0.0-beta.13",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "unknown"

package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue

@@ -1,11 +1,34 @@
-<script>
-import { defineComponent as _defineComponent } from "vue";
-import { unref as _unref, renderSlot as _renderSlot, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Transition as _Transition, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-const _hoisted_1 = ["data-active"];
+<template>
+  <div
+    class="magic-accordion-content"
+    :data-active="view?.active"
+    :style="{ '--ma-duration': `${state.options.animation?.duration}ms` }"
+  >
+    <auto-size
+      :width="false"
+      :duration="mappedAnimation.duration"
+      :easing="mappedAnimation.easing"
+    >
+      <transition
+        :name="mappedTransition"
+        :on-before-enter="onBeforeEnter"
+        :on-enter="onEnter"
+        :on-after-enter="onAfterEnter"
+        :on-before-leave="onBeforeLeave"
+        :on-leave="onLeave"
+        :on-after-leave="onAfterLeave"
+      >
+        <primitive v-show="view?.active" :as-child="asChild">
+          <slot :view-active="view?.active" />
+        </primitive>
+      </transition>
+    </auto-size>
+  </div>
+</template>
+
+<script setup>
 import { inject, computed } from "vue";
 import { defu } from "defu";
-import { AutoSize } from "@maas/vue-autosize";
-import { Primitive } from "@maas/vue-primitive";
 import { useAccordionView } from "../composables/private/useAccordionView";
 import { useAccordionState } from "../composables/private/useAccordionState";
 import { useAccordionCallback } from "../composables/private/useAccordionCallback";
@@ -13,85 +36,45 @@ import { MagicAccordionInstanceId, MagicAccordionViewId } from "../symbols";
 import "@maas/vue-equipment/utils/css/animations/fade-in.css";
 import "@maas/vue-equipment/utils/css/animations/auto-size-out.css";
 import "@maas/vue-equipment/utils/css/easings.css";
-export default /* @__PURE__ */ _defineComponent({
-  __name: "MagicAccordionContent",
-  props: {
-    asChild: { type: Boolean, required: false },
-    transition: { type: String, required: false },
-    animation: { type: Object, required: false }
+const { transition, animation } = defineProps({
+  asChild: {
+    type: Boolean,
+    required: false
+  },
+  transition: {
+    type: String,
+    required: false
   },
-  setup(__props) {
-    const instanceId = inject(MagicAccordionInstanceId, void 0);
-    const viewId = inject(MagicAccordionViewId, void 0);
-    if (!instanceId) {
-      throw new Error("MagicMenuContent must be nested inside MagicMenuProvider");
-    }
-    if (!viewId) {
-      throw new Error("MagicMenuContent must be nested inside MagicMenuView");
-    }
-    const { initializeState } = useAccordionState(instanceId);
-    const state = initializeState();
-    const { getView } = useAccordionView(instanceId);
-    const view = getView(viewId);
-    const mappedTransition = computed(() => __props.transition ?? state.options.transition);
-    const mappedAnimation = computed(() => defu(__props.animation, state.options.animation));
-    const {
-      onBeforeEnter,
-      onEnter,
-      onAfterEnter,
-      onBeforeLeave,
-      onLeave,
-      onAfterLeave
-    } = useAccordionCallback({
-      instanceId,
-      viewId
-    });
-    return (_ctx, _cache) => {
-      return _openBlock(), _createElementBlock("div", {
-        class: "magic-accordion-content",
-        "data-active": _unref(view)?.active,
-        style: _normalizeStyle({ "--ma-duration": `${_unref(state).options.animation?.duration}ms` })
-      }, [
-        _createVNode(_unref(AutoSize), {
-          width: false,
-          duration: mappedAnimation.value.duration,
-          easing: mappedAnimation.value.easing
-        }, {
-          default: _withCtx(() => [
-            _createVNode(_Transition, {
-              name: mappedTransition.value,
-              "on-before-enter": _unref(onBeforeEnter),
-              "on-enter": _unref(onEnter),
-              "on-after-enter": _unref(onAfterEnter),
-              "on-before-leave": _unref(onBeforeLeave),
-              "on-leave": _unref(onLeave),
-              "on-after-leave": _unref(onAfterLeave),
-              persisted: ""
-            }, {
-              default: _withCtx(() => [
-                _withDirectives(_createVNode(_unref(Primitive), { "as-child": _ctx.asChild }, {
-                  default: _withCtx(() => [
-                    _renderSlot(_ctx.$slots, "default", {
-                      viewActive: _unref(view)?.active
-                    })
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                }, 8, ["as-child"]), [
-                  [_vShow, _unref(view)?.active]
-                ])
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 8, ["name", "on-before-enter", "on-enter", "on-after-enter", "on-before-leave", "on-leave", "on-after-leave"])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["duration", "easing"])
-      ], 12, _hoisted_1);
-    };
+  animation: {
+    type: Object,
+    required: false
   }
 });
+const instanceId = inject(MagicAccordionInstanceId, void 0);
+const viewId = inject(MagicAccordionViewId, void 0);
+if (!instanceId) {
+  throw new Error("MagicMenuContent must be nested inside MagicMenuProvider");
+}
+if (!viewId) {
+  throw new Error("MagicMenuContent must be nested inside MagicMenuView");
+}
+const { initializeState } = useAccordionState(instanceId);
+const state = initializeState();
+const { getView } = useAccordionView(instanceId);
+const view = getView(viewId);
+const mappedTransition = computed(() => transition ?? state.options.transition);
+const mappedAnimation = computed(() => defu(animation, state.options.animation));
+const {
+  onBeforeEnter,
+  onEnter,
+  onAfterEnter,
+  onBeforeLeave,
+  onLeave,
+  onAfterLeave
+} = useAccordionCallback({
+  instanceId,
+  viewId
+});
 </script>
 
 <style>

package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue.d.ts

@@ -11,8 +11,8 @@ interface MagicAccordionContentProps {
         easing: (t: number) => number;
     };
 }
-declare const state: import("../types").AccordionState;
-declare const view: import("../types").AccordionView | undefined;
+declare const state: import("../types/index.js").AccordionState;
+declare const view: import("../types/index.js").AccordionView | undefined;
 declare const mappedTransition: import("vue").ComputedRef<string | undefined>;
 declare const mappedAnimation: import("vue").ComputedRef<{
     duration: number;

package/dist/plugins/MagicAccordion/src/components/MagicAccordionProvider.vue

@@ -1,37 +1,31 @@
-<script>
-import { defineComponent as _defineComponent } from "vue";
-import { renderSlot as _renderSlot, unref as _unref, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+<template>
+  <primitive :data-id="id" :as-child="asChild" class="magic-accordion-provider">
+    <slot />
+  </primitive>
+</template>
+
+<script setup>
 import { onBeforeUnmount, provide } from "vue";
-import { Primitive } from "@maas/vue-primitive";
 import { MagicAccordionInstanceId } from "../symbols";
 import { useAccordionState } from "../composables/private/useAccordionState";
-export default /* @__PURE__ */ _defineComponent({
-  __name: "MagicAccordionProvider",
-  props: {
-    id: { type: null, required: true },
-    asChild: { type: Boolean, required: false },
-    options: { type: Object, required: false }
+const { id, asChild, options } = defineProps({
+  id: {
+    type: null,
+    required: true
   },
-  setup(__props) {
-    const { deleteState, initializeState } = useAccordionState(__props.id);
-    initializeState(__props.options);
-    onBeforeUnmount(() => {
-      deleteState();
-    });
-    provide(MagicAccordionInstanceId, __props.id);
-    return (_ctx, _cache) => {
-      return _openBlock(), _createBlock(_unref(Primitive), {
-        "data-id": _ctx.id,
-        "as-child": _ctx.asChild,
-        class: "magic-accordion-provider"
-      }, {
-        default: _withCtx(() => [
-          _renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["data-id", "as-child"]);
-    };
+  asChild: {
+    type: Boolean,
+    required: false
+  },
+  options: {
+    type: Object,
+    required: false
   }
 });
+const { deleteState, initializeState } = useAccordionState(id);
+initializeState(options);
+onBeforeUnmount(() => {
+  deleteState();
+});
+provide(MagicAccordionInstanceId, id);
 </script>

package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue

@@ -1,73 +1,77 @@
-<script>
-import { defineComponent as _defineComponent } from "vue";
-import { unref as _unref, renderSlot as _renderSlot, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+<template>
+  <primitive
+    ref="el"
+    :as-child="asChild"
+    :data-id="`${mappedViewId}-trigger`"
+    :data-disabled="mappedDisabled"
+    as="button"
+    class="magic-accordion-trigger"
+    @mouseenter="onMouseenter"
+    @click="onClick"
+  >
+    <slot :view-active="view?.active" />
+  </primitive>
+</template>
+
+<script setup>
 import { useTemplateRef, inject, computed, toValue } from "vue";
-import { Primitive } from "@maas/vue-primitive";
 import { onKeyStroke } from "@vueuse/core";
 import { useAccordionTrigger } from "../composables/private/useAccordionTrigger";
 import { useAccordionState } from "../composables/private/useAccordionState";
 import { useAccordionView } from "../composables/private/useAccordionView";
 import { MagicAccordionInstanceId, MagicAccordionViewId } from "../symbols";
-export default /* @__PURE__ */ _defineComponent({
-  __name: "MagicAccordionTrigger",
-  props: {
-    viewId: { type: String, required: false },
-    disabled: { type: null, required: false, default: false },
-    trigger: { type: String, required: false, default: "click" },
-    asChild: { type: Boolean, required: false, default: false }
+const {
+  viewId,
+  disabled = false,
+  trigger = "click",
+  asChild = false
+} = defineProps({
+  viewId: {
+    type: String,
+    required: false
+  },
+  disabled: {
+    type: null,
+    required: false
+  },
+  trigger: {
+    type: String,
+    required: false
   },
-  setup(__props) {
-    const elRef = useTemplateRef("el");
-    const instanceId = inject(MagicAccordionInstanceId, void 0);
-    const injectedViewId = inject(MagicAccordionViewId, void 0);
-    const mappedViewId = computed(() => __props.viewId ?? injectedViewId);
-    if (!instanceId) {
-      throw new Error(
-        "MagicAccordionTrigger must be nested inside MagicAccordionProvider"
-      );
-    }
-    if (!mappedViewId.value) {
-      throw new Error(
-        "MagicAccordionTrigger must be nested inside MagicAccordionView or a viewId must be provided"
-      );
-    }
-    const { initializeState } = useAccordionState(instanceId);
-    const state = initializeState();
-    const { getView } = useAccordionView(instanceId);
-    const view = getView(mappedViewId.value);
-    const mappedDisabled = computed(
-      () => toValue(__props.disabled) || state.options.disabled
-    );
-    const { onMouseenter, onClick, onEnter } = useAccordionTrigger({
-      elRef,
-      instanceId,
-      viewId: mappedViewId.value,
-      disabled: __props.disabled,
-      trigger: __props.trigger
-    });
-    onKeyStroke("Enter", onEnter);
-    return (_ctx, _cache) => {
-      return _openBlock(), _createBlock(_unref(Primitive), {
-        ref: "el",
-        "as-child": _ctx.asChild,
-        "data-id": `${mappedViewId.value}-trigger`,
-        "data-disabled": mappedDisabled.value,
-        as: "button",
-        class: "magic-accordion-trigger",
-        onMouseenter: _unref(onMouseenter),
-        onClick: _unref(onClick)
-      }, {
-        default: _withCtx(() => [
-          _renderSlot(_ctx.$slots, "default", {
-            viewActive: _unref(view)?.active
-          })
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["as-child", "data-id", "data-disabled", "onMouseenter", "onClick"]);
-    };
+  asChild: {
+    type: Boolean,
+    required: false
   }
 });
+const elRef = useTemplateRef("el");
+const instanceId = inject(MagicAccordionInstanceId, void 0);
+const injectedViewId = inject(MagicAccordionViewId, void 0);
+const mappedViewId = computed(() => viewId ?? injectedViewId);
+if (!instanceId) {
+  throw new Error(
+    "MagicAccordionTrigger must be nested inside MagicAccordionProvider"
+  );
+}
+if (!mappedViewId.value) {
+  throw new Error(
+    "MagicAccordionTrigger must be nested inside MagicAccordionView or a viewId must be provided"
+  );
+}
+const { initializeState } = useAccordionState(instanceId);
+const state = initializeState();
+const { getView } = useAccordionView(instanceId);
+const view = getView(mappedViewId.value);
+const mappedDisabled = computed(
+  () => toValue(disabled) || state.options.disabled
+);
+const { onMouseenter, onClick, onEnter } = useAccordionTrigger({
+  elRef,
+  instanceId,
+  viewId: mappedViewId.value,
+  disabled,
+  trigger
+});
+onKeyStroke("Enter", onEnter);
 </script>
 
 <style>

package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue.d.ts

@@ -8,7 +8,7 @@ interface MagicAccordionTriggerProps {
     asChild?: boolean;
 }
 declare const mappedViewId: import("vue").ComputedRef<string | undefined>;
-declare const view: import("../types").AccordionView | undefined;
+declare const view: import("../types/index.js").AccordionView | undefined;
 declare const mappedDisabled: import("vue").ComputedRef<boolean | undefined>;
 declare const onMouseenter: () => void, onClick: () => void;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;

package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.vue

@@ -1,56 +1,52 @@
-<script>
-import { defineComponent as _defineComponent } from "vue";
-import { unref as _unref, renderSlot as _renderSlot, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+<template>
+  <primitive
+    :as-child="asChild"
+    :data-id="mappedId"
+    :data-active="view?.active"
+    class="magic-accordion-view"
+  >
+    <slot :view-active="view?.active" />
+  </primitive>
+</template>
+
+<script setup>
 import { computed, inject, onBeforeUnmount, provide, useId } from "vue";
-import { Primitive } from "@maas/vue-primitive";
 import {
   MagicAccordionInstanceId,
   MagicAccordionViewActive,
   MagicAccordionViewId
 } from "../symbols";
 import { useAccordionView } from "../composables/private/useAccordionView";
-export default /* @__PURE__ */ _defineComponent({
-  __name: "MagicAccordionView",
-  props: {
-    id: { type: String, required: false },
-    asChild: { type: Boolean, required: false },
-    active: { type: Boolean, required: false }
+const { id, active } = defineProps({
+  id: {
+    type: String,
+    required: false
   },
-  setup(__props) {
-    const instanceId = inject(MagicAccordionInstanceId, void 0);
-    if (!instanceId) {
-      throw new Error(
-        "MagicAccordionView must be nested inside MagicAccordionProvider"
-      );
-    }
-    const mappedId = computed(() => __props.id ?? `magic-accordion-view-${useId()}`);
-    const mappedActive = computed(() => view.active);
-    const { initializeView, deleteView } = useAccordionView(instanceId);
-    const view = initializeView({
-      id: mappedId.value,
-      active: __props.active ?? false
-    });
-    provide(MagicAccordionViewId, mappedId.value);
-    provide(MagicAccordionViewActive, mappedActive);
-    onBeforeUnmount(() => {
-      deleteView(mappedId.value);
-    });
-    return (_ctx, _cache) => {
-      return _openBlock(), _createBlock(_unref(Primitive), {
-        "as-child": _ctx.asChild,
-        "data-id": mappedId.value,
-        "data-active": _unref(view)?.active,
-        class: "magic-accordion-view"
-      }, {
-        default: _withCtx(() => [
-          _renderSlot(_ctx.$slots, "default", {
-            viewActive: _unref(view)?.active
-          })
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["as-child", "data-id", "data-active"]);
-    };
+  asChild: {
+    type: Boolean,
+    required: false
+  },
+  active: {
+    type: Boolean,
+    required: false
   }
 });
+const instanceId = inject(MagicAccordionInstanceId, void 0);
+if (!instanceId) {
+  throw new Error(
+    "MagicAccordionView must be nested inside MagicAccordionProvider"
+  );
+}
+const mappedId = computed(() => id ?? `magic-accordion-view-${useId()}`);
+const mappedActive = computed(() => view.active);
+const { initializeView, deleteView } = useAccordionView(instanceId);
+const view = initializeView({
+  id: mappedId.value,
+  active: active ?? false
+});
+provide(MagicAccordionViewId, mappedId.value);
+provide(MagicAccordionViewActive, mappedActive);
+onBeforeUnmount(() => {
+  deleteView(mappedId.value);
+});
 </script>

package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.vue.d.ts

@@ -5,7 +5,7 @@ interface MagicAccordionViewProps {
     active?: boolean;
 }
 declare const mappedId: import("vue").ComputedRef<string>;
-declare const view: import("../types").AccordionView;
+declare const view: import("../types/index.js").AccordionView;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_6: {
     viewActive: boolean;