@webitel/ui-sdk 25.8.56 → 25.8.57

package/dist/ui-sdk.js

@@ -66241,7 +66241,7 @@ function bV(o, i, a, r, l, d) {
     }, 8, ["invalid"])) : W("", !0)
   ], 2);
 }
-const yV = /* @__PURE__ */ Fe(cV, [["render", bV], ["__scopeId", "data-v-7146b72d"]]), gV = /* @__PURE__ */ Ct({
+const yV = /* @__PURE__ */ Fe(cV, [["render", bV], ["__scopeId", "data-v-58f175cc"]]), gV = /* @__PURE__ */ Ct({
   __name: "wt-slider",
   props: /* @__PURE__ */ Xc({
     disabled: { type: Boolean, default: !1 },
@@ -79148,146 +79148,193 @@ function vX(o, i, a, r, l, d) {
 }
 xb.render = vX;
 var wX = fo`
-    .p-slider {
+    .p-radiobutton {
         position: relative;
-        background: dt('slider.track.background');
-        border-radius: dt('slider.track.border.radius');
+        display: inline-flex;
+        user-select: none;
+        vertical-align: bottom;
+        width: dt('radiobutton.width');
+        height: dt('radiobutton.height');
     }
 
-    .p-slider-handle {
-        cursor: grab;
-        touch-action: none;
-        user-select: none;
+    .p-radiobutton-input {
+        cursor: pointer;
+        appearance: none;
+        position: absolute;
+        top: 0;
+        inset-inline-start: 0;
+        width: 100%;
+        height: 100%;
+        padding: 0;
+        margin: 0;
+        opacity: 0;
+        z-index: 1;
+        outline: 0 none;
+        border: 1px solid transparent;
+        border-radius: 50%;
+    }
+
+    .p-radiobutton-box {
         display: flex;
         justify-content: center;
         align-items: center;
-        height: dt('slider.handle.height');
-        width: dt('slider.handle.width');
-        background: dt('slider.handle.background');
-        border-radius: dt('slider.handle.border.radius');
+        border-radius: 50%;
+        border: 1px solid dt('radiobutton.border.color');
+        background: dt('radiobutton.background');
+        width: dt('radiobutton.width');
+        height: dt('radiobutton.height');
         transition:
-            background dt('slider.transition.duration'),
-            color dt('slider.transition.duration'),
-            border-color dt('slider.transition.duration'),
-            box-shadow dt('slider.transition.duration'),
-            outline-color dt('slider.transition.duration');
+            background dt('radiobutton.transition.duration'),
+            color dt('radiobutton.transition.duration'),
+            border-color dt('radiobutton.transition.duration'),
+            box-shadow dt('radiobutton.transition.duration'),
+            outline-color dt('radiobutton.transition.duration');
         outline-color: transparent;
+        box-shadow: dt('radiobutton.shadow');
     }
 
-    .p-slider-handle::before {
-        content: '';
-        width: dt('slider.handle.content.width');
-        height: dt('slider.handle.content.height');
-        display: block;
-        background: dt('slider.handle.content.background');
-        border-radius: dt('slider.handle.content.border.radius');
-        box-shadow: dt('slider.handle.content.shadow');
-        transition: background dt('slider.transition.duration');
+    .p-radiobutton-icon {
+        transition-duration: dt('radiobutton.transition.duration');
+        background: transparent;
+        font-size: dt('radiobutton.icon.size');
+        width: dt('radiobutton.icon.size');
+        height: dt('radiobutton.icon.size');
+        border-radius: 50%;
+        backface-visibility: hidden;
+        transform: translateZ(0) scale(0.1);
     }
 
-    .p-slider:not(.p-disabled) .p-slider-handle:hover {
-        background: dt('slider.handle.hover.background');
+    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+        border-color: dt('radiobutton.hover.border.color');
     }
 
-    .p-slider:not(.p-disabled) .p-slider-handle:hover::before {
-        background: dt('slider.handle.content.hover.background');
+    .p-radiobutton-checked .p-radiobutton-box {
+        border-color: dt('radiobutton.checked.border.color');
+        background: dt('radiobutton.checked.background');
     }
 
-    .p-slider-handle:focus-visible {
-        box-shadow: dt('slider.handle.focus.ring.shadow');
-        outline: dt('slider.handle.focus.ring.width') dt('slider.handle.focus.ring.style') dt('slider.handle.focus.ring.color');
-        outline-offset: dt('slider.handle.focus.ring.offset');
+    .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
+        background: dt('radiobutton.icon.checked.color');
+        transform: translateZ(0) scale(1, 1);
+        visibility: visible;
     }
 
-    .p-slider-range {
-        display: block;
-        background: dt('slider.range.background');
-        border-radius: dt('slider.track.border.radius');
+    .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+        border-color: dt('radiobutton.checked.hover.border.color');
+        background: dt('radiobutton.checked.hover.background');
     }
 
-    .p-slider.p-slider-horizontal {
-        height: dt('slider.track.size');
+    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
+        background: dt('radiobutton.icon.checked.hover.color');
     }
 
-    .p-slider-horizontal .p-slider-range {
-        inset-block-start: 0;
-        inset-inline-start: 0;
-        height: 100%;
+    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
+        border-color: dt('radiobutton.focus.border.color');
+        box-shadow: dt('radiobutton.focus.ring.shadow');
+        outline: dt('radiobutton.focus.ring.width') dt('radiobutton.focus.ring.style') dt('radiobutton.focus.ring.color');
+        outline-offset: dt('radiobutton.focus.ring.offset');
     }
 
-    .p-slider-horizontal .p-slider-handle {
-        inset-block-start: 50%;
-        margin-block-start: calc(-1 * calc(dt('slider.handle.height') / 2));
-        margin-inline-start: calc(-1 * calc(dt('slider.handle.width') / 2));
+    .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
+        border-color: dt('radiobutton.checked.focus.border.color');
     }
 
-    .p-slider-vertical {
-        min-height: 100px;
-        width: dt('slider.track.size');
+    .p-radiobutton.p-invalid > .p-radiobutton-box {
+        border-color: dt('radiobutton.invalid.border.color');
     }
 
-    .p-slider-vertical .p-slider-handle {
-        inset-inline-start: 50%;
-        margin-inline-start: calc(-1 * calc(dt('slider.handle.width') / 2));
-        margin-block-end: calc(-1 * calc(dt('slider.handle.height') / 2));
+    .p-radiobutton.p-variant-filled .p-radiobutton-box {
+        background: dt('radiobutton.filled.background');
     }
 
-    .p-slider-vertical .p-slider-range {
-        inset-block-end: 0;
-        inset-inline-start: 0;
-        width: 100%;
+    .p-radiobutton.p-variant-filled.p-radiobutton-checked .p-radiobutton-box {
+        background: dt('radiobutton.checked.background');
+    }
+
+    .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box {
+        background: dt('radiobutton.checked.hover.background');
+    }
+
+    .p-radiobutton.p-disabled {
+        opacity: 1;
+    }
+
+    .p-radiobutton.p-disabled .p-radiobutton-box {
+        background: dt('radiobutton.disabled.background');
+        border-color: dt('radiobutton.checked.disabled.border.color');
+    }
+
+    .p-radiobutton-checked.p-disabled .p-radiobutton-box .p-radiobutton-icon {
+        background: dt('radiobutton.icon.disabled.color');
+    }
+
+    .p-radiobutton-sm,
+    .p-radiobutton-sm .p-radiobutton-box {
+        width: dt('radiobutton.sm.width');
+        height: dt('radiobutton.sm.height');
+    }
+
+    .p-radiobutton-sm .p-radiobutton-icon {
+        font-size: dt('radiobutton.icon.sm.size');
+        width: dt('radiobutton.icon.sm.size');
+        height: dt('radiobutton.icon.sm.size');
+    }
+
+    .p-radiobutton-lg,
+    .p-radiobutton-lg .p-radiobutton-box {
+        width: dt('radiobutton.lg.width');
+        height: dt('radiobutton.lg.height');
+    }
+
+    .p-radiobutton-lg .p-radiobutton-icon {
+        font-size: dt('radiobutton.icon.lg.size');
+        width: dt('radiobutton.icon.lg.size');
+        height: dt('radiobutton.icon.lg.size');
     }
 `, CX = {
-  handle: {
-    position: "absolute"
-  },
-  range: {
-    position: "absolute"
-  }
-}, xX = {
   root: function(i) {
     var a = i.instance, r = i.props;
-    return ["p-slider p-component", {
+    return ["p-radiobutton p-component", {
+      "p-radiobutton-checked": a.checked,
       "p-disabled": r.disabled,
-      "p-invalid": a.$invalid,
-      "p-slider-horizontal": r.orientation === "horizontal",
-      "p-slider-vertical": r.orientation === "vertical"
+      "p-invalid": a.$pcRadioButtonGroup ? a.$pcRadioButtonGroup.$invalid : a.$invalid,
+      "p-variant-filled": a.$variant === "filled",
+      "p-radiobutton-sm p-inputfield-sm": r.size === "small",
+      "p-radiobutton-lg p-inputfield-lg": r.size === "large"
     }];
   },
-  range: "p-slider-range",
-  handle: "p-slider-handle"
-}, kX = gt.extend({
-  name: "slider",
+  box: "p-radiobutton-box",
+  input: "p-radiobutton-input",
+  icon: "p-radiobutton-icon"
+}, xX = gt.extend({
+  name: "radiobutton",
   style: wX,
-  classes: xX,
-  inlineStyles: CX
-}), _X = {
-  name: "BaseSlider",
-  extends: db,
+  classes: CX
+}), kX = {
+  name: "BaseRadioButton",
+  extends: ns,
   props: {
-    min: {
-      type: Number,
-      default: 0
+    value: null,
+    binary: Boolean,
+    readonly: {
+      type: Boolean,
+      default: !1
     },
-    max: {
+    tabindex: {
       type: Number,
-      default: 100
+      default: null
     },
-    orientation: {
+    inputId: {
       type: String,
-      default: "horizontal"
-    },
-    step: {
-      type: Number,
       default: null
     },
-    range: {
-      type: Boolean,
-      default: !1
+    inputClass: {
+      type: [String, Object],
+      default: null
     },
-    tabindex: {
-      type: Number,
-      default: 0
+    inputStyle: {
+      type: Object,
+      default: null
     },
     ariaLabelledby: {
       type: String,
@@ -79298,10 +79345,10 @@ var wX = fo`
       default: null
     }
   },
-  style: kX,
+  style: xX,
   provide: function() {
     return {
-      $pcSlider: this,
+      $pcRadioButton: this,
       $parentInstance: this
     };
   }
@@ -79314,14 +79361,14 @@ function vr(o) {
     return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
   }, vr(o);
 }
-function IX(o, i, a) {
-  return (i = AX(i)) in o ? Object.defineProperty(o, i, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : o[i] = a, o;
+function _X(o, i, a) {
+  return (i = IX(i)) in o ? Object.defineProperty(o, i, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : o[i] = a, o;
 }
-function AX(o) {
-  var i = SX(o, "string");
+function IX(o) {
+  var i = AX(o, "string");
   return vr(i) == "symbol" ? i : i + "";
 }
-function SX(o, i) {
+function AX(o, i) {
   if (vr(o) != "object" || !o) return o;
   var a = o[Symbol.toPrimitive];
   if (a !== void 0) {
@@ -79331,630 +79378,583 @@ function SX(o, i) {
   }
   return (i === "string" ? String : Number)(o);
 }
-function OX(o) {
-  return RX(o) || EX(o) || DX(o) || TX();
-}
-function TX() {
-  throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function DX(o, i) {
-  if (o) {
-    if (typeof o == "string") return Gc(o, i);
-    var a = {}.toString.call(o).slice(8, -1);
-    return a === "Object" && o.constructor && (a = o.constructor.name), a === "Map" || a === "Set" ? Array.from(o) : a === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? Gc(o, i) : void 0;
-  }
-}
-function EX(o) {
-  if (typeof Symbol < "u" && o[Symbol.iterator] != null || o["@@iterator"] != null) return Array.from(o);
-}
-function RX(o) {
-  if (Array.isArray(o)) return Gc(o);
-}
-function Gc(o, i) {
-  (i == null || i > o.length) && (i = o.length);
-  for (var a = 0, r = Array(i); a < i; a++) r[a] = o[a];
-  return r;
-}
 var kb = {
-  name: "Slider",
-  extends: _X,
+  name: "RadioButton",
+  extends: kX,
   inheritAttrs: !1,
-  emits: ["change", "slideend"],
-  dragging: !1,
-  handleIndex: null,
-  initX: null,
-  initY: null,
-  barWidth: null,
-  barHeight: null,
-  dragListener: null,
-  dragEndListener: null,
-  beforeUnmount: function() {
-    this.unbindDragListeners();
+  emits: ["change", "focus", "blur"],
+  inject: {
+    $pcRadioButtonGroup: {
+      default: void 0
+    }
   },
   methods: {
-    updateDomData: function() {
-      var i = this.$el.getBoundingClientRect();
-      this.initX = i.left + c2(), this.initY = i.top + p2(), this.barWidth = this.$el.offsetWidth, this.barHeight = this.$el.offsetHeight;
-    },
-    setValue: function(i) {
-      var a, r = i.touches ? i.touches[0].pageX : i.pageX, l = i.touches ? i.touches[0].pageY : i.pageY;
-      this.orientation === "horizontal" ? U9(this.$el) ? a = (this.initX + this.barWidth - r) * 100 / this.barWidth : a = (r - this.initX) * 100 / this.barWidth : a = (this.initY + this.barHeight - l) * 100 / this.barHeight;
-      var d = (this.max - this.min) * (a / 100) + this.min;
-      if (this.step) {
-        var p = this.range ? this.value[this.handleIndex] : this.value, f = d - p;
-        f < 0 ? d = p + Math.ceil(d / this.step - p / this.step) * this.step : f > 0 && (d = p + Math.floor(d / this.step - p / this.step) * this.step);
-      } else
-        d = Math.floor(d);
-      this.updateModel(i, d);
-    },
-    updateModel: function(i, a) {
-      var r = Math.round(a * 100) / 100, l;
-      this.range ? (l = this.value ? OX(this.value) : [], this.handleIndex == 0 ? (r < this.min ? r = this.min : r >= this.max && (r = this.max), l[0] = r) : (r > this.max ? r = this.max : r <= this.min && (r = this.min), l[1] = r)) : (r < this.min ? r = this.min : r > this.max && (r = this.max), l = r), this.writeValue(l, i), this.$emit("change", l);
-    },
-    onDragStart: function(i, a) {
-      this.disabled || (this.$el.setAttribute("data-p-sliding", !0), this.dragging = !0, this.updateDomData(), this.range && this.value[0] === this.max ? this.handleIndex = 0 : this.handleIndex = a, i.currentTarget.focus());
-    },
-    onDrag: function(i) {
-      this.dragging && this.setValue(i);
-    },
-    onDragEnd: function(i) {
-      this.dragging && (this.dragging = !1, this.$el.setAttribute("data-p-sliding", !1), this.$emit("slideend", {
-        originalEvent: i,
-        value: this.value
-      }));
-    },
-    onBarClick: function(i) {
-      this.disabled || Fi(i.target, "data-pc-section") !== "handle" && (this.updateDomData(), this.setValue(i));
-    },
-    onMouseDown: function(i, a) {
-      this.bindDragListeners(), this.onDragStart(i, a);
+    getPTOptions: function(i) {
+      var a = i === "root" ? this.ptmi : this.ptm;
+      return a(i, {
+        context: {
+          checked: this.checked,
+          disabled: this.disabled
+        }
+      });
     },
-    onKeyDown: function(i, a) {
-      switch (this.handleIndex = a, i.code) {
-        case "ArrowDown":
-        case "ArrowLeft":
-          this.decrementValue(i, a), i.preventDefault();
-          break;
-        case "ArrowUp":
-        case "ArrowRight":
-          this.incrementValue(i, a), i.preventDefault();
-          break;
-        case "PageDown":
-          this.decrementValue(i, a, !0), i.preventDefault();
-          break;
-        case "PageUp":
-          this.incrementValue(i, a, !0), i.preventDefault();
-          break;
-        case "Home":
-          this.updateModel(i, this.min), i.preventDefault();
-          break;
-        case "End":
-          this.updateModel(i, this.max), i.preventDefault();
-          break;
+    onChange: function(i) {
+      if (!this.disabled && !this.readonly) {
+        var a = this.binary ? !this.checked : this.value;
+        this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(a, i) : this.writeValue(a, i), this.$emit("change", i);
       }
     },
-    onBlur: function(i, a) {
-      var r, l;
-      (r = (l = this.formField).onBlur) === null || r === void 0 || r.call(l, i);
-    },
-    decrementValue: function(i, a) {
-      var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, l;
-      this.range ? this.step ? l = this.value[a] - this.step : l = this.value[a] - 1 : this.step ? l = this.value - this.step : !this.step && r ? l = this.value - 10 : l = this.value - 1, this.updateModel(i, l), i.preventDefault();
-    },
-    incrementValue: function(i, a) {
-      var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, l;
-      this.range ? this.step ? l = this.value[a] + this.step : l = this.value[a] + 1 : this.step ? l = this.value + this.step : !this.step && r ? l = this.value + 10 : l = this.value + 1, this.updateModel(i, l), i.preventDefault();
-    },
-    bindDragListeners: function() {
-      this.dragListener || (this.dragListener = this.onDrag.bind(this), document.addEventListener("mousemove", this.dragListener)), this.dragEndListener || (this.dragEndListener = this.onDragEnd.bind(this), document.addEventListener("mouseup", this.dragEndListener));
-    },
-    unbindDragListeners: function() {
-      this.dragListener && (document.removeEventListener("mousemove", this.dragListener), this.dragListener = null), this.dragEndListener && (document.removeEventListener("mouseup", this.dragEndListener), this.dragEndListener = null);
-    },
-    rangeStyle: function() {
-      if (this.range) {
-        var i = this.rangeEndPosition > this.rangeStartPosition ? this.rangeEndPosition - this.rangeStartPosition : this.rangeStartPosition - this.rangeEndPosition, a = this.rangeEndPosition > this.rangeStartPosition ? this.rangeStartPosition : this.rangeEndPosition;
-        return this.horizontal ? {
-          "inset-inline-start": a + "%",
-          width: i + "%"
-        } : {
-          bottom: a + "%",
-          height: i + "%"
-        };
-      } else
-        return this.horizontal ? {
-          width: this.handlePosition + "%"
-        } : {
-          height: this.handlePosition + "%"
-        };
-    },
-    handleStyle: function() {
-      return this.horizontal ? {
-        "inset-inline-start": this.handlePosition + "%"
-      } : {
-        bottom: this.handlePosition + "%"
-      };
-    },
-    rangeStartHandleStyle: function() {
-      return this.horizontal ? {
-        "inset-inline-start": this.rangeStartPosition + "%"
-      } : {
-        bottom: this.rangeStartPosition + "%"
-      };
+    onFocus: function(i) {
+      this.$emit("focus", i);
     },
-    rangeEndHandleStyle: function() {
-      return this.horizontal ? {
-        "inset-inline-start": this.rangeEndPosition + "%"
-      } : {
-        bottom: this.rangeEndPosition + "%"
-      };
+    onBlur: function(i) {
+      var a, r;
+      this.$emit("blur", i), (a = (r = this.formField).onBlur) === null || a === void 0 || a.call(r, i);
     }
   },
   computed: {
-    value: function() {
-      var i;
-      if (this.range) {
-        var a, r, l, d;
-        return [(a = (r = this.d_value) === null || r === void 0 ? void 0 : r[0]) !== null && a !== void 0 ? a : this.min, (l = (d = this.d_value) === null || d === void 0 ? void 0 : d[1]) !== null && l !== void 0 ? l : this.max];
-      }
-      return (i = this.d_value) !== null && i !== void 0 ? i : this.min;
-    },
-    horizontal: function() {
-      return this.orientation === "horizontal";
-    },
-    vertical: function() {
-      return this.orientation === "vertical";
-    },
-    handlePosition: function() {
-      return this.value < this.min ? 0 : this.value > this.max ? 100 : (this.value - this.min) * 100 / (this.max - this.min);
-    },
-    rangeStartPosition: function() {
-      return this.value && this.value[0] !== void 0 ? this.value[0] < this.min ? 0 : (this.value[0] - this.min) * 100 / (this.max - this.min) : 0;
+    groupName: function() {
+      return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;
     },
-    rangeEndPosition: function() {
-      return this.value && this.value.length === 2 && this.value[1] !== void 0 ? this.value[1] > this.max ? 100 : (this.value[1] - this.min) * 100 / (this.max - this.min) : 100;
+    checked: function() {
+      var i = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;
+      return i != null && (this.binary ? !!i : ts(i, this.value));
     },
     dataP: function() {
-      return Eo(IX({}, this.orientation, this.orientation));
+      return Eo(_X({
+        invalid: this.$invalid,
+        checked: this.checked,
+        disabled: this.disabled,
+        filled: this.$variant === "filled"
+      }, this.size, this.size));
     }
   }
-}, LX = ["data-p"], BX = ["data-p"], qX = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "aria-labelledby", "aria-label", "aria-orientation", "data-p"], jX = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "aria-labelledby", "aria-label", "aria-orientation", "data-p"], $X = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "aria-labelledby", "aria-label", "aria-orientation", "data-p"];
-function PX(o, i, a, r, l, d) {
+}, SX = ["data-p-checked", "data-p-disabled", "data-p"], OX = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label", "aria-invalid"], TX = ["data-p"], DX = ["data-p"];
+function EX(o, i, a, r, l, d) {
   return D(), j("div", fe({
-    class: o.cx("root"),
-    onClick: i[18] || (i[18] = function() {
-      return d.onBarClick && d.onBarClick.apply(d, arguments);
-    })
-  }, o.ptmi("root"), {
-    "data-p-sliding": !1,
-    "data-p": d.dataP
-  }), [K("span", fe({
-    class: o.cx("range"),
-    style: [o.sx("range"), d.rangeStyle()]
-  }, o.ptm("range"), {
+    class: o.cx("root")
+  }, d.getPTOptions("root"), {
+    "data-p-checked": d.checked,
+    "data-p-disabled": o.disabled,
     "data-p": d.dataP
-  }), null, 16, BX), o.range ? W("", !0) : (D(), j("span", fe({
-    key: 0,
-    class: o.cx("handle"),
-    style: [o.sx("handle"), d.handleStyle()],
-    onTouchstartPassive: i[0] || (i[0] = function(p) {
-      return d.onDragStart(p);
-    }),
-    onTouchmovePassive: i[1] || (i[1] = function(p) {
-      return d.onDrag(p);
-    }),
-    onTouchend: i[2] || (i[2] = function(p) {
-      return d.onDragEnd(p);
-    }),
-    onMousedown: i[3] || (i[3] = function(p) {
-      return d.onMouseDown(p);
-    }),
-    onKeydown: i[4] || (i[4] = function(p) {
-      return d.onKeyDown(p);
-    }),
-    onBlur: i[5] || (i[5] = function(p) {
-      return d.onBlur(p);
-    }),
+  }), [K("input", fe({
+    id: o.inputId,
+    type: "radio",
+    class: [o.cx("input"), o.inputClass],
+    style: o.inputStyle,
+    value: o.value,
+    name: d.groupName,
+    checked: d.checked,
     tabindex: o.tabindex,
-    role: "slider",
-    "aria-valuemin": o.min,
-    "aria-valuenow": o.d_value,
-    "aria-valuemax": o.max,
+    disabled: o.disabled,
+    readonly: o.readonly,
     "aria-labelledby": o.ariaLabelledby,
     "aria-label": o.ariaLabel,
-    "aria-orientation": o.orientation
-  }, o.ptm("handle"), {
-    "data-p": d.dataP
-  }), null, 16, qX)), o.range ? (D(), j("span", fe({
-    key: 1,
-    class: o.cx("handle"),
-    style: [o.sx("handle"), d.rangeStartHandleStyle()],
-    onTouchstartPassive: i[6] || (i[6] = function(p) {
-      return d.onDragStart(p, 0);
-    }),
-    onTouchmovePassive: i[7] || (i[7] = function(p) {
-      return d.onDrag(p);
-    }),
-    onTouchend: i[8] || (i[8] = function(p) {
-      return d.onDragEnd(p);
-    }),
-    onMousedown: i[9] || (i[9] = function(p) {
-      return d.onMouseDown(p, 0);
-    }),
-    onKeydown: i[10] || (i[10] = function(p) {
-      return d.onKeyDown(p, 0);
+    "aria-invalid": o.invalid || void 0,
+    onFocus: i[0] || (i[0] = function() {
+      return d.onFocus && d.onFocus.apply(d, arguments);
     }),
-    onBlur: i[11] || (i[11] = function(p) {
-      return d.onBlur(p, 0);
+    onBlur: i[1] || (i[1] = function() {
+      return d.onBlur && d.onBlur.apply(d, arguments);
     }),
-    tabindex: o.tabindex,
-    role: "slider",
-    "aria-valuemin": o.min,
-    "aria-valuenow": o.d_value ? o.d_value[0] : null,
-    "aria-valuemax": o.max,
-    "aria-labelledby": o.ariaLabelledby,
-    "aria-label": o.ariaLabel,
-    "aria-orientation": o.orientation
-  }, o.ptm("startHandler"), {
+    onChange: i[2] || (i[2] = function() {
+      return d.onChange && d.onChange.apply(d, arguments);
+    })
+  }, d.getPTOptions("input")), null, 16, OX), K("div", fe({
+    class: o.cx("box")
+  }, d.getPTOptions("box"), {
     "data-p": d.dataP
-  }), null, 16, jX)) : W("", !0), o.range ? (D(), j("span", fe({
-    key: 2,
-    class: o.cx("handle"),
-    style: [o.sx("handle"), d.rangeEndHandleStyle()],
-    onTouchstartPassive: i[12] || (i[12] = function(p) {
-      return d.onDragStart(p, 1);
-    }),
-    onTouchmovePassive: i[13] || (i[13] = function(p) {
-      return d.onDrag(p);
-    }),
-    onTouchend: i[14] || (i[14] = function(p) {
-      return d.onDragEnd(p);
-    }),
-    onMousedown: i[15] || (i[15] = function(p) {
-      return d.onMouseDown(p, 1);
-    }),
-    onKeydown: i[16] || (i[16] = function(p) {
-      return d.onKeyDown(p, 1);
-    }),
-    onBlur: i[17] || (i[17] = function(p) {
-      return d.onBlur(p, 1);
-    }),
-    tabindex: o.tabindex,
-    role: "slider",
-    "aria-valuemin": o.min,
-    "aria-valuenow": o.d_value ? o.d_value[1] : null,
-    "aria-valuemax": o.max,
-    "aria-labelledby": o.ariaLabelledby,
-    "aria-label": o.ariaLabel,
-    "aria-orientation": o.orientation
-  }, o.ptm("endHandler"), {
+  }), [K("div", fe({
+    class: o.cx("icon")
+  }, d.getPTOptions("icon"), {
     "data-p": d.dataP
-  }), null, 16, $X)) : W("", !0)], 16, LX);
+  }), null, 16, DX)], 16, TX)], 16, SX);
 }
-kb.render = PX;
-var MX = fo`
-    .p-radiobutton {
+kb.render = EX;
+var RX = fo`
+    .p-slider {
         position: relative;
-        display: inline-flex;
-        user-select: none;
-        vertical-align: bottom;
-        width: dt('radiobutton.width');
-        height: dt('radiobutton.height');
-    }
-
-    .p-radiobutton-input {
-        cursor: pointer;
-        appearance: none;
-        position: absolute;
-        top: 0;
-        inset-inline-start: 0;
-        width: 100%;
-        height: 100%;
-        padding: 0;
-        margin: 0;
-        opacity: 0;
-        z-index: 1;
-        outline: 0 none;
-        border: 1px solid transparent;
-        border-radius: 50%;
+        background: dt('slider.track.background');
+        border-radius: dt('slider.track.border.radius');
     }
 
-    .p-radiobutton-box {
+    .p-slider-handle {
+        cursor: grab;
+        touch-action: none;
+        user-select: none;
         display: flex;
         justify-content: center;
         align-items: center;
-        border-radius: 50%;
-        border: 1px solid dt('radiobutton.border.color');
-        background: dt('radiobutton.background');
-        width: dt('radiobutton.width');
-        height: dt('radiobutton.height');
+        height: dt('slider.handle.height');
+        width: dt('slider.handle.width');
+        background: dt('slider.handle.background');
+        border-radius: dt('slider.handle.border.radius');
         transition:
-            background dt('radiobutton.transition.duration'),
-            color dt('radiobutton.transition.duration'),
-            border-color dt('radiobutton.transition.duration'),
-            box-shadow dt('radiobutton.transition.duration'),
-            outline-color dt('radiobutton.transition.duration');
+            background dt('slider.transition.duration'),
+            color dt('slider.transition.duration'),
+            border-color dt('slider.transition.duration'),
+            box-shadow dt('slider.transition.duration'),
+            outline-color dt('slider.transition.duration');
         outline-color: transparent;
-        box-shadow: dt('radiobutton.shadow');
-    }
-
-    .p-radiobutton-icon {
-        transition-duration: dt('radiobutton.transition.duration');
-        background: transparent;
-        font-size: dt('radiobutton.icon.size');
-        width: dt('radiobutton.icon.size');
-        height: dt('radiobutton.icon.size');
-        border-radius: 50%;
-        backface-visibility: hidden;
-        transform: translateZ(0) scale(0.1);
     }
 
-    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
-        border-color: dt('radiobutton.hover.border.color');
-    }
-
-    .p-radiobutton-checked .p-radiobutton-box {
-        border-color: dt('radiobutton.checked.border.color');
-        background: dt('radiobutton.checked.background');
-    }
-
-    .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
-        background: dt('radiobutton.icon.checked.color');
-        transform: translateZ(0) scale(1, 1);
-        visibility: visible;
-    }
-
-    .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
-        border-color: dt('radiobutton.checked.hover.border.color');
-        background: dt('radiobutton.checked.hover.background');
-    }
-
-    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
-        background: dt('radiobutton.icon.checked.hover.color');
-    }
-
-    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
-        border-color: dt('radiobutton.focus.border.color');
-        box-shadow: dt('radiobutton.focus.ring.shadow');
-        outline: dt('radiobutton.focus.ring.width') dt('radiobutton.focus.ring.style') dt('radiobutton.focus.ring.color');
-        outline-offset: dt('radiobutton.focus.ring.offset');
-    }
-
-    .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
-        border-color: dt('radiobutton.checked.focus.border.color');
-    }
-
-    .p-radiobutton.p-invalid > .p-radiobutton-box {
-        border-color: dt('radiobutton.invalid.border.color');
+    .p-slider-handle::before {
+        content: '';
+        width: dt('slider.handle.content.width');
+        height: dt('slider.handle.content.height');
+        display: block;
+        background: dt('slider.handle.content.background');
+        border-radius: dt('slider.handle.content.border.radius');
+        box-shadow: dt('slider.handle.content.shadow');
+        transition: background dt('slider.transition.duration');
     }
 
-    .p-radiobutton.p-variant-filled .p-radiobutton-box {
-        background: dt('radiobutton.filled.background');
+    .p-slider:not(.p-disabled) .p-slider-handle:hover {
+        background: dt('slider.handle.hover.background');
     }
 
-    .p-radiobutton.p-variant-filled.p-radiobutton-checked .p-radiobutton-box {
-        background: dt('radiobutton.checked.background');
+    .p-slider:not(.p-disabled) .p-slider-handle:hover::before {
+        background: dt('slider.handle.content.hover.background');
     }
-
-    .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box {
-        background: dt('radiobutton.checked.hover.background');
+
+    .p-slider-handle:focus-visible {
+        box-shadow: dt('slider.handle.focus.ring.shadow');
+        outline: dt('slider.handle.focus.ring.width') dt('slider.handle.focus.ring.style') dt('slider.handle.focus.ring.color');
+        outline-offset: dt('slider.handle.focus.ring.offset');
     }
 
-    .p-radiobutton.p-disabled {
-        opacity: 1;
+    .p-slider-range {
+        display: block;
+        background: dt('slider.range.background');
+        border-radius: dt('slider.track.border.radius');
     }
 
-    .p-radiobutton.p-disabled .p-radiobutton-box {
-        background: dt('radiobutton.disabled.background');
-        border-color: dt('radiobutton.checked.disabled.border.color');
+    .p-slider.p-slider-horizontal {
+        height: dt('slider.track.size');
     }
 
-    .p-radiobutton-checked.p-disabled .p-radiobutton-box .p-radiobutton-icon {
-        background: dt('radiobutton.icon.disabled.color');
+    .p-slider-horizontal .p-slider-range {
+        inset-block-start: 0;
+        inset-inline-start: 0;
+        height: 100%;
     }
 
-    .p-radiobutton-sm,
-    .p-radiobutton-sm .p-radiobutton-box {
-        width: dt('radiobutton.sm.width');
-        height: dt('radiobutton.sm.height');
+    .p-slider-horizontal .p-slider-handle {
+        inset-block-start: 50%;
+        margin-block-start: calc(-1 * calc(dt('slider.handle.height') / 2));
+        margin-inline-start: calc(-1 * calc(dt('slider.handle.width') / 2));
     }
 
-    .p-radiobutton-sm .p-radiobutton-icon {
-        font-size: dt('radiobutton.icon.sm.size');
-        width: dt('radiobutton.icon.sm.size');
-        height: dt('radiobutton.icon.sm.size');
+    .p-slider-vertical {
+        min-height: 100px;
+        width: dt('slider.track.size');
     }
 
-    .p-radiobutton-lg,
-    .p-radiobutton-lg .p-radiobutton-box {
-        width: dt('radiobutton.lg.width');
-        height: dt('radiobutton.lg.height');
+    .p-slider-vertical .p-slider-handle {
+        inset-inline-start: 50%;
+        margin-inline-start: calc(-1 * calc(dt('slider.handle.width') / 2));
+        margin-block-end: calc(-1 * calc(dt('slider.handle.height') / 2));
     }
 
-    .p-radiobutton-lg .p-radiobutton-icon {
-        font-size: dt('radiobutton.icon.lg.size');
-        width: dt('radiobutton.icon.lg.size');
-        height: dt('radiobutton.icon.lg.size');
+    .p-slider-vertical .p-slider-range {
+        inset-block-end: 0;
+        inset-inline-start: 0;
+        width: 100%;
     }
-`, NX = {
+`, LX = {
+  handle: {
+    position: "absolute"
+  },
+  range: {
+    position: "absolute"
+  }
+}, BX = {
   root: function(i) {
     var a = i.instance, r = i.props;
-    return ["p-radiobutton p-component", {
-      "p-radiobutton-checked": a.checked,
+    return ["p-slider p-component", {
       "p-disabled": r.disabled,
-      "p-invalid": a.$pcRadioButtonGroup ? a.$pcRadioButtonGroup.$invalid : a.$invalid,
-      "p-variant-filled": a.$variant === "filled",
-      "p-radiobutton-sm p-inputfield-sm": r.size === "small",
-      "p-radiobutton-lg p-inputfield-lg": r.size === "large"
+      "p-invalid": a.$invalid,
+      "p-slider-horizontal": r.orientation === "horizontal",
+      "p-slider-vertical": r.orientation === "vertical"
     }];
   },
-  box: "p-radiobutton-box",
-  input: "p-radiobutton-input",
-  icon: "p-radiobutton-icon"
-}, FX = gt.extend({
-  name: "radiobutton",
-  style: MX,
-  classes: NX
-}), UX = {
-  name: "BaseRadioButton",
-  extends: ns,
+  range: "p-slider-range",
+  handle: "p-slider-handle"
+}, qX = gt.extend({
+  name: "slider",
+  style: RX,
+  classes: BX,
+  inlineStyles: LX
+}), jX = {
+  name: "BaseSlider",
+  extends: db,
   props: {
-    value: null,
-    binary: Boolean,
-    readonly: {
+    min: {
+      type: Number,
+      default: 0
+    },
+    max: {
+      type: Number,
+      default: 100
+    },
+    orientation: {
+      type: String,
+      default: "horizontal"
+    },
+    step: {
+      type: Number,
+      default: null
+    },
+    range: {
       type: Boolean,
       default: !1
     },
     tabindex: {
       type: Number,
-      default: null
+      default: 0
     },
-    inputId: {
+    ariaLabelledby: {
       type: String,
       default: null
     },
-    inputClass: {
-      type: [String, Object],
+    ariaLabel: {
+      type: String,
       default: null
+    }
+  },
+  style: qX,
+  provide: function() {
+    return {
+      $pcSlider: this,
+      $parentInstance: this
+    };
+  }
+};
+function wr(o) {
+  "@babel/helpers - typeof";
+  return wr = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
+    return typeof i;
+  } : function(i) {
+    return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
+  }, wr(o);
+}
+function $X(o, i, a) {
+  return (i = PX(i)) in o ? Object.defineProperty(o, i, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : o[i] = a, o;
+}
+function PX(o) {
+  var i = MX(o, "string");
+  return wr(i) == "symbol" ? i : i + "";
+}
+function MX(o, i) {
+  if (wr(o) != "object" || !o) return o;
+  var a = o[Symbol.toPrimitive];
+  if (a !== void 0) {
+    var r = a.call(o, i);
+    if (wr(r) != "object") return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (i === "string" ? String : Number)(o);
+}
+function NX(o) {
+  return VX(o) || zX(o) || UX(o) || FX();
+}
+function FX() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function UX(o, i) {
+  if (o) {
+    if (typeof o == "string") return Gc(o, i);
+    var a = {}.toString.call(o).slice(8, -1);
+    return a === "Object" && o.constructor && (a = o.constructor.name), a === "Map" || a === "Set" ? Array.from(o) : a === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? Gc(o, i) : void 0;
+  }
+}
+function zX(o) {
+  if (typeof Symbol < "u" && o[Symbol.iterator] != null || o["@@iterator"] != null) return Array.from(o);
+}
+function VX(o) {
+  if (Array.isArray(o)) return Gc(o);
+}
+function Gc(o, i) {
+  (i == null || i > o.length) && (i = o.length);
+  for (var a = 0, r = Array(i); a < i; a++) r[a] = o[a];
+  return r;
+}
+var _b = {
+  name: "Slider",
+  extends: jX,
+  inheritAttrs: !1,
+  emits: ["change", "slideend"],
+  dragging: !1,
+  handleIndex: null,
+  initX: null,
+  initY: null,
+  barWidth: null,
+  barHeight: null,
+  dragListener: null,
+  dragEndListener: null,
+  beforeUnmount: function() {
+    this.unbindDragListeners();
+  },
+  methods: {
+    updateDomData: function() {
+      var i = this.$el.getBoundingClientRect();
+      this.initX = i.left + c2(), this.initY = i.top + p2(), this.barWidth = this.$el.offsetWidth, this.barHeight = this.$el.offsetHeight;
+    },
+    setValue: function(i) {
+      var a, r = i.touches ? i.touches[0].pageX : i.pageX, l = i.touches ? i.touches[0].pageY : i.pageY;
+      this.orientation === "horizontal" ? U9(this.$el) ? a = (this.initX + this.barWidth - r) * 100 / this.barWidth : a = (r - this.initX) * 100 / this.barWidth : a = (this.initY + this.barHeight - l) * 100 / this.barHeight;
+      var d = (this.max - this.min) * (a / 100) + this.min;
+      if (this.step) {
+        var p = this.range ? this.value[this.handleIndex] : this.value, f = d - p;
+        f < 0 ? d = p + Math.ceil(d / this.step - p / this.step) * this.step : f > 0 && (d = p + Math.floor(d / this.step - p / this.step) * this.step);
+      } else
+        d = Math.floor(d);
+      this.updateModel(i, d);
+    },
+    updateModel: function(i, a) {
+      var r = Math.round(a * 100) / 100, l;
+      this.range ? (l = this.value ? NX(this.value) : [], this.handleIndex == 0 ? (r < this.min ? r = this.min : r >= this.max && (r = this.max), l[0] = r) : (r > this.max ? r = this.max : r <= this.min && (r = this.min), l[1] = r)) : (r < this.min ? r = this.min : r > this.max && (r = this.max), l = r), this.writeValue(l, i), this.$emit("change", l);
+    },
+    onDragStart: function(i, a) {
+      this.disabled || (this.$el.setAttribute("data-p-sliding", !0), this.dragging = !0, this.updateDomData(), this.range && this.value[0] === this.max ? this.handleIndex = 0 : this.handleIndex = a, i.currentTarget.focus());
+    },
+    onDrag: function(i) {
+      this.dragging && this.setValue(i);
+    },
+    onDragEnd: function(i) {
+      this.dragging && (this.dragging = !1, this.$el.setAttribute("data-p-sliding", !1), this.$emit("slideend", {
+        originalEvent: i,
+        value: this.value
+      }));
+    },
+    onBarClick: function(i) {
+      this.disabled || Fi(i.target, "data-pc-section") !== "handle" && (this.updateDomData(), this.setValue(i));
+    },
+    onMouseDown: function(i, a) {
+      this.bindDragListeners(), this.onDragStart(i, a);
+    },
+    onKeyDown: function(i, a) {
+      switch (this.handleIndex = a, i.code) {
+        case "ArrowDown":
+        case "ArrowLeft":
+          this.decrementValue(i, a), i.preventDefault();
+          break;
+        case "ArrowUp":
+        case "ArrowRight":
+          this.incrementValue(i, a), i.preventDefault();
+          break;
+        case "PageDown":
+          this.decrementValue(i, a, !0), i.preventDefault();
+          break;
+        case "PageUp":
+          this.incrementValue(i, a, !0), i.preventDefault();
+          break;
+        case "Home":
+          this.updateModel(i, this.min), i.preventDefault();
+          break;
+        case "End":
+          this.updateModel(i, this.max), i.preventDefault();
+          break;
+      }
+    },
+    onBlur: function(i, a) {
+      var r, l;
+      (r = (l = this.formField).onBlur) === null || r === void 0 || r.call(l, i);
+    },
+    decrementValue: function(i, a) {
+      var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, l;
+      this.range ? this.step ? l = this.value[a] - this.step : l = this.value[a] - 1 : this.step ? l = this.value - this.step : !this.step && r ? l = this.value - 10 : l = this.value - 1, this.updateModel(i, l), i.preventDefault();
+    },
+    incrementValue: function(i, a) {
+      var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, l;
+      this.range ? this.step ? l = this.value[a] + this.step : l = this.value[a] + 1 : this.step ? l = this.value + this.step : !this.step && r ? l = this.value + 10 : l = this.value + 1, this.updateModel(i, l), i.preventDefault();
+    },
+    bindDragListeners: function() {
+      this.dragListener || (this.dragListener = this.onDrag.bind(this), document.addEventListener("mousemove", this.dragListener)), this.dragEndListener || (this.dragEndListener = this.onDragEnd.bind(this), document.addEventListener("mouseup", this.dragEndListener));
+    },
+    unbindDragListeners: function() {
+      this.dragListener && (document.removeEventListener("mousemove", this.dragListener), this.dragListener = null), this.dragEndListener && (document.removeEventListener("mouseup", this.dragEndListener), this.dragEndListener = null);
+    },
+    rangeStyle: function() {
+      if (this.range) {
+        var i = this.rangeEndPosition > this.rangeStartPosition ? this.rangeEndPosition - this.rangeStartPosition : this.rangeStartPosition - this.rangeEndPosition, a = this.rangeEndPosition > this.rangeStartPosition ? this.rangeStartPosition : this.rangeEndPosition;
+        return this.horizontal ? {
+          "inset-inline-start": a + "%",
+          width: i + "%"
+        } : {
+          bottom: a + "%",
+          height: i + "%"
+        };
+      } else
+        return this.horizontal ? {
+          width: this.handlePosition + "%"
+        } : {
+          height: this.handlePosition + "%"
+        };
     },
-    inputStyle: {
-      type: Object,
-      default: null
+    handleStyle: function() {
+      return this.horizontal ? {
+        "inset-inline-start": this.handlePosition + "%"
+      } : {
+        bottom: this.handlePosition + "%"
+      };
     },
-    ariaLabelledby: {
-      type: String,
-      default: null
+    rangeStartHandleStyle: function() {
+      return this.horizontal ? {
+        "inset-inline-start": this.rangeStartPosition + "%"
+      } : {
+        bottom: this.rangeStartPosition + "%"
+      };
     },
-    ariaLabel: {
-      type: String,
-      default: null
-    }
-  },
-  style: FX,
-  provide: function() {
-    return {
-      $pcRadioButton: this,
-      $parentInstance: this
-    };
-  }
-};
-function wr(o) {
-  "@babel/helpers - typeof";
-  return wr = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
-    return typeof i;
-  } : function(i) {
-    return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
-  }, wr(o);
-}
-function zX(o, i, a) {
-  return (i = VX(i)) in o ? Object.defineProperty(o, i, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : o[i] = a, o;
-}
-function VX(o) {
-  var i = HX(o, "string");
-  return wr(i) == "symbol" ? i : i + "";
-}
-function HX(o, i) {
-  if (wr(o) != "object" || !o) return o;
-  var a = o[Symbol.toPrimitive];
-  if (a !== void 0) {
-    var r = a.call(o, i);
-    if (wr(r) != "object") return r;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (i === "string" ? String : Number)(o);
-}
-var _b = {
-  name: "RadioButton",
-  extends: UX,
-  inheritAttrs: !1,
-  emits: ["change", "focus", "blur"],
-  inject: {
-    $pcRadioButtonGroup: {
-      default: void 0
+    rangeEndHandleStyle: function() {
+      return this.horizontal ? {
+        "inset-inline-start": this.rangeEndPosition + "%"
+      } : {
+        bottom: this.rangeEndPosition + "%"
+      };
     }
   },
-  methods: {
-    getPTOptions: function(i) {
-      var a = i === "root" ? this.ptmi : this.ptm;
-      return a(i, {
-        context: {
-          checked: this.checked,
-          disabled: this.disabled
-        }
-      });
-    },
-    onChange: function(i) {
-      if (!this.disabled && !this.readonly) {
-        var a = this.binary ? !this.checked : this.value;
-        this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(a, i) : this.writeValue(a, i), this.$emit("change", i);
+  computed: {
+    value: function() {
+      var i;
+      if (this.range) {
+        var a, r, l, d;
+        return [(a = (r = this.d_value) === null || r === void 0 ? void 0 : r[0]) !== null && a !== void 0 ? a : this.min, (l = (d = this.d_value) === null || d === void 0 ? void 0 : d[1]) !== null && l !== void 0 ? l : this.max];
       }
+      return (i = this.d_value) !== null && i !== void 0 ? i : this.min;
     },
-    onFocus: function(i) {
-      this.$emit("focus", i);
+    horizontal: function() {
+      return this.orientation === "horizontal";
     },
-    onBlur: function(i) {
-      var a, r;
-      this.$emit("blur", i), (a = (r = this.formField).onBlur) === null || a === void 0 || a.call(r, i);
-    }
-  },
-  computed: {
-    groupName: function() {
-      return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;
+    vertical: function() {
+      return this.orientation === "vertical";
     },
-    checked: function() {
-      var i = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;
-      return i != null && (this.binary ? !!i : ts(i, this.value));
+    handlePosition: function() {
+      return this.value < this.min ? 0 : this.value > this.max ? 100 : (this.value - this.min) * 100 / (this.max - this.min);
+    },
+    rangeStartPosition: function() {
+      return this.value && this.value[0] !== void 0 ? this.value[0] < this.min ? 0 : (this.value[0] - this.min) * 100 / (this.max - this.min) : 0;
+    },
+    rangeEndPosition: function() {
+      return this.value && this.value.length === 2 && this.value[1] !== void 0 ? this.value[1] > this.max ? 100 : (this.value[1] - this.min) * 100 / (this.max - this.min) : 100;
     },
     dataP: function() {
-      return Eo(zX({
-        invalid: this.$invalid,
-        checked: this.checked,
-        disabled: this.disabled,
-        filled: this.$variant === "filled"
-      }, this.size, this.size));
+      return Eo($X({}, this.orientation, this.orientation));
     }
   }
-}, ZX = ["data-p-checked", "data-p-disabled", "data-p"], WX = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label", "aria-invalid"], YX = ["data-p"], GX = ["data-p"];
+}, HX = ["data-p"], ZX = ["data-p"], WX = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "aria-labelledby", "aria-label", "aria-orientation", "data-p"], YX = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "aria-labelledby", "aria-label", "aria-orientation", "data-p"], GX = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "aria-labelledby", "aria-label", "aria-orientation", "data-p"];
 function KX(o, i, a, r, l, d) {
   return D(), j("div", fe({
-    class: o.cx("root")
-  }, d.getPTOptions("root"), {
-    "data-p-checked": d.checked,
-    "data-p-disabled": o.disabled,
+    class: o.cx("root"),
+    onClick: i[18] || (i[18] = function() {
+      return d.onBarClick && d.onBarClick.apply(d, arguments);
+    })
+  }, o.ptmi("root"), {
+    "data-p-sliding": !1,
     "data-p": d.dataP
-  }), [K("input", fe({
-    id: o.inputId,
-    type: "radio",
-    class: [o.cx("input"), o.inputClass],
-    style: o.inputStyle,
-    value: o.value,
-    name: d.groupName,
-    checked: d.checked,
+  }), [K("span", fe({
+    class: o.cx("range"),
+    style: [o.sx("range"), d.rangeStyle()]
+  }, o.ptm("range"), {
+    "data-p": d.dataP
+  }), null, 16, ZX), o.range ? W("", !0) : (D(), j("span", fe({
+    key: 0,
+    class: o.cx("handle"),
+    style: [o.sx("handle"), d.handleStyle()],
+    onTouchstartPassive: i[0] || (i[0] = function(p) {
+      return d.onDragStart(p);
+    }),
+    onTouchmovePassive: i[1] || (i[1] = function(p) {
+      return d.onDrag(p);
+    }),
+    onTouchend: i[2] || (i[2] = function(p) {
+      return d.onDragEnd(p);
+    }),
+    onMousedown: i[3] || (i[3] = function(p) {
+      return d.onMouseDown(p);
+    }),
+    onKeydown: i[4] || (i[4] = function(p) {
+      return d.onKeyDown(p);
+    }),
+    onBlur: i[5] || (i[5] = function(p) {
+      return d.onBlur(p);
+    }),
     tabindex: o.tabindex,
-    disabled: o.disabled,
-    readonly: o.readonly,
+    role: "slider",
+    "aria-valuemin": o.min,
+    "aria-valuenow": o.d_value,
+    "aria-valuemax": o.max,
     "aria-labelledby": o.ariaLabelledby,
     "aria-label": o.ariaLabel,
-    "aria-invalid": o.invalid || void 0,
-    onFocus: i[0] || (i[0] = function() {
-      return d.onFocus && d.onFocus.apply(d, arguments);
+    "aria-orientation": o.orientation
+  }, o.ptm("handle"), {
+    "data-p": d.dataP
+  }), null, 16, WX)), o.range ? (D(), j("span", fe({
+    key: 1,
+    class: o.cx("handle"),
+    style: [o.sx("handle"), d.rangeStartHandleStyle()],
+    onTouchstartPassive: i[6] || (i[6] = function(p) {
+      return d.onDragStart(p, 0);
     }),
-    onBlur: i[1] || (i[1] = function() {
-      return d.onBlur && d.onBlur.apply(d, arguments);
+    onTouchmovePassive: i[7] || (i[7] = function(p) {
+      return d.onDrag(p);
     }),
-    onChange: i[2] || (i[2] = function() {
-      return d.onChange && d.onChange.apply(d, arguments);
-    })
-  }, d.getPTOptions("input")), null, 16, WX), K("div", fe({
-    class: o.cx("box")
-  }, d.getPTOptions("box"), {
+    onTouchend: i[8] || (i[8] = function(p) {
+      return d.onDragEnd(p);
+    }),
+    onMousedown: i[9] || (i[9] = function(p) {
+      return d.onMouseDown(p, 0);
+    }),
+    onKeydown: i[10] || (i[10] = function(p) {
+      return d.onKeyDown(p, 0);
+    }),
+    onBlur: i[11] || (i[11] = function(p) {
+      return d.onBlur(p, 0);
+    }),
+    tabindex: o.tabindex,
+    role: "slider",
+    "aria-valuemin": o.min,
+    "aria-valuenow": o.d_value ? o.d_value[0] : null,
+    "aria-valuemax": o.max,
+    "aria-labelledby": o.ariaLabelledby,
+    "aria-label": o.ariaLabel,
+    "aria-orientation": o.orientation
+  }, o.ptm("startHandler"), {
     "data-p": d.dataP
-  }), [K("div", fe({
-    class: o.cx("icon")
-  }, d.getPTOptions("icon"), {
+  }), null, 16, YX)) : W("", !0), o.range ? (D(), j("span", fe({
+    key: 2,
+    class: o.cx("handle"),
+    style: [o.sx("handle"), d.rangeEndHandleStyle()],
+    onTouchstartPassive: i[12] || (i[12] = function(p) {
+      return d.onDragStart(p, 1);
+    }),
+    onTouchmovePassive: i[13] || (i[13] = function(p) {
+      return d.onDrag(p);
+    }),
+    onTouchend: i[14] || (i[14] = function(p) {
+      return d.onDragEnd(p);
+    }),
+    onMousedown: i[15] || (i[15] = function(p) {
+      return d.onMouseDown(p, 1);
+    }),
+    onKeydown: i[16] || (i[16] = function(p) {
+      return d.onKeyDown(p, 1);
+    }),
+    onBlur: i[17] || (i[17] = function(p) {
+      return d.onBlur(p, 1);
+    }),
+    tabindex: o.tabindex,
+    role: "slider",
+    "aria-valuemin": o.min,
+    "aria-valuenow": o.d_value ? o.d_value[1] : null,
+    "aria-valuemax": o.max,
+    "aria-labelledby": o.ariaLabelledby,
+    "aria-label": o.ariaLabel,
+    "aria-orientation": o.orientation
+  }, o.ptm("endHandler"), {
     "data-p": d.dataP
-  }), null, 16, GX)], 16, YX)], 16, ZX);
+  }), null, 16, GX)) : W("", !0)], 16, HX);
 }
 _b.render = KX;
 var XX = fo`
@@ -82521,9 +82521,6 @@ const Ole = {
   ...em.sizes,
   colorScheme: em.colorScheme
 }, Wse = {
-  ...am.sizes,
-  colorScheme: am.colorScheme
-}, Yse = {
   ...lm.sizes,
   colorScheme: lm.colorScheme,
   css: ({ dt: o }) => `
@@ -82534,6 +82531,9 @@ const Ole = {
       justify-content: center;
     }
   `
+}, Yse = {
+  ...am.sizes,
+  colorScheme: am.colorScheme
 }, Gse = {
   ...tm.sizes,
   colorScheme: tm.colorScheme,
@@ -82556,9 +82556,9 @@ const Ole = {
   chip: Vse,
   checkbox: zse,
   breadcrumb: Fse,
-  slider: Wse,
+  slider: Yse,
   divider: Hse,
-  radiobutton: Yse
+  radiobutton: Wse
 }, Xse = {
   multiplicator: "8px",
   "3xs": "calc({spacings.multiplicator} / 4)",
@@ -82584,7 +82584,7 @@ const Ole = {
         darkModeSelector: ".theme--dark"
       }
     }
-  }), o.component("PButton", ri(yb)), o.component("PAutoComplete", ri(ub)), o.component("PInputText", ri(g2)), o.component("PPopover", ri(xb)), o.component("PCheckbox", ri(wb)), o.component("PRadio", ri(_b)), o.component("PChip", ri(y2)), o.component("PBreadcrumb", ri(hb)), o.component("PSlider", ri(kb)), o.component("PDivider", ri(Cb)), o.directive("tooltip", sQ);
+  }), o.component("PButton", ri(yb)), o.component("PAutoComplete", ri(ub)), o.component("PInputText", ri(g2)), o.component("PPopover", ri(xb)), o.component("PCheckbox", ri(wb)), o.component("PRadio", ri(kb)), o.component("PChip", ri(y2)), o.component("PBreadcrumb", ri(hb)), o.component("PSlider", ri(_b)), o.component("PDivider", ri(Cb)), o.directive("tooltip", sQ);
 }, k0e = {
   install(o, { eventBus: i, router: a, globals: r = {} }) {
     Object.keys(n4).forEach((l) => {