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

package/dist/plugins/MagicToast/src/composables/private/useToastDrag.mjs

@@ -64,10 +64,10 @@ export function useToastDrag(args) {
       easing
     } = args2;
     switch (position) {
-      case "top-center":
+      case "top":
       case "top-left":
       case "top-right":
-      case "bottom-center":
+      case "bottom":
       case "bottom-left":
       case "bottom-right":
         interpolate({
@@ -80,8 +80,8 @@ export function useToastDrag(args) {
           }
         });
         break;
-      case "center-left":
-      case "center-right":
+      case "left":
+      case "right":
         interpolate({
           from: draggedX.value,
           to,
@@ -98,10 +98,10 @@ export function useToastDrag(args) {
     const distanceX = Math.abs(draggedX.value - lastDraggedX.value);
     const distanceY = Math.abs(draggedY.value - lastDraggedY.value);
     switch (position) {
-      case "top-center":
+      case "top":
       case "top-left":
       case "top-right":
-      case "bottom-center":
+      case "bottom":
       case "bottom-left":
       case "bottom-right":
         if (distanceY > toValue(threshold).distance) {
@@ -110,8 +110,8 @@ export function useToastDrag(args) {
           interpolateTo.value = 0;
         }
         break;
-      case "center-left":
-      case "center-right":
+      case "left":
+      case "right":
         if (distanceX > toValue(threshold).distance) {
           shouldClose.value = true;
         } else {
@@ -127,10 +127,10 @@ export function useToastDrag(args) {
     const velocityX = elapsed && distanceX ? distanceX / elapsed : 0;
     const velocityY = elapsed && distanceY ? distanceY / elapsed : 0;
     switch (position) {
-      case "top-center":
+      case "top":
       case "top-left":
       case "top-right":
-      case "bottom-center":
+      case "bottom":
       case "bottom-left":
       case "bottom-right":
         if (velocityY > 0.5) {
@@ -139,8 +139,8 @@ export function useToastDrag(args) {
           interpolateTo.value = 0;
         }
         break;
-      case "center-left":
-      case "center-right":
+      case "left":
+      case "right":
         if (velocityX > 0.5) {
           shouldClose.value = true;
         } else {
@@ -151,7 +151,7 @@ export function useToastDrag(args) {
   }
   function setDragged({ x, y }) {
     switch (position) {
-      case "top-center":
+      case "top":
         const newDraggedTC = Math.min(y - originY.value, 0);
         draggedY.value = newDraggedTC;
         break;
@@ -163,7 +163,7 @@ export function useToastDrag(args) {
         const newDraggedTR = Math.min(y - originY.value, 0);
         draggedY.value = newDraggedTR;
         break;
-      case "bottom-center":
+      case "bottom":
         const newDraggedBC = Math.max(y - originY.value, 0);
         draggedY.value = newDraggedBC;
         break;
@@ -175,11 +175,11 @@ export function useToastDrag(args) {
         const newDraggedBR = Math.max(y - originY.value, 0);
         draggedY.value = newDraggedBR;
         break;
-      case "center-left":
+      case "left":
         const newDraggedCL = Math.min(x - originX.value, 0);
         draggedX.value = newDraggedCL;
         break;
-      case "center-right":
+      case "right":
         const newDraggedCR = Math.max(x - originX.value, 0);
         draggedX.value = newDraggedCR;
         break;
@@ -202,18 +202,18 @@ export function useToastDrag(args) {
       });
     } else {
       switch (position) {
-        case "top-center":
+        case "top":
         case "top-left":
         case "top-right":
-        case "bottom-center":
+        case "bottom":
         case "bottom-left":
         case "bottom-right":
           interpolateDragged({
             to: lastDraggedY.value
           });
           break;
-        case "center-left":
-        case "center-right":
+        case "left":
+        case "right":
           interpolateDragged({
             to: lastDraggedX.value
           });
@@ -257,10 +257,10 @@ export function useToastDrag(args) {
   function onPointerdown(e) {
     const scrollLockValue = toValue(scrollLock);
     if (scrollLockValue) {
-      lockScroll();
       if (typeof scrollLockValue === "object" && scrollLockValue.padding) {
         addScrollLockPadding();
       }
+      lockScroll();
     }
     if (dragging.value) {
       return;
@@ -297,7 +297,7 @@ export function useToastDrag(args) {
       e.preventDefault();
       return;
     }
-    if (position === "center-left" || position === "center-right") {
+    if (position === "left" || position === "right") {
       return;
     }
     if (state.options.layout?.expand === "click") {

package/dist/plugins/MagicToast/src/composables/private/useToastScrollLock.mjs

@@ -1,7 +1,10 @@
-import { ref } from "vue";
+import { ref, shallowRef } from "vue";
 import { useScrollLock } from "@vueuse/core";
-import { matchClass } from "@maas/vue-equipment/utils";
-const scrollLock = typeof window !== "undefined" ? useScrollLock(document?.documentElement) : ref(false);
+import {
+  scrollbarGutterSupport,
+  scrollbarWidth
+} from "@maas/vue-equipment/utils";
+const scrollLock = typeof window !== "undefined" ? useScrollLock(document?.documentElement) : shallowRef(false);
 export function useToastScrollLock() {
   const positionFixedElements = ref([]);
   function lockScroll() {
@@ -12,25 +15,40 @@ export function useToastScrollLock() {
   }
   function addScrollLockPadding() {
     if (typeof window === "undefined") return;
-    const exclude = new RegExp(/magic-toast/);
-    const scrollbarWidth = window.innerWidth - document.body.offsetWidth;
-    document.body.style.setProperty("--scrollbar-width", `${scrollbarWidth}px`);
-    document.body.style.paddingRight = "var(--scrollbar-width)";
+    document.body.style.setProperty(
+      "--scrollbar-width",
+      `${scrollbarWidth()}px`
+    );
     positionFixedElements.value = [
       ...document.body.getElementsByTagName("*")
     ].filter(
-      (x) => getComputedStyle(x, null).getPropertyValue("position") === "fixed" && !matchClass(x, exclude)
-    );
-    positionFixedElements.value.forEach(
-      (elem) => elem.style.paddingRight = "var(--scrollbar-width)"
+      (x) => getComputedStyle(x, null).getPropertyValue("position") === "fixed" && getComputedStyle(x, null).getPropertyValue("right") === "0px"
     );
+    switch (scrollbarGutterSupport()) {
+      case true:
+        document.documentElement.style.scrollbarGutter = "stable";
+        positionFixedElements.value.forEach((elem) => {
+          elem.style.scrollbarGutter = "stable";
+          elem.style.overflow = "auto";
+        });
+        break;
+      case false:
+        document.body.style.paddingRight = "var(--scrollbar-width)";
+        positionFixedElements.value.forEach(
+          (elem) => elem.style.paddingRight = "var(--scrollbar-width)"
+        );
+        break;
+    }
   }
   function removeScrollLockPadding() {
-    document.body.style.paddingRight = "";
+    document.documentElement.style.scrollbarGutter = "";
     document.body.style.removeProperty("--scrollbar-width");
-    positionFixedElements.value.forEach(
-      (elem) => elem.style.paddingRight = ""
-    );
+    document.body.style.paddingRight = "";
+    positionFixedElements.value.forEach((elem) => {
+      elem.style.paddingRight = "";
+      elem.style.scrollbarGutter = "";
+      elem.style.overflow = "";
+    });
   }
   return {
     lockScroll,

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

@@ -1,6 +1,6 @@
 import type { MaybeRef } from 'vue';
 import type { RequireAll } from '@maas/vue-equipment/utils';
-type Position = 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+type Position = 'top-left' | 'top' | 'top-right' | 'left' | 'right' | 'bottom-left' | 'bottom' | 'bottom-right';
 export type ToastView = {
     id: string;
     component: object;

package/dist/plugins/MagicToast/src/utils/defaultOptions.mjs

@@ -1,6 +1,6 @@
 const defaultOptions = {
   debug: false,
-  position: "bottom-center",
+  position: "bottom",
   duration: 0,
   scrollLock: {
     padding: true

package/dist/utils/index.d.ts

@@ -41,16 +41,20 @@ declare function matchClass(el: Element, regex: RegExp): boolean;
 
 interface GuardedSetPointerCaptureArgs {
     event: PointerEvent;
-    element?: Element;
+    element?: Element | null;
     debug?: boolean;
 }
 interface GuardedReleasePointerCaptureArgs {
     event: PointerEvent;
-    element?: Element;
+    element?: Element | null;
 }
 declare function guardedSetPointerCapture(args: GuardedSetPointerCaptureArgs): void;
 declare function guardedReleasePointerCapture(args: GuardedReleasePointerCaptureArgs): void;
 
+declare function scrollbarGutterSupport(): boolean;
+
+declare function scrollbarWidth(): number;
+
 interface SlugifyOptions {
     separator?: string;
     trim?: boolean;
@@ -76,4 +80,4 @@ type RequireAllNested<T> = {
 
 type ValueOf<T> = T[keyof T];
 
-export { type InterpolateArgs, type PickPartial, type RequireAll, type RequireAllNested, type SlugifyOptions, type ValueOf, clampValue, easeInCubic, easeInOutCubic, easeInOutQuad, easeInOutQuart, easeInOutQuint, easeInQuad, easeInQuart, easeInQuint, easeOutBack, easeOutCubic, easeOutQuad, easeOutQuart, easeOutQuint, formatTime, guardedReleasePointerCapture, guardedSetPointerCapture, interpolate, isIOS, isWithinRange, linear, mapValue, matchClass, slugify, uniq };
+export { type InterpolateArgs, type PickPartial, type RequireAll, type RequireAllNested, type SlugifyOptions, type ValueOf, clampValue, easeInCubic, easeInOutCubic, easeInOutQuad, easeInOutQuart, easeInOutQuint, easeInQuad, easeInQuart, easeInQuint, easeOutBack, easeOutCubic, easeOutQuad, easeOutQuart, easeOutQuint, formatTime, guardedReleasePointerCapture, guardedSetPointerCapture, interpolate, isIOS, isWithinRange, linear, mapValue, matchClass, scrollbarGutterSupport, scrollbarWidth, slugify, uniq };

package/dist/utils/index.js

@@ -131,6 +131,29 @@ function guardedReleasePointerCapture(args) {
   }
 }
 
+// src/functions/scrollbarGutterSupport.ts
+function scrollbarGutterSupport() {
+  return CSS.supports("scrollbar-gutter", "stable");
+}
+
+// src/functions/scrollbarWidth.ts
+function scrollbarWidth() {
+  const wrapper = document.createElement("div");
+  wrapper.style.position = "absolute";
+  wrapper.style.visibility = "hidden";
+  wrapper.style.overflow = "hidden";
+  wrapper.style.width = "100px";
+  wrapper.style.height = "100px";
+  wrapper.style.top = "-9999px";
+  wrapper.innerHTML = '<div style="width: 200px; height: 200px;"></div>';
+  document.body.appendChild(wrapper);
+  const withoutScrollbar = wrapper.clientWidth;
+  wrapper.style.overflow = "scroll";
+  const withScrollbar = wrapper.clientWidth;
+  document.body.removeChild(wrapper);
+  return Math.round(withoutScrollbar - withScrollbar);
+}
+
 // src/functions/slugify.ts
 var defaultOptions = {
   separator: "-",
@@ -194,6 +217,8 @@ export {
   linear,
   mapValue,
   matchClass,
+  scrollbarGutterSupport,
+  scrollbarWidth,
   slugify,
   uniq
 };

package/dist/utils/index.js.map

@@ -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/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\n  debug?: boolean\n}\n\ninterface GuardedReleasePointerCaptureArgs {\n  event: PointerEvent\n  element?: Element\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 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":[]}
+{"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":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "Our Frontend Toolkit, Free and Open Source",
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0-beta.8",
   "contributors": [
     {
       "name": "Robin Scholz",
@@ -20,7 +20,7 @@
     "prettier-plugin-tailwindcss": "^0.6.11",
     "release-it": "^18.1.2",
     "tailwindcss": "catalog:",
-    "turbo": "^2.4.2",
+    "turbo": "^2.4.4",
     "typescript": "catalog:"
   },
   "exports": {
@@ -140,7 +140,7 @@
   "volta": {
     "node": "20.18.1"
   },
-  "packageManager": "pnpm@10.4.1",
+  "packageManager": "pnpm@10.5.2",
   "pnpm": {
     "overrides": {
       "typescript": "catalog:"