@farris/ui-vue 1.0.2 → 1.1.1

package/time-picker/index.esm.js

@@ -1,1465 +0,0 @@
-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
-};