@hortiview/shared-components 2.8.5 → 2.8.6

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [2.8.6](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.8.5...v2.8.6) (2025-11-28)
+
+### Bug Fixes
+
+* **FormSlider:** extend props to include SliderProps for better integration ([973919c](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/973919cfcd8fd34687e16d35a88872c3f9fed850))
+
 ## [2.8.5](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.8.4...v2.8.5) (2025-11-12)
 
 ### Bug Fixes

package/dist/components/FormComponents/FormSlider/FormSlider.d.ts

@@ -1,6 +1,7 @@
+import { SliderProps } from '@element-public/react-slider';
 import { FieldValues, Path } from 'react-hook-form';
 
-type FormSliderProps<T extends FieldValues> = {
+type FormSliderProps<T extends FieldValues> = SliderProps & {
     /** the path to the property, like Address.AddressLine1 */
     propertyName: Path<T>;
     /** the label of the Slider */
@@ -24,5 +25,5 @@ type FormSliderProps<T extends FieldValues> = {
  * @param disabled if the field is disabled
  * @returns a Slider component
  */
-export declare const FormSlider: <T extends FieldValues>({ propertyName, label, minValue, maxValue, step, disabled, }: FormSliderProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSlider: <T extends FieldValues>({ propertyName, label, minValue, maxValue, step, disabled, ...props }: FormSliderProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FormComponents/FormSlider/FormSlider.js

@@ -94,12 +94,12 @@ var o = {
  * THE SOFTWARE.
  */
 var L;
-(function(m) {
-  m[m.ACTIVE = 0] = "ACTIVE", m[m.INACTIVE = 1] = "INACTIVE";
+(function(v) {
+  v[v.ACTIVE = 0] = "ACTIVE", v[v.INACTIVE = 1] = "INACTIVE";
 })(L || (L = {}));
 var i;
-(function(m) {
-  m[m.START = 1] = "START", m[m.END = 2] = "END";
+(function(v) {
+  v[v.START = 1] = "START", v[v.END = 2] = "END";
 })(i || (i = {}));
 /**
  * @license
@@ -124,15 +124,15 @@ var i;
  * THE SOFTWARE.
  */
 var W;
-(function(m) {
-  m.SLIDER_UPDATE = "slider_update";
+(function(v) {
+  v.SLIDER_UPDATE = "slider_update";
 })(W || (W = {}));
 var Z = typeof window < "u", Rt = (
   /** @class */
-  function(m) {
-    dt(a, m);
+  function(v) {
+    dt(a, v);
     function a(t) {
-      var r = m.call(this, K(K({}, a.defaultAdapter), t)) || this;
+      var r = v.call(this, K(K({}, a.defaultAdapter), t)) || this;
       return r.initialStylesRemoved = !1, r.isDisabled = !1, r.isDiscrete = !1, r.step = ot.STEP_SIZE, r.hasTickMarks = !1, r.isRange = !1, r.thumb = null, r.downEventClientX = null, r.startThumbKnobWidth = 0, r.endThumbKnobWidth = 0, r.animFrame = new yt(), r;
     }
     return Object.defineProperty(a, "defaultAdapter", {
@@ -235,8 +235,8 @@ var Z = typeof window < "u", Rt = (
     }), a.prototype.init = function() {
       var t = this;
       this.isDisabled = this.adapter.hasClass(o.DISABLED), this.isDiscrete = this.adapter.hasClass(o.DISCRETE), this.hasTickMarks = this.adapter.hasClass(o.TICK_MARKS), this.isRange = this.adapter.hasClass(o.RANGE);
-      var r = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_MIN, this.isRange ? i.START : i.END), g.INPUT_MIN), e = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_MAX, i.END), g.INPUT_MAX), n = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_VALUE, i.END), g.INPUT_VALUE), s = this.isRange ? this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_VALUE, i.START), g.INPUT_VALUE) : r, d = this.adapter.getInputAttribute(g.INPUT_STEP, i.END), h = d ? this.convertAttributeValueToNumber(d, g.INPUT_STEP) : this.step;
-      this.validateProperties({ min: r, max: e, value: n, valueStart: s, step: h }), this.min = r, this.max = e, this.value = n, this.valueStart = s, this.step = h, this.numDecimalPlaces = _t(this.step), this.valueBeforeDownEvent = n, this.valueStartBeforeDownEvent = s, this.mousedownOrTouchstartListener = this.handleMousedownOrTouchstart.bind(this), this.moveListener = this.handleMove.bind(this), this.pointerdownListener = this.handlePointerdown.bind(this), this.pointerupListener = this.handlePointerup.bind(this), this.thumbMouseenterListener = this.handleThumbMouseenter.bind(this), this.thumbMouseleaveListener = this.handleThumbMouseleave.bind(this), this.inputStartChangeListener = function() {
+      var r = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_MIN, this.isRange ? i.START : i.END), g.INPUT_MIN), e = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_MAX, i.END), g.INPUT_MAX), n = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_VALUE, i.END), g.INPUT_VALUE), s = this.isRange ? this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_VALUE, i.START), g.INPUT_VALUE) : r, h = this.adapter.getInputAttribute(g.INPUT_STEP, i.END), d = h ? this.convertAttributeValueToNumber(h, g.INPUT_STEP) : this.step;
+      this.validateProperties({ min: r, max: e, value: n, valueStart: s, step: d }), this.min = r, this.max = e, this.value = n, this.valueStart = s, this.step = d, this.numDecimalPlaces = _t(this.step), this.valueBeforeDownEvent = n, this.valueStartBeforeDownEvent = s, this.mousedownOrTouchstartListener = this.handleMousedownOrTouchstart.bind(this), this.moveListener = this.handleMove.bind(this), this.pointerdownListener = this.handlePointerdown.bind(this), this.pointerupListener = this.handlePointerup.bind(this), this.thumbMouseenterListener = this.handleThumbMouseenter.bind(this), this.thumbMouseleaveListener = this.handleThumbMouseleave.bind(this), this.inputStartChangeListener = function() {
         t.handleInputChange(i.START);
       }, this.inputEndChangeListener = function() {
         t.handleInputChange(i.END);
@@ -337,8 +337,8 @@ var Z = typeof window < "u", Rt = (
     }, a.prototype.getThumbFromDownEvent = function(t, r) {
       if (!this.isRange)
         return i.END;
-      var e = this.adapter.getThumbBoundingClientRect(i.START), n = this.adapter.getThumbBoundingClientRect(i.END), s = t >= e.left && t <= e.right, d = t >= n.left && t <= n.right;
-      return s && d ? null : s ? i.START : d ? i.END : r < this.valueStart ? i.START : r > this.value ? i.END : r - this.valueStart <= this.value - r ? i.START : i.END;
+      var e = this.adapter.getThumbBoundingClientRect(i.START), n = this.adapter.getThumbBoundingClientRect(i.END), s = t >= e.left && t <= e.right, h = t >= n.left && t <= n.right;
+      return s && h ? null : s ? i.START : h ? i.END : r < this.valueStart ? i.START : r > this.value ? i.END : r - this.valueStart <= this.value - r ? i.START : i.END;
     }, a.prototype.getThumbFromMoveEvent = function(t) {
       if (this.thumb !== null)
         return this.thumb;
@@ -365,8 +365,8 @@ var Z = typeof window < "u", Rt = (
       }
     }, a.prototype.updateTickMarksUI = function() {
       if (!(!this.isDiscrete || !this.hasTickMarks)) {
-        var t = (this.valueStart - this.min) / this.step, r = (this.value - this.valueStart) / this.step + 1, e = (this.max - this.value) / this.step, n = Array.from({ length: t }).fill(L.INACTIVE), s = Array.from({ length: r }).fill(L.ACTIVE), d = Array.from({ length: e }).fill(L.INACTIVE);
-        this.adapter.updateTickMarks(n.concat(s).concat(d));
+        var t = (this.valueStart - this.min) / this.step, r = (this.value - this.valueStart) / this.step + 1, e = (this.max - this.value) / this.step, n = Array.from({ length: t }).fill(L.INACTIVE), s = Array.from({ length: r }).fill(L.ACTIVE), h = Array.from({ length: e }).fill(L.INACTIVE);
+        this.adapter.updateTickMarks(n.concat(s).concat(h));
       }
     }, a.prototype.mapClientXOnSliderScale = function(t) {
       var r = t - this.rect.left, e = r / this.rect.width;
@@ -396,19 +396,19 @@ var Z = typeof window < "u", Rt = (
       var n = this.isRange && r === i.END && t < this.valueStart;
       return n ? this.valueStart : t;
     }, a.prototype.updateThumbAndTrackUI = function(t) {
-      var r = this, e = this, n = e.max, s = e.min, d = (this.value - this.valueStart) / (n - s), h = d * this.rect.width, v = this.adapter.isRTL(), y = Z ? ut(window, "transform") : "transform";
+      var r = this, e = this, n = e.max, s = e.min, h = (this.value - this.valueStart) / (n - s), d = h * this.rect.width, m = this.adapter.isRTL(), y = Z ? ut(window, "transform") : "transform";
       if (this.isRange) {
-        var D = this.adapter.isRTL() ? (n - this.value) / (n - s) * this.rect.width : (this.valueStart - s) / (n - s) * this.rect.width, T = D + h;
+        var D = this.adapter.isRTL() ? (n - this.value) / (n - s) * this.rect.width : (this.valueStart - s) / (n - s) * this.rect.width, T = D + d;
         this.animFrame.request(W.SLIDER_UPDATE, function() {
-          var f = !v && t === i.START || v && t !== i.START;
-          f ? (r.adapter.setTrackActiveStyleProperty("transform-origin", "right"), r.adapter.setTrackActiveStyleProperty("left", "unset"), r.adapter.setTrackActiveStyleProperty("right", r.rect.width - T + "px")) : (r.adapter.setTrackActiveStyleProperty("transform-origin", "left"), r.adapter.setTrackActiveStyleProperty("right", "unset"), r.adapter.setTrackActiveStyleProperty("left", D + "px")), r.adapter.setTrackActiveStyleProperty(y, "scaleX(" + d + ")");
-          var V = v ? T : D, _ = r.adapter.isRTL() ? D : T;
-          (t === i.START || !t || !r.initialStylesRemoved) && r.adapter.setThumbStyleProperty(y, "translateX(" + V + "px)", i.START), (t === i.END || !t || !r.initialStylesRemoved) && r.adapter.setThumbStyleProperty(y, "translateX(" + _ + "px)", i.END), r.removeInitialStyles(v), r.updateOverlappingThumbsUI(V, _, t);
+          var f = !m && t === i.START || m && t !== i.START;
+          f ? (r.adapter.setTrackActiveStyleProperty("transform-origin", "right"), r.adapter.setTrackActiveStyleProperty("left", "unset"), r.adapter.setTrackActiveStyleProperty("right", r.rect.width - T + "px")) : (r.adapter.setTrackActiveStyleProperty("transform-origin", "left"), r.adapter.setTrackActiveStyleProperty("right", "unset"), r.adapter.setTrackActiveStyleProperty("left", D + "px")), r.adapter.setTrackActiveStyleProperty(y, "scaleX(" + h + ")");
+          var V = m ? T : D, _ = r.adapter.isRTL() ? D : T;
+          (t === i.START || !t || !r.initialStylesRemoved) && r.adapter.setThumbStyleProperty(y, "translateX(" + V + "px)", i.START), (t === i.END || !t || !r.initialStylesRemoved) && r.adapter.setThumbStyleProperty(y, "translateX(" + _ + "px)", i.END), r.removeInitialStyles(m), r.updateOverlappingThumbsUI(V, _, t);
         });
       } else
         this.animFrame.request(W.SLIDER_UPDATE, function() {
-          var f = v ? r.rect.width - h : h;
-          r.adapter.setThumbStyleProperty(y, "translateX(" + f + "px)", i.END), r.adapter.setTrackActiveStyleProperty(y, "scaleX(" + d + ")"), r.removeInitialStyles(v);
+          var f = m ? r.rect.width - d : d;
+          r.adapter.setThumbStyleProperty(y, "translateX(" + f + "px)", i.END), r.adapter.setTrackActiveStyleProperty(y, "scaleX(" + h + ")"), r.removeInitialStyles(m);
         });
     }, a.prototype.removeInitialStyles = function(t) {
       if (!this.initialStylesRemoved) {
@@ -426,11 +426,11 @@ var Z = typeof window < "u", Rt = (
     }, a.prototype.updateOverlappingThumbsUI = function(t, r, e) {
       var n = !1;
       if (this.adapter.isRTL()) {
-        var s = t - this.startThumbKnobWidth / 2, d = r + this.endThumbKnobWidth / 2;
-        n = d >= s;
+        var s = t - this.startThumbKnobWidth / 2, h = r + this.endThumbKnobWidth / 2;
+        n = h >= s;
       } else {
-        var h = t + this.startThumbKnobWidth / 2, v = r - this.endThumbKnobWidth / 2;
-        n = h >= v;
+        var d = t + this.startThumbKnobWidth / 2, m = r - this.endThumbKnobWidth / 2;
+        n = d >= m;
       }
       n ? (this.adapter.addThumbClass(
         o.THUMB_TOP,
@@ -446,24 +446,24 @@ var Z = typeof window < "u", Rt = (
         throw new Error("MDCSliderFoundation: `" + r + "` value is " + ("`" + t + "`, but must be a number."));
       return e;
     }, a.prototype.validateProperties = function(t) {
-      var r = t.min, e = t.max, n = t.value, s = t.valueStart, d = t.step;
+      var r = t.min, e = t.max, n = t.value, s = t.valueStart, h = t.step;
       if (r >= e)
         throw new Error("MDCSliderFoundation: min must be strictly less than max. " + ("Current: [min: " + r + ", max: " + e + "]"));
-      if (d <= 0)
+      if (h <= 0)
         throw new Error("MDCSliderFoundation: step must be a positive number. " + ("Current step: " + this.step));
       if (this.isRange) {
         if (n < r || n > e || s < r || s > e)
           throw new Error("MDCSliderFoundation: values must be in [min, max] range. " + ("Current values: [start value: " + s + ", end value: " + n + "]"));
         if (s > n)
           throw new Error("MDCSliderFoundation: start value must be <= end value. " + ("Current values: [start value: " + s + ", end value: " + n + "]"));
-        var h = (s - r) / d, v = (n - r) / d;
-        if (h % 1 !== 0 || v % 1 !== 0)
+        var d = (s - r) / h, m = (n - r) / h;
+        if (d % 1 !== 0 || m % 1 !== 0)
           throw new Error("MDCSliderFoundation: Slider values must be valid based on the " + ("step value. Current values: [start value: " + s + ", ") + ("end value: " + n + "]"));
       } else {
         if (n < r || n > e)
           throw new Error("MDCSliderFoundation: value must be in [min, max] range. " + ("Current value: " + n));
-        var v = (n - r) / d;
-        if (v % 1 !== 0)
+        var m = (n - r) / h;
+        if (m % 1 !== 0)
           throw new Error("MDCSliderFoundation: Slider value must be valid based on the " + ("step value. Current value: " + n));
       }
     }, a.prototype.registerEventHandlers = function() {
@@ -488,8 +488,8 @@ function Dt() {
     "iPod"
   ].includes(navigator.platform) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
 }
-function _t(m) {
-  var a = /(?:\.(\d+))?(?:[eE]([+\-]?\d+))?$/.exec(String(m));
+function _t(v) {
+  var a = /(?:\.(\d+))?(?:[eE]([+\-]?\d+))?$/.exec(String(v));
   if (!a)
     return 0;
   var t = a[1] || "", r = a[2] || 0;
@@ -523,10 +523,10 @@ function _t(m) {
  */
 var Nt = (
   /** @class */
-  function(m) {
-    dt(a, m);
+  function(v) {
+    dt(a, v);
     function a() {
-      var t = m !== null && m.apply(this, arguments) || this;
+      var t = v !== null && v.apply(this, arguments) || this;
       return t.skipInitialUIUpdate = !1, t.valueToAriaValueTextFn = null, t;
     }
     return a.attachTo = function(t, r) {
@@ -689,32 +689,32 @@ var Nt = (
       return t === i.END ? this.ripples[this.ripples.length - 1] : this.ripples[0];
     }, a.prototype.addTickMarks = function(t, r) {
       for (var e = document.createDocumentFragment(), n = 0; n < r.length; n++) {
-        var s = document.createElement("div"), d = r[n] === L.ACTIVE ? o.TICK_MARK_ACTIVE : o.TICK_MARK_INACTIVE;
-        s.classList.add(d), e.appendChild(s);
+        var s = document.createElement("div"), h = r[n] === L.ACTIVE ? o.TICK_MARK_ACTIVE : o.TICK_MARK_INACTIVE;
+        s.classList.add(h), e.appendChild(s);
       }
       t.appendChild(e);
     }, a.prototype.updateTickMarks = function(t, r) {
       for (var e = Array.from(t.children), n = 0; n < e.length; n++)
         r[n] === L.ACTIVE ? (e[n].classList.add(o.TICK_MARK_ACTIVE), e[n].classList.remove(o.TICK_MARK_INACTIVE)) : (e[n].classList.add(o.TICK_MARK_INACTIVE), e[n].classList.remove(o.TICK_MARK_ACTIVE));
     }, a.prototype.createRipples = function() {
-      for (var t = [], r = [].slice.call(this.root.querySelectorAll("." + o.THUMB)), e = function(d) {
-        var h = r[d], v = n.inputs[d], y = K(K({}, st.createAdapter(n)), { addClass: function(T) {
-          h.classList.add(T);
+      for (var t = [], r = [].slice.call(this.root.querySelectorAll("." + o.THUMB)), e = function(h) {
+        var d = r[h], m = n.inputs[h], y = K(K({}, st.createAdapter(n)), { addClass: function(T) {
+          d.classList.add(T);
         }, computeBoundingRect: function() {
-          return h.getBoundingClientRect();
+          return d.getBoundingClientRect();
         }, deregisterInteractionHandler: function(T, f) {
-          v.removeEventListener(T, f);
+          m.removeEventListener(T, f);
         }, isSurfaceActive: function() {
-          return It(v, ":active");
+          return It(m, ":active");
         }, isUnbounded: function() {
           return !0;
         }, registerInteractionHandler: function(T, f) {
-          v.addEventListener(T, f, bt());
+          m.addEventListener(T, f, bt());
         }, removeClass: function(T) {
-          h.classList.remove(T);
+          d.classList.remove(T);
         }, updateCssVariable: function(T, f) {
-          h.style.setProperty(T, f);
-        } }), D = new st(h, new St(y));
+          d.style.setProperty(T, f);
+        } }), D = new st(d, new St(y));
         D.unbounded = !0, t.push(D);
       }, n = this, s = 0; s < r.length; s++)
         e(s);
@@ -897,15 +897,15 @@ const Mt = {
   trailingBlockStyle: null,
   trailingBlockType: null,
   value: null
-}, X = /* @__PURE__ */ ft((m, a) => {
+}, X = /* @__PURE__ */ ft((v, a) => {
   var t, r;
   const {
     ariaLabel: e,
     ariaLabelledBy: n,
     ariaValuetext: s,
-    className: d,
-    disabled: h,
-    discrete: v,
+    className: h,
+    disabled: d,
+    discrete: m,
     displayMarkers: y,
     id: D,
     leadingBlock: T,
@@ -926,7 +926,7 @@ const Mt = {
     trailingBlockType: C,
     value: M,
     ...pt
-  } = m, x = tt(), p = tt();
+  } = v, x = tt(), p = tt();
   et(a, () => x.current, []), et(a, () => ({
     ...x.current,
     layout: () => {
@@ -939,7 +939,7 @@ const Mt = {
     (u = p.current) === null || u === void 0 || u.destroy();
   }), [p]), k(() => {
     p.current.foundation.min = S, p.current.foundation.max = I, p.current.foundation.step = R, p.current.foundation.layout();
-  }, [p, v, y, I, S, R]), k(() => {
+  }, [p, m, y, I, S, R]), k(() => {
     p.current.foundation.layout();
   }, [p, _, C]);
   const j = B((u) => {
@@ -989,8 +989,8 @@ const Mt = {
     }
   }, [p, M, P, b, w, H]), k(() => {
     var u;
-    (u = p.current) === null || u === void 0 || u.setDisabled(h);
-  }, [p, h]);
+    (u = p.current) === null || u === void 0 || u.setDisabled(d);
+  }, [p, d]);
   const ct = rt(() => {
     const u = b ? M - 1 : I;
     switch (_) {
@@ -1049,14 +1049,14 @@ const Mt = {
     }
   }, [C, N, A, P, S, I, R, Q, b, H]), vt = _ !== "input" || (b || C !== "input") && _ === "input", Tt = C || N !== null || N !== void 0;
   return /* @__PURE__ */ c.createElement("div", {
-    className: F("lmnt", "lmnt-slider-container", h && "lmnt-slider--disabled")
+    className: F("lmnt", "lmnt-slider-container", d && "lmnt-slider--disabled")
   }, vt && /* @__PURE__ */ c.createElement("div", {
     className: F("lmnt-slider-info", "lmnt-slider-info-leading", _ === "input" && "lmnt-slider-info-with-input", U === "primary" && "lmnt-slider-info--primary", U === "secondary" && "lmnt-slider-info--secondary"),
     style: V
   }, ct), /* @__PURE__ */ c.createElement("div", {
     className: "lmnt lmnt-slider-inner"
   }, /* @__PURE__ */ c.createElement("div", O({
-    className: F("lmnt", "mdc-slider", b && "mdc-slider--range", v && "mdc-slider--discrete", v && y && "mdc-slider--tick-marks", U === "primary" && "mdc-slider--primary", U === "secondary" && "mdc-slider--secondary", d),
+    className: F("lmnt", "mdc-slider", b && "mdc-slider--range", m && "mdc-slider--discrete", m && y && "mdc-slider--tick-marks", U === "primary" && "mdc-slider--primary", U === "secondary" && "mdc-slider--secondary", h),
     id: D,
     ref: x
   }, pt), b && /* @__PURE__ */ c.createElement("input", {
@@ -1070,9 +1070,9 @@ const Mt = {
     "aria-label": e,
     "aria-labelledby": n,
     "aria-valuetext": s,
-    "aria-disabled": h,
-    disabled: h,
-    tabIndex: h ? -1 : "0",
+    "aria-disabled": d,
+    disabled: d,
+    tabIndex: d ? -1 : "0",
     readOnly: !0
   }), /* @__PURE__ */ c.createElement("input", {
     className: "mdc-slider__input",
@@ -1085,9 +1085,9 @@ const Mt = {
     "aria-label": e,
     "aria-labelledby": n,
     "aria-valuetext": s,
-    "aria-disabled": h,
-    disabled: h,
-    tabIndex: h ? -1 : "0",
+    "aria-disabled": d,
+    disabled: d,
+    tabIndex: d ? -1 : "0",
     readOnly: !0
   }), /* @__PURE__ */ c.createElement("div", {
     className: "mdc-slider__track"
@@ -1097,11 +1097,11 @@ const Mt = {
     className: "mdc-slider__track--active"
   }, /* @__PURE__ */ c.createElement("div", {
     className: "mdc-slider__track--active_fill"
-  })), v && y && /* @__PURE__ */ c.createElement("div", {
+  })), m && y && /* @__PURE__ */ c.createElement("div", {
     className: "mdc-slider__tick-marks"
   })), b && /* @__PURE__ */ c.createElement("div", {
     className: "mdc-slider__thumb"
-  }, v && /* @__PURE__ */ c.createElement("div", {
+  }, m && /* @__PURE__ */ c.createElement("div", {
     className: "mdc-slider__value-indicator-container",
     "aria-hidden": "true"
   }, /* @__PURE__ */ c.createElement("div", {
@@ -1112,7 +1112,7 @@ const Mt = {
     className: "mdc-slider__thumb-knob"
   })), /* @__PURE__ */ c.createElement("div", {
     className: "mdc-slider__thumb"
-  }, v && /* @__PURE__ */ c.createElement("div", {
+  }, m && /* @__PURE__ */ c.createElement("div", {
     className: "mdc-slider__value-indicator-container",
     "aria-hidden": "true"
   }, /* @__PURE__ */ c.createElement("div", {
@@ -1130,32 +1130,34 @@ X.displayName = "Slider";
 X.propTypes = Mt;
 X.defaultProps = Pt;
 const Xt = ({
-  propertyName: m,
+  propertyName: v,
   label: a,
   minValue: t,
   maxValue: r,
   step: e,
-  disabled: n
+  disabled: n,
+  ...s
 }) => {
-  const { control: s } = At();
+  const { control: h } = At();
   return /* @__PURE__ */ Y(
     Ct,
     {
-      name: m,
-      control: s,
+      name: v,
+      control: h,
       render: ({ field: d }) => /* @__PURE__ */ Y(
         X,
         {
           "data-testid": "slider",
           ...d,
-          onChange: (h) => {
-            d.onChange(h.value);
+          onChange: (m) => {
+            d.onChange(m.value);
           },
           label: a,
           min: t,
           max: r,
           step: e,
-          disabled: n
+          disabled: n,
+          ...s
         }
       )
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "2.8.5",
+  "version": "2.8.6",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",