@webitel/ui-sdk 25.10.7 → 25.10.8

package/dist/ui-sdk.js

@@ -79253,275 +79253,6 @@ function _X(o, i, a, r, l, d) {
 }
 S9.render = _X;
 var IX = so`
-    .p-toggleswitch {
-        display: inline-block;
-        width: dt('toggleswitch.width');
-        height: dt('toggleswitch.height');
-    }
-
-    .p-toggleswitch-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-radius: dt('toggleswitch.border.radius');
-    }
-
-    .p-toggleswitch-slider {
-        cursor: pointer;
-        width: 100%;
-        height: 100%;
-        border-width: dt('toggleswitch.border.width');
-        border-style: solid;
-        border-color: dt('toggleswitch.border.color');
-        background: dt('toggleswitch.background');
-        transition:
-            background dt('toggleswitch.transition.duration'),
-            color dt('toggleswitch.transition.duration'),
-            border-color dt('toggleswitch.transition.duration'),
-            outline-color dt('toggleswitch.transition.duration'),
-            box-shadow dt('toggleswitch.transition.duration');
-        border-radius: dt('toggleswitch.border.radius');
-        outline-color: transparent;
-        box-shadow: dt('toggleswitch.shadow');
-    }
-
-    .p-toggleswitch-handle {
-        position: absolute;
-        top: 50%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        background: dt('toggleswitch.handle.background');
-        color: dt('toggleswitch.handle.color');
-        width: dt('toggleswitch.handle.size');
-        height: dt('toggleswitch.handle.size');
-        inset-inline-start: dt('toggleswitch.gap');
-        margin-block-start: calc(-1 * calc(dt('toggleswitch.handle.size') / 2));
-        border-radius: dt('toggleswitch.handle.border.radius');
-        transition:
-            background dt('toggleswitch.transition.duration'),
-            color dt('toggleswitch.transition.duration'),
-            inset-inline-start dt('toggleswitch.slide.duration'),
-            box-shadow dt('toggleswitch.slide.duration');
-    }
-
-    .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
-        background: dt('toggleswitch.checked.background');
-        border-color: dt('toggleswitch.checked.border.color');
-    }
-
-    .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {
-        background: dt('toggleswitch.handle.checked.background');
-        color: dt('toggleswitch.handle.checked.color');
-        inset-inline-start: calc(dt('toggleswitch.width') - calc(dt('toggleswitch.handle.size') + dt('toggleswitch.gap')));
-    }
-
-    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {
-        background: dt('toggleswitch.hover.background');
-        border-color: dt('toggleswitch.hover.border.color');
-    }
-
-    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-handle {
-        background: dt('toggleswitch.handle.hover.background');
-        color: dt('toggleswitch.handle.hover.color');
-    }
-
-    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider {
-        background: dt('toggleswitch.checked.hover.background');
-        border-color: dt('toggleswitch.checked.hover.border.color');
-    }
-
-    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-handle {
-        background: dt('toggleswitch.handle.checked.hover.background');
-        color: dt('toggleswitch.handle.checked.hover.color');
-    }
-
-    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider {
-        box-shadow: dt('toggleswitch.focus.ring.shadow');
-        outline: dt('toggleswitch.focus.ring.width') dt('toggleswitch.focus.ring.style') dt('toggleswitch.focus.ring.color');
-        outline-offset: dt('toggleswitch.focus.ring.offset');
-    }
-
-    .p-toggleswitch.p-invalid > .p-toggleswitch-slider {
-        border-color: dt('toggleswitch.invalid.border.color');
-    }
-
-    .p-toggleswitch.p-disabled {
-        opacity: 1;
-    }
-
-    .p-toggleswitch.p-disabled .p-toggleswitch-slider {
-        background: dt('toggleswitch.disabled.background');
-    }
-
-    .p-toggleswitch.p-disabled .p-toggleswitch-handle {
-        background: dt('toggleswitch.handle.disabled.background');
-    }
-`, AX = {
-  root: {
-    position: "relative"
-  }
-}, SX = {
-  root: function(i) {
-    var a = i.instance, r = i.props;
-    return ["p-toggleswitch p-component", {
-      "p-toggleswitch-checked": a.checked,
-      "p-disabled": r.disabled,
-      "p-invalid": a.$invalid
-    }];
-  },
-  input: "p-toggleswitch-input",
-  slider: "p-toggleswitch-slider",
-  handle: "p-toggleswitch-handle"
-}, OX = yt.extend({
-  name: "toggleswitch",
-  style: IX,
-  classes: SX,
-  inlineStyles: AX
-}), TX = {
-  name: "BaseToggleSwitch",
-  extends: v2,
-  props: {
-    trueValue: {
-      type: null,
-      default: !0
-    },
-    falseValue: {
-      type: null,
-      default: !1
-    },
-    readonly: {
-      type: Boolean,
-      default: !1
-    },
-    tabindex: {
-      type: Number,
-      default: null
-    },
-    inputId: {
-      type: String,
-      default: null
-    },
-    inputClass: {
-      type: [String, Object],
-      default: null
-    },
-    inputStyle: {
-      type: Object,
-      default: null
-    },
-    ariaLabelledby: {
-      type: String,
-      default: null
-    },
-    ariaLabel: {
-      type: String,
-      default: null
-    }
-  },
-  style: OX,
-  provide: function() {
-    return {
-      $pcToggleSwitch: this,
-      $parentInstance: this
-    };
-  }
-}, O9 = {
-  name: "ToggleSwitch",
-  extends: TX,
-  inheritAttrs: !1,
-  emits: ["change", "focus", "blur"],
-  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.checked ? this.falseValue : this.trueValue;
-        this.writeValue(a, i), this.$emit("change", i);
-      }
-    },
-    onFocus: function(i) {
-      this.$emit("focus", i);
-    },
-    onBlur: function(i) {
-      var a, r;
-      this.$emit("blur", i), (a = (r = this.formField).onBlur) === null || a === void 0 || a.call(r, i);
-    }
-  },
-  computed: {
-    checked: function() {
-      return this.d_value === this.trueValue;
-    },
-    dataP: function() {
-      return Ao({
-        checked: this.checked,
-        disabled: this.disabled,
-        invalid: this.$invalid
-      });
-    }
-  }
-}, DX = ["data-p-checked", "data-p-disabled", "data-p"], EX = ["id", "checked", "tabindex", "disabled", "readonly", "aria-checked", "aria-labelledby", "aria-label", "aria-invalid"], RX = ["data-p"], LX = ["data-p"];
-function BX(o, i, a, r, l, d) {
-  return D(), j("div", pe({
-    class: o.cx("root"),
-    style: o.sx("root")
-  }, d.getPTOptions("root"), {
-    "data-p-checked": d.checked,
-    "data-p-disabled": o.disabled,
-    "data-p": d.dataP
-  }), [K("input", pe({
-    id: o.inputId,
-    type: "checkbox",
-    role: "switch",
-    class: [o.cx("input"), o.inputClass],
-    style: o.inputStyle,
-    checked: d.checked,
-    tabindex: o.tabindex,
-    disabled: o.disabled,
-    readonly: o.readonly,
-    "aria-checked": d.checked,
-    "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);
-    }),
-    onBlur: i[1] || (i[1] = function() {
-      return d.onBlur && d.onBlur.apply(d, arguments);
-    }),
-    onChange: i[2] || (i[2] = function() {
-      return d.onChange && d.onChange.apply(d, arguments);
-    })
-  }, d.getPTOptions("input")), null, 16, EX), K("div", pe({
-    class: o.cx("slider")
-  }, d.getPTOptions("slider"), {
-    "data-p": d.dataP
-  }), [K("div", pe({
-    class: o.cx("handle")
-  }, d.getPTOptions("handle"), {
-    "data-p": d.dataP
-  }), [ee(o.$slots, "handle", {
-    checked: d.checked
-  })], 16, LX)], 16, RX)], 16, DX);
-}
-O9.render = BX;
-var qX = so`
     .p-radiobutton {
         position: relative;
         display: inline-flex;
@@ -79665,7 +79396,7 @@ var qX = so`
         width: dt('radiobutton.icon.lg.size');
         height: dt('radiobutton.icon.lg.size');
     }
-`, jX = {
+`, AX = {
   root: function(i) {
     var a = i.instance, r = i.props;
     return ["p-radiobutton p-component", {
@@ -79680,11 +79411,11 @@ var qX = so`
   box: "p-radiobutton-box",
   input: "p-radiobutton-input",
   icon: "p-radiobutton-icon"
-}, $X = yt.extend({
+}, SX = yt.extend({
   name: "radiobutton",
-  style: qX,
-  classes: jX
-}), PX = {
+  style: IX,
+  classes: AX
+}), OX = {
   name: "BaseRadioButton",
   extends: ss,
   props: {
@@ -79719,7 +79450,7 @@ var qX = so`
       default: null
     }
   },
-  style: $X,
+  style: SX,
   provide: function() {
     return {
       $pcRadioButton: this,
@@ -79735,14 +79466,14 @@ function Cr(o) {
     return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
   }, Cr(o);
 }
-function MX(o, i, a) {
-  return (i = NX(i)) in o ? Object.defineProperty(o, i, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : o[i] = a, o;
+function TX(o, i, a) {
+  return (i = DX(i)) in o ? Object.defineProperty(o, i, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : o[i] = a, o;
 }
-function NX(o) {
-  var i = FX(o, "string");
+function DX(o) {
+  var i = EX(o, "string");
   return Cr(i) == "symbol" ? i : i + "";
 }
-function FX(o, i) {
+function EX(o, i) {
   if (Cr(o) != "object" || !o) return o;
   var a = o[Symbol.toPrimitive];
   if (a !== void 0) {
@@ -79752,9 +79483,9 @@ function FX(o, i) {
   }
   return (i === "string" ? String : Number)(o);
 }
-var T9 = {
+var O9 = {
   name: "RadioButton",
-  extends: PX,
+  extends: OX,
   inheritAttrs: !1,
   emits: ["change", "focus", "blur"],
   inject: {
@@ -79795,7 +79526,7 @@ var T9 = {
       return i != null && (this.binary ? !!i : as(i, this.value));
     },
     dataP: function() {
-      return Ao(MX({
+      return Ao(TX({
         invalid: this.$invalid,
         checked: this.checked,
         disabled: this.disabled,
@@ -79803,8 +79534,8 @@ var T9 = {
       }, this.size, this.size));
     }
   }
-}, UX = ["data-p-checked", "data-p-disabled", "data-p"], zX = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label", "aria-invalid"], VX = ["data-p"], HX = ["data-p"];
-function WX(o, i, a, r, l, d) {
+}, RX = ["data-p-checked", "data-p-disabled", "data-p"], LX = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label", "aria-invalid"], BX = ["data-p"], qX = ["data-p"];
+function jX(o, i, a, r, l, d) {
   return D(), j("div", pe({
     class: o.cx("root")
   }, d.getPTOptions("root"), {
@@ -79834,7 +79565,7 @@ function WX(o, i, a, r, l, d) {
     onChange: i[2] || (i[2] = function() {
       return d.onChange && d.onChange.apply(d, arguments);
     })
-  }, d.getPTOptions("input")), null, 16, zX), K("div", pe({
+  }, d.getPTOptions("input")), null, 16, LX), K("div", pe({
     class: o.cx("box")
   }, d.getPTOptions("box"), {
     "data-p": d.dataP
@@ -79842,10 +79573,10 @@ function WX(o, i, a, r, l, d) {
     class: o.cx("icon")
   }, d.getPTOptions("icon"), {
     "data-p": d.dataP
-  }), null, 16, HX)], 16, VX)], 16, UX);
+  }), null, 16, qX)], 16, BX)], 16, RX);
 }
-T9.render = WX;
-var ZX = so`
+O9.render = jX;
+var $X = so`
     .p-slider {
         position: relative;
         background: dt('slider.track.background');
@@ -79935,14 +79666,14 @@ var ZX = so`
         inset-inline-start: 0;
         width: 100%;
     }
-`, YX = {
+`, PX = {
   handle: {
     position: "absolute"
   },
   range: {
     position: "absolute"
   }
-}, GX = {
+}, MX = {
   root: function(i) {
     var a = i.instance, r = i.props;
     return ["p-slider p-component", {
@@ -79954,12 +79685,12 @@ var ZX = so`
   },
   range: "p-slider-range",
   handle: "p-slider-handle"
-}, KX = yt.extend({
+}, NX = yt.extend({
   name: "slider",
-  style: ZX,
-  classes: GX,
-  inlineStyles: YX
-}), XX = {
+  style: $X,
+  classes: MX,
+  inlineStyles: PX
+}), FX = {
   name: "BaseSlider",
   extends: v2,
   props: {
@@ -79996,7 +79727,7 @@ var ZX = so`
       default: null
     }
   },
-  style: KX,
+  style: NX,
   provide: function() {
     return {
       $pcSlider: this,
@@ -80012,14 +79743,14 @@ function xr(o) {
     return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
   }, xr(o);
 }
-function QX(o, i, a) {
-  return (i = JX(i)) in o ? Object.defineProperty(o, i, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : o[i] = a, o;
+function UX(o, i, a) {
+  return (i = zX(i)) in o ? Object.defineProperty(o, i, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : o[i] = a, o;
 }
-function JX(o) {
-  var i = eQ(o, "string");
+function zX(o) {
+  var i = VX(o, "string");
   return xr(i) == "symbol" ? i : i + "";
 }
-function eQ(o, i) {
+function VX(o, i) {
   if (xr(o) != "object" || !o) return o;
   var a = o[Symbol.toPrimitive];
   if (a !== void 0) {
@@ -80029,24 +79760,24 @@ function eQ(o, i) {
   }
   return (i === "string" ? String : Number)(o);
 }
-function tQ(o) {
-  return aQ(o) || nQ(o) || iQ(o) || oQ();
+function HX(o) {
+  return GX(o) || YX(o) || ZX(o) || WX();
 }
-function oQ() {
+function WX() {
   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 iQ(o, i) {
+function ZX(o, i) {
   if (o) {
     if (typeof o == "string") return Qc(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) ? Qc(o, i) : void 0;
   }
 }
-function nQ(o) {
+function YX(o) {
   if (typeof Symbol < "u" && o[Symbol.iterator] != null || o["@@iterator"] != null) return Array.from(o);
 }
-function aQ(o) {
+function GX(o) {
   if (Array.isArray(o)) return Qc(o);
 }
 function Qc(o, i) {
@@ -80054,9 +79785,9 @@ function Qc(o, i) {
   for (var a = 0, r = Array(i); a < i; a++) r[a] = o[a];
   return r;
 }
-var D9 = {
+var T9 = {
   name: "Slider",
-  extends: XX,
+  extends: FX,
   inheritAttrs: !1,
   emits: ["change", "slideend"],
   dragging: !1,
@@ -80088,7 +79819,7 @@ var D9 = {
     },
     updateModel: function(i, a) {
       var r = Math.round(a * 100) / 100, l;
-      this.range ? (l = this.value ? tQ(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);
+      this.range ? (l = this.value ? HX(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());
@@ -80140,195 +79871,464 @@ var D9 = {
       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();
+    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 + "%"
+      };
+    },
+    rangeEndHandleStyle: function() {
+      return this.horizontal ? {
+        "inset-inline-start": this.rangeEndPosition + "%"
+      } : {
+        bottom: this.rangeEndPosition + "%"
+      };
+    }
+  },
+  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;
+    },
+    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 Ao(UX({}, this.orientation, this.orientation));
+    }
+  }
+}, KX = ["data-p"], XX = ["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"], eQ = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "aria-labelledby", "aria-label", "aria-orientation", "data-p"];
+function tQ(o, i, a, r, l, d) {
+  return D(), j("div", pe({
+    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", pe({
+    class: o.cx("range"),
+    style: [o.sx("range"), d.rangeStyle()]
+  }, o.ptm("range"), {
+    "data-p": d.dataP
+  }), null, 16, XX), o.range ? Y("", !0) : (D(), j("span", pe({
+    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,
+    role: "slider",
+    "aria-valuemin": o.min,
+    "aria-valuenow": o.d_value,
+    "aria-valuemax": o.max,
+    "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", pe({
+    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);
+    }),
+    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
+  }), null, 16, JX)) : Y("", !0), o.range ? (D(), j("span", pe({
+    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, eQ)) : Y("", !0)], 16, KX);
+}
+T9.render = tQ;
+var oQ = so`
+    .p-toggleswitch {
+        display: inline-block;
+        width: dt('toggleswitch.width');
+        height: dt('toggleswitch.height');
+    }
+
+    .p-toggleswitch-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-radius: dt('toggleswitch.border.radius');
+    }
+
+    .p-toggleswitch-slider {
+        cursor: pointer;
+        width: 100%;
+        height: 100%;
+        border-width: dt('toggleswitch.border.width');
+        border-style: solid;
+        border-color: dt('toggleswitch.border.color');
+        background: dt('toggleswitch.background');
+        transition:
+            background dt('toggleswitch.transition.duration'),
+            color dt('toggleswitch.transition.duration'),
+            border-color dt('toggleswitch.transition.duration'),
+            outline-color dt('toggleswitch.transition.duration'),
+            box-shadow dt('toggleswitch.transition.duration');
+        border-radius: dt('toggleswitch.border.radius');
+        outline-color: transparent;
+        box-shadow: dt('toggleswitch.shadow');
+    }
+
+    .p-toggleswitch-handle {
+        position: absolute;
+        top: 50%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background: dt('toggleswitch.handle.background');
+        color: dt('toggleswitch.handle.color');
+        width: dt('toggleswitch.handle.size');
+        height: dt('toggleswitch.handle.size');
+        inset-inline-start: dt('toggleswitch.gap');
+        margin-block-start: calc(-1 * calc(dt('toggleswitch.handle.size') / 2));
+        border-radius: dt('toggleswitch.handle.border.radius');
+        transition:
+            background dt('toggleswitch.transition.duration'),
+            color dt('toggleswitch.transition.duration'),
+            inset-inline-start dt('toggleswitch.slide.duration'),
+            box-shadow dt('toggleswitch.slide.duration');
+    }
+
+    .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
+        background: dt('toggleswitch.checked.background');
+        border-color: dt('toggleswitch.checked.border.color');
+    }
+
+    .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {
+        background: dt('toggleswitch.handle.checked.background');
+        color: dt('toggleswitch.handle.checked.color');
+        inset-inline-start: calc(dt('toggleswitch.width') - calc(dt('toggleswitch.handle.size') + dt('toggleswitch.gap')));
+    }
+
+    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {
+        background: dt('toggleswitch.hover.background');
+        border-color: dt('toggleswitch.hover.border.color');
+    }
+
+    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-handle {
+        background: dt('toggleswitch.handle.hover.background');
+        color: dt('toggleswitch.handle.hover.color');
+    }
+
+    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider {
+        background: dt('toggleswitch.checked.hover.background');
+        border-color: dt('toggleswitch.checked.hover.border.color');
+    }
+
+    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-handle {
+        background: dt('toggleswitch.handle.checked.hover.background');
+        color: dt('toggleswitch.handle.checked.hover.color');
+    }
+
+    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider {
+        box-shadow: dt('toggleswitch.focus.ring.shadow');
+        outline: dt('toggleswitch.focus.ring.width') dt('toggleswitch.focus.ring.style') dt('toggleswitch.focus.ring.color');
+        outline-offset: dt('toggleswitch.focus.ring.offset');
+    }
+
+    .p-toggleswitch.p-invalid > .p-toggleswitch-slider {
+        border-color: dt('toggleswitch.invalid.border.color');
+    }
+
+    .p-toggleswitch.p-disabled {
+        opacity: 1;
+    }
+
+    .p-toggleswitch.p-disabled .p-toggleswitch-slider {
+        background: dt('toggleswitch.disabled.background');
+    }
+
+    .p-toggleswitch.p-disabled .p-toggleswitch-handle {
+        background: dt('toggleswitch.handle.disabled.background');
+    }
+`, iQ = {
+  root: {
+    position: "relative"
+  }
+}, nQ = {
+  root: function(i) {
+    var a = i.instance, r = i.props;
+    return ["p-toggleswitch p-component", {
+      "p-toggleswitch-checked": a.checked,
+      "p-disabled": r.disabled,
+      "p-invalid": a.$invalid
+    }];
+  },
+  input: "p-toggleswitch-input",
+  slider: "p-toggleswitch-slider",
+  handle: "p-toggleswitch-handle"
+}, aQ = yt.extend({
+  name: "toggleswitch",
+  style: oQ,
+  classes: nQ,
+  inlineStyles: iQ
+}), rQ = {
+  name: "BaseToggleSwitch",
+  extends: v2,
+  props: {
+    trueValue: {
+      type: null,
+      default: !0
+    },
+    falseValue: {
+      type: null,
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
     },
-    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));
+    tabindex: {
+      type: Number,
+      default: null
     },
-    unbindDragListeners: function() {
-      this.dragListener && (document.removeEventListener("mousemove", this.dragListener), this.dragListener = null), this.dragEndListener && (document.removeEventListener("mouseup", this.dragEndListener), this.dragEndListener = null);
+    inputId: {
+      type: String,
+      default: 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 + "%"
-        };
+    inputClass: {
+      type: [String, Object],
+      default: null
     },
-    handleStyle: function() {
-      return this.horizontal ? {
-        "inset-inline-start": this.handlePosition + "%"
-      } : {
-        bottom: this.handlePosition + "%"
-      };
+    inputStyle: {
+      type: Object,
+      default: null
     },
-    rangeStartHandleStyle: function() {
-      return this.horizontal ? {
-        "inset-inline-start": this.rangeStartPosition + "%"
-      } : {
-        bottom: this.rangeStartPosition + "%"
-      };
+    ariaLabelledby: {
+      type: String,
+      default: null
     },
-    rangeEndHandleStyle: function() {
-      return this.horizontal ? {
-        "inset-inline-start": this.rangeEndPosition + "%"
-      } : {
-        bottom: this.rangeEndPosition + "%"
-      };
+    ariaLabel: {
+      type: String,
+      default: null
     }
   },
-  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";
+  style: aQ,
+  provide: function() {
+    return {
+      $pcToggleSwitch: this,
+      $parentInstance: this
+    };
+  }
+}, D9 = {
+  name: "ToggleSwitch",
+  extends: rQ,
+  inheritAttrs: !1,
+  emits: ["change", "focus", "blur"],
+  methods: {
+    getPTOptions: function(i) {
+      var a = i === "root" ? this.ptmi : this.ptm;
+      return a(i, {
+        context: {
+          checked: this.checked,
+          disabled: this.disabled
+        }
+      });
     },
-    handlePosition: function() {
-      return this.value < this.min ? 0 : this.value > this.max ? 100 : (this.value - this.min) * 100 / (this.max - this.min);
+    onChange: function(i) {
+      if (!this.disabled && !this.readonly) {
+        var a = this.checked ? this.falseValue : this.trueValue;
+        this.writeValue(a, i), this.$emit("change", i);
+      }
     },
-    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;
+    onFocus: function(i) {
+      this.$emit("focus", i);
     },
-    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;
+    onBlur: function(i) {
+      var a, r;
+      this.$emit("blur", i), (a = (r = this.formField).onBlur) === null || a === void 0 || a.call(r, i);
+    }
+  },
+  computed: {
+    checked: function() {
+      return this.d_value === this.trueValue;
     },
     dataP: function() {
-      return Ao(QX({}, this.orientation, this.orientation));
+      return Ao({
+        checked: this.checked,
+        disabled: this.disabled,
+        invalid: this.$invalid
+      });
     }
   }
-}, rQ = ["data-p"], lQ = ["data-p"], sQ = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "aria-labelledby", "aria-label", "aria-orientation", "data-p"], dQ = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "aria-labelledby", "aria-label", "aria-orientation", "data-p"], cQ = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "aria-labelledby", "aria-label", "aria-orientation", "data-p"];
+}, lQ = ["data-p-checked", "data-p-disabled", "data-p"], sQ = ["id", "checked", "tabindex", "disabled", "readonly", "aria-checked", "aria-labelledby", "aria-label", "aria-invalid"], dQ = ["data-p"], cQ = ["data-p"];
 function pQ(o, i, a, r, l, d) {
   return D(), j("div", pe({
     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", pe({
-    class: o.cx("range"),
-    style: [o.sx("range"), d.rangeStyle()]
-  }, o.ptm("range"), {
+    style: o.sx("root")
+  }, d.getPTOptions("root"), {
+    "data-p-checked": d.checked,
+    "data-p-disabled": o.disabled,
     "data-p": d.dataP
-  }), null, 16, lQ), o.range ? Y("", !0) : (D(), j("span", pe({
-    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", pe({
+    id: o.inputId,
+    type: "checkbox",
+    role: "switch",
+    class: [o.cx("input"), o.inputClass],
+    style: o.inputStyle,
+    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-checked": d.checked,
     "aria-labelledby": o.ariaLabelledby,
     "aria-label": o.ariaLabel,
-    "aria-orientation": o.orientation
-  }, o.ptm("handle"), {
-    "data-p": d.dataP
-  }), null, 16, sQ)), o.range ? (D(), j("span", pe({
-    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, sQ), K("div", pe({
+    class: o.cx("slider")
+  }, d.getPTOptions("slider"), {
     "data-p": d.dataP
-  }), null, 16, dQ)) : Y("", !0), o.range ? (D(), j("span", pe({
-    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", pe({
+    class: o.cx("handle")
+  }, d.getPTOptions("handle"), {
     "data-p": d.dataP
-  }), null, 16, cQ)) : Y("", !0)], 16, rQ);
+  }), [ee(o.$slots, "handle", {
+    checked: d.checked
+  })], 16, cQ)], 16, dQ)], 16, lQ);
 }
 D9.render = pQ;
 var uQ = so`
@@ -82975,9 +82975,6 @@ const zle = {
   ...im.sizes,
   colorScheme: im.colorScheme
 }, u0e = {
-  ...lm.sizes,
-  colorScheme: lm.colorScheme
-}, f0e = {
   ...pm.sizes,
   colorScheme: pm.colorScheme,
   css: ({ dt: o }) => `
@@ -82988,9 +82985,12 @@ const zle = {
       justify-content: center;
     }
   `
-}, m0e = {
+}, f0e = {
   ...dm.sizes,
   colorScheme: dm.colorScheme
+}, m0e = {
+  ...lm.sizes,
+  colorScheme: lm.colorScheme
 }, h0e = {
   ...nm.sizes,
   colorScheme: nm.colorScheme,
@@ -83012,11 +83012,11 @@ const zle = {
   tooltip: h0e,
   chip: d0e,
   checkbox: s0e,
-  toggleswitch: u0e,
+  toggleswitch: m0e,
   breadcrumb: r0e,
-  slider: m0e,
+  slider: f0e,
   divider: c0e,
-  radiobutton: f0e
+  radiobutton: u0e
 }, y0e = {
   multiplicator: "8px",
   "3xs": "calc({spacings.multiplicator} / 4)",
@@ -83042,7 +83042,7 @@ const zle = {
         darkModeSelector: ".theme--dark"
       }
     }
-  }), o.component("PButton", Wo(x9)), o.component("PAutoComplete", Wo(y9)), o.component("PInputText", Wo(w2)), o.component("PPopover", Wo(S9)), o.component("PCheckbox", Wo(I9)), o.component("PRadio", Wo(T9)), o.component("PChip", Wo(g2)), o.component("PToggleSwitch", Wo(O9)), o.component("PBreadcrumb", Wo(w9)), o.component("PSlider", Wo(D9)), o.component("PDivider", Wo(A9)), o.directive("tooltip", kQ);
+  }), o.component("PButton", Wo(x9)), o.component("PAutoComplete", Wo(y9)), o.component("PInputText", Wo(w2)), o.component("PPopover", Wo(S9)), o.component("PCheckbox", Wo(I9)), o.component("PRadio", Wo(O9)), o.component("PChip", Wo(g2)), o.component("PToggleSwitch", Wo(D9)), o.component("PBreadcrumb", Wo(w9)), o.component("PSlider", Wo(T9)), o.component("PDivider", Wo(A9)), o.directive("tooltip", kQ);
 }, z0e = {
   install(o, { eventBus: i, router: a, globals: r = {} }) {
     Object.keys(l4).forEach((l) => {