@dative-gpi/foundation-shared-components 1.0.180-utils-composable → 1.0.181

package/composables/index.ts

@@ -1,11 +1,8 @@
-export * from "./useAccessibilityPreferences";
 export * from "./useAddress";
 export * from "./useAutocomplete";
 export * from "./useBreakpoints";
 export * from "./useColors";
-export * from "./useCountUp";
 export * from "./useDebounce";
-export * from "./useElementVisibility"
 export * from "./useMapLayers";
 export * from "./useRules";
 export * from "./useSlots";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "1.0.180-utils-composable",
+  "version": "1.0.181",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.180-utils-composable",
-    "@dative-gpi/foundation-shared-services": "1.0.180-utils-composable"
+    "@dative-gpi/foundation-shared-domain": "1.0.181",
+    "@dative-gpi/foundation-shared-services": "1.0.181"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -35,5 +35,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "ec9f6b8dc92d0e7057f13f031d85436781302097"
+  "gitHead": "a6836b28ce33081e2a05e2088a41df6d8083629e"
 }

package/composables/useAccessibilityPreferences.ts

@@ -1,7 +0,0 @@
-export function useAccessibilityPreferences() {
-  const prefersReducedMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches || false;
-  
-  return {
-    prefersReducedMotion
-  };
-}

package/composables/useCountUp.ts

@@ -1,101 +0,0 @@
-import { ref, computed, onBeforeUnmount, watch } from 'vue';
-import { useAccessibilityPreferences } from './useAccessibilityPreferences';
-
-export function useCountUp(options: {
-  value: number | string,
-  duration?: number,
-  countUp?: boolean,
-  pad?: number,
-  startOnVisible?: boolean,
-  easing?: (t: number) => number
-}) {
-  const {
-    value,
-    duration = 800,
-    countUp = true,
-    pad = 2,
-    startOnVisible = true,
-    easing = easeOutCubic
-  } = options;
-  
-  const { prefersReducedMotion } = useAccessibilityPreferences();
-  const current = ref(0);
-  const rafId = ref(0);
-  const hasAnimated = ref(false);
-  
-  // Easing function
-  function easeOutCubic(t: number) {
-    return 1 - Math.pow(1 - t, 3);
-  }
-  
-  // Target value computation
-  const target = computed(() => {
-    const n = Number(value);
-    return Number.isFinite(n) ? Math.trunc(n) : 0;
-  });
-  
-  // Formatted display value
-  const displayText = computed(() => {
-    const s = String(countUp ? current.value : target.value);
-    return pad > 0 ? s.padStart(pad, "0") : s;
-  });
-  
-  // Animation function
-  function animate(from: number, to: number, animDuration: number) {
-    cancelAnimationFrame(rafId.value);
-    const start = performance.now();
-    
-    const step = (now: number) => {
-      const t = Math.min(1, (now - start) / animDuration);
-      const v = from + (to - from) * easing(t);
-      current.value = Math.round(v);
-      if (t < 1) {
-        rafId.value = requestAnimationFrame(step);
-      }
-    };
-    
-    rafId.value = requestAnimationFrame(step);
-  }
-  
-  // Start animation
-  function start() {
-    if (!countUp) {
-      current.value = target.value;
-      return;
-    }
-    
-    if (prefersReducedMotion) {
-      current.value = target.value;
-      return;
-    }
-    
-    animate(current.value, target.value, duration);
-    hasAnimated.value = true;
-  }
-  
-  // Clean up
-  onBeforeUnmount(() => {
-    cancelAnimationFrame(rafId.value);
-  });
-  
-  // The restart method can be useful when the value changes.
-  function restart() {
-    if (hasAnimated.value || !startOnVisible) {
-      start();
-    }
-  }
-  
-  // Monitor changes in value
-  watch(() => value, () => {
-    restart();
-  });
-  
-  return {
-    current,
-    target,
-    displayText,
-    start,
-    restart,
-    hasAnimated
-  };
-}

package/composables/useElementVisibility.ts

@@ -1,39 +0,0 @@
-import { ref, onMounted, onBeforeUnmount } from 'vue';
-
-export function useElementVisibility(element: HTMLElement | null, options: {
-  threshold?: number,
-  onVisible?: () => void
-}) {
-  const { 
-    threshold = 0.3,
-    onVisible
-  } = options;
-  
-  const isVisible = ref(false);
-  const observer = ref<IntersectionObserver | null>(null);
-  
-  onMounted(() => {
-    if (!element) {
-      return;
-    }
-    
-    observer.value = new IntersectionObserver((entries) => {
-      entries.forEach((entry) => {
-        isVisible.value = entry.isIntersecting;
-        if (entry.isIntersecting && onVisible) {
-          onVisible();
-        }
-      });
-    }, { threshold });
-    
-    observer.value.observe(element);
-  });
-  
-  onBeforeUnmount(() => {
-    observer.value?.disconnect();
-  });
-  
-  return {
-    isVisible
-  };
-}