@farris/ui-vue 1.0.0-beta.6 → 1.0.1

package/time-picker/index.esm.js

@@ -0,0 +1,1465 @@
+import { defineComponent as X, ref as o, computed as x, createVNode as f, Teleport as oe, createApp as we, onUnmounted as ae, watch as z, nextTick as _, withDirectives as le, vShow as ue, onMounted as ie, Fragment as se, mergeProps as ke, resolveComponent as Pe } from "vue";
+const Ie = {};
+function ce(e) {
+  const { properties: t } = e;
+  return Object.keys(t).reduce((a, n) => (a[n] = t[n].type === "object" && t[n].properties ? ce(t[n]) : t[n].default, a), {});
+}
+function Oe(e, t) {
+  const u = ce(t);
+  return Object.keys(e).reduce((a, n) => (a[n] = e[n], a), u), u;
+}
+function Se(e, t) {
+  return Object.keys(e).filter((a) => e[a] != null).reduce((a, n) => {
+    if (t.has(n)) {
+      const c = t.get(n);
+      if (typeof c == "string")
+        a[c] = e[n];
+      else {
+        const r = c(n, e[n]);
+        Object.assign(a, r);
+      }
+    } else
+      a[n] = e[n];
+    return a;
+  }, {});
+}
+function Re(e, t, u = /* @__PURE__ */ new Map()) {
+  const a = Oe(e, t);
+  return Se(a, u);
+}
+function re(e, t, u = /* @__PURE__ */ new Map()) {
+  return Ie[t.title] = t, (a) => {
+    const n = Re(a, t, u), c = Object.keys(e).reduce((r, i) => (r[i] = e[i].default, r), {});
+    return Object.assign(c, n);
+  };
+}
+function de(e, t) {
+  return { customClass: t.class };
+}
+const Le = /* @__PURE__ */ new Map([
+  ["appearance", de]
+]), je = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-design.gitee.io/check-box.schema.json", De = "CheckBox", Ae = "A Farris Input Component", We = "object", $e = {
+  id: {
+    description: "The unique identifier for a check box",
+    type: "string"
+  },
+  type: {
+    description: "The type string of check box component",
+    type: "string"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeHolder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, Ee = [
+  "id",
+  "type"
+], He = {
+  $schema: je,
+  $id: Me,
+  title: De,
+  description: Ae,
+  type: We,
+  properties: $e,
+  required: Ee
+}, fe = {
+  /**
+   * 组件值
+   */
+  modelValue: { type: String, default: "" }
+}, Fe = re(fe, He, Le), Ve = /* @__PURE__ */ new Map([
+  ["appearance", de]
+]), Ne = "https://json-schema.org/draft/2020-12/schema", Xe = "https://farris-design.gitee.io/button-edit.schema.json", ze = "button-edit", qe = "A Farris Input Component", Ge = "object", Ue = {
+  id: {
+    description: "The unique identifier for a Input Group",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Input Group component",
+    type: "string",
+    default: "button-edit"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  enableLinkLabel: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  label: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  lableWidth: {
+    description: "",
+    type: "number"
+  },
+  placeHolder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  textAlign: {
+    description: "",
+    type: "string",
+    enum: [
+      "left",
+      "middle",
+      "right"
+    ],
+    default: "left"
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  onBlur: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onClickLinkLabel: {
+    description: "",
+    type: "sting",
+    default: ""
+  },
+  autoComplete: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  buttonContent: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  enableClear: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  inputType: {
+    description: "",
+    type: "string",
+    enum: [
+      "text",
+      "tag"
+    ],
+    default: "text"
+  },
+  multiSelect: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  popup: {
+    description: "",
+    type: "object",
+    properties: {
+      footerButtons: {
+        type: "array",
+        default: []
+      },
+      height: {
+        type: "number",
+        default: 600
+      },
+      dataMapping: {
+        type: "object"
+      },
+      contents: {
+        type: "array",
+        default: []
+      },
+      showMaxButton: {
+        type: "boolean",
+        default: !0
+      },
+      showCloseButton: {
+        type: "boolean",
+        default: !0
+      },
+      showFooter: {
+        type: "boolean",
+        default: !0
+      },
+      title: {
+        type: "string",
+        default: ""
+      },
+      width: {
+        type: "number",
+        default: 800
+      }
+    }
+  },
+  separator: {
+    type: "string",
+    default: ","
+  },
+  showButtonWhenDisabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  wrapText: {
+    type: "boolean",
+    default: !1
+  },
+  onClear: {
+    description: "",
+    type: "string",
+    default: ""
+  }
+}, _e = [
+  "id",
+  "type"
+], Ke = {
+  $schema: Ne,
+  $id: Xe,
+  title: ze,
+  description: qe,
+  type: Ge,
+  properties: Ue,
+  required: _e
+}, pe = {
+  /**
+   * 组件标识
+   */
+  id: String,
+  /**
+   * 扩展按钮显示内容，这是一段现在扩展按钮中的html标签
+   */
+  buttonContent: { type: String, default: '<i class="f-icon f-icon-lookup"></i>' },
+  buttonBehavior: { type: String, default: "Popup" },
+  /**
+   * 启用输入框自动完成功能
+   */
+  autoComplete: { type: Boolean, default: !1 },
+  /**
+   * 组件自定义样式
+   */
+  customClass: { type: String, default: "" },
+  /**
+   * 禁用组件，既不允许在输入框中录入，也不允许点击扩展按钮。
+   */
+  disable: { type: Boolean, default: !1 },
+  /**
+   * 允许在输入框中录入文本。
+   */
+  editable: { type: Boolean, default: !0 },
+  /**
+   * 显示清空文本按钮
+   */
+  enableClear: { type: Boolean, default: !1 },
+  /**
+   * 组件值
+   */
+  modelValue: { type: String, default: "" },
+  /**
+   * 将组件设置为只读，既不允许在输入框中录入，也不允许点击扩展按钮，但是允许复制输入框中的内容。
+   */
+  readonly: { type: Boolean, default: !1 },
+  /**
+   * 文本对齐方式
+   */
+  textAlign: { type: String, default: "left" },
+  /**
+   * 禁用组件时，是否显示扩展按钮
+   */
+  showButtonWhenDisabled: { type: Boolean, default: !1 },
+  /**
+   * 显示输入框的标签
+   */
+  enableTitle: { type: Boolean, default: !1 },
+  /**
+   * 输入框类型
+   */
+  inputType: { type: String, default: "text" },
+  /**
+   * 显示输入框提示信息
+   */
+  forcePlaceholder: { type: Boolean, default: !1 },
+  /**
+   * 输入框提示文本
+   */
+  placeholder: { type: String, default: "" },
+  /**
+   * 输入框最小长度
+   */
+  minLength: Number,
+  /**
+   * 输入框最大长度
+   */
+  maxLength: Number,
+  /**
+   * 输入框Tab键索引
+   */
+  tabIndex: Number,
+  popupHost: { type: Object },
+  popupRightBoundary: { type: Object },
+  popupOffsetX: { type: Object },
+  popupOnInput: { type: Boolean, default: !1 },
+  popupOnFocus: { type: Boolean, default: !1 },
+  popupMinWidth: { type: Number, default: 320 },
+  wrapText: { type: Boolean, default: !1 },
+  /**
+   * 可选，是否支持多选
+   * 默认`false`
+   */
+  multiSelect: { type: Boolean, default: !1 },
+  /**
+   * 可选，分隔符
+   * 默认`,`
+   */
+  separator: { type: String, default: "," }
+};
+re(pe, Ke, Ve);
+const Je = {
+  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
+  host: { type: Object }
+}, Qe = /* @__PURE__ */ X({
+  name: "FOverlay",
+  props: Je,
+  emits: ["click"],
+  setup(e, t) {
+    const u = o(e.popupContentPosition), a = o(e.host);
+    function n(i) {
+      t.emit("click"), i.preventDefault(), i.stopPropagation();
+    }
+    const c = x(() => {
+      const i = a.value;
+      if (i) {
+        const h = i.getBoundingClientRect(), {
+          left: p,
+          top: y,
+          height: g
+        } = h;
+        return {
+          left: p,
+          top: y + g
+        };
+      }
+      return u.value;
+    }), r = x(() => ({
+      position: "relative",
+      left: `${c.value.left}px`,
+      top: `${c.value.top}px`
+    }));
+    return () => f(oe, {
+      to: "body"
+    }, {
+      default: () => {
+        var i, h;
+        return [f("div", {
+          class: "overlay-container",
+          style: "pointer-events: auto;",
+          onClick: (p) => n(p)
+        }, [f("div", {
+          style: r.value
+        }, [(h = (i = t.slots).default) == null ? void 0 : h.call(i)])])];
+      }
+    });
+  }
+});
+function Ye(e) {
+  if (e.content && e.content.render)
+    return e.content.render;
+  if (e.render && typeof e.render == "function")
+    return e.render;
+}
+function Ze(e) {
+  const t = document.createElement("div");
+  t.style.display = "contents";
+  let u;
+  const a = e.onClickCallback || (() => {
+  }), n = () => {
+    a(), u && u.unmount();
+  };
+  return u = we({
+    setup() {
+      ae(() => {
+        document.body.removeChild(t);
+      });
+      const c = Ye(e);
+      return () => f(Qe, {
+        "popup-content-position": e.popupPosition,
+        host: e.host,
+        onClick: n
+      }, {
+        default: () => [c && c()]
+      });
+    }
+  }), document.body.appendChild(t), u.mount(t), u;
+}
+class et {
+  static show(t) {
+    return Ze(t);
+  }
+}
+function tt(e, t, u, a) {
+  const n = o(e.buttonBehavior), c = o(e.popupOnInput), r = x(() => ({
+    "input-group-append": !0,
+    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
+  })), i = x(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
+  async function h(T) {
+    if (i.value) {
+      const b = !!t.slots.default;
+      n.value === "Overlay" && et.show({
+        host: u.value,
+        render: () => {
+          if (t.slots.default)
+            return t.slots.default();
+        }
+      }), b && n.value === "Popup" && a.togglePopup(), b && c.value && a.hidePopup(), t.emit("clickButton", { origin: T, value: e.modelValue });
+    }
+    T.stopPropagation();
+  }
+  function p(T) {
+    t.emit("mouseEnterIcon", T);
+  }
+  function y(T) {
+    t.emit("mouseLeaveIcon", T);
+  }
+  function g() {
+    t.emit("mouseOverButton");
+  }
+  return {
+    buttonClass: r,
+    onClickButton: h,
+    onMouseEnterButton: p,
+    onMouseLeaveButton: y,
+    onMouseOverButton: g
+  };
+}
+function nt(e, t, u, a, n, c) {
+  const r = o(!1), i = x(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: h } = c;
+  function p(b) {
+    r.value = b;
+  }
+  z(n, () => {
+    a.value ? p(!!n.value) : p(!1);
+  });
+  function y(b) {
+    const k = !e.readonly && !e.disable && e.editable, B = !e.editable;
+    b.stopPropagation(), (k || B) && (h("", !1), p(!r.value), t.emit("clear"));
+  }
+  function g(b) {
+    if (i.value) {
+      if (!u.value) {
+        p(!1);
+        return;
+      }
+      (!e.editable || !e.readonly) && !e.disable && p(!0);
+    }
+  }
+  function T(b) {
+    i.value && p(!1);
+  }
+  return {
+    enableClearButton: i,
+    showClearButton: r,
+    onClearValue: y,
+    onMouseEnterTextBox: g,
+    onMouseLeaveTextBox: T
+  };
+}
+function ot(e, t, u, a, n) {
+  const c = o(e.popupOnInput), r = o(e.popupOnFocus), { shouldPopupContent: i } = n, h = x(() => e.enableTitle ? u.value : ""), p = x(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), y = x(() => e.readonly || !e.editable);
+  let g = !1;
+  const T = x(() => !e.disable && g), b = x(() => ({
+    "text-left": e.textAlign === "left",
+    "text-center": e.textAlign === "center",
+    "text-right": e.textAlign === "right",
+    "form-control": !0,
+    "f-utils-fill": !0
+  })), k = x(() => ({
+    "input-group": !0,
+    "f-state-disable": e.disable,
+    "f-state-editable": e.editable && !e.disable && !e.readonly,
+    "f-state-readonly": e.readonly && !e.disable,
+    "f-state-focus": T.value
+  }));
+  function B(m, $ = !0) {
+    u.value !== m && (u.value = m, $ && t.emit("change", m), t.emit("update:modelValue", m));
+  }
+  function E(m) {
+    i.value = !1, B(m, !0);
+  }
+  z(
+    () => e.modelValue,
+    (m) => {
+      u.value = m, t.emit("change", m);
+    }
+  );
+  function S(m) {
+    g = !1, t.emit("blur", m), m.stopPropagation();
+  }
+  function R(m) {
+    t.emit("click", m);
+  }
+  function O(m) {
+    if (e.disable) {
+      g = !0;
+      return;
+    }
+    g = !0, y.value || (t.emit("focus", m), r.value && !i.value && n.popup());
+  }
+  function L(m) {
+    t.emit("input", m.target.value);
+    const $ = m.target.value;
+    a.value = $, u.value !== $ && B($, !1), c.value && !i.value && n.popup();
+  }
+  function D(m) {
+    m.target.tagName !== "INPUT" && m.preventDefault(), m.stopPropagation();
+  }
+  function j(m) {
+    t.emit("keydown", m);
+  }
+  function A(m) {
+    m.key === "Enter" && (c.value || r.value) && n.hidePopup(), t.emit("keyup", m);
+  }
+  function W(m) {
+    const $ = m.target.value;
+    m.stopPropagation(), B($);
+  }
+  return {
+    hasFocusedTextBox: T,
+    isTextBoxReadonly: y,
+    textBoxClass: b,
+    textBoxPlaceholder: p,
+    textBoxTitle: h,
+    inputGroupClass: k,
+    changeTextBoxValue: B,
+    commitValue: E,
+    onBlurTextBox: S,
+    onClickTextBox: R,
+    onFocusTextBox: O,
+    onInput: L,
+    onKeyDownTextBox: j,
+    onKeyUpTextBox: A,
+    onMouseDownTextBox: D,
+    onTextBoxValueChange: W
+  };
+}
+function at(e, t, u) {
+  const a = o(), n = o(!1);
+  function c() {
+    const p = a.value;
+    p && p.show(u.value);
+  }
+  async function r() {
+    !!t.slots.default && (n.value = !n.value, await _(), c());
+  }
+  async function i() {
+    !!t.slots.default && (n.value = !0, await _(), c());
+  }
+  function h() {
+    n.value = !1;
+  }
+  return { hidePopup: h, popup: i, shouldPopupContent: n, togglePopup: r, popoverRef: a };
+}
+function lt(e, t, u) {
+  const {
+    isTextBoxReadonly: a,
+    textBoxClass: n,
+    textBoxPlaceholder: c,
+    textBoxTitle: r,
+    onBlurTextBox: i,
+    onClickTextBox: h,
+    onFocusTextBox: p,
+    onInput: y,
+    onKeyDownTextBox: g,
+    onKeyUpTextBox: T,
+    onMouseDownTextBox: b,
+    onTextBoxValueChange: k
+  } = u;
+  return () => f("input", {
+    name: "input-group-value",
+    autocomplete: e.autoComplete ? "on" : "off",
+    class: n.value,
+    disabled: e.disable,
+    maxlength: e.maxLength,
+    minlength: e.minLength,
+    placeholder: c.value,
+    readonly: a.value,
+    tabindex: e.tabIndex,
+    title: r.value,
+    type: e.inputType,
+    value: t.value,
+    onBlur: i,
+    onChange: k,
+    onClick: h,
+    onFocus: p,
+    onInput: y,
+    onKeydown: g,
+    onKeyup: T,
+    onMousedown: b
+  }, null);
+}
+const ut = {
+  activeTag: { Type: String, default: "" },
+  addButtonText: { Type: String, default: "" },
+  customClass: { Type: String, default: "" },
+  customStyle: { Type: String, default: "" },
+  data: { type: Array, default: [] },
+  enableAddButton: { Type: Boolean, default: !1 },
+  placeholder: { Type: String, default: "" },
+  selectable: { Type: Boolean, default: !1 },
+  showAddButton: { Type: Boolean, default: !1 },
+  showClose: { Type: Boolean, default: !1 },
+  showColor: { Type: Boolean, default: !1 },
+  showInput: { Type: Boolean, default: !1 },
+  tagType: { Type: String, default: "" },
+  tagStyle: { Type: String, default: "" },
+  wrapText: { Type: Boolean, default: !1 },
+  draggable: { Type: Boolean, default: !1 }
+};
+function it(e, t, u, a) {
+  const n = o(-1), c = o(!1);
+  function r(y, g, T) {
+    y.stopPropagation(), g && setTimeout(() => {
+      n.value = T, c.value = !0, g.moving = !0;
+    });
+  }
+  function i(y, g) {
+    if (y.preventDefault(), n.value !== g) {
+      const T = a.value[n.value], b = a.value;
+      b.splice(n.value, 1), b.splice(g, 0, T), n.value = g;
+    }
+  }
+  function h(y, g) {
+    y.preventDefault(), y.dataTransfer && (y.dataTransfer.dropEffect = "move");
+  }
+  function p(y, g) {
+    g && (g.moving = !1), u.value = a.value.filter((T) => T.type === "Tag").map((T) => T.payload), c.value = !1, t.emit("change", u.value);
+  }
+  return {
+    dragstart: r,
+    dragenter: i,
+    dragover: h,
+    dragend: p,
+    isDragging: c
+  };
+}
+const st = /* @__PURE__ */ X({
+  name: "FTags",
+  props: ut,
+  emits: ["remove", "selectionChange", "change"],
+  setup(e, t) {
+    const u = o(e.selectable), a = o(e.customClass), n = o(e.data), c = o(e.tagType), r = o(e.tagStyle), i = o(e.showColor), h = o(e.activeTag), p = o(e.customStyle), y = o(e.showClose), g = o(e.showAddButton), T = o(e.showInput), b = o(e.addButtonText), k = o(e.enableAddButton);
+    o(e.placeholder), o(""), o();
+    const B = o(), E = o(e.wrapText), S = o();
+    function R() {
+      const l = n.value.map((d) => ({
+        type: "Tag",
+        payload: d
+      }));
+      return g.value && l.push({
+        type: "AddButton"
+      }), l;
+    }
+    const O = o(R());
+    function L(l) {
+      n.value = l, O.value = R();
+    }
+    const D = x(() => O.value.findIndex((l) => l.type === "Input")), j = it(e, t, n, O), {
+      dragstart: A,
+      dragenter: W,
+      dragover: m,
+      dragend: $
+    } = j;
+    z(() => e.data, (l) => L(l));
+    const q = x(() => {
+      const l = {
+        "farris-tags": !0,
+        "farris-tags-checkable": u.value,
+        "farris-tags-nowrap": !E.value
+      };
+      return a.value.split(" ").reduce((d, v) => (d[v] = !0, d), l), l;
+    });
+    function G(l) {
+      const d = {
+        "farris-tag-item": !0,
+        "farris-tag-item-checked": u.value && l.checked,
+        "farris-tag-item-checkable": u.value,
+        "farris-tag-item-has-color": i.value,
+        "farris-tag-item-actived": h.value === l.name
+      };
+      if (c.value) {
+        const v = `farris-tag-item-${c.value}`;
+        d[v] = !0;
+      }
+      return d;
+    }
+    const K = x(() => {
+      const l = {};
+      return p.value && p.value.split(";").reduce((d, v) => {
+        const M = v.split(":");
+        return d[M[0]] = M[1], d;
+      }, l), l;
+    });
+    function U(l, d) {
+      u.value && d.selectable && (d.checked = !d.checked, h.value = d.checked ? d.name : "", d.checked && n.value.filter((v) => v.name !== d.name).forEach((v) => {
+        v.checked = !d.checked;
+      }), t.emit("change", n.value), t.emit("selectionChange", d));
+    }
+    function C(l, d) {
+      let v;
+      switch (l.key) {
+        case "Backspace":
+          n.value = n.value.filter((M) => M.name !== d.name), t.emit("change", n.value);
+          break;
+        case "ArrowLeft":
+          v = Math.max(B.value.scrollLeft + 20, 0), B.value.scrollLeft = v;
+          break;
+        case "ArrowRight":
+          v = Math.max(B.value.scrollLeft - 20, 0), B.value.scrollLeft = v;
+      }
+    }
+    function P(l, d) {
+      const v = n.value.findIndex((M) => M.name === d.name);
+      if (v > -1) {
+        const [M] = n.value.splice(v, 1);
+        O.value = R(), t.emit("change", n.value), t.emit("remove", n.value, M, v);
+      }
+      l.stopPropagation();
+    }
+    const s = x(() => ({
+      "farris-tag-item": !0,
+      "farris-tag-add-button": !0,
+      "farris-tag-add-button-disabled": !k.value
+    }));
+    function w(l) {
+    }
+    function I() {
+      return f("li", {
+        class: s.value,
+        onClick: (l) => void 0
+      }, [f("span", {
+        class: "f-icon f-icon-amplification"
+      }, null), f("span", {
+        class: "farris-tag-add-text"
+      }, [b.value])]);
+    }
+    function H(l) {
+      if (l && !l.innerText) {
+        const d = D.value;
+        if (d > 0) {
+          const [v] = n.value.splice(d - 1, 1);
+          O.value.splice(d - 1, 1), t.emit("remove", n.value, v, d - 1);
+        }
+      }
+    }
+    function F(l, d, v) {
+      l > -1 && (n.value.splice(l, 0, {
+        name: d,
+        value: v,
+        selectable: u.value
+      }), O.value = R(), t.emit("change", n.value));
+    }
+    function J(l) {
+      if (l && l.innerText) {
+        const d = l.innerText, v = D.value;
+        F(v, d, d), l.innerText = "";
+      }
+    }
+    function Q(l) {
+      const d = l.target;
+      d && (d.innerText ? J(d) : t.emit("change", n.value));
+    }
+    function ve(l) {
+      l.key === "Enter" && J(l.target), l.key === "Backspace" && (H(l.target), _(() => {
+        S.value && S.value.focus();
+      }));
+    }
+    function me() {
+      return f("li", {
+        class: "farris-tag-input-box"
+      }, [f("div", {
+        ref: S,
+        class: "form-control",
+        contenteditable: "true",
+        onKeyup: ve,
+        onBlur: Q
+      }, null)]);
+    }
+    function ge(l, d) {
+      return f("li", {
+        class: G(l),
+        style: K.value,
+        tabindex: 0,
+        id: l.name,
+        key: l.name,
+        onClick: (v) => U(v, l),
+        onKeydown: (v) => C(v, l),
+        draggable: "true",
+        onDragstart: (v) => A(v, l, d),
+        onDragenter: (v) => W(v, d),
+        onDragend: (v) => $(v, l),
+        onDragover: (v) => m(v, d)
+      }, [f("div", {
+        title: l.name,
+        class: "tag-box"
+      }, [l.name]), y.value && f("span", {
+        class: "tag-delete"
+      }, [f("i", {
+        class: "f-icon f-icon-close",
+        onClick: (v) => P(v, l)
+      }, null)])]);
+    }
+    function he() {
+      return O.value.map((l, d) => {
+        switch (l.type) {
+          case "Tag":
+            return ge(l.payload, d);
+          case "AddButton":
+            return I();
+          case "Input":
+            return me();
+        }
+      });
+    }
+    const ye = x(() => ({
+      "farris-tags-item-container": !0,
+      "farris-tag-item-capsule": r.value === "capsule"
+    }));
+    function be(l) {
+      const d = Math.max(B.value.scrollLeft - l.deltaX, 0);
+      B.value.scrollLeft = d;
+    }
+    function Ce(l) {
+      const d = B.value, v = n.value.length - 1;
+      if (d) {
+        const M = Array.from(d.children).filter((V) => V.className.indexOf("farris-tag-item") > -1).findIndex((V) => {
+          const N = V.getBoundingClientRect(), Y = window.getComputedStyle(V), te = parseInt(Y["margin-left"], 10) + N.width + parseInt(Y["margin-right"], 10);
+          return N.left + te > l;
+        });
+        if (M > -1)
+          return M;
+      }
+      return v;
+    }
+    function Te(l) {
+      if (T.value) {
+        const v = Ce(l.clientX) + 1, V = O.value.filter((N) => N.type !== "Input");
+        V.splice(v, 0, {
+          type: "Input"
+        }), O.value = V, _(() => {
+          S.value && S.value.focus();
+        });
+      }
+    }
+    function Be(l) {
+      var v;
+      l.preventDefault(), l.stopPropagation();
+      const d = (v = l.dataTransfer) == null ? void 0 : v.getData("Text");
+      if (d) {
+        const M = d.split(":"), V = M[0], N = M[1];
+        [...n.value].findIndex((Z) => (console.log(`${Z.value} === ${N} is ${Z.value === N}`), Z.value === N)) > -1 || F(n.value.length, V, N);
+      }
+    }
+    function xe(l) {
+      l.preventDefault();
+    }
+    return () => f("div", {
+      class: q.value,
+      onClick: Te,
+      onDrop: Be,
+      onDragover: xe
+    }, [f("ul", {
+      ref: B,
+      class: ye.value,
+      onWheel: (l) => be(l)
+    }, [he()])]);
+  }
+});
+function ct(e, t, u) {
+  const a = o(e.separator), {
+    changeTextBoxValue: n
+  } = u, c = x(() => t.value ? t.value.split(a.value).map((i) => ({
+    name: i,
+    selectable: !0
+  })) : []);
+  function r(i) {
+    n(i.map((h) => h.name).join(a.value), !0);
+  }
+  return () => f(st, {
+    class: "form-control",
+    data: c.value,
+    showClose: !0,
+    showInput: !0,
+    onChange: r
+  }, null);
+}
+function rt(e, t, u) {
+  const {
+    buttonClass: a,
+    onClickButton: n,
+    onMouseEnterButton: c,
+    onMouseLeaveButton: r
+  } = t, {
+    enableClearButton: i,
+    showClearButton: h,
+    onClearValue: p
+  } = u;
+  return () => f("div", {
+    class: a.value
+  }, [i.value && le(f("span", {
+    class: "input-group-text input-group-clear",
+    onClick: p
+  }, [f("i", {
+    class: "f-icon modal_close"
+  }, null)]), [[ue, h.value]]), e.buttonContent && f("span", {
+    class: "input-group-text input-group-append-button",
+    innerHTML: e.buttonContent,
+    onClick: n,
+    onMouseenter: c,
+    onMouseleave: r
+  }, null)]);
+}
+const dt = {
+  title: { type: String },
+  placement: { type: String, default: "bottom" },
+  reference: {
+    type: Object
+  },
+  host: {
+    type: Object
+  },
+  leftBoundary: {
+    type: Object
+  },
+  rightBoundary: {
+    type: Object
+  },
+  visible: { type: Boolean, default: !1 },
+  class: { type: String },
+  offsetX: { type: Object, default: o(0) },
+  zIndex: { type: Number, default: -1 },
+  keepWidthWithReference: { type: Boolean, default: !1 },
+  fitContent: { type: Boolean, default: !1 },
+  minWidth: { type: Number, default: -1 }
+};
+function ft(e) {
+  const t = e.host ? e.host : "body", u = x(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), a = x(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), n = x(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width);
+  return { host: t, hostLeft: a, hostTop: u, hostWidth: n };
+}
+function pt(e, t, u, a) {
+  var U;
+  const n = o(0), c = o(((U = e.offsetX) == null ? void 0 : U.value) || 0), r = o(-1), i = o(-1), h = o(-1), p = o(e.placement), y = o(0), g = o(0), T = o(0), b = o(document.documentElement.scrollLeft), k = o(document.documentElement.scrollTop), { hostLeft: B, hostTop: E, hostWidth: S } = a;
+  z(e.offsetX, (C) => {
+    n.value = C - c.value;
+  });
+  const R = x(() => {
+    const C = {
+      left: `${g.value}px`,
+      top: `${T.value}px`,
+      transform: `translateX(${n.value}px)`
+    };
+    return e.zIndex !== -1 && (C["z-index"] = e.zIndex), r.value !== -1 && (C.width = `${r.value}px`), C;
+  }), O = x(() => ({
+    left: `${y.value}px`
+  }));
+  function L(C) {
+    if (C && e.keepWidthWithReference) {
+      const P = C.getBoundingClientRect();
+      r.value = Math.max(e.minWidth, P.width);
+    }
+  }
+  function D(C, P) {
+    const s = S.value - C.width - 4;
+    return s > 0 ? s : P;
+  }
+  function j(C, P, s) {
+    const w = y.value, I = P.left - B.value + P.width / 2 + b.value, H = P.top - E.value - (C.height + s.height) + k.value;
+    return { popoverLeft: I, popoverTop: H, arrowLeft: w };
+  }
+  function A(C, P, s) {
+    return P.top - E.value + (P.height + s.height) + k.value;
+  }
+  function W(C, P) {
+    const s = D(P, C), w = C <= s ? y.value : C - s;
+    return { popoverLeft: Math.min(C, s), arrowLeft: w };
+  }
+  function m(C, P, s) {
+    const w = P.left - B.value + P.width / 2 - (s.width / 2 - (C.left - B.value)) + b.value, { arrowLeft: I, popoverLeft: H } = W(w, C), F = A(C, P, s);
+    return { popoverLeft: H, popoverTop: F, arrowLeft: I };
+  }
+  function $(C, P, s) {
+    const w = P.left - B.value + b.value, { arrowLeft: I, popoverLeft: H } = W(w, C), F = A(C, P, s);
+    return { popoverLeft: H, popoverTop: F, arrowLeft: I };
+  }
+  const q = /* @__PURE__ */ new Map([
+    ["top", j],
+    ["bottom", m],
+    ["bottom-left", $]
+  ]);
+  function G(C) {
+    var H;
+    const P = C.getBoundingClientRect();
+    i.value = P.top, h.value = P.left;
+    const s = t.value.getBoundingClientRect(), w = (H = u.value) == null ? void 0 : H.getBoundingClientRect(), I = q.get(p.value);
+    if (I) {
+      const { arrowLeft: F, popoverLeft: J, popoverTop: Q } = I(w, P, s);
+      y.value = F, g.value = J, T.value = Q;
+    }
+    e.keepWidthWithReference && L(C);
+  }
+  function K(C) {
+    if (C) {
+      const P = C.getBoundingClientRect();
+      (P.left !== h.value || P.top !== i.value) && G(C);
+    }
+  }
+  return {
+    arrowStyle: O,
+    popoverStyle: R,
+    position: p,
+    popoverWidth: r,
+    fitToReference: L,
+    followToReferencePosition: K,
+    locateToReference: G
+  };
+}
+function vt(e, t, u, a, n, c, r) {
+  const i = o(e.visible), h = x(() => i.value), { fitToReference: p, locateToReference: y } = r;
+  let g;
+  function T() {
+    i.value = !1, document.body.removeEventListener("click", g), t.emit("hidden");
+  }
+  g = (k) => {
+    if (!n.value.contains(k.target)) {
+      const B = n.value.closest(".popover");
+      B && B.removeEventListener("click", g), T();
+    }
+  };
+  async function b(k) {
+    if (a.value && u.value && k) {
+      i.value = !0, n.value = k, await _(), y(k), c.value && p(k), document.body.addEventListener("click", g);
+      const B = k.closest(".popover");
+      B && B.addEventListener("click", g), t.emit("shown");
+    }
+  }
+  return t.expose({ hide: T, show: b, shown: h }), { showPopover: i, hidePopverOnClickBodyHandler: g };
+}
+function mt(e, t, u, a, n) {
+  const { popoverWidth: c, fitToReference: r, followToReferencePosition: i } = n;
+  function h() {
+    if (u.value) {
+      i(u.value);
+      const p = u.value.getBoundingClientRect();
+      a.value && p.width !== c.value && r(u.value);
+    }
+  }
+  return { onResize: h };
+}
+const gt = /* @__PURE__ */ X({
+  name: "FPopover",
+  props: dt,
+  emits: ["shown", "hidden"],
+  setup(e, t) {
+    const u = o(), a = o(), n = o(e.reference), c = o(e.keepWidthWithReference), r = x(() => !!e.title), i = ft(e), {
+      host: h
+    } = i, p = pt(e, u, a, i), {
+      position: y,
+      arrowStyle: g,
+      popoverStyle: T,
+      fitToReference: b,
+      locateToReference: k
+    } = p, {
+      showPopover: B,
+      hidePopverOnClickBodyHandler: E
+    } = vt(e, t, u, a, n, c, p), {
+      onResize: S
+    } = mt(e, t, n, c, p), R = x(() => {
+      const L = `popover in popover-${y.value}`, D = `bs-popover-${y.value}`, j = {
+        "popover-fitcontent": e.fitContent
+      };
+      return j[L] = !0, j[D] = !0, (e.class || "").split(" ").reduce((W, m) => (W[m] = !0, W), j), j;
+    }), O = x(() => ({
+      "popover-content": !0,
+      "popover-body": !0
+    }));
+    return ie(() => {
+      e.reference && k(n.value), c.value && b(n.value), window.addEventListener("resize", S);
+    }), ae(() => {
+      document.body.removeEventListener("click", E), window.removeEventListener("resize", S);
+    }), () => f(oe, {
+      to: h
+    }, {
+      default: () => {
+        var L;
+        return [le(f("div", {
+          ref: a,
+          class: R.value,
+          style: T.value,
+          onClick: (D) => {
+            D.stopPropagation();
+          }
+        }, [f("div", {
+          ref: u,
+          class: "popover-arrow arrow",
+          style: g.value
+        }, null), r.value && f("h3", {
+          class: "popover-title popover-header"
+        }, [e.title]), f("div", {
+          class: O.value
+        }, [t.slots.default && ((L = t.slots) == null ? void 0 : L.default())])]), [[ue, B.value]])];
+      }
+    });
+  }
+});
+function ht(e, t, u) {
+  const a = o(e.popupMinWidth), {
+    hidePopup: n,
+    popoverRef: c
+  } = u;
+  return () => f(gt, {
+    ref: c,
+    visible: !0,
+    placement: "bottom-left",
+    host: e.popupHost,
+    "keep-width-with-reference": !0,
+    fitContent: !0,
+    "right-boundary": e.popupRightBoundary,
+    minWidth: a.value,
+    offsetX: e.popupOffsetX,
+    onHidden: n
+  }, {
+    default: () => {
+      var r, i;
+      return [(i = (r = t.slots).default) == null ? void 0 : i.call(r)];
+    }
+  });
+}
+const yt = /* @__PURE__ */ X({
+  name: "FButtonEdit",
+  props: pe,
+  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
+  setup(e, t) {
+    const u = o(), a = o(e.customClass), n = o(e.modelValue), c = at(e, t, u), {
+      shouldPopupContent: r,
+      hidePopup: i
+    } = c, h = tt(e, t, u, c), p = o(""), y = ot(e, t, n, p, c), {
+      hasFocusedTextBox: g,
+      commitValue: T,
+      inputGroupClass: b
+    } = y, k = nt(e, t, n, g, p, y), {
+      onMouseEnterTextBox: B,
+      onMouseLeaveTextBox: E
+    } = k, S = x(() => {
+      const A = {
+        "f-button-edit": !0,
+        "f-cmp-inputgroup": !0,
+        "f-button-edit-nowrap": !e.wrapText
+      };
+      return a.value && a.value.split(" ").reduce((W, m) => (W[m] = !0, W), A), A;
+    });
+    function R() {
+      return e.multiSelect && e.inputType === "tag" ? ct(e, n, y) : lt(e, n, y);
+    }
+    let O = R();
+    z([() => e.multiSelect, () => e.inputType], () => {
+      O = R();
+    });
+    const L = rt(e, h, k), D = ht(e, t, c), j = {
+      commitValue: T,
+      elementRef: u,
+      hidePopup: i
+    };
+    return ie(() => {
+      u.value.componentInstance = j;
+    }), t.expose(j), () => f(se, null, [f("div", ke(t.attrs, {
+      ref: u,
+      class: S.value,
+      id: e.id
+    }), [f("div", {
+      class: b.value,
+      onMouseenter: B,
+      onMouseleave: E
+    }, [O(), L()])]), r.value && D()]);
+  }
+}), ee = /* @__PURE__ */ X({
+  name: "FTimePicker",
+  props: fe,
+  emits: [],
+  setup(e, t) {
+    const u = '<span class="f-icon f-icon-timepicker"></span>', a = o(e.modelValue), n = o(null);
+    function c() {
+    }
+    return () => f(se, null, [f(yt, {
+      ref: n,
+      modelValue: a.value,
+      "onUpdate:modelValue": (r) => a.value = r,
+      buttonContent: u,
+      enableClear: !0,
+      onClickButton: () => void 0
+    }, {
+      default: () => [f(Pe("f-time-picker-time-view"), null, null)]
+    })]);
+  }
+}), bt = {
+  hourStep: {
+    Type: Number,
+    default: 1
+  },
+  minuteStep: {
+    Type: Number,
+    default: 1
+  },
+  secondStep: {
+    Type: Number,
+    default: 1
+  },
+  clearText: {
+    Type: String,
+    default: "clear"
+  },
+  popupClassName: {
+    Type: String,
+    default: ""
+  },
+  placeholder: {
+    Type: String,
+    default: ""
+  },
+  defaultOpenValue: {
+    Type: Date,
+    default: /* @__PURE__ */ new Date()
+  },
+  format: {
+    Type: String,
+    default: "HH:mm:ss"
+  },
+  isOpen: {
+    Type: Boolean,
+    default: !1
+  },
+  use12Hours: {
+    Type: Boolean,
+    default: !1
+  },
+  hideDisabledOptions: {
+    Type: Boolean,
+    default: !1
+  }
+}, ne = /* @__PURE__ */ X({
+  name: "FTimePickerTimeView",
+  props: bt,
+  emits: [],
+  setup(e, t) {
+    const u = o(!1), a = o("time-picker-panel"), n = o(!0), c = o(0), r = o([]), i = o([]), h = o([]), p = o([]), y = o(e.hourStep), g = o(e.minuteStep), T = o(e.secondStep);
+    o(e.clearText), o(e.popupClassName), o(e.placeholder), o(e.defaultOpenValue);
+    const b = o(e.format);
+    o(e.isOpen);
+    const k = o(e.use12Hours), B = o(e.hideDisabledOptions);
+    z(() => e.use12Hours, () => {
+      b.value && (b.value = b.value.replace(/h/g, "H")), k.value && (b.value ? b.value.indexOf("a") === -1 && (b.value += " a") : b.value = "hh:mm:ss a");
+    });
+    const E = x(() => ({
+      "time-picker-panel": !0,
+      "time-picker-panel-column-3": !0,
+      "time-picker-panel-placement-bottomLeft": !0,
+      "f-area-show": !0
+    })), S = x(() => {
+      const s = {};
+      if (u.value) {
+        const w = `${a.value}-panel`;
+        s[w] = !0;
+      }
+      return s;
+    }), R = x(() => {
+      const s = `${a.value}-inner`, w = {};
+      if (w[s] = !0, u.value) {
+        const I = `${a.value}-column-${n.value}`;
+        w[I] = !0;
+      }
+      return w;
+    }), O = x(() => ({
+      width: k.value ? `${c.value}px` : "100%"
+    })), L = x(() => !0), D = x(() => !0), j = x(() => !0);
+    function A(s, w = 1, I = 0) {
+      return w = Math.ceil(w), new Array(Math.ceil(s / w)).fill(0).map((H, F) => (F + I) * w);
+    }
+    function W() {
+      let s = 24, w = 0;
+      if (k.value && (s = 12, w = 1), r.value = A(s, y.value, w).map((I) => ({
+        index: I,
+        disabled: !1
+      })), k.value && r.value[r.value.length - 1].index === 12) {
+        const I = [...r.value];
+        I.unshift(I[I.length - 1]), I.splice(I.length - 1, 1), r.value = I;
+      }
+      r.value = r.value.filter((I) => !(B.value && I.disabled));
+    }
+    function m() {
+      i.value = A(60, g.value).map((s) => ({
+        index: s,
+        disabled: !1
+      })), i.value = i.value.filter((s) => !(B.value && s.disabled));
+    }
+    function $() {
+      h.value = A(60, T.value).map((s) => ({
+        index: s,
+        disabled: !1
+      })), h.value = h.value.filter((s) => !(B.value && s.disabled));
+    }
+    function q() {
+      const s = b.value.includes("A");
+      p.value = [{
+        index: 0,
+        value: s ? "AM" : "am"
+      }, {
+        index: 1,
+        value: s ? "PM" : "pm"
+      }], p.value = p.value.filter(() => !B.value);
+    }
+    W(), m(), $(), q();
+    function G(s, w) {
+    }
+    function K(s, w) {
+    }
+    function U(s, w) {
+    }
+    function C(s, w) {
+    }
+    function P(s, w) {
+    }
+    return () => f("div", {
+      class: E.value
+    }, [f("div", {
+      class: S.value
+    }, [f("div", {
+      class: R.value
+    }, [f("div", {
+      class: a.value + "-combobox",
+      style: O.value
+    }, [L.value && f("div", {
+      class: a.value + "-select"
+    }, [f("ul", null, [r.value.map((s) => f("li", {
+      class: void 0,
+      onClick: (w) => void 0
+    }, [`${s.index}`]))])]), D.value && f("div", {
+      class: a.value + "-select"
+    }, [f("ul", null, [i.value.map((s) => f("li", {
+      class: void 0,
+      onClick: (w) => void 0
+    }, [`${s.index}`]))])]), j.value && f("div", {
+      class: a.value + "-select"
+    }, [f("ul", null, [h.value.map((s) => f("li", {
+      class: void 0,
+      onClick: (w) => void 0
+    }, [`${s.index}`]))])]), k.value && f("div", {
+      class: a.value + "-select"
+    }, [f("ul", null, [p.value.map((s) => f("li", {
+      class: void 0,
+      onClick: (w) => void 0
+    }, [`${s.index}`]))])])])])])]);
+  }
+}), Tt = {
+  install(e) {
+    e.component(ee.name, ee).component(ne.name, ne);
+  },
+  register(e, t) {
+    e["time-picker"] = ee, t["time-picker"] = Fe;
+  }
+};
+export {
+  ee as TimePicker,
+  ne as TimePickerTimeView,
+  Tt as default,
+  Fe as propsResolver,
+  fe as timePickerProps,
+  bt as timeProps
+};