@farris/ui-vue 1.2.6 → 1.2.8

package/components/tags/index.esm.js

@@ -1,46 +1,46 @@
 import { ref as i, defineComponent as ye, computed as P, watch as q, nextTick as ue, createVNode as b, inject as we, onMounted as De } from "vue";
 import { cloneDeep as Be } from "lodash-es";
-function Ae(a, e, v) {
+function Ae(t, e, v) {
   return e;
 }
 const be = {}, Te = {};
-function fe(a) {
-  const { properties: e, title: v } = a, g = Object.keys(e).reduce((r, h) => (r[h] = e[h].type === "object" && e[h].properties ? fe(e[h]) : Be(e[h].default), r), {});
+function fe(t) {
+  const { properties: e, title: v } = t, g = Object.keys(e).reduce((s, h) => (s[h] = e[h].type === "object" && e[h].properties ? fe(e[h]) : Be(e[h].default), s), {});
   return g.id = `${v}-${Date.now()}`, g;
 }
-function ie(a, e = {}) {
-  const v = be[a];
+function ie(t, e = {}) {
+  const v = be[t];
   if (v) {
     let g = fe(v);
-    const r = Te[a];
-    return g = r ? r({ getSchemaByType: ie }, g, e) : g, g;
+    const s = Te[t];
+    return g = s ? s({ getSchemaByType: ie }, g, e) : g, g;
   }
   return null;
 }
-function Se(a, e) {
+function Ce(t, e) {
   const v = fe(e);
-  return Object.keys(a).reduce((g, r) => (g[r] = a[r], g), v), v;
+  return Object.keys(t).reduce((g, s) => (g[s] && typeof g[s] == "object" ? Object.assign(g[s], t[s]) : g[s] = t[s], g), v), v;
 }
-function Ce(a, e) {
-  return Object.keys(a).filter((g) => a[g] != null).reduce((g, r) => {
-    if (e.has(r)) {
-      const h = e.get(r);
+function Se(t, e) {
+  return Object.keys(t).filter((g) => t[g] != null).reduce((g, s) => {
+    if (e.has(s)) {
+      const h = e.get(s);
       if (typeof h == "string")
-        g[h] = a[r];
+        g[h] = t[s];
       else {
-        const w = h(r, a[r], a);
+        const w = h(s, t[s], t);
         Object.assign(g, w);
       }
     } else
-      g[r] = a[r];
+      g[s] = t[s];
     return g;
   }, {});
 }
-function Oe(a, e, v = /* @__PURE__ */ new Map()) {
-  const g = Se(a, e);
-  return Ce(g, v);
+function Oe(t, e, v = /* @__PURE__ */ new Map()) {
+  const g = Ce(t, e);
+  return Se(g, v);
 }
-function je(a = {}) {
+function je(t = {}) {
   function e(c, p, d, f) {
     if (typeof d == "number")
       return f[c].length === d;
@@ -62,8 +62,8 @@ function je(a = {}) {
     ["length", e],
     ["getProperty", v]
   ]);
-  Object.keys(a).reduce((c, p) => (c.set(p, a[p]), c), g);
-  function r(c, p) {
+  Object.keys(t).reduce((c, p) => (c.set(p, t[p]), c), g);
+  function s(c, p) {
     const d = c;
     return typeof p == "number" ? [{ target: d, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: d, operator: "getProperty", param: c, value: !!p }] : typeof p == "object" ? Object.keys(p).map((f) => {
       if (f === "length")
@@ -74,7 +74,7 @@ function je(a = {}) {
   }
   function h(c) {
     return Object.keys(c).reduce((d, f) => {
-      const T = r(f, c[f]);
+      const T = s(f, c[f]);
       return d.push(...T), d;
     }, []);
   }
@@ -88,21 +88,21 @@ function je(a = {}) {
   function O(c, p) {
     return h(c).reduce((T, D) => T && w(D, p), !0);
   }
-  function C(c, p) {
+  function S(c, p) {
     const d = Object.keys(c), f = d.includes("allOf"), T = d.includes("anyOf"), D = f || T, y = (D ? c[D ? f ? "allOf" : "anyOf" : "allOf"] : [c]).map((V) => O(V, p));
     return f ? !y.includes(!1) : y.includes(!0);
   }
-  return { parseValueSchema: C };
+  return { parseValueSchema: S };
 }
 const Me = {}, Ee = {};
 je();
-function Pe(a, e, v = /* @__PURE__ */ new Map(), g = (w, O, C) => O, r = {}, h = (w) => w) {
-  return be[e.title] = e, Te[e.title] = g, Me[e.title] = r, Ee[e.title] = h, (w = {}) => {
-    const O = Oe(w, e, v), C = Object.keys(a).reduce((c, p) => (c[p] = a[p].default, c), {});
-    return Object.assign(C, O);
+function Pe(t, e, v = /* @__PURE__ */ new Map(), g = (w, O, S) => O, s = {}, h = (w) => w) {
+  return be[e.title] = e, Te[e.title] = g, Me[e.title] = s, Ee[e.title] = h, (w = {}) => {
+    const O = Oe(w, e, v), S = Object.keys(t).reduce((c, p) => (c[p] = t[p].default, c), {});
+    return Object.assign(S, O);
   };
 }
-function Re(a, e) {
+function Re(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
 const Le = /* @__PURE__ */ new Map([
@@ -224,20 +224,20 @@ const Le = /* @__PURE__ */ new Map([
   draggable: { type: Boolean, default: !1 },
   disable: { type: Boolean, default: !1 }
 }, he = Pe(de, ze, Le, Ae, Fe);
-function ke(a, e, v, g) {
-  const r = i(-1), h = i(!1);
+function ke(t, e, v, g) {
+  const s = i(-1), h = i(!1);
   function w(p, d, f) {
     p.stopPropagation(), d && setTimeout(() => {
-      r.value = f, h.value = !0, d.moving = !0;
+      s.value = f, h.value = !0, d.moving = !0;
     });
   }
   function O(p, d) {
-    if (p.preventDefault(), r.value !== d) {
-      const f = g.value[r.value], T = g.value;
-      T.splice(r.value, 1), T.splice(d, 0, f), r.value = d;
+    if (p.preventDefault(), s.value !== d) {
+      const f = g.value[s.value], T = g.value;
+      T.splice(s.value, 1), T.splice(d, 0, f), s.value = d;
     }
   }
-  function C(p, d) {
+  function S(p, d) {
     p.preventDefault(), p.dataTransfer && (p.dataTransfer.dropEffect = "move");
   }
   function c(p, d) {
@@ -246,7 +246,7 @@ function ke(a, e, v, g) {
   return {
     dragstart: w,
     dragenter: O,
-    dragover: C,
+    dragover: S,
     dragend: c,
     isDragging: h
   };
@@ -255,45 +255,45 @@ const ce = /* @__PURE__ */ ye({
   name: "FTags",
   props: de,
   emits: ["remove", "selectionChange", "change"],
-  setup(a, e) {
-    const v = i(a.selectable), g = i(a.customClass), r = i(a.data), h = i(a.tagType), w = i(a.tagStyle), O = i(a.showColor), C = i(a.customStyle), c = i(a.activeTag), p = i(a.showClose), d = i(a.addButtonText), f = i(), T = i(a.wrapText), D = i();
-    i(a.disable);
+  setup(t, e) {
+    const v = i(t.selectable), g = i(t.customClass), s = i(t.data), h = i(t.tagType), w = i(t.tagStyle), O = i(t.showColor), S = i(t.customStyle), c = i(t.activeTag), p = i(t.showClose), d = i(t.addButtonText), f = i(), T = i(t.wrapText), D = i();
+    i(t.disable);
     const B = i(!1);
     function E() {
-      const n = r.value.map((s) => ({
+      const n = s.value.map((l) => ({
         type: "Tag",
-        payload: s
+        payload: l
       }));
-      return a.showAddButton && n.push({
+      return t.showAddButton && n.push({
         type: "AddButton"
       }), n;
     }
     const y = i(E());
     function N(n) {
-      r.value = n, y.value = E();
+      s.value = n, y.value = E();
     }
-    const V = P(() => y.value.findIndex((n) => n.type === "Input")), F = ke(a, e, r, y), {
+    const V = P(() => y.value.findIndex((n) => n.type === "Input")), F = ke(t, e, s, y), {
       dragstart: R,
       dragenter: m,
       dragover: A,
       dragend: k
     } = F;
-    q(() => a.data, (n) => N(n)), q(() => a.showAddButton, () => {
+    q(() => t.data, (n) => N(n)), q(() => t.showAddButton, () => {
       y.value = E();
-    }), q(() => a.disable, (n) => {
+    }), q(() => t.disable, (n) => {
       y.value = E();
-    }), q(() => a.activeTag, (n) => {
+    }), q(() => t.activeTag, (n) => {
       c.value = n;
     }), q(B, (n) => {
-      const s = [...y.value];
-      n ? s.length > 0 && s[s.length - 1].type !== "Input" && (s.splice(s.length - 1, 1), s.splice(s.length, 0, {
+      const l = [...y.value];
+      n ? l.length > 0 && l[l.length - 1].type !== "Input" && (l.splice(l.length - 1, 1), l.splice(l.length, 0, {
         type: "Input"
-      }), y.value = s, ue(() => {
+      }), y.value = l, ue(() => {
         var u;
         D.value && ((u = D.value) == null || u.focus());
-      })) : s.length > 0 && s[s.length - 1].type !== "AddButton" && (s.splice(s.length - 1, 1), s.splice(s.length, 0, {
+      })) : l.length > 0 && l[l.length - 1].type !== "AddButton" && (l.splice(l.length - 1, 1), l.splice(l.length, 0, {
         type: "AddButton"
-      }), y.value = s);
+      }), y.value = l);
     });
     const $ = P(() => {
       const n = {
@@ -301,10 +301,10 @@ const ce = /* @__PURE__ */ ye({
         "farris-tags-checkable": v.value,
         "farris-tags-nowrap": !T.value
       };
-      return g.value.split(" ").reduce((s, u) => (s[u] = !0, s), n), n;
+      return g.value.split(" ").reduce((l, u) => (l[u] = !0, l), n), n;
     });
     function W(n) {
-      const s = {
+      const l = {
         "farris-tag-item": !0,
         "farris-tag-item-checked": v.value && n.checked,
         "farris-tag-item-checkable": v.value,
@@ -313,27 +313,27 @@ const ce = /* @__PURE__ */ ye({
       };
       if (h.value) {
         const u = `farris-tag-item-${h.value}`;
-        s[u] = !0;
+        l[u] = !0;
       }
-      return s;
+      return l;
     }
     const L = P(() => {
       const n = {};
-      return C.value && C.value.split(";").reduce((s, u) => {
+      return S.value && S.value.split(";").reduce((l, u) => {
         const j = u.split(":");
-        return s[j[0]] = j[1], s;
+        return l[j[0]] = j[1], l;
       }, n), n;
     });
-    function H(n, s) {
-      !a.disable && v.value && (!s.hasOwnProperty("selectable") || s.selectable) && (s.checked = !s.checked, c.value = s.checked ? s.name : "", s.checked && r.value.filter((u) => u.name !== s.name).forEach((u) => {
-        u.checked = !s.checked;
-      }), e.emit("change", r.value), e.emit("selectionChange", s));
+    function H(n, l) {
+      !t.disable && v.value && (!l.hasOwnProperty("selectable") || l.selectable) && (l.checked = !l.checked, c.value = l.checked ? l.name : "", l.checked && s.value.filter((u) => u.name !== l.name).forEach((u) => {
+        u.checked = !l.checked;
+      }), e.emit("change", s.value), e.emit("selectionChange", l));
     }
-    function G(n, s) {
+    function G(n, l) {
       let u;
       switch (n.key) {
         case "Backspace":
-          r.value = r.value.filter((j) => j.name !== s.name), e.emit("change", r.value);
+          s.value = s.value.filter((j) => j.name !== l.name), e.emit("change", s.value);
           break;
         case "ArrowLeft":
           u = Math.max(f.value.scrollLeft + 20, 0), f.value.scrollLeft = u;
@@ -342,12 +342,12 @@ const ce = /* @__PURE__ */ ye({
           u = Math.max(f.value.scrollLeft - 20, 0), f.value.scrollLeft = u;
       }
     }
-    function Q(n, s) {
-      const u = r.value.findIndex((j) => j.name === s.name);
+    function Q(n, l) {
+      const u = s.value.findIndex((j) => j.name === l.name);
       if (u > -1) {
-        const [j] = r.value.splice(u, 1);
-        y.value = E(), e.emit("change", r.value), e.emit("remove", {
-          tags: r.value,
+        const [j] = s.value.splice(u, 1);
+        y.value = E(), e.emit("change", s.value), e.emit("remove", {
+          tags: s.value,
           remove: j
         });
       }
@@ -356,13 +356,13 @@ const ce = /* @__PURE__ */ ye({
     const U = P(() => ({
       "farris-tag-item": !0,
       "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !a.enableAddButton
+      "farris-tag-add-button-disabled": !t.enableAddButton
     }));
     function Y(n) {
       n.stopPropagation(), B.value = !0;
     }
     function Z() {
-      return !a.disable && b("li", {
+      return !t.disable && b("li", {
         class: U.value,
         onClick: (n) => Y(n)
       }, [b("span", {
@@ -371,39 +371,39 @@ const ce = /* @__PURE__ */ ye({
         class: "farris-tag-add-text"
       }, [d.value])]);
     }
-    function _(n, s, u) {
-      n > -1 && (r.value.splice(n, 0, {
-        name: s,
+    function _(n, l, u) {
+      n > -1 && (s.value.splice(n, 0, {
+        name: l,
         value: u,
         selectable: v.value
-      }), y.value = E(), B.value = !1, e.emit("change", r.value));
+      }), y.value = E(), B.value = !1, e.emit("change", s.value));
     }
     function X(n) {
       if (n && n.value) {
-        const s = n.value, u = V.value;
-        _(u, s, s), n.innerText = "";
+        const l = n.value, u = V.value;
+        _(u, l, l), n.innerText = "";
       } else
         B.value = !1;
     }
     function K(n) {
-      const s = n.target;
-      s && s.value ? X(s) : B.value = !1;
+      const l = n.target;
+      l && l.value ? X(l) : B.value = !1;
     }
-    function pe(n) {
+    function ge(n) {
       n.key === "Enter" && X(n.target);
     }
     function ee() {
-      return !a.disable && b("li", {
+      return !t.disable && b("li", {
         class: "farris-tag-input-box"
       }, [b("input", {
         title: "farris-tag-input-box",
         ref: D,
         class: "form-control",
-        onKeyup: pe,
+        onKeyup: ge,
         onBlur: K
       }, null)]);
     }
-    function te(n, s) {
+    function te(n, l) {
       return b("li", {
         class: W(n),
         style: L.value,
@@ -413,14 +413,14 @@ const ce = /* @__PURE__ */ ye({
         onClick: (u) => H(u, n),
         onKeydown: (u) => G(u, n),
         draggable: "true",
-        onDragstart: (u) => R(u, n, s),
-        onDragenter: (u) => m(u, s),
+        onDragstart: (u) => R(u, n, l),
+        onDragenter: (u) => m(u, l),
         onDragend: (u) => k(u, n),
-        onDragover: (u) => A(u, s)
+        onDragover: (u) => A(u, l)
       }, [b("span", {
         title: n.name,
         class: "tag-box"
-      }, [n.name]), !a.disable && p.value && b("span", {
+      }, [n.name]), !t.disable && p.value && b("span", {
         class: "tag-delete"
       }, [b("i", {
         class: "f-icon f-icon-close",
@@ -428,10 +428,10 @@ const ce = /* @__PURE__ */ ye({
       }, null)])]);
     }
     function J() {
-      return y.value.map((n, s) => {
+      return y.value.map((n, l) => {
         switch (n.type) {
           case "Tag":
-            return te(n.payload, s);
+            return te(n.payload, l);
           case "AddButton":
             return Z();
           case "Input":
@@ -444,25 +444,25 @@ const ce = /* @__PURE__ */ ye({
       "farris-tag-item-capsule": w.value === "capsule"
     }));
     function ae(n) {
-      const s = Math.max(f.value.scrollLeft - n.deltaX, 0);
-      f.value.scrollLeft = s;
+      const l = Math.max(f.value.scrollLeft - n.deltaX, 0);
+      f.value.scrollLeft = l;
     }
     function ne(n) {
       var u;
       n.preventDefault(), n.stopPropagation();
-      const s = (u = n.dataTransfer) == null ? void 0 : u.getData("Text");
-      if (s) {
-        const j = s.split(":"), se = j[0], x = j[1];
-        [...r.value].findIndex((t) => (console.log(`${t.value} === ${x} is ${t.value === x}`), t.value === x)) > -1 || _(r.value.length, se, x);
+      const l = (u = n.dataTransfer) == null ? void 0 : u.getData("Text");
+      if (l) {
+        const j = l.split(":"), le = j[0], x = j[1];
+        [...s.value].findIndex((a) => (console.log(`${a.value} === ${x} is ${a.value === x}`), a.value === x)) > -1 || _(s.value.length, le, x);
       }
     }
-    function re(n) {
+    function se(n) {
       n.preventDefault();
     }
     return () => b("div", {
       class: $.value,
       onDrop: ne,
-      onDragover: re
+      onDragover: se
     }, [b("ul", {
       ref: f,
       class: z.value,
@@ -470,15 +470,15 @@ const ce = /* @__PURE__ */ ye({
     }, [J()])]);
   }
 });
-function Ge(a, e, v) {
+function Ge(t, e, v) {
   var R;
   function g() {
   }
-  const r = "", h = "", w = i();
+  const s = "", h = "", w = i();
   function O() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function C() {
+  function S() {
     return !1;
   }
   function c() {
@@ -528,14 +528,14 @@ function Ge(a, e, v) {
   }
   return w.value = {
     canMove: O(),
-    canSelectParent: C(),
+    canSelectParent: S(),
     canDelete: c(),
     canNested: !p(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: a,
+    elementRef: t,
     parent: (R = e == null ? void 0 : e.parent) == null ? void 0 : R.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: r,
+    styles: s,
     designerClass: h,
     canAccepts: T,
     getBelongedComponentInstance: d,
@@ -556,72 +556,72 @@ const Qe = /* @__PURE__ */ ye({
   name: "FTagsDesign",
   props: de,
   emits: ["remove", "selectionChange", "change"],
-  setup(a, e) {
-    const v = i(a.selectable), g = i(a.customClass), r = i(a.data), h = i(a.tagType), w = i(a.tagStyle), O = i(a.showColor), C = i(a.activeTag), c = i(a.customStyle), p = i(a.showClose), d = i(a.showAddButton), f = i(a.showInput), T = i(a.addButtonText), D = i(a.enableAddButton);
-    i(a.placeholder), i(""), i();
-    const B = i(), E = i(a.wrapText), y = i(), N = i(), V = we("design-item-context"), F = Ge(N, V);
+  setup(t, e) {
+    const v = i(t.selectable), g = i(t.customClass), s = i(t.data), h = i(t.tagType), w = i(t.tagStyle), O = i(t.showColor), S = i(t.activeTag), c = i(t.customStyle), p = i(t.showClose), d = i(t.showAddButton), f = i(t.showInput), T = i(t.addButtonText), D = i(t.enableAddButton);
+    i(t.placeholder), i(""), i();
+    const B = i(), E = i(t.wrapText), y = i(), N = i(), V = we("design-item-context"), F = Ge(N, V);
     De(() => {
       N.value.componentInstance = F;
     }), e.expose(F.value);
     function R() {
-      const t = r.value.map((l) => ({
+      const a = s.value.map((r) => ({
         type: "Tag",
-        payload: l
+        payload: r
       }));
-      return d.value && t.push({
+      return d.value && a.push({
         type: "AddButton"
-      }), t;
+      }), a;
     }
     const m = i(R());
-    function A(t) {
-      r.value = t, m.value = R();
+    function A(a) {
+      s.value = a, m.value = R();
     }
-    const k = P(() => m.value.findIndex((t) => t.type === "Input")), $ = ke(a, e, r, m), {
+    const k = P(() => m.value.findIndex((a) => a.type === "Input")), $ = ke(t, e, s, m), {
       dragstart: W,
       dragenter: L,
       dragover: H,
       dragend: G
     } = $;
-    q(() => a.data, (t) => A(t));
+    q(() => t.data, (a) => A(a));
     const Q = P(() => {
-      const t = {
+      const a = {
         "farris-tags": !0,
         "farris-tags-checkable": v.value,
         "farris-tags-nowrap": !E.value
       };
-      return g.value.split(" ").reduce((l, o) => (l[o] = !0, l), t), t;
+      return g.value.split(" ").reduce((r, o) => (r[o] = !0, r), a), a;
     });
-    function U(t) {
-      const l = {
+    function U(a) {
+      const r = {
         "farris-tag-item": !0,
-        "farris-tag-item-checked": v.value && t.checked,
+        "farris-tag-item-checked": v.value && a.checked,
         "farris-tag-item-checkable": v.value,
         "farris-tag-item-has-color": O.value,
-        "farris-tag-item-actived": C.value === t.name
+        "farris-tag-item-actived": S.value === a.name
       };
       if (h.value) {
         const o = `farris-tag-item-${h.value}`;
-        l[o] = !0;
+        r[o] = !0;
       }
-      return l;
+      return r;
     }
     const Y = P(() => {
-      const t = {};
-      return c.value && c.value.split(";").reduce((l, o) => {
-        const S = o.split(":");
-        return l[S[0]] = S[1], l;
-      }, t), t;
+      const a = {};
+      return c.value && c.value.split(";").reduce((r, o) => {
+        const C = o.split(":");
+        return r[C[0]] = C[1], r;
+      }, a), a;
     });
-    function Z(t, l) {
-      v.value && l.selectable && (l.checked = !l.checked, C.value = l.checked ? l.name : "", l.checked && r.value.filter((o) => o.name !== l.name).forEach((o) => {
-        o.checked = !l.checked;
-      }), e.emit("change", r.value), e.emit("selectionChange", l));
+    function Z(a, r) {
+      v.value && r.selectable && (r.checked = !r.checked, S.value = r.checked ? r.name : "", r.checked && s.value.filter((o) => o.name !== r.name).forEach((o) => {
+        o.checked = !r.checked;
+      }), e.emit("change", s.value), e.emit("selectionChange", r));
     }
-    function _(t, l) {
+    function _(a, r) {
       let o;
-      switch (t.key) {
+      switch (a.key) {
         case "Backspace":
-          r.value = r.value.filter((S) => S.name !== l.name), e.emit("change", r.value);
+          s.value = s.value.filter((C) => C.name !== r.name), e.emit("change", s.value);
           break;
         case "ArrowLeft":
           o = Math.max(B.value.scrollLeft + 20, 0), B.value.scrollLeft = o;
@@ -630,64 +630,64 @@ const Qe = /* @__PURE__ */ ye({
           o = Math.max(B.value.scrollLeft - 20, 0), B.value.scrollLeft = o;
       }
     }
-    function X(t, l) {
-      const o = r.value.findIndex((S) => S.name === l.name);
+    function X(a, r) {
+      const o = s.value.findIndex((C) => C.name === r.name);
       if (o > -1) {
-        const [S] = r.value.splice(o, 1);
-        m.value = R(), e.emit("change", r.value), e.emit("remove", r.value, S, o);
+        const [C] = s.value.splice(o, 1);
+        m.value = R(), e.emit("change", s.value), e.emit("remove", s.value, C, o);
       }
-      t.stopPropagation();
+      a.stopPropagation();
     }
     const K = P(() => ({
       "farris-tag-item": !0,
       "farris-tag-add-button": !0,
       "farris-tag-add-button-disabled": !D.value
     }));
-    function pe(t) {
+    function ge(a) {
     }
     function ee() {
       return b("li", {
         class: K.value,
-        onClick: (t) => void 0
+        onClick: (a) => void 0
       }, [b("span", {
         class: "f-icon f-icon-amplification"
       }, null), b("span", {
         class: "farris-tag-add-text"
       }, [T.value])]);
     }
-    function te(t) {
-      if (t && !t.innerText) {
-        const l = k.value;
-        if (l > 0) {
-          const [o] = r.value.splice(l - 1, 1);
-          m.value.splice(l - 1, 1), e.emit("remove", r.value, o, l - 1);
+    function te(a) {
+      if (a && !a.innerText) {
+        const r = k.value;
+        if (r > 0) {
+          const [o] = s.value.splice(r - 1, 1);
+          m.value.splice(r - 1, 1), e.emit("remove", s.value, o, r - 1);
         }
       }
     }
-    function J(t, l, o) {
-      t > -1 && (r.value.splice(t, 0, {
-        name: l,
+    function J(a, r, o) {
+      a > -1 && (s.value.splice(a, 0, {
+        name: r,
         value: o,
         selectable: v.value
-      }), m.value = R(), e.emit("change", r.value));
+      }), m.value = R(), e.emit("change", s.value));
     }
-    function z(t) {
-      if (t && t.innerText) {
-        const l = t.innerText, o = k.value;
-        J(o, l, l), t.innerText = "";
+    function z(a) {
+      if (a && a.innerText) {
+        const r = a.innerText, o = k.value;
+        J(o, r, r), a.innerText = "";
       }
     }
-    function ae(t) {
-      const l = t.target;
-      l && (l.innerText ? z(l) : e.emit("change", r.value));
+    function ae(a) {
+      const r = a.target;
+      r && (r.innerText ? z(r) : e.emit("change", s.value));
     }
-    function ne(t) {
-      t.key === "Enter" && z(t.target), t.key === "Backspace" && (te(t.target), ue(() => {
-        var l;
-        y.value && ((l = y.value) == null || l.focus());
+    function ne(a) {
+      a.key === "Enter" && z(a.target), a.key === "Backspace" && (te(a.target), ue(() => {
+        var r;
+        y.value && ((r = y.value) == null || r.focus());
       }));
     }
-    function re() {
+    function se() {
       return b("li", {
         class: "farris-tag-input-box"
       }, [b("div", {
@@ -698,39 +698,39 @@ const Qe = /* @__PURE__ */ ye({
         onBlur: ae
       }, null)]);
     }
-    function n(t, l) {
+    function n(a, r) {
       return b("li", {
-        class: U(t),
+        class: U(a),
         style: Y.value,
         tabindex: 0,
-        id: t.name,
-        key: t.name,
-        onClick: (o) => Z(o, t),
-        onKeydown: (o) => _(o, t),
+        id: a.name,
+        key: a.name,
+        onClick: (o) => Z(o, a),
+        onKeydown: (o) => _(o, a),
         draggable: "true",
-        onDragstart: (o) => W(o, t, l),
-        onDragenter: (o) => L(o, l),
-        onDragend: (o) => G(o, t),
-        onDragover: (o) => H(o, l)
+        onDragstart: (o) => W(o, a, r),
+        onDragenter: (o) => L(o, r),
+        onDragend: (o) => G(o, a),
+        onDragover: (o) => H(o, r)
       }, [b("div", {
-        title: t.name,
+        title: a.name,
         class: "tag-box"
-      }, [t.name]), p.value && b("span", {
+      }, [a.name]), p.value && b("span", {
         class: "tag-delete"
       }, [b("i", {
         class: "f-icon f-icon-close",
-        onClick: (o) => X(o, t)
+        onClick: (o) => X(o, a)
       }, null)])]);
     }
-    function s() {
-      return m.value.map((t, l) => {
-        switch (t.type) {
+    function l() {
+      return m.value.map((a, r) => {
+        switch (a.type) {
           case "Tag":
-            return n(t.payload, l);
+            return n(a.payload, r);
           case "AddButton":
             return ee();
           case "Input":
-            return re();
+            return se();
         }
       });
     }
@@ -738,25 +738,25 @@ const Qe = /* @__PURE__ */ ye({
       "farris-tags-item-container": !0,
       "farris-tag-item-capsule": w.value === "capsule"
     }));
-    function j(t) {
-      const l = Math.max(B.value.scrollLeft - t.deltaX, 0);
-      B.value.scrollLeft = l;
-    }
-    function se(t) {
-      const l = B.value, o = r.value.length - 1;
-      if (l) {
-        const S = Array.from(l.children).filter((I) => I.className.indexOf("farris-tag-item") > -1).findIndex((I) => {
-          const M = I.getBoundingClientRect(), le = window.getComputedStyle(I), me = parseInt(le["margin-left"], 10) + M.width + parseInt(le["margin-right"], 10);
-          return M.left + me > t;
+    function j(a) {
+      const r = Math.max(B.value.scrollLeft - a.deltaX, 0);
+      B.value.scrollLeft = r;
+    }
+    function le(a) {
+      const r = B.value, o = s.value.length - 1;
+      if (r) {
+        const C = Array.from(r.children).filter((I) => I.className.indexOf("farris-tag-item") > -1).findIndex((I) => {
+          const M = I.getBoundingClientRect(), re = window.getComputedStyle(I), me = parseInt(re["margin-left"], 10) + M.width + parseInt(re["margin-right"], 10);
+          return M.left + me > a;
         });
-        if (S > -1)
-          return S;
+        if (C > -1)
+          return C;
       }
       return o;
     }
-    function x(t) {
+    function x(a) {
       if (f.value) {
-        const o = se(t.clientX) + 1, I = m.value.filter((M) => M.type !== "Input");
+        const o = le(a.clientX) + 1, I = m.value.filter((M) => M.type !== "Input");
         I.splice(o, 0, {
           type: "Input"
         }), m.value = I, ue(() => {
@@ -765,39 +765,39 @@ const Qe = /* @__PURE__ */ ye({
         });
       }
     }
-    function ge(t) {
+    function pe(a) {
       var o;
-      t.preventDefault(), t.stopPropagation();
-      const l = (o = t.dataTransfer) == null ? void 0 : o.getData("Text");
-      if (l) {
-        const S = l.split(":"), I = S[0], M = S[1];
-        [...r.value].findIndex((oe) => (console.log(`${oe.value} === ${M} is ${oe.value === M}`), oe.value === M)) > -1 || J(r.value.length, I, M);
+      a.preventDefault(), a.stopPropagation();
+      const r = (o = a.dataTransfer) == null ? void 0 : o.getData("Text");
+      if (r) {
+        const C = r.split(":"), I = C[0], M = C[1];
+        [...s.value].findIndex((oe) => (console.log(`${oe.value} === ${M} is ${oe.value === M}`), oe.value === M)) > -1 || J(s.value.length, I, M);
       }
     }
-    function ve(t) {
-      t.preventDefault();
+    function ve(a) {
+      a.preventDefault();
     }
     return () => b("div", {
       ref: N,
       class: Q.value,
       onClick: x,
-      onDrop: ge,
+      onDrop: pe,
       onDragover: ve
     }, [b("ul", {
       ref: B,
       class: u.value,
-      onWheel: (t) => j(t)
-    }, [s()])]);
+      onWheel: (a) => j(a)
+    }, [l()])]);
   }
 }), Ze = {
-  install(a) {
-    a.component(ce.name, ce);
+  install(t) {
+    t.component(ce.name, ce);
   },
-  register(a, e, v, g) {
-    a.tags = ce, e.tags = he;
+  register(t, e, v, g) {
+    t.tags = ce, e.tags = he;
   },
-  registerDesigner(a, e, v) {
-    a.tags = Qe, e.tags = he;
+  registerDesigner(t, e, v) {
+    t.tags = Qe, e.tags = he;
   }
 };
 export {