@frollo/frollo-web-ui 9.0.12 → 9.0.13

package/cjs/index.js

@@ -23462,6 +23462,7 @@ var script$2 = vue.defineComponent({
     // Internal thumbs
     var minLocal = vue.ref((_props$minValue = props.minValue) !== null && _props$minValue !== void 0 ? _props$minValue : props.min);
     var maxLocal = vue.ref((_props$maxValue = props.maxValue) !== null && _props$maxValue !== void 0 ? _props$maxValue : props.max);
+    var lastMoved = vue.ref('max');
     // --- Sync from props -> local (when parent updates) ---
     vue.watch(function () {
       return props.minValue;
@@ -23482,6 +23483,7 @@ var script$2 = vue.defineComponent({
     // --- Clamp + emit local -> parent (when user drags) ---
     vue.watch(minLocal, function (v, old) {
       var _props$minValue2;
+      if (v !== old) lastMoved.value = 'min';
       var clamped = clamp(v, props.min, maxLocal.value);
       if (clamped !== v) minLocal.value = clamped;
       if (clamped !== ((_props$minValue2 = props.minValue) !== null && _props$minValue2 !== void 0 ? _props$minValue2 : props.min) && clamped !== old) {
@@ -23490,6 +23492,7 @@ var script$2 = vue.defineComponent({
     });
     vue.watch(maxLocal, function (v, old) {
       var _props$maxValue2;
+      if (v !== old) lastMoved.value = 'max';
       var clamped = clamp(v, minLocal.value, props.max);
       if (clamped !== v) maxLocal.value = clamped;
       if (clamped !== ((_props$maxValue2 = props.maxValue) !== null && _props$maxValue2 !== void 0 ? _props$maxValue2 : props.max) && clamped !== old) {
@@ -23519,6 +23522,7 @@ var script$2 = vue.defineComponent({
       minPercentage: minPercentage,
       maxPercentage: maxPercentage,
       clippingPoint: clippingPoint,
+      lastMoved: lastMoved,
       trackStyle: trackStyle
     };
   }
@@ -23553,7 +23557,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       return _ctx.minLocal = $event;
     }),
     style: vue.normalizeStyle({
-      zIndex: _ctx.clippingPoint ? 20 : 30
+      zIndex: !_ctx.clippingPoint && _ctx.lastMoved === 'min' ? 30 : 20
     })
   }, null, 12, _hoisted_2$1), [[vue.vModelText, _ctx.minLocal, void 0, {
     number: true
@@ -23569,7 +23573,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       return _ctx.maxLocal = $event;
     }),
     style: vue.normalizeStyle({
-      zIndex: _ctx.clippingPoint ? 30 : 20
+      zIndex: _ctx.clippingPoint || _ctx.lastMoved === 'max' ? 30 : 20
     })
   }, null, 12, _hoisted_3), [[vue.vModelText, _ctx.maxLocal, void 0, {
     number: true

package/esm/fw-slider.js

@@ -35,6 +35,7 @@ var script = defineComponent({
     // Internal thumbs
     var minLocal = ref((_props$minValue = props.minValue) !== null && _props$minValue !== void 0 ? _props$minValue : props.min);
     var maxLocal = ref((_props$maxValue = props.maxValue) !== null && _props$maxValue !== void 0 ? _props$maxValue : props.max);
+    var lastMoved = ref('max');
     // --- Sync from props -> local (when parent updates) ---
     watch(function () {
       return props.minValue;
@@ -55,6 +56,7 @@ var script = defineComponent({
     // --- Clamp + emit local -> parent (when user drags) ---
     watch(minLocal, function (v, old) {
       var _props$minValue2;
+      if (v !== old) lastMoved.value = 'min';
       var clamped = clamp(v, props.min, maxLocal.value);
       if (clamped !== v) minLocal.value = clamped;
       if (clamped !== ((_props$minValue2 = props.minValue) !== null && _props$minValue2 !== void 0 ? _props$minValue2 : props.min) && clamped !== old) {
@@ -63,6 +65,7 @@ var script = defineComponent({
     });
     watch(maxLocal, function (v, old) {
       var _props$maxValue2;
+      if (v !== old) lastMoved.value = 'max';
       var clamped = clamp(v, minLocal.value, props.max);
       if (clamped !== v) maxLocal.value = clamped;
       if (clamped !== ((_props$maxValue2 = props.maxValue) !== null && _props$maxValue2 !== void 0 ? _props$maxValue2 : props.max) && clamped !== old) {
@@ -92,6 +95,7 @@ var script = defineComponent({
       minPercentage: minPercentage,
       maxPercentage: maxPercentage,
       clippingPoint: clippingPoint,
+      lastMoved: lastMoved,
       trackStyle: trackStyle
     };
   }
@@ -128,7 +132,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return _ctx.minLocal = $event;
     }),
     style: normalizeStyle({
-      zIndex: _ctx.clippingPoint ? 20 : 30
+      zIndex: !_ctx.clippingPoint && _ctx.lastMoved === 'min' ? 30 : 20
     })
   }, null, 12, _hoisted_2), [[vModelText, _ctx.minLocal, void 0, {
     number: true
@@ -144,7 +148,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return _ctx.maxLocal = $event;
     }),
     style: normalizeStyle({
-      zIndex: _ctx.clippingPoint ? 30 : 20
+      zIndex: _ctx.clippingPoint || _ctx.lastMoved === 'max' ? 30 : 20
     })
   }, null, 12, _hoisted_3), [[vModelText, _ctx.maxLocal, void 0, {
     number: true

package/frollo-web-ui.esm.js

@@ -23971,6 +23971,7 @@ var script$2 = defineComponent({
     // Internal thumbs
     var minLocal = ref((_props$minValue = props.minValue) !== null && _props$minValue !== void 0 ? _props$minValue : props.min);
     var maxLocal = ref((_props$maxValue = props.maxValue) !== null && _props$maxValue !== void 0 ? _props$maxValue : props.max);
+    var lastMoved = ref('max');
     // --- Sync from props -> local (when parent updates) ---
     watch(function () {
       return props.minValue;
@@ -23991,6 +23992,7 @@ var script$2 = defineComponent({
     // --- Clamp + emit local -> parent (when user drags) ---
     watch(minLocal, function (v, old) {
       var _props$minValue2;
+      if (v !== old) lastMoved.value = 'min';
       var clamped = clamp(v, props.min, maxLocal.value);
       if (clamped !== v) minLocal.value = clamped;
       if (clamped !== ((_props$minValue2 = props.minValue) !== null && _props$minValue2 !== void 0 ? _props$minValue2 : props.min) && clamped !== old) {
@@ -23999,6 +24001,7 @@ var script$2 = defineComponent({
     });
     watch(maxLocal, function (v, old) {
       var _props$maxValue2;
+      if (v !== old) lastMoved.value = 'max';
       var clamped = clamp(v, minLocal.value, props.max);
       if (clamped !== v) maxLocal.value = clamped;
       if (clamped !== ((_props$maxValue2 = props.maxValue) !== null && _props$maxValue2 !== void 0 ? _props$maxValue2 : props.max) && clamped !== old) {
@@ -24028,6 +24031,7 @@ var script$2 = defineComponent({
       minPercentage: minPercentage,
       maxPercentage: maxPercentage,
       clippingPoint: clippingPoint,
+      lastMoved: lastMoved,
       trackStyle: trackStyle
     };
   }
@@ -24064,7 +24068,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       return _ctx.minLocal = $event;
     }),
     style: normalizeStyle({
-      zIndex: _ctx.clippingPoint ? 20 : 30
+      zIndex: !_ctx.clippingPoint && _ctx.lastMoved === 'min' ? 30 : 20
     })
   }, null, 12, _hoisted_2$1), [[vModelText, _ctx.minLocal, void 0, {
     number: true
@@ -24080,7 +24084,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       return _ctx.maxLocal = $event;
     }),
     style: normalizeStyle({
-      zIndex: _ctx.clippingPoint ? 30 : 20
+      zIndex: _ctx.clippingPoint || _ctx.lastMoved === 'max' ? 30 : 20
     })
   }, null, 12, _hoisted_3), [[vModelText, _ctx.maxLocal, void 0, {
     number: true

package/index.d.ts

@@ -4479,6 +4479,7 @@ declare const _default$2: vue.DefineComponent<vue.ExtractPropTypes<{
     minPercentage: vue.ComputedRef<number>;
     maxPercentage: vue.ComputedRef<number>;
     clippingPoint: vue.ComputedRef<boolean>;
+    lastMoved: vue.Ref<"min" | "max", "min" | "max">;
     trackStyle: vue.ComputedRef<{
         background: string;
     }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "9.0.12",
+  "version": "9.0.13",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

package/types/components/fw-slider/fw-slider.vue.d.ts

@@ -25,6 +25,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     minPercentage: import("vue").ComputedRef<number>;
     maxPercentage: import("vue").ComputedRef<number>;
     clippingPoint: import("vue").ComputedRef<boolean>;
+    lastMoved: import("vue").Ref<"min" | "max", "min" | "max">;
     trackStyle: import("vue").ComputedRef<{
         background: string;
     }>;

package/web-components/index.js

@@ -37014,6 +37014,7 @@ Expected function or array of functions, received type ${typeof value}.`
       // Internal thumbs
       var minLocal = ref((_props$minValue = props.minValue) !== null && _props$minValue !== void 0 ? _props$minValue : props.min);
       var maxLocal = ref((_props$maxValue = props.maxValue) !== null && _props$maxValue !== void 0 ? _props$maxValue : props.max);
+      var lastMoved = ref('max');
       // --- Sync from props -> local (when parent updates) ---
       watch(function () {
         return props.minValue;
@@ -37034,6 +37035,7 @@ Expected function or array of functions, received type ${typeof value}.`
       // --- Clamp + emit local -> parent (when user drags) ---
       watch(minLocal, function (v, old) {
         var _props$minValue2;
+        if (v !== old) lastMoved.value = 'min';
         var clamped = clamp(v, props.min, maxLocal.value);
         if (clamped !== v) minLocal.value = clamped;
         if (clamped !== ((_props$minValue2 = props.minValue) !== null && _props$minValue2 !== void 0 ? _props$minValue2 : props.min) && clamped !== old) {
@@ -37042,6 +37044,7 @@ Expected function or array of functions, received type ${typeof value}.`
       });
       watch(maxLocal, function (v, old) {
         var _props$maxValue2;
+        if (v !== old) lastMoved.value = 'max';
         var clamped = clamp(v, minLocal.value, props.max);
         if (clamped !== v) maxLocal.value = clamped;
         if (clamped !== ((_props$maxValue2 = props.maxValue) !== null && _props$maxValue2 !== void 0 ? _props$maxValue2 : props.max) && clamped !== old) {
@@ -37071,6 +37074,7 @@ Expected function or array of functions, received type ${typeof value}.`
         minPercentage: minPercentage,
         maxPercentage: maxPercentage,
         clippingPoint: clippingPoint,
+        lastMoved: lastMoved,
         trackStyle: trackStyle
       };
     }
@@ -37107,7 +37111,7 @@ Expected function or array of functions, received type ${typeof value}.`
         return _ctx.minLocal = $event;
       }),
       style: normalizeStyle({
-        zIndex: _ctx.clippingPoint ? 20 : 30
+        zIndex: !_ctx.clippingPoint && _ctx.lastMoved === 'min' ? 30 : 20
       })
     }, null, 12, _hoisted_2$1), [[vModelText, _ctx.minLocal, void 0, {
       number: true
@@ -37123,7 +37127,7 @@ Expected function or array of functions, received type ${typeof value}.`
         return _ctx.maxLocal = $event;
       }),
       style: normalizeStyle({
-        zIndex: _ctx.clippingPoint ? 30 : 20
+        zIndex: _ctx.clippingPoint || _ctx.lastMoved === 'max' ? 30 : 20
       })
     }, null, 12, _hoisted_3), [[vModelText, _ctx.maxLocal, void 0, {
       number: true