npm - @maas/vue-equipment - Versions diffs - 1.0.0-beta.8 → 1.0.0-beta.9 - Mend

@maas/vue-equipment 1.0.0-beta.8 → 1.0.0-beta.9

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.

Files changed (25) hide show

package/dist/nuxt/module.json CHANGED Viewed

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

package/dist/nuxt/module.mjs CHANGED Viewed

@@ -71,6 +71,13 @@ const functions$1 = [
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicNoise/",
 		description: "magicNoise is a rendition of pixelated static noise"
 	},
+	{
+		name: "MagicPie",
+		"package": "plugins",
+		lastUpdated: 0,
+		docs: "https://maas.egineering/vue-equipment/plugins/MagicPie/",
+		description: "magicPie renders a percentage based value as `SVG`"
+	},
 	{
 		name: "MagicPlayer",
 		"package": "plugins",

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableSnap.d.ts CHANGED Viewed

@@ -22,13 +22,13 @@ type SnapToArgs = {
 };
 export declare function useDraggableSnap(args: UseDraggableSnapArgs): {
     mappedSnapPoints: import("@vueuse/core").ComputedRefWithControl<Coordinates[]>;
-    activeSnapPoint: Ref<("center" | "right" | "left" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right") | ["center" | "right" | "left" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right", offset?: {
+    activeSnapPoint: Ref<("top-left" | "top" | "top-right" | "left" | "center" | "right" | "bottom-left" | "bottom" | "bottom-right") | ["top-left" | "top" | "top-right" | "left" | "center" | "right" | "bottom-left" | "bottom" | "bottom-right", offset?: {
         x?: number | undefined;
         y?: number | undefined;
-    } | undefined] | undefined, "center" | "right" | "left" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | ["center" | "right" | "left" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right", offset?: {
+    } | undefined] | undefined, "top-left" | "top" | "top-right" | "left" | "center" | "right" | "bottom-left" | "bottom" | "bottom-right" | ["top-left" | "top" | "top-right" | "left" | "center" | "right" | "bottom-left" | "bottom" | "bottom-right", offset?: {
         x?: number;
         y?: number;
-    } | undefined] | ["center" | "right" | "left" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right", offset?: {
+    } | undefined] | ["top-left" | "top" | "top-right" | "left" | "center" | "right" | "bottom-left" | "bottom" | "bottom-right", offset?: {
         x?: number | undefined;
         y?: number | undefined;
     } | undefined] | undefined>;

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableState.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ref, reactive, toValue } from "vue";
-const drawerStateStore = ref([]);
+const draggableStateStore = ref([]);
 export function useDraggableState(id) {
   function createState(id2) {
     const state = {
@@ -22,18 +22,18 @@ export function useDraggableState(id) {
   }
   function addState(id2) {
     const state = createState(id2);
-    drawerStateStore.value = [...drawerStateStore.value, state];
+    draggableStateStore.value = [...draggableStateStore.value, state];
     return state;
   }
   function initializeState() {
-    let state = drawerStateStore.value.find((entry) => {
+    let state = draggableStateStore.value.find((entry) => {
       return entry.id === id;
     });
     if (!state) state = addState(toValue(id));
     return state;
   }
   function deleteState() {
-    drawerStateStore.value = drawerStateStore.value.filter(
+    draggableStateStore.value = draggableStateStore.value.filter(
       (x) => x.id !== id
     );
   }

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

@@ -76,9 +76,7 @@ declare const mappedOptions: Omit<MagicDrawerOptions, keyof MagicDrawerOptions>
             easing?: (t: number) => number;
         };
     });
-    backdrop: boolean;
     tag: "div" | "dialog";
-    focusTrap: boolean | import("focus-trap").Options;
     scrollLock: {
         padding: boolean;
     } | ((boolean | {
@@ -110,10 +108,13 @@ declare const mappedOptions: Omit<MagicDrawerOptions, keyof MagicDrawerOptions>
     } & true, "padding"> & {
         padding: boolean;
     });
-    teleport: {
-        target?: string;
-        disabled?: boolean;
+    snapPoints: import("../types/index").DrawerSnapPoint[];
+    initial: {
+        open?: boolean;
+        transition?: boolean;
+        snapPoint?: import("../types/index").DrawerSnapPoint;
     };
+    position: "top" | "left" | "right" | "bottom";
     keyListener: ({
         close?: string[] | false;
     } & import("../../../../utils").RequireAll<{
@@ -127,12 +128,11 @@ declare const mappedOptions: Omit<MagicDrawerOptions, keyof MagicDrawerOptions>
     }>, "close"> & {
         close: (false | string[] | undefined) & (false | string[]);
     });
-    position: "right" | "left" | "top" | "bottom";
-    snapPoints: import("../types/index").DrawerSnapPoint[];
-    initial: {
-        open?: boolean;
-        transition?: boolean;
-        snapPoint?: import("../types/index").DrawerSnapPoint;
+    backdrop: boolean;
+    focusTrap: boolean | import("focus-trap").Options;
+    teleport: {
+        target?: string;
+        disabled?: boolean;
     };
     enableMousewheel: boolean;
     preventZoom: boolean;

package/dist/plugins/MagicEmitter/src/composables/useMagicEmitter.d.ts CHANGED Viewed

@@ -74,26 +74,26 @@ export declare function useMagicEmitter(): {
         } & Omit<{
             beforeSnap: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
             };
             snapTo: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
                 duration?: number;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
                 duration?: number;
             };
             afterSnap: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
             };
             beforeDrag: {
                 id: string;
@@ -324,26 +324,26 @@ export declare function useMagicEmitter(): {
         } & Omit<{
             beforeSnap: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
             };
             snapTo: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
                 duration?: number;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
                 duration?: number;
             };
             afterSnap: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
             };
             beforeDrag: {
                 id: string;
@@ -576,26 +576,26 @@ export declare function useMagicEmitter(): {
         } & Omit<{
             beforeSnap: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
             };
             snapTo: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
                 duration?: number;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
                 duration?: number;
             };
             afterSnap: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
             };
             beforeDrag: {
                 id: string;
@@ -826,26 +826,26 @@ export declare function useMagicEmitter(): {
         } & Omit<{
             beforeSnap: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
             };
             snapTo: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
                 duration?: number;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
                 duration?: number;
             };
             afterSnap: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
             };
             beforeDrag: {
                 id: string;
@@ -1078,26 +1078,26 @@ export declare function useMagicEmitter(): {
         } & Omit<{
             beforeSnap: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
             };
             snapTo: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
                 duration?: number;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
                 duration?: number;
             };
             afterSnap: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
             };
             beforeDrag: {
                 id: string;
@@ -1328,26 +1328,26 @@ export declare function useMagicEmitter(): {
         } & Omit<{
             beforeSnap: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
             };
             snapTo: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
                 duration?: number;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
                 duration?: number;
             };
             afterSnap: {
                 id: string;
-                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
+                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
             } | {
                 id: string;
-                snapPoint: import("../../../MagicDraggable/src/types").DraggableSnapPoint;
+                snapPoint: import("../../../MagicDrawer/src/types").DrawerSnapPoint;
             };
             beforeDrag: {
                 id: string;

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

@@ -12,19 +12,19 @@ declare const mappedOptions: Omit<MagicModalOptions, keyof MagicModalOptions> &
         content?: string;
         backdrop?: string;
     };
-    backdrop: boolean;
     tag: "div" | "dialog";
-    focusTrap: boolean | import("focus-trap").Options;
     scrollLock: boolean | {
         padding: boolean;
     };
+    keyListener: {
+        close?: string[] | false;
+    };
+    backdrop: boolean;
+    focusTrap: boolean | import("focus-trap").Options;
     teleport: {
         target?: string;
         disabled?: boolean;
     };
-    keyListener: {
-        close?: string[] | false;
-    };
 };
 declare const close: () => void;
 declare const innerActive: import("vue").ShallowRef<boolean, boolean>;

package/dist/plugins/MagicPie/index.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import MagicPie from './src/components/MagicPie.vue.js';
+import { useMagicPie } from './src/composables/useMagicPie.js';
+import type { Plugin } from 'vue';
+import type { MagicPieOptions } from './src/types/index.js';
+declare const MagicPiePlugin: Plugin;
+export { MagicPiePlugin, MagicPie, useMagicPie };
+export type { MagicPieOptions };

package/dist/plugins/MagicPie/index.mjs ADDED Viewed

@@ -0,0 +1,8 @@
+import MagicPie from "./src/components/MagicPie.vue";
+import { useMagicPie } from "./src/composables/useMagicPie.mjs";
+const MagicPiePlugin = {
+  install: (app) => {
+    app.component("MagicPie", MagicPie);
+  }
+};
+export { MagicPiePlugin, MagicPie, useMagicPie };

package/dist/plugins/MagicPie/nuxt.d.ts ADDED Viewed

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

package/dist/plugins/MagicPie/nuxt.mjs ADDED Viewed

@@ -0,0 +1,23 @@
+import {
+  defineNuxtModule,
+  createResolver,
+  addComponent,
+  addImports
+} from "@nuxt/kit";
+export default defineNuxtModule({
+  meta: {
+    name: "@maas/vue-equipment/nuxt/MagicPie"
+  },
+  setup() {
+    const resolver = createResolver(import.meta.url);
+    addComponent({
+      filePath: resolver.resolve("src/components/MagicPie.vue"),
+      name: "MagicPie",
+      global: true
+    });
+    addImports({
+      from: "@maas/vue-equipment/plugins/MagicPie",
+      name: "useMagicPie"
+    });
+  }
+});

package/dist/plugins/MagicPie/src/components/MagicPie.vue ADDED Viewed

@@ -0,0 +1,202 @@
+<script>
+import { defineComponent as _defineComponent } from "vue";
+import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["data-flip", "data-id"];
+const _hoisted_2 = {
+  id: "magic-pie__svg",
+  viewBox: "0 0 100 100",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_3 = { mask: "url(#magic-pie__mask)" };
+const _hoisted_4 = ["d"];
+import { computed, toRefs, onBeforeUnmount } from "vue";
+import { usePieState } from "../composables/private/usePieState";
+export default /* @__PURE__ */ _defineComponent({
+  __name: "MagicPie",
+  props: {
+    id: { type: String, required: true },
+    options: { type: Object, required: false }
+  },
+  setup(__props) {
+    const { initializeState, deleteState } = usePieState(__props.id);
+    const state = initializeState();
+    const { percentage } = toRefs(state);
+    function generatePath(points) {
+      if (points.length < 2) {
+        throw new Error("At least two points are required to generate a path.");
+      }
+      let path2 = `M ${points[0][0]} ${points[0][1]}`;
+      for (let i = 1; i < points.length; i++) {
+        path2 += ` L ${points[i][0]} ${points[i][1]}`;
+      }
+      return path2;
+    }
+    function generatePie(percentage2, flip) {
+      if (percentage2 < 0 || percentage2 > 100) {
+        throw new Error("percentage needs to be between 0 and 100");
+      }
+      const size = 100;
+      const points = [
+        [size / 2, size / 2],
+        [size / 2, 0]
+      ];
+      function getEndpoint(percentage3, size2) {
+        const circumference = size2 * 4;
+        const distance = percentage3 / 100 * circumference;
+        if (distance === 0) {
+          return [size2 / 2, 0];
+        }
+        const position = Math.floor(distance / (size2 / 2)) % 8;
+        const remainingDistance = distance % (size2 / 2);
+        let x = 0;
+        let y = 0;
+        switch (position) {
+          case 0:
+            x = size2 / 2 + remainingDistance;
+            y = 0;
+            break;
+          case 1:
+            x = size2;
+            y = remainingDistance;
+            break;
+          case 2:
+            x = size2;
+            y = size2 / 2 + remainingDistance;
+            break;
+          case 3:
+            x = size2 - remainingDistance;
+            y = size2;
+            break;
+          case 4:
+            x = size2 / 2 - remainingDistance;
+            y = size2;
+            break;
+          case 5:
+            x = 0;
+            y = size2 - remainingDistance;
+            break;
+          case 6:
+            x = 0;
+            y = size2 / 2 - remainingDistance;
+            break;
+          case 7:
+            x = remainingDistance;
+            y = 0;
+        }
+        return [x, y];
+      }
+      if (flip) {
+        if (100 - percentage2 >= 12.5) {
+          points.push([0, 0]);
+        }
+        if (100 - percentage2 >= 25) {
+          points.push([0, size / 2]);
+        }
+        if (100 - percentage2 >= 37.5) {
+          points.push([0, size]);
+        }
+        if (100 - percentage2 >= 50) {
+          points.push([size / 2, size]);
+        }
+        if (100 - percentage2 >= 62.5) {
+          points.push([size, size]);
+        }
+        if (100 - percentage2 >= 75) {
+          points.push([size, size / 2]);
+        }
+        if (100 - percentage2 >= 87.5) {
+          points.push([size, 0]);
+        }
+      } else {
+        if (percentage2 >= 12.5) {
+          points.push([size, 0]);
+        }
+        if (percentage2 >= 25) {
+          points.push([size, size / 2]);
+        }
+        if (percentage2 >= 37.5) {
+          points.push([size, size]);
+        }
+        if (percentage2 >= 50) {
+          points.push([size / 2, size]);
+        }
+        if (percentage2 >= 62.5) {
+          points.push([0, size]);
+        }
+        if (percentage2 >= 75) {
+          points.push([0, size / 2]);
+        }
+        if (percentage2 >= 87.5) {
+          points.push([0, 0]);
+        }
+      }
+      points.push(getEndpoint(percentage2, size));
+      return generatePath(points);
+    }
+    const path = computed(() => {
+      return generatePie(percentage.value, __props.options?.flip);
+    });
+    onBeforeUnmount(() => {
+      deleteState();
+    });
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: "magic-pie",
+        "data-flip": _ctx.options?.flip,
+        "data-id": _ctx.id
+      }, [
+        (_openBlock(), _createElementBlock("svg", _hoisted_2, [
+          _cache[1] || (_cache[1] = _createElementVNode(
+            "mask",
+            { id: "magic-pie__mask" },
+            [
+              _createElementVNode("circle", {
+                cx: "50",
+                cy: "50",
+                r: "50",
+                fill: "white"
+              })
+            ],
+            -1
+            /* HOISTED */
+          )),
+          _createElementVNode("g", _hoisted_3, [
+            _cache[0] || (_cache[0] = _createElementVNode(
+              "rect",
+              {
+                width: "100",
+                height: "100"
+              },
+              null,
+              -1
+              /* HOISTED */
+            )),
+            _createElementVNode("path", { d: path.value }, null, 8, _hoisted_4)
+          ])
+        ]))
+      ], 8, _hoisted_1);
+    };
+  }
+});
+</script>
+<style>
+.magic-pie {
+  position: relative;
+  & path {
+    fill: var(--magic-pie-foreground, currentColor);
+  }
+  & rect {
+    fill: var(--magic-pie-background, transparent);
+  }
+}
+#magic-pie__svg {
+  width: 100%;
+  height: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+</style>

package/dist/plugins/MagicPie/src/components/MagicPie.vue.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { MagicPieOptions } from '../types/index.js';
+interface MagicPieProps {
+    id: string;
+    options?: MagicPieOptions;
+}
+declare const _default: import("vue").DefineComponent<MagicPieProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPieProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/plugins/MagicPie/src/composables/private/usePieState.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { type MaybeRef } from 'vue';
+import type { PieState } from '../../types/index.js';
+export declare function usePieState(id: MaybeRef<string>): {
+    initializeState: () => PieState;
+    deleteState: () => void;
+};

package/dist/plugins/MagicPie/src/composables/private/usePieState.mjs ADDED Viewed

@@ -0,0 +1,33 @@
+import { ref, reactive, toValue } from "vue";
+const pieStateStore = ref([]);
+export function usePieState(id) {
+  function createState(id2) {
+    const state = {
+      id: id2,
+      percentage: 0,
+      animation: void 0
+    };
+    return reactive(state);
+  }
+  function addState(id2) {
+    const state = createState(id2);
+    pieStateStore.value = [...pieStateStore.value, state];
+    return state;
+  }
+  function initializeState() {
+    let state = pieStateStore.value.find((entry) => {
+      return entry.id === id;
+    });
+    if (!state) state = addState(toValue(id));
+    return state;
+  }
+  function deleteState() {
+    pieStateStore.value = pieStateStore.value.filter(
+      (x) => x.id !== id
+    );
+  }
+  return {
+    initializeState,
+    deleteState
+  };
+}

package/dist/plugins/MagicPie/src/composables/useMagicPie.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { type MaybeRef } from 'vue';
+interface InterpolatePercentageArgs {
+    value: number;
+    duration: number;
+    easing?: (t: number) => number;
+}
+export declare function useMagicPie(id: MaybeRef<string>): {
+    percentage: import("vue").Ref<number, number>;
+    setPercentage: (value: number) => void;
+    interpolatePercentage: (args: InterpolatePercentageArgs) => void;
+    cancelInterpolatePercentage: () => void;
+};
+export {};

package/dist/plugins/MagicPie/src/composables/useMagicPie.mjs ADDED Viewed

@@ -0,0 +1,43 @@
+import { toValue, toRefs } from "vue";
+import { interpolate, linear } from "@maas/vue-equipment/utils";
+import { usePieState } from "./private/usePieState.mjs";
+export function useMagicPie(id) {
+  const { initializeState } = usePieState(toValue(id));
+  const state = initializeState();
+  const { percentage, animation } = toRefs(state);
+  function setPercentage(value) {
+    percentage.value = Math.min(Math.max(0, value), 100);
+  }
+  function interpolatePercentage(args) {
+    const { value, duration = 1e3, easing = linear } = args;
+    const mappedValue = Math.min(Math.max(0, value), 100);
+    if (animation.value) {
+      cancelAnimationFrame(animation.value);
+    }
+    const mappedDuration = duration - duration * percentage.value / 100;
+    animation.value = interpolate({
+      from: percentage.value,
+      to: mappedValue,
+      duration: mappedDuration,
+      easing,
+      callback: (value2) => {
+        percentage.value = value2;
+      },
+      animationIdCallback: (id2) => {
+        animation.value = id2;
+      }
+    });
+  }
+  function cancelInterpolatePercentage() {
+    if (animation.value) {
+      cancelAnimationFrame(animation.value);
+      animation.value = void 0;
+    }
+  }
+  return {
+    percentage,
+    setPercentage,
+    interpolatePercentage,
+    cancelInterpolatePercentage
+  };
+}

package/dist/plugins/MagicPie/src/types/index.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+export interface MagicPieOptions {
+    flip?: boolean;
+}
+export interface PieState {
+    id: string;
+    percentage: number;
+    animation: number | undefined;
+}
+export type PiePoint = [number, number];

package/dist/plugins/MagicPie/src/types/index.mjs ADDED Viewed

File without changes

package/dist/plugins/index.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ export * from './MagicMarquee/index.js';
 export * from './MagicMenu/index.js';
 export * from './MagicModal/index.js';
 export * from './MagicNoise/index.js';
+export * from './MagicPie/index.js';
 export * from './MagicPlayer/index.js';
 export * from './MagicScroll/index.js';
 export * from './MagicToast/index.js';

package/dist/plugins/index.mjs CHANGED Viewed

@@ -8,6 +8,7 @@ export * from "./MagicMarquee/index.mjs";
 export * from "./MagicMenu/index.mjs";
 export * from "./MagicModal/index.mjs";
 export * from "./MagicNoise/index.mjs";
+export * from "./MagicPie/index.mjs";
 export * from "./MagicPlayer/index.mjs";
 export * from "./MagicScroll/index.mjs";
 export * from "./MagicToast/index.mjs";

package/dist/utils/index.d.ts CHANGED Viewed

@@ -23,8 +23,9 @@ type InterpolateArgs = {
     duration: number;
     easing?: (t: number) => number;
     callback: (result: number) => void;
+    animationIdCallback?: (id: number) => void;
 };
-declare function interpolate(args: InterpolateArgs): void;
+declare function interpolate(args: InterpolateArgs): number;
 declare function isIOS(): boolean;

package/dist/utils/index.js CHANGED Viewed

@@ -71,8 +71,17 @@ function formatTime(seconds, guide) {
 // src/functions/interpolate.ts
 function interpolate(args) {
-  const { from, to, duration, callback, easing = (t) => t * (2 - t) } = args;
+  const {
+    from,
+    to,
+    duration,
+    callback,
+    animationIdCallback = () => {
+    },
+    easing = (t) => t * (2 - t)
+  } = args;
   let startTime;
+  let animationId;
   function animate(timestamp) {
     if (!startTime) startTime = timestamp;
     const progress = Math.min(1, (timestamp - startTime) / duration);
@@ -80,10 +89,12 @@ function interpolate(args) {
     const value = from + (to - from) * easedProgress;
     callback(value);
     if (progress < 1) {
-      requestAnimationFrame(animate);
+      animationId = requestAnimationFrame(animate);
+      animationIdCallback(animationId);
     }
   }
-  requestAnimationFrame(animate);
+  animationId = requestAnimationFrame(animate);
+  return animationId;
 }
 // src/functions/isIOS.ts

package/dist/utils/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../packages/utils/src/functions/clampValue.ts","../../packages/utils/src/functions/easings.ts","../../packages/utils/src/functions/toNumber.ts","../../packages/utils/src/functions/formatTime.ts","../../packages/utils/src/functions/interpolate.ts","../../packages/utils/src/functions/isIOS.ts","../../packages/utils/src/functions/isWithinRange.ts","../../packages/utils/src/functions/mapValue.ts","../../packages/utils/src/functions/matchClass.ts","../../packages/utils/src/functions/pointerCapture.ts","../../packages/utils/src/functions/scrollbarGutterSupport.ts","../../packages/utils/src/functions/scrollbarWidth.ts","../../packages/utils/src/functions/slugify.ts","../../packages/utils/src/functions/uniq.ts"],"sourcesContent":["export function clampValue(value: number, min: number, max: number) {\n return value <= min ? min : value >= max ? max : value\n}\n","export function linear(t: number) {\n return t\n}\nexport function easeInQuad(t: number) {\n return t * t\n}\nexport function easeOutQuad(t: number) {\n return t * (2 - t)\n}\nexport function easeInOutQuad(t: number) {\n return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t\n}\nexport function easeOutBack(t: number, o: number = 1.25) {\n return 1 + (t - 1) * (t - 1) * ((o + 1) * (t - 1) + o)\n}\nexport function easeInCubic(t: number) {\n return t * t * t\n}\nexport function easeOutCubic(t: number) {\n return --t * t * t + 1\n}\nexport function easeInOutCubic(t: number) {\n return t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1\n}\nexport function easeInQuart(t: number) {\n return t * t * t * t\n}\nexport function easeOutQuart(t: number) {\n return 1 - --t * t * t * t\n}\nexport function easeInOutQuart(t: number) {\n return t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t\n}\nexport function easeInQuint(t: number) {\n return t * t * t * t * t\n}\nexport function easeOutQuint(t: number) {\n return 1 + --t * t * t * t * t\n}\nexport function easeInOutQuint(t: number) {\n return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t\n}\n","export function toNumber(value: string \| number): number {\n return typeof value === 'string' ? parseFloat(value) : Number(value)\n}\n","import { toNumber } from './toNumber'\n\nexport function formatTime(seconds: number, guide: number) {\n seconds = seconds < 0 ? 0 : seconds\n let s: string \| number = Math.floor(seconds % 60)\n let m: string \| number = Math.floor((seconds / 60) % 60)\n let h: string \| number = Math.floor(seconds / 3600)\n const gm = Math.floor((guide / 60) % 60)\n const gh = Math.floor(guide / 3600)\n\n // handle invalid times\n if (isNaN(seconds) \|\| seconds === Infinity) {\n // '-' is false for all relational operators (e.g. <, >=) so this setting\n // will add the minimum number of fields specified by the guide\n h = m = s = '-'\n }\n\n // Check if we need to show hours\n h = toNumber(h) > 0 \|\| gh > 0 ? h + ':' : ''\n\n // If hours are showing, we may need to add a leading zero.\n // Always show at least one digit of minutes.\n m = ((h \|\| gm >= 10) && toNumber(m) < 10 ? '0' + m : m) + ':'\n\n // Check if leading zero is need for seconds\n s = toNumber(s) < 10 ? '0' + s : s\n\n return h + m + s\n}\n","export type InterpolateArgs = {\n from: number\n to: number\n duration: number\n easing?: (t: number) => number\n callback: (result: number) => void\n}\n\nexport function interpolate(args: InterpolateArgs) {\n const { from, to, duration, callback, easing = (t) => t * (2 - t) } = args\n\n let startTime: number\n\n function animate(timestamp: number) {\n if (!startTime) startTime = timestamp\n\n const progress = Math.min(1, (timestamp - startTime) / duration)\n const easedProgress = easing(progress)\n const value = from + (to - from) * easedProgress\n\n callback(value)\n\n if (progress < 1) {\n requestAnimationFrame(animate)\n }\n }\n\n requestAnimationFrame(animate)\n}\n","export function isIOS() {\n if (typeof window === 'undefined') return false\n return /iPad\|iPhone\|iPod/.test(navigator?.userAgent)\n}\n","interface isWithinRangeArgs {\n input: number\n base: number\n threshold: number\n}\n\nexport function isWithinRange(args: isWithinRangeArgs): boolean {\n const { input, base, threshold } = args\n return input >= base - threshold && input <= base + threshold\n}\n","export function mapValue(\n value: number,\n inMin: number,\n inMax: number,\n outMin: number,\n outMax: number\n) {\n return ((value - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin\n}\n","export function matchClass(el: Element, regex: RegExp) {\n return Array.from(el.classList).some((className) => regex.test(className))\n}\n","interface GuardedSetPointerCaptureArgs {\n event: PointerEvent\n element?: Element \| null\n debug?: boolean\n}\n\ninterface GuardedReleasePointerCaptureArgs {\n event: PointerEvent\n element?: Element \| null\n}\n\nexport function guardedSetPointerCapture(\n args: GuardedSetPointerCaptureArgs\n): void {\n const { event, element, debug } = args\n if (element && event.isPrimary && event.pointerType !== 'mouse') {\n try {\n const coalescedEvents: PointerEvent[] =\n 'getCoalescedEvents' in event ? event.getCoalescedEvents() : [event]\n\n if (coalescedEvents.length > 0) {\n element?.setPointerCapture(event.pointerId)\n }\n } catch (error) {\n if (debug) {\n console.warn('Failed to set pointer capture:', error)\n }\n }\n }\n}\n\nexport function guardedReleasePointerCapture(\n args: GuardedReleasePointerCaptureArgs\n): void {\n const { event, element } = args\n if (element?.hasPointerCapture(event.pointerId)) {\n element.releasePointerCapture(event.pointerId)\n }\n}\n","export function scrollbarGutterSupport() {\n return CSS.supports('scrollbar-gutter', 'stable')\n}\n","export function scrollbarWidth() {\n const wrapper = document.createElement('div')\n wrapper.style.position = 'absolute'\n wrapper.style.visibility = 'hidden'\n wrapper.style.overflow = 'hidden'\n wrapper.style.width = '100px'\n wrapper.style.height = '100px'\n wrapper.style.top = '-9999px'\n\n wrapper.innerHTML = '<div style=\"width: 200px; height: 200px;\"></div>'\n document.body.appendChild(wrapper)\n\n // Get the scrollbar width\n const withoutScrollbar = wrapper.clientWidth\n wrapper.style.overflow = 'scroll'\n const withScrollbar = wrapper.clientWidth\n\n // Clean up\n document.body.removeChild(wrapper)\n\n return Math.round(withoutScrollbar - withScrollbar)\n}\n","export interface SlugifyOptions {\n separator?: string\n trim?: boolean\n remove?: RegExp\n strict?: boolean\n lowercase?: boolean\n}\n\nconst defaultOptions: SlugifyOptions = {\n separator: '-',\n trim: true,\n remove: undefined,\n strict: true,\n lowercase: true,\n}\n\nexport function slugify(string: string, options?: SlugifyOptions): string {\n if (typeof string !== 'string') {\n throw new Error('slugify: string argument expected')\n }\n\n // Merge provided options with default options\n const _options = { ...defaultOptions, ...options }\n\n const charMap: { [key: string]: string } = {}\n\n let slug = string\n .normalize()\n .split('')\n .reduce(function (result, ch) {\n let appendChar = charMap[ch]\n if (appendChar === undefined) appendChar = ch\n if (appendChar === _options?.separator) appendChar = ' '\n return (\n result +\n appendChar.replace(_options?.remove \|\| /[^\\w\\s$*_+~.()'\"!\\-:@]+/g, '')\n )\n }, '')\n\n if (_options.strict) {\n slug = slug.replace(/[^A-Za-z0-9\\s]/g, '')\n }\n\n if (_options.trim) {\n slug = slug.trim()\n }\n\n if (_options.separator) {\n slug = slug.replace(/ +/g, _options.separator)\n }\n\n if (_options.lowercase) {\n slug = slug.toLocaleLowerCase()\n }\n\n return slug\n}\n","export function uniq<T extends unknown[]>(a: T) {\n return Array.from(new Set(a))\n}\n"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../../packages/utils/src/functions/clampValue.ts","../../packages/utils/src/functions/easings.ts","../../packages/utils/src/functions/toNumber.ts","../../packages/utils/src/functions/formatTime.ts","../../packages/utils/src/functions/interpolate.ts","../../packages/utils/src/functions/isIOS.ts","../../packages/utils/src/functions/isWithinRange.ts","../../packages/utils/src/functions/mapValue.ts","../../packages/utils/src/functions/matchClass.ts","../../packages/utils/src/functions/pointerCapture.ts","../../packages/utils/src/functions/scrollbarGutterSupport.ts","../../packages/utils/src/functions/scrollbarWidth.ts","../../packages/utils/src/functions/slugify.ts","../../packages/utils/src/functions/uniq.ts"],"sourcesContent":["export function clampValue(value: number, min: number, max: number) {\n return value <= min ? min : value >= max ? max : value\n}\n","export function linear(t: number) {\n return t\n}\nexport function easeInQuad(t: number) {\n return t * t\n}\nexport function easeOutQuad(t: number) {\n return t * (2 - t)\n}\nexport function easeInOutQuad(t: number) {\n return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t\n}\nexport function easeOutBack(t: number, o: number = 1.25) {\n return 1 + (t - 1) * (t - 1) * ((o + 1) * (t - 1) + o)\n}\nexport function easeInCubic(t: number) {\n return t * t * t\n}\nexport function easeOutCubic(t: number) {\n return --t * t * t + 1\n}\nexport function easeInOutCubic(t: number) {\n return t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1\n}\nexport function easeInQuart(t: number) {\n return t * t * t * t\n}\nexport function easeOutQuart(t: number) {\n return 1 - --t * t * t * t\n}\nexport function easeInOutQuart(t: number) {\n return t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t\n}\nexport function easeInQuint(t: number) {\n return t * t * t * t * t\n}\nexport function easeOutQuint(t: number) {\n return 1 + --t * t * t * t * t\n}\nexport function easeInOutQuint(t: number) {\n return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t\n}\n","export function toNumber(value: string \| number): number {\n return typeof value === 'string' ? parseFloat(value) : Number(value)\n}\n","import { toNumber } from './toNumber'\n\nexport function formatTime(seconds: number, guide: number) {\n seconds = seconds < 0 ? 0 : seconds\n let s: string \| number = Math.floor(seconds % 60)\n let m: string \| number = Math.floor((seconds / 60) % 60)\n let h: string \| number = Math.floor(seconds / 3600)\n const gm = Math.floor((guide / 60) % 60)\n const gh = Math.floor(guide / 3600)\n\n // handle invalid times\n if (isNaN(seconds) \|\| seconds === Infinity) {\n // '-' is false for all relational operators (e.g. <, >=) so this setting\n // will add the minimum number of fields specified by the guide\n h = m = s = '-'\n }\n\n // Check if we need to show hours\n h = toNumber(h) > 0 \|\| gh > 0 ? h + ':' : ''\n\n // If hours are showing, we may need to add a leading zero.\n // Always show at least one digit of minutes.\n m = ((h \|\| gm >= 10) && toNumber(m) < 10 ? '0' + m : m) + ':'\n\n // Check if leading zero is need for seconds\n s = toNumber(s) < 10 ? '0' + s : s\n\n return h + m + s\n}\n","export type InterpolateArgs = {\n from: number\n to: number\n duration: number\n easing?: (t: number) => number\n callback: (result: number) => void\n animationIdCallback?: (id: number) => void\n}\n\nexport function interpolate(args: InterpolateArgs) {\n const {\n from,\n to,\n duration,\n callback,\n animationIdCallback = () => {},\n easing = (t) => t * (2 - t),\n } = args\n\n let startTime: number\n let animationId: number\n\n function animate(timestamp: number) {\n if (!startTime) startTime = timestamp\n\n const progress = Math.min(1, (timestamp - startTime) / duration)\n const easedProgress = easing(progress)\n const value = from + (to - from) * easedProgress\n\n callback(value)\n\n if (progress < 1) {\n animationId = requestAnimationFrame(animate)\n animationIdCallback(animationId)\n }\n }\n\n animationId = requestAnimationFrame(animate)\n\n return animationId\n}\n","export function isIOS() {\n if (typeof window === 'undefined') return false\n return /iPad\|iPhone\|iPod/.test(navigator?.userAgent)\n}\n","interface isWithinRangeArgs {\n input: number\n base: number\n threshold: number\n}\n\nexport function isWithinRange(args: isWithinRangeArgs): boolean {\n const { input, base, threshold } = args\n return input >= base - threshold && input <= base + threshold\n}\n","export function mapValue(\n value: number,\n inMin: number,\n inMax: number,\n outMin: number,\n outMax: number\n) {\n return ((value - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin\n}\n","export function matchClass(el: Element, regex: RegExp) {\n return Array.from(el.classList).some((className) => regex.test(className))\n}\n","interface GuardedSetPointerCaptureArgs {\n event: PointerEvent\n element?: Element \| null\n debug?: boolean\n}\n\ninterface GuardedReleasePointerCaptureArgs {\n event: PointerEvent\n element?: Element \| null\n}\n\nexport function guardedSetPointerCapture(\n args: GuardedSetPointerCaptureArgs\n): void {\n const { event, element, debug } = args\n if (element && event.isPrimary && event.pointerType !== 'mouse') {\n try {\n const coalescedEvents: PointerEvent[] =\n 'getCoalescedEvents' in event ? event.getCoalescedEvents() : [event]\n\n if (coalescedEvents.length > 0) {\n element?.setPointerCapture(event.pointerId)\n }\n } catch (error) {\n if (debug) {\n console.warn('Failed to set pointer capture:', error)\n }\n }\n }\n}\n\nexport function guardedReleasePointerCapture(\n args: GuardedReleasePointerCaptureArgs\n): void {\n const { event, element } = args\n if (element?.hasPointerCapture(event.pointerId)) {\n element.releasePointerCapture(event.pointerId)\n }\n}\n","export function scrollbarGutterSupport() {\n return CSS.supports('scrollbar-gutter', 'stable')\n}\n","export function scrollbarWidth() {\n const wrapper = document.createElement('div')\n wrapper.style.position = 'absolute'\n wrapper.style.visibility = 'hidden'\n wrapper.style.overflow = 'hidden'\n wrapper.style.width = '100px'\n wrapper.style.height = '100px'\n wrapper.style.top = '-9999px'\n\n wrapper.innerHTML = '<div style=\"width: 200px; height: 200px;\"></div>'\n document.body.appendChild(wrapper)\n\n // Get the scrollbar width\n const withoutScrollbar = wrapper.clientWidth\n wrapper.style.overflow = 'scroll'\n const withScrollbar = wrapper.clientWidth\n\n // Clean up\n document.body.removeChild(wrapper)\n\n return Math.round(withoutScrollbar - withScrollbar)\n}\n","export interface SlugifyOptions {\n separator?: string\n trim?: boolean\n remove?: RegExp\n strict?: boolean\n lowercase?: boolean\n}\n\nconst defaultOptions: SlugifyOptions = {\n separator: '-',\n trim: true,\n remove: undefined,\n strict: true,\n lowercase: true,\n}\n\nexport function slugify(string: string, options?: SlugifyOptions): string {\n if (typeof string !== 'string') {\n throw new Error('slugify: string argument expected')\n }\n\n // Merge provided options with default options\n const _options = { ...defaultOptions, ...options }\n\n const charMap: { [key: string]: string } = {}\n\n let slug = string\n .normalize()\n .split('')\n .reduce(function (result, ch) {\n let appendChar = charMap[ch]\n if (appendChar === undefined) appendChar = ch\n if (appendChar === _options?.separator) appendChar = ' '\n return (\n result +\n appendChar.replace(_options?.remove \|\| /[^\\w\\s$*_+~.()'\"!\\-:@]+/g, '')\n )\n }, '')\n\n if (_options.strict) {\n slug = slug.replace(/[^A-Za-z0-9\\s]/g, '')\n }\n\n if (_options.trim) {\n slug = slug.trim()\n }\n\n if (_options.separator) {\n slug = slug.replace(/ +/g, _options.separator)\n }\n\n if (_options.lowercase) {\n slug = slug.toLocaleLowerCase()\n }\n\n return slug\n}\n","export function uniq<T extends unknown[]>(a: T) {\n return Array.from(new Set(a))\n}\n"],"mappings":"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","names":[]}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "Our Frontend Toolkit, Free and Open Source",
-  "version": "1.0.0-beta.8",
+  "version": "1.0.0-beta.9",
   "contributors": [
     {
       "name": "Robin Scholz",