import { createVNode } from 'vue';

function Track(_, {
  attrs
}) {
  const {
    included,
    vertical,
    style,
    class: className
  } = attrs;
  let {
    length,
    offset,
    reverse
  } = attrs;
  if (length < 0) {
    reverse = !reverse;
    length = Math.abs(length);
    offset = 100 - offset;
  }
  const positonStyle = vertical ? {
    [reverse ? "top" : "bottom"]: `${offset}%`,
    [reverse ? "bottom" : "top"]: "auto",
    height: `${length}%`
  } : {
    [reverse ? "right" : "left"]: `${offset}%`,
    [reverse ? "left" : "right"]: "auto",
    width: `${length}%`
  };
  const elStyle = {
    ...style,
    ...positonStyle
  };
  return included ? createVNode("div", {
    "class": className,
    "style": elStyle
  }, null) : null;
}
Track.inheritAttrs = false;

export { Track as default };
//# sourceMappingURL=Track.mjs.map
