@maas/vue-equipment 1.2.0 → 1.3.0

package/dist/plugins/MagicDotMatrix/src/utils/presets/fill.mjs

@@ -0,0 +1,10 @@
+export function createFill({ cols, rows }) {
+  const total = cols * rows;
+  return [
+    ...Array.from(
+      { length: total },
+      (_, index) => Array.from({ length: index + 1 }, (__, dot) => dot)
+    ),
+    []
+  ];
+}

package/dist/plugins/MagicDotMatrix/src/utils/presets/focus.d.ts

@@ -0,0 +1,2 @@
+import type { DotMatrixGrid, DotMatrixSequence } from '../../types/index.js';
+export declare function createFocus(grid: DotMatrixGrid): DotMatrixSequence;

package/dist/plugins/MagicDotMatrix/src/utils/presets/focus.mjs

@@ -0,0 +1,5 @@
+import { getRings } from "../sequence/getRings.mjs";
+export function createFocus(grid) {
+  const rings = [...getRings(grid)].reverse();
+  return [...rings, ...rings.slice(0, -1).reverse(), []];
+}

package/dist/plugins/MagicDotMatrix/src/utils/presets/index.d.ts

@@ -0,0 +1,12 @@
+export { createBounce } from './bounce.js';
+export { createCheckerboard } from './checkerboard.js';
+export { createComet } from './comet.js';
+export { createDrift } from './drift.js';
+export { createEqualizer } from './equalizer.js';
+export { createFill } from './fill.js';
+export { createFocus } from './focus.js';
+export { createOrbit } from './orbit.js';
+export { createPulse } from './pulse.js';
+export { createRipple } from './ripple.js';
+export { createScan } from './scan.js';
+export { createSpiral } from './spiral.js';

package/dist/plugins/MagicDotMatrix/src/utils/presets/index.mjs

@@ -0,0 +1,12 @@
+export { createBounce } from "./bounce.mjs";
+export { createCheckerboard } from "./checkerboard.mjs";
+export { createComet } from "./comet.mjs";
+export { createDrift } from "./drift.mjs";
+export { createEqualizer } from "./equalizer.mjs";
+export { createFill } from "./fill.mjs";
+export { createFocus } from "./focus.mjs";
+export { createOrbit } from "./orbit.mjs";
+export { createPulse } from "./pulse.mjs";
+export { createRipple } from "./ripple.mjs";
+export { createScan } from "./scan.mjs";
+export { createSpiral } from "./spiral.mjs";

package/dist/plugins/MagicDotMatrix/src/utils/presets/orbit.d.ts

@@ -0,0 +1,2 @@
+import type { DotMatrixGrid, DotMatrixSequence } from '../../types/index.js';
+export declare function createOrbit({ cols, rows }: DotMatrixGrid): DotMatrixSequence;

package/dist/plugins/MagicDotMatrix/src/utils/presets/orbit.mjs

@@ -0,0 +1,8 @@
+import { ringPath } from "../sequence/ringPath.mjs";
+export function createOrbit({ cols, rows }) {
+  const path = ringPath({ cols, rows });
+  if (path.length === 0) {
+    return [[]];
+  }
+  return path.map((_, index) => [path[index]]);
+}

package/dist/plugins/MagicDotMatrix/src/utils/presets/pulse.d.ts

@@ -0,0 +1,2 @@
+import type { DotMatrixGrid, DotMatrixSequence } from '../../types/index.js';
+export declare function createPulse(grid: DotMatrixGrid): DotMatrixSequence;

package/dist/plugins/MagicDotMatrix/src/utils/presets/pulse.mjs

@@ -0,0 +1,7 @@
+import { getRings } from "../sequence/getRings.mjs";
+export function createPulse(grid) {
+  const rings = getRings(grid);
+  const expand = rings.map((_, index) => rings.slice(0, index + 1).flat());
+  const contract = rings.map((_, index) => rings.slice(0, rings.length - index - 1).flat()).slice(1);
+  return [...expand, ...contract, []];
+}

package/dist/plugins/MagicDotMatrix/src/utils/presets/ripple.d.ts

@@ -0,0 +1,2 @@
+import type { DotMatrixGrid, DotMatrixSequence } from '../../types/index.js';
+export declare function createRipple(grid: DotMatrixGrid): DotMatrixSequence;

package/dist/plugins/MagicDotMatrix/src/utils/presets/ripple.mjs

@@ -0,0 +1,5 @@
+import { getRings } from "../sequence/getRings.mjs";
+export function createRipple(grid) {
+  const rings = getRings(grid);
+  return [...rings, ...rings.slice(0, -1).reverse(), []];
+}

package/dist/plugins/MagicDotMatrix/src/utils/presets/scan.d.ts

@@ -0,0 +1,2 @@
+import type { DotMatrixGrid, DotMatrixSequence } from '../../types/index.js';
+export declare function createScan({ cols, rows }: DotMatrixGrid): DotMatrixSequence;

package/dist/plugins/MagicDotMatrix/src/utils/presets/scan.mjs

@@ -0,0 +1,6 @@
+export function createScan({ cols, rows }) {
+  return Array.from(
+    { length: rows },
+    (_, row) => Array.from({ length: cols }, (__, col) => row * cols + col)
+  );
+}

package/dist/plugins/MagicDotMatrix/src/utils/presets/spiral.d.ts

@@ -0,0 +1,2 @@
+import type { DotMatrixGrid, DotMatrixSequence } from '../../types/index.js';
+export declare function createSpiral(grid: DotMatrixGrid): DotMatrixSequence;

package/dist/plugins/MagicDotMatrix/src/utils/presets/spiral.mjs

@@ -0,0 +1,34 @@
+function spiralOrder({ cols, rows }) {
+  const result = [];
+  let top = 0;
+  let bottom = rows - 1;
+  let left = 0;
+  let right = cols - 1;
+  while (top <= bottom && left <= right) {
+    for (let col = left; col <= right; col++) {
+      result.push(top * cols + col);
+    }
+    top++;
+    for (let row = top; row <= bottom; row++) {
+      result.push(row * cols + right);
+    }
+    right--;
+    if (top <= bottom) {
+      for (let col = right; col >= left; col--) {
+        result.push(bottom * cols + col);
+      }
+      bottom--;
+    }
+    if (left <= right) {
+      for (let row = bottom; row >= top; row--) {
+        result.push(row * cols + left);
+      }
+      left++;
+    }
+  }
+  return result;
+}
+export function createSpiral(grid) {
+  const order = spiralOrder(grid);
+  return [...order.map((_, index) => order.slice(0, index + 1)), []];
+}

package/dist/plugins/MagicDotMatrix/src/utils/sequence/equalizerFrame.d.ts

@@ -0,0 +1,7 @@
+import type { DotMatrixFrame } from '../../types/index.js';
+export type EqualizerFrameArgs = {
+    heights: Array<number>;
+    cols: number;
+    rows: number;
+};
+export declare function equalizerFrame({ heights, cols, rows, }: EqualizerFrameArgs): DotMatrixFrame;

package/dist/plugins/MagicDotMatrix/src/utils/sequence/equalizerFrame.mjs

@@ -0,0 +1,12 @@
+export function equalizerFrame({
+  heights,
+  cols,
+  rows
+}) {
+  return heights.flatMap(
+    (height, col) => Array.from(
+      { length: Math.max(0, Math.min(height, rows)) },
+      (_, index) => (rows - 1 - index) * cols + col
+    )
+  );
+}

package/dist/plugins/MagicDotMatrix/src/utils/sequence/getRings.d.ts

@@ -0,0 +1,2 @@
+import type { DotMatrixFrame, DotMatrixGrid } from '../../types/index.js';
+export declare function getRings({ cols, rows }: DotMatrixGrid): Array<DotMatrixFrame>;

package/dist/plugins/MagicDotMatrix/src/utils/sequence/getRings.mjs

@@ -0,0 +1,24 @@
+import { toIndex } from "./toIndex.mjs";
+export function getRings({ cols, rows }) {
+  const centerCol = (cols - 1) / 2;
+  const centerRow = (rows - 1) / 2;
+  const maxRing = Math.max(
+    Math.ceil(Math.max(centerCol, cols - 1 - centerCol)),
+    Math.ceil(Math.max(centerRow, rows - 1 - centerRow))
+  );
+  return Array.from({ length: maxRing + 1 }, (_, ring) => {
+    const indices = [];
+    for (let row = 0; row < rows; row++) {
+      for (let col = 0; col < cols; col++) {
+        const distance = Math.max(
+          Math.abs(col - centerCol),
+          Math.abs(row - centerRow)
+        );
+        if (Math.floor(distance + 0.5) === ring) {
+          indices.push(toIndex({ col, row, cols }));
+        }
+      }
+    }
+    return indices;
+  }).filter((frame) => frame.length > 0);
+}

package/dist/plugins/MagicDotMatrix/src/utils/sequence/ringPath.d.ts

@@ -0,0 +1,7 @@
+import type { DotMatrixFrame } from '../../types/index.js';
+export type RingPathArgs = {
+    cols: number;
+    rows: number;
+    inset?: number;
+};
+export declare function ringPath({ cols, rows, inset, }: RingPathArgs): DotMatrixFrame;

package/dist/plugins/MagicDotMatrix/src/utils/sequence/ringPath.mjs

@@ -0,0 +1,35 @@
+import { toIndex } from "./toIndex.mjs";
+export function ringPath({
+  cols,
+  rows,
+  inset = 0
+}) {
+  const left = inset;
+  const top = inset;
+  const right = cols - 1 - inset;
+  const bottom = rows - 1 - inset;
+  if (left > right || top > bottom) {
+    return [];
+  }
+  if (left === right && top === bottom) {
+    return [toIndex({ col: left, row: top, cols })];
+  }
+  const path = [];
+  for (let col = left; col <= right; col++) {
+    path.push(toIndex({ col, row: top, cols }));
+  }
+  for (let row = top + 1; row <= bottom; row++) {
+    path.push(toIndex({ col: right, row, cols }));
+  }
+  if (bottom > top) {
+    for (let col = right - 1; col >= left; col--) {
+      path.push(toIndex({ col, row: bottom, cols }));
+    }
+  }
+  if (right > left) {
+    for (let row = bottom - 1; row > top; row--) {
+      path.push(toIndex({ col: left, row, cols }));
+    }
+  }
+  return path;
+}

package/dist/plugins/MagicDotMatrix/src/utils/sequence/toIndex.d.ts

@@ -0,0 +1,6 @@
+export type ToIndexArgs = {
+    col: number;
+    row: number;
+    cols: number;
+};
+export declare function toIndex({ col, row, cols }: ToIndexArgs): number;

package/dist/plugins/MagicDotMatrix/src/utils/sequence/toIndex.mjs

@@ -0,0 +1,3 @@
+export function toIndex({ col, row, cols }) {
+  return row * cols + col;
+}

package/dist/plugins/MagicDotMatrix/src/utils/sequence/withTrail.d.ts

@@ -0,0 +1,6 @@
+import type { DotMatrixFrame, DotMatrixSequence } from '../../types/index.js';
+export type WithTrailArgs = {
+    path: DotMatrixFrame;
+    length?: number;
+};
+export declare function withTrail({ path, length, }: WithTrailArgs): DotMatrixSequence;

package/dist/plugins/MagicDotMatrix/src/utils/sequence/withTrail.mjs

@@ -0,0 +1,17 @@
+export function withTrail({
+  path,
+  length = 3
+}) {
+  if (path.length === 0) {
+    return [[]];
+  }
+  const trail = Math.max(1, Math.min(length, path.length));
+  return path.map((_, index) => [
+    ...new Set(
+      Array.from(
+        { length: trail },
+        (__, offset) => path[(index + offset) % path.length]
+      )
+    )
+  ]);
+}

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

@@ -6,7 +6,7 @@ interface MagicDrawerTriggerProps {
 }
 declare var __VLS_10: {
     active: any;
-    disabled: boolean;
+    disabled: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;

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

@@ -18,7 +18,11 @@ import { useMagicError } from "@maas/vue-equipment/plugins/MagicError";
 import { useMagicDrawer } from "../composables/useMagicDrawer";
 import { useDrawerState } from "../composables/private/useDrawerState";
 import { MagicDrawerInstanceId } from "../symbols";
-const { id, disabled, asChild } = defineProps({
+const {
+  id,
+  disabled = void 0,
+  asChild
+} = defineProps({
   id: { type: null, required: false },
   disabled: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false }

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

@@ -6,7 +6,7 @@ interface MagicDrawerTriggerProps {
 }
 declare var __VLS_10: {
     active: any;
-    disabled: boolean;
+    disabled: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;

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

@@ -1,6 +1,7 @@
 import type { AccordionEvents } from '../../../MagicAccordion/src/types/index.js';
 import type { CarouselEvents } from '../../../MagicCarousel/src/types/index.js';
 import type { CookieEvents } from '../../../MagicCookie/src/types/index.js';
+import type { DotMatrixEvents } from '../../../MagicDotMatrix/src/types/index.js';
 import type { DraggableEvents } from '../../../MagicDraggable/src/types/index.js';
 import type { DrawerEvents } from '../../../MagicDrawer/src/types/index.js';
 import type { ModalEvents } from '../../../MagicModal/src/types/index.js';
@@ -17,6 +18,7 @@ export type MagicEmitterEvents = Merge<[
     AccordionEvents,
     CarouselEvents,
     CookieEvents,
+    DotMatrixEvents,
     DraggableEvents,
     DrawerEvents,
     ModalEvents,

package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue

@@ -29,7 +29,12 @@ import {
   MagicMenuItemId,
   MagicMenuViewId
 } from "../symbols";
-const { instanceId, viewId, disabled, trigger } = defineProps({
+const {
+  instanceId,
+  viewId,
+  disabled = void 0,
+  trigger
+} = defineProps({
   instanceId: { type: String, required: false },
   viewId: { type: String, required: false },
   disabled: { type: Boolean, required: false },
@@ -54,13 +59,18 @@ magicError.assert(mappedViewId.value, {
   message: "MagicMenuTrigger must be nested inside MagicMenuView or a viewId must be provided",
   errorCode: "missing_view_id"
 });
-const { getView, getRelativeViewIndex } = useMenuView(mappedInstanceId.value);
+const { getView, getRelativeViewIndex, getParentView } = useMenuView(
+  mappedInstanceId.value
+);
 const view = getView(mappedViewId.value);
 const viewIndex = getRelativeViewIndex(mappedViewId.value);
 const { initializeState } = useMenuState(mappedInstanceId.value);
 const state = initializeState();
 const { getItem } = useMenuItem(mappedInstanceId.value);
-const item = getItem({ viewId: mappedViewId.value, id: itemId ?? "" });
+const item = getItem({
+  viewId: getParentView(mappedViewId.value)?.id ?? "",
+  id: itemId ?? ""
+});
 const mappedDisabled = computed(() => disabled ?? item?.disabled ?? false);
 const mappedTrigger = computed(() => {
   if (trigger?.length) {

package/dist/plugins/MagicTray/src/components/MagicTrayTrigger.vue

@@ -21,7 +21,13 @@ import { useMagicError } from "@maas/vue-equipment/plugins/MagicError";
 import { useTrayState } from "../composables/private/useTrayState";
 import { useTrayGesture } from "../composables/private/useTrayGesture";
 import { MagicTrayInstanceId } from "../symbols";
-const { id, side, disabled, preventEdgeNavigation, asChild } = defineProps({
+const {
+  id,
+  side,
+  disabled,
+  preventEdgeNavigation = void 0,
+  asChild
+} = defineProps({
   id: { type: null, required: false },
   side: { type: String, required: true },
   disabled: { type: Boolean, required: false },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "Our Frontend Toolkit, Free and Open Source",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "contributors": [
     {
       "name": "Robin Scholz",
@@ -134,8 +134,7 @@
   "scripts": {
     "dev": "turbo run dev --parallel",
     "dev:docs": "turbo run dev --filter=docs",
-    "dev:nuxt": "turbo run dev --filter=nuxt",
-    "build": "turbo run build --filter=!playground",
+    "build": "turbo run build",
     "build:types": "turbo run build:types",
     "build:docs": "pnpm exec playwright install chromium --with-deps && turbo run build --filter=docs",
     "tokens": "mirror tokens && mirror css",