tera-system-ui 0.1.5 → 0.1.7

package/dist/components/slider/Slider.d.ts

@@ -4,6 +4,12 @@ type SliderVariants = VariantProps<typeof styles>;
 export interface SliderProps extends SliderVariants {
     children?: any;
     class?: string;
+    min: number;
+    max: number;
+    step: number;
+    value: number;
+    showTicks: boolean;
+    onchange: (value: number) => void;
 }
 export type SliderContextProps = {};
 export {};

package/dist/components/slider/Slider.svelte

@@ -22,36 +22,42 @@
 
     $effect(() => {
         if (!slider || !sliderHandle || !sliderTrack || !sliderRail) return
+
+        const stopDragging = () => {
+            document.removeEventListener('pointermove', onDrag);
+            document.removeEventListener('touchmove', onDrag);
+            sliderHandle?.removeAttribute('data-state');
+            toggleToolTip(false);
+        };
+
         slider.addEventListener('pointerdown', (e) => {
             sliderHandle.setAttribute('data-state', 'dragging');
-            onDrag(e)
+            onDrag(e);
             document.addEventListener('pointermove', onDrag);
-            document.addEventListener('pointerup', () => {
-                document.removeEventListener('pointermove', onDrag);
-                sliderHandle.removeAttribute('data-state');
-                toggleToolTip(false)
-
-            }, {once: true});
+            document.addEventListener('pointerup', stopDragging, {once: true});
+
+            // Add mouseout listener to window
+            window.addEventListener('mouseout', (e) => {
+                if ((e.relatedTarget as HTMLElement)?.tagName === 'IFRAME') {  // Mouse left the window
+                    stopDragging();
+                }
+            });
         });
 
         // For touch support
         slider.addEventListener('touchstart', (e) => {
             sliderHandle.setAttribute('data-state', 'dragging');
-            onDrag(e)
-            document.addEventListener('touchmove', onDrag);
-            document.addEventListener('touchend', () => {
-                document.removeEventListener('touchmove', onDrag);
-                toggleToolTip(false)
-                sliderHandle.removeAttribute('data-state');
-            }, {once: true});
-        });
+            onDrag(e);
+            document.addEventListener('touchmove', onDrag, {passive: false});
+            document.addEventListener('touchend', stopDragging, {once: true});
+        }, {passive: false});
 
         sliderHandle.addEventListener('pointerenter', (e) => {
-            toggleToolTip(true)
+            toggleToolTip(true);
             sliderHandle.addEventListener('pointerleave', (e) => {
-                toggleToolTip(false)
+                toggleToolTip(false);
             }, {once: true});
-        })
+        });
 
     })
 
@@ -61,10 +67,10 @@
         if (tooltipInterval) clearInterval(tooltipInterval)
 
         if (open) {
-            sliderTooltip.classList.add('show');
+            sliderTooltip?.classList.add('show');
         } else {
             tooltipInterval = setTimeout(() => {
-                sliderTooltip.classList.remove('show');
+                sliderTooltip?.classList.remove('show');
             }, 300)
 
         }
@@ -72,16 +78,18 @@
 
     const calculateValue = (position) => {
         const sliderWidth = sliderRail.offsetWidth;
-
-        // calculate step size in px
-        const stepSize = sliderWidth / ((max - min) / step)
+        const totalSteps = (max - min) / step;
+        const stepSize = sliderWidth / totalSteps;
 
         // Clamp position within the slider width
         const clampedPosition = Math.max(0, Math.min(position, sliderWidth));
-        // Calculate nearest step position
+        // Calculate steps with decimal precision
         const stepCount = Math.round(clampedPosition / stepSize);
 
-        return min + stepCount
+        // Calculate the value with proper decimal precision
+        const value = min + (stepCount * step);
+        // Round to avoid floating-point precision errors
+        return Number(value.toFixed(10));
     };
 
     const onDrag = (event) => {

package/dist/tera-i18n/dev-tools/translator/index.js

@@ -1,3 +1,2 @@
 import { OpenAI } from "openai";
 new OpenAI();
-i18n / projects / { projectName } / project.;

package/dist/tera-i18n/projects/tera-tools/messages/ta.json

@@ -8,7 +8,7 @@
     "text_age_calculator_description": "இரண்டு தேதிகளுக்கிடையேயான துல்லியமான வயது அல்லது இடைவெளியை கணக்கிடுங்கள்",
     "text_date_of_birth_need_to_earlier_than_the_age_at_date": "பிறந்த தேதி, வயது வரை தேதிக்குள் இருக்க வேண்டும்!",
     "text_date_of_birth": "பிறந்த தேதி",
-    "text_age_at_the_date_of": "{date} தேதி வரை வயது",
+    "text_age_at_the_date_of": "தேதி வரை வயது",
     "text_calculating": "கணக்கிட்டுக்கொண்டிருக்கிறது...",
     "text_result": "முடிவு",
     "text_message": "செய்தி",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tera-system-ui",
-	"version": "0.1.5",
+	"version": "0.1.7",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "npm run customPrepublish && npm run generate-index && vite build && npm run package && npm run postpublish",