import { defineComponent as n, mergeModels as m, useModel as u, computed as r, resolveComponent as s, createBlock as c, openBlock as f, normalizeStyle as v } from "vue";
const y = /* @__PURE__ */ n({
  __name: "wt-slider",
  props: /* @__PURE__ */ m({
    disabled: { type: Boolean, default: !1 },
    vertical: { type: Boolean, default: !1 },
    min: { default: 0 },
    max: { default: 100 },
    step: { default: 1 },
    height: { default: 100 },
    width: { default: void 0 },
    modelValue: {},
    defaultValue: {},
    name: {},
    orientation: {},
    range: { type: Boolean },
    invalid: { type: Boolean },
    tabindex: {},
    ariaLabelledby: {},
    ariaLabel: {},
    formControl: {},
    dt: {},
    pt: {},
    ptOptions: {},
    unstyled: { type: Boolean }
  }, {
    modelValue: {},
    modelModifiers: {}
  }),
  emits: ["update:modelValue"],
  setup(e) {
    const a = e, t = u(e, "modelValue"), o = r(
      () => a.vertical ? "vertical" : "horizontal"
    );
    return (h, l) => {
      const i = s("p-slider");
      return f(), c(i, {
        modelValue: t.value,
        "onUpdate:modelValue": l[0] || (l[0] = (d) => t.value = d),
        disabled: e.disabled,
        max: e.max,
        min: e.min,
        step: e.step,
        orientation: o.value,
        style: v({
          height: e.vertical ? `${e.height}px` : "",
          width: !e.vertical && e.width ? `${e.width}px` : ""
        })
      }, null, 8, ["modelValue", "disabled", "max", "min", "step", "orientation", "style"]);
    };
  }
});
export {
  y as _
};
