@farris/ui-vue 1.2.8 → 1.2.9

package/components/dropdown/index.esm.js

@@ -1,108 +1,108 @@
-import { ref as S, onMounted as _, defineComponent as W, createVNode as m, withDirectives as L, vShow as z, Teleport as Q, Fragment as Y, inject as U } from "vue";
+import { ref as v, onMounted as _, defineComponent as W, createVNode as y, withDirectives as A, vShow as z, Teleport as Q, Fragment as Y, inject as U } from "vue";
 import { cloneDeep as P } from "lodash-es";
 const J = {}, Z = {};
 function C(e) {
-  const { properties: t, title: a } = e, o = Object.keys(t).reduce((s, d) => (s[d] = t[d].type === "object" && t[d].properties ? C(t[d]) : P(t[d].default), s), {});
-  return o.id = `${a}-${Date.now()}`, o;
+  const { properties: t, title: l, ignore: o } = e, i = o && Array.isArray(o), f = Object.keys(t).reduce((m, a) => ((!i || !o.find((B) => B == a)) && (m[a] = t[a].type === "object" && t[a].properties ? C(t[a]) : P(t[a].default)), m), {});
+  return (!i || !o.find((m) => m == "id")) && (f.id = `${l}-${Date.now()}`), f;
 }
-function M(e, t = {}) {
-  const a = J[e];
-  if (a) {
-    let o = C(a);
-    const s = Z[e];
-    return o = s ? s({ getSchemaByType: M }, o, t) : o, o;
+function M(e, t = {}, l) {
+  const o = J[e];
+  if (o) {
+    let i = C(o);
+    const f = Z[e];
+    return i = f ? f({ getSchemaByType: M }, i, t, l) : i, i;
   }
   return null;
 }
 function K(e, t) {
-  const a = C(t);
-  return Object.keys(e).reduce((o, s) => (o[s] && typeof o[s] == "object" ? Object.assign(o[s], e[s]) : o[s] = e[s], o), a), a;
+  const l = C(t);
+  return Object.keys(e).reduce((o, i) => (o[i] && typeof o[i] == "object" ? Object.assign(o[i], e[i]) : o[i] = e[i], o), l), l;
 }
 function I(e, t) {
-  return Object.keys(e).filter((o) => e[o] != null).reduce((o, s) => {
-    if (t.has(s)) {
-      const d = t.get(s);
-      if (typeof d == "string")
-        o[d] = e[s];
+  return Object.keys(e).filter((o) => e[o] != null).reduce((o, i) => {
+    if (t.has(i)) {
+      const f = t.get(i);
+      if (typeof f == "string")
+        o[f] = e[i];
       else {
-        const g = d(s, e[s], e);
-        Object.assign(o, g);
+        const m = f(i, e[i], e);
+        Object.assign(o, m);
       }
     } else
-      o[s] = e[s];
+      o[i] = e[i];
     return o;
   }, {});
 }
-function ee(e, t, a = /* @__PURE__ */ new Map()) {
+function ee(e, t, l = /* @__PURE__ */ new Map()) {
   const o = K(e, t);
-  return I(o, a);
+  return I(o, l);
 }
 function te(e = {}) {
-  function t(i, l, r, u) {
-    if (typeof r == "number")
-      return u[i].length === r;
-    if (typeof r == "object") {
-      const b = Object.keys(r)[0], y = r[b];
+  function t(r, c, s, d) {
+    if (typeof s == "number")
+      return d[r].length === s;
+    if (typeof s == "object") {
+      const b = Object.keys(s)[0], g = s[b];
       if (b === "not")
-        return Number(u[i].length) !== Number(y);
+        return Number(d[r].length) !== Number(g);
       if (b === "moreThan")
-        return Number(u[i].length) >= Number(y);
+        return Number(d[r].length) >= Number(g);
       if (b === "lessThan")
-        return Number(u[i].length) <= Number(y);
+        return Number(d[r].length) <= Number(g);
     }
     return !1;
   }
-  function a(i, l, r, u) {
-    return u[i] && u[i].propertyValue && String(u[i].propertyValue.value) === String(r);
+  function l(r, c, s, d) {
+    return d[r] && d[r].propertyValue && String(d[r].propertyValue.value) === String(s);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
-    ["getProperty", a]
+    ["getProperty", l]
   ]);
-  Object.keys(e).reduce((i, l) => (i.set(l, e[l]), i), o);
-  function s(i, l) {
-    const r = i;
-    return typeof l == "number" ? [{ target: r, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: r, operator: "getProperty", param: i, value: !!l }] : typeof l == "object" ? Object.keys(l).map((u) => {
-      if (u === "length")
-        return { target: r, operator: "length", param: null, value: l[u] };
-      const b = u, y = l[u];
-      return { target: r, operator: "getProperty", param: b, value: y };
+  Object.keys(e).reduce((r, c) => (r.set(c, e[c]), r), o);
+  function i(r, c) {
+    const s = r;
+    return typeof c == "number" ? [{ target: s, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: s, operator: "getProperty", param: r, value: !!c }] : typeof c == "object" ? Object.keys(c).map((d) => {
+      if (d === "length")
+        return { target: s, operator: "length", param: null, value: c[d] };
+      const b = d, g = c[d];
+      return { target: s, operator: "getProperty", param: b, value: g };
     }) : [];
   }
-  function d(i) {
-    return Object.keys(i).reduce((r, u) => {
-      const b = s(u, i[u]);
-      return r.push(...b), r;
+  function f(r) {
+    return Object.keys(r).reduce((s, d) => {
+      const b = i(d, r[d]);
+      return s.push(...b), s;
     }, []);
   }
-  function g(i, l) {
-    if (o.has(i.operator)) {
-      const r = o.get(i.operator);
-      return r && r(i.target, i.param, i.value, l) || !1;
+  function m(r, c) {
+    if (o.has(r.operator)) {
+      const s = o.get(r.operator);
+      return s && s(r.target, r.param, r.value, c) || !1;
     }
     return !1;
   }
-  function p(i, l) {
-    return d(i).reduce((b, y) => b && g(y, l), !0);
+  function a(r, c) {
+    return f(r).reduce((b, g) => b && m(g, c), !0);
   }
-  function k(i, l) {
-    const r = Object.keys(i), u = r.includes("allOf"), b = r.includes("anyOf"), y = u || b, c = (y ? i[y ? u ? "allOf" : "anyOf" : "allOf"] : [i]).map((B) => p(B, l));
-    return u ? !c.includes(!1) : c.includes(!0);
+  function B(r, c) {
+    const s = Object.keys(r), d = s.includes("allOf"), b = s.includes("anyOf"), g = d || b, u = (g ? r[g ? d ? "allOf" : "anyOf" : "allOf"] : [r]).map((k) => a(k, c));
+    return d ? !u.includes(!1) : u.includes(!0);
   }
-  return { parseValueSchema: k };
+  return { parseValueSchema: B };
 }
 const ne = {}, oe = {};
 te();
-function ie(e, t, a = /* @__PURE__ */ new Map(), o = (g, p, k) => p, s = {}, d = (g) => g) {
-  return J[t.title] = t, Z[t.title] = o, ne[t.title] = s, oe[t.title] = d, (g = {}) => {
-    const p = ee(g, t, a), k = Object.keys(e).reduce((i, l) => (i[l] = e[l].default, i), {});
-    return Object.assign(k, p);
+function ie(e, t, l = /* @__PURE__ */ new Map(), o = (m, a, B) => a, i = {}, f = (m) => m) {
+  return J[t.title] = t, Z[t.title] = o, ne[t.title] = i, oe[t.title] = f, (m = {}) => {
+    const a = ee(m, t, l), B = Object.keys(e).reduce((r, c) => (r[c] = e[c].default, r), {});
+    return Object.assign(B, a);
   };
 }
 function re(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-function se(e, t, a) {
+function se(e, t, l) {
   return t;
 }
 const ae = /* @__PURE__ */ new Map([
@@ -270,12 +270,12 @@ const ae = /* @__PURE__ */ new Map([
   } }
 }, X = ie(V, ye, ae, se, ve);
 function x(e, t) {
-  let a;
-  const o = S(e.show), s = S(), d = S(), g = S(), p = 10;
+  let l;
+  const o = v(e.show), i = v(), f = v(), m = v(), a = 10;
   _(() => {
-    a = d.value;
+    l = f.value;
   });
-  const k = (c = 1) => {
+  const B = (u = 1) => {
     const n = [
       "body>.f-datagrid-settings-simple-host",
       "body>div",
@@ -286,71 +286,71 @@ function x(e, t) {
       "body>.popover.show",
       "body>filter-row-panel>.f-datagrid-filter-panel",
       "body>.f-section-maximize"
-    ], B = Array.from(document.body.querySelectorAll(n.join(","))).filter((h) => h).map((h) => {
-      const { display: f, zIndex: w } = window.getComputedStyle(h);
-      return f === "none" ? 0 : parseInt(w, 10);
-    }).filter((h) => h);
-    let D = Math.max(...B);
-    return D < 1040 && (D = 1040), D + c;
-  }, i = (c, n) => {
+    ], k = Array.from(document.body.querySelectorAll(n.join(","))).filter((w) => w).map((w) => {
+      const { display: p, zIndex: h } = window.getComputedStyle(w);
+      return p === "none" ? 0 : parseInt(h, 10);
+    }).filter((w) => w);
+    let S = Math.max(...k);
+    return S < 1040 && (S = 1040), S + u;
+  }, r = (u, n) => {
     const {
-      height: B,
-      left: D,
-      top: h,
-      width: f
-    } = c.getBoundingClientRect(), { width: w, height: v, top: j } = n.getBoundingClientRect();
-    if (c.className.indexOf("dropdown-submenu") > -1 || c.closest(".dropdown-submenu") || c.classList.contains("dropright")) {
-      const E = window.innerWidth - D - c.offsetWidth, N = window.innerHeight - h, { position: O } = getComputedStyle(n);
-      if (O === "fixed") {
-        let T = D + c.offsetWidth;
-        n.offsetWidth > E && D > E && (T = D - w), n.style.left = T + "px", n.style.right = "auto", window.innerHeight - 2 * p < n.offsetHeight ? (n.style.top = p + "px", n.style.bottom = p + "px", n.style.maxHeight = window.innerHeight - 2 * p + "px", n.style.overflowY = "auto", n.className += " dropdown-menu-maxheight") : N < n.offsetHeight ? (n.style.top = "auto", n.style.bottom = p + "px") : (n.style.top = h + "px", n.style.bottom = "auto");
+      height: k,
+      left: S,
+      top: w,
+      width: p
+    } = u.getBoundingClientRect(), { width: h, height: D, top: $ } = n.getBoundingClientRect();
+    if (u.className.indexOf("dropdown-submenu") > -1 || u.closest(".dropdown-submenu") || u.classList.contains("dropright")) {
+      const E = window.innerWidth - S - u.offsetWidth, O = window.innerHeight - w, { position: j } = getComputedStyle(n);
+      if (j === "fixed") {
+        let H = S + u.offsetWidth;
+        n.offsetWidth > E && S > E && (H = S - h), n.style.left = H + "px", n.style.right = "auto", window.innerHeight - 2 * a < n.offsetHeight ? (n.style.top = a + "px", n.style.bottom = a + "px", n.style.maxHeight = window.innerHeight - 2 * a + "px", n.style.overflowY = "auto", n.className += " dropdown-menu-maxheight") : O < n.offsetHeight ? (n.style.top = "auto", n.style.bottom = a + "px") : (n.style.top = w + "px", n.style.bottom = "auto");
       } else {
         if (n.offsetWidth > E) {
-          const T = -w;
-          n.style.left = T + "px";
+          const H = -h;
+          n.style.left = H + "px";
         }
-        window.innerHeight - 2 * p < n.offsetHeight ? (n.style.top = -1 * (h - p) + "px", n.style.bottom = "auto", n.style.maxHeight = window.innerHeight - 2 * p + "px", n.style.overflowY = "auto", n.className += " dropdown-menu-maxheight") : N < n.offsetHeight && (n.style.top = N - n.offsetHeight - p + "px", n.style.bottom = "auto");
+        window.innerHeight - 2 * a < n.offsetHeight ? (n.style.top = -1 * (w - a) + "px", n.style.bottom = "auto", n.style.maxHeight = window.innerHeight - 2 * a + "px", n.style.overflowY = "auto", n.className += " dropdown-menu-maxheight") : O < n.offsetHeight && (n.style.top = O - n.offsetHeight - a + "px", n.style.bottom = "auto");
       }
     } else {
-      const { marginTop: E, marginBottom: N } = getComputedStyle(n);
-      let O = 0;
-      const T = Math.ceil(parseFloat(E)) + Math.ceil(parseFloat(N));
-      let H = h + B, q = D;
-      window.innerHeight - H - T < v && (H = h - v, H < 0 && (window.innerHeight - h - B > h ? (H = h + B, O = window.innerHeight - H - T - p) : (H = p, O = h - H - T))), window.innerWidth - D < w && window.innerWidth - D < D + f && (q = D - w + f), document.body.append(n), n.style.cssText = `position:fixed;bottom:unset;left:${q}px
-             !important;top:${H}px !important;right: unset;${O ? "max-height:" + O + "px;overflow-y:auto;" : ""}`, O && (n.className += " dropdown-menu-maxheight"), n.style.zIndex = k().toString();
+      const { marginTop: E, marginBottom: O } = getComputedStyle(n);
+      let j = 0;
+      const H = Math.ceil(parseFloat(E)) + Math.ceil(parseFloat(O));
+      let R = w + k, q = S;
+      window.innerHeight - R - H < D && (R = w - D, R < 0 && (window.innerHeight - w - k > w ? (R = w + k, j = window.innerHeight - R - H - a) : (R = a, j = w - R - H))), window.innerWidth - S < h && window.innerWidth - S < S + p && (q = S - h + p), document.body.append(n), n.style.cssText = `position:fixed;bottom:unset;left:${q}px
+             !important;top:${R}px !important;right: unset;${j ? "max-height:" + j + "px;overflow-y:auto;" : ""}`, j && (n.className += " dropdown-menu-maxheight"), n.style.zIndex = B().toString();
     }
-  }, l = () => {
-    i(s.value, d.value);
-  }, r = () => {
-    e.hover || (o.value = !1, document.removeEventListener("click", r), a.removeEventListener("click", r), document.removeEventListener("scroll", r), a.removeEventListener("scroll", r));
+  }, c = () => {
+    r(i.value, f.value);
+  }, s = () => {
+    e.hover || (o.value = !1, document.removeEventListener("click", s), l.removeEventListener("click", s), document.removeEventListener("scroll", s), l.removeEventListener("scroll", s));
   };
   return {
     show: o,
-    dropdownRef: s,
-    dropdownMenuRef: d,
-    clickEventRef: g,
-    showDropMenu: (c) => {
-      e.hover || e.disabled || (c == null || c.stopPropagation(), o.value || setTimeout(() => {
-        l();
-      }), o.value = !o.value, document.addEventListener("click", r), document.addEventListener("scroll", r), e.hideOnClick || (a.addEventListener("click", (n) => {
+    dropdownRef: i,
+    dropdownMenuRef: f,
+    clickEventRef: m,
+    showDropMenu: (u) => {
+      e.hover || e.disabled || (u == null || u.stopPropagation(), o.value || setTimeout(() => {
+        c();
+      }), o.value = !o.value, document.addEventListener("click", s), document.addEventListener("scroll", s), e.hideOnClick || (l.addEventListener("click", (n) => {
         n.stopPropagation();
-      }), a.addEventListener("scroll", (n) => {
+      }), l.addEventListener("scroll", (n) => {
         n.stopPropagation();
       })));
     },
-    hoverDropdown: (c) => {
+    hoverDropdown: (u) => {
       e.hover && (o.value || setTimeout(() => {
       }), o.value = !o.value);
     },
     leftButtonClick: () => {
     },
-    closeDropMenu: r,
-    selectItem: (c) => {
-      t.emit("select", c);
+    closeDropMenu: s,
+    selectItem: (u) => {
+      t.emit("select", u);
     },
-    resolveSize: (c) => {
+    resolveSize: (u) => {
       const n = /px|em|rem|pt|%/;
-      return n.test(c) ? `${parseInt(c, 10)}${c.match(n)[0]}` : `${c}px`;
+      return n.test(u) ? `${parseInt(u, 10)}${u.match(n)[0]}` : `${u}px`;
     }
   };
 }
@@ -370,15 +370,15 @@ const Se = {
   props: Se,
   emits: ["select"],
   setup(e, t) {
-    const a = S(e.value), o = S(e.label), s = S(e.disabled), d = S(e.active), g = S(e.divide), p = () => {
-      s.value || t.emit("select", e);
+    const l = v(e.value), o = v(e.label), i = v(e.disabled), f = v(e.active), m = v(e.divide), a = () => {
+      i.value || t.emit("select", e);
     };
-    return () => m("div", null, [L(m("div", {
+    return () => y("div", null, [A(y("div", {
       class: "dropdown-divider"
-    }, null), [[z, g.value]]), m("li", {
-      class: `dropdown-item${d.value ? " active" : ""} ${s.value ? " disabled" : ""}`,
-      onClick: p,
-      title: a.value.toString()
+    }, null), [[z, m.value]]), y("li", {
+      class: `dropdown-item${f.value ? " active" : ""} ${i.value ? " disabled" : ""}`,
+      onClick: a,
+      title: l.value.toString()
     }, [o.value])]);
   }
 }), F = /* @__PURE__ */ W({
@@ -386,24 +386,24 @@ const Se = {
   props: V,
   emits: ["select"],
   setup(e, t) {
-    const a = S(e.model), {
+    const l = v(e.model), {
       show: o,
-      dropdownMenuRef: s,
-      dropdownRef: d,
-      clickEventRef: g,
-      showDropMenu: p,
-      hoverDropdown: k,
-      leftButtonClick: i,
-      closeDropMenu: l,
-      selectItem: r,
-      resolveSize: u
+      dropdownMenuRef: i,
+      dropdownRef: f,
+      clickEventRef: m,
+      showDropMenu: a,
+      hoverDropdown: B,
+      leftButtonClick: r,
+      closeDropMenu: c,
+      selectItem: s,
+      resolveSize: d
     } = x(e, t);
-    function b(y) {
-      t.emit("select", y);
+    function b(g) {
+      t.emit("select", g);
     }
-    return () => m("div", {
-      ref: d
-    }, [m("div", {
+    return () => y("div", {
+      ref: f
+    }, [y("div", {
       class: ["farris-dropdown", "btn-group", {
         dropup: e.position === "top"
       }, {
@@ -413,7 +413,7 @@ const Se = {
       }, {
         dropright: e.position === "right"
       }]
-    }, [e.splitButton && m("span", {
+    }, [e.splitButton && y("span", {
       class: ["btn", {
         "dropdown-item": e.nest
       }, {
@@ -432,9 +432,9 @@ const Se = {
         "btn-info": e.type === "info"
       }],
       style: "width:100%",
-      onClick: i
-    }, [e.title]), m("span", {
-      ref: g,
+      onClick: r
+    }, [e.title]), y("span", {
+      ref: m,
       class: ["dropdown-toggle", {
         btn: !e.nest
       }, {
@@ -463,141 +463,141 @@ const Se = {
         disabled: e.disabled
       }],
       style: "width:100%",
-      onClick: p,
-      onMouseenter: k,
-      onMouseleave: k
-    }, [L(m("span", {
+      onClick: a,
+      onMouseenter: B,
+      onMouseleave: B
+    }, [A(y("span", {
       class: "sr-only"
-    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, L(m("span", {
+    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, A(y("span", {
       class: `f-icon ${e.iconClass.toString()}`
-    }, null), [[z, e.iconClass]])]), m(Q, {
+    }, null), [[z, e.iconClass]])]), y(Q, {
       to: "body"
     }, {
-      default: () => [m("div", {
-        ref: s,
+      default: () => [y("div", {
+        ref: i,
         class: `dropdown-menu${o.value ? " show" : ""}`
-      }, [m(Y, null, [a.value.map(({
-        label: y,
-        value: $,
-        disabled: R,
-        active: c,
+      }, [y(Y, null, [l.value.map(({
+        label: g,
+        value: T,
+        disabled: N,
+        active: u,
         divide: n
-      }) => m(G, {
-        value: $.toString(),
-        label: y,
-        disabled: R,
-        active: c,
+      }) => y(G, {
+        value: T.toString(),
+        label: g,
+        disabled: N,
+        active: u,
         divide: n,
-        onSelect: (B) => b(B)
+        onSelect: (k) => b(k)
       }, null))])])]
     })])]);
   }
 });
-function De(e, t, a) {
-  var h;
+function De(e, t, l) {
+  var w;
   function o() {
   }
-  const s = "", d = "", g = S();
-  function p() {
+  const i = "", f = "", m = v();
+  function a() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function k() {
+  function B() {
     return !1;
   }
-  function i() {
+  function r() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function l() {
+  function c() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
-  function r(f) {
-    if (!f || !f.value)
+  function s(p) {
+    if (!p || !p.value)
       return null;
-    if (f.value.schema && f.value.schema.type === "component")
-      return f.value;
-    const w = S(f == null ? void 0 : f.value.parent), v = r(w);
-    return v || null;
+    if (p.value.schema && p.value.schema.type === "component")
+      return p.value;
+    const h = v(p == null ? void 0 : p.value.parent), D = s(h);
+    return D || null;
   }
-  function u(f = t) {
-    const { componentInstance: w, designerItemElementRef: v } = f;
-    return !w || !w.value ? null : w.value.canMove ? v : u(f.parent);
+  function d(p = t) {
+    const { componentInstance: h, designerItemElementRef: D } = p;
+    return !h || !h.value ? null : h.value.canMove ? D : d(p.parent);
   }
-  function b(f) {
-    return !!a;
+  function b(p) {
+    return !!l;
   }
-  function y() {
+  function g() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function $() {
+  function T() {
   }
-  function R(f, w) {
+  function N(p, h) {
   }
-  function c(f) {
-    const { componentType: w } = f;
-    let v = M(w, f);
-    const j = w.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === w && (v.id = `${j}_${Math.random().toString().slice(2, 6)}`), v;
+  function u(p, h) {
+    const { componentType: D } = p;
+    let $ = M(D, p, h);
+    const L = D.toLowerCase().replace("-", "_");
+    return $ && !$.id && $.type === D && ($.id = `${L}_${Math.random().toString().slice(2, 6)}`), $;
   }
-  function n(f, w) {
-    const v = String(f.getAttribute("data-controltype")), j = f.getAttribute("data-feature"), A = j ? JSON.parse(j) : {};
-    A.parentComponentInstance = g.value;
-    let E = M(v, A);
-    const N = v.toLowerCase().replace("-", "_");
-    return E && !E.id && E.type === v && (E.id = `${N}_${Math.random().toString().slice(2, 6)}`), E;
+  function n(p, h) {
+    const D = String(p.getAttribute("data-controltype")), $ = p.getAttribute("data-feature"), L = $ ? JSON.parse($) : {};
+    L.parentComponentInstance = m.value;
+    let E = M(D, L);
+    const O = D.toLowerCase().replace("-", "_");
+    return E && !E.id && E.type === D && (E.id = `${O}_${Math.random().toString().slice(2, 6)}`), E;
   }
-  function B(f) {
+  function k(p) {
   }
-  function D(...f) {
+  function S(...p) {
   }
-  return g.value = {
-    canMove: p(),
-    canSelectParent: k(),
-    canDelete: i(),
-    canNested: !l(),
+  return m.value = {
+    canMove: a(),
+    canSelectParent: B(),
+    canDelete: r(),
+    canNested: !c(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
-    parent: (h = t == null ? void 0 : t.parent) == null ? void 0 : h.componentInstance,
+    parent: (w = t == null ? void 0 : t.parent) == null ? void 0 : w.componentInstance,
     schema: t == null ? void 0 : t.schema,
-    styles: s,
-    designerClass: d,
+    styles: i,
+    designerClass: f,
     canAccepts: b,
-    getBelongedComponentInstance: r,
-    getDraggableDesignItemElement: u,
-    getDraggingDisplayText: y,
-    getPropConfig: D,
-    getDragScopeElement: $,
-    onAcceptMovedChildElement: R,
+    getBelongedComponentInstance: s,
+    getDraggableDesignItemElement: d,
+    getDraggingDisplayText: g,
+    getPropConfig: S,
+    getDragScopeElement: T,
+    onAcceptMovedChildElement: N,
     onAcceptNewChildElement: n,
-    onChildElementMovedOut: B,
-    addNewChildComponentSchema: c,
+    onChildElementMovedOut: k,
+    addNewChildComponentSchema: u,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: S(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: S(!1)
-  }, g;
+    triggerBelongedComponentToMoveWhenMoved: v(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: v(!1)
+  }, m;
 }
 const Be = /* @__PURE__ */ W({
   name: "FDropdownDesign",
   props: V,
   emits: ["select"],
   setup(e, t) {
-    const a = S(e.model), {
+    const l = v(e.model), {
       show: o,
-      showDropMenu: s,
-      hoverDropdown: d,
-      leftButtonClick: g,
-      closeDropMenu: p,
-      selectItem: k,
-      resolveSize: i
+      showDropMenu: i,
+      hoverDropdown: f,
+      leftButtonClick: m,
+      closeDropMenu: a,
+      selectItem: B,
+      resolveSize: r
     } = x(e, t);
-    function l(y) {
-      t.emit("select", y);
+    function c(g) {
+      t.emit("select", g);
     }
-    const r = S(), u = U("design-item-context"), b = De(r, u);
+    const s = v(), d = U("design-item-context"), b = De(s, d);
     return _(() => {
-      r.value.componentInstance = b;
-    }), t.expose(b.value), () => m("div", {
-      ref: r
-    }, [m("div", {
+      s.value.componentInstance = b;
+    }), t.expose(b.value), () => y("div", {
+      ref: s
+    }, [y("div", {
       class: ["farris-dropdown", "btn-group", {
         dropup: e.position === "top"
       }, {
@@ -610,7 +610,7 @@ const Be = /* @__PURE__ */ W({
       style: {
         width: e.width
       }
-    }, [e.splitButton && m("span", {
+    }, [e.splitButton && y("span", {
       class: ["btn", {
         "dropdown-item": e.nest
       }, {
@@ -629,8 +629,8 @@ const Be = /* @__PURE__ */ W({
         "btn-info": e.type === "info"
       }],
       style: "width:100%",
-      onClick: g
-    }, [e.title]), m("span", {
+      onClick: m
+    }, [e.title]), y("span", {
       class: ["dropdown-toggle", {
         btn: !e.nest
       }, {
@@ -659,38 +659,38 @@ const Be = /* @__PURE__ */ W({
         disabled: e.disabled
       }],
       style: "width:100%",
-      onClick: s,
-      onMouseenter: d,
-      onMouseleave: d
-    }, [L(m("span", {
+      onClick: i,
+      onMouseenter: f,
+      onMouseleave: f
+    }, [A(y("span", {
       class: "sr-only"
-    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, L(m("span", {
+    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, A(y("span", {
       class: `f-icon ${e.iconClass.toString()}`
-    }, null), [[z, e.iconClass]])]), m("div", {
+    }, null), [[z, e.iconClass]])]), y("div", {
       class: `dropdown-menu${o.value ? " show" : ""}`
-    }, [m(Y, null, [a.value.map(({
-      label: y,
-      value: $,
-      disabled: R,
-      active: c,
+    }, [y(Y, null, [l.value.map(({
+      label: g,
+      value: T,
+      disabled: N,
+      active: u,
       divide: n
-    }) => m(G, {
-      value: $.toString(),
-      label: y,
-      disabled: R,
-      active: c,
+    }) => y(G, {
+      value: T.toString(),
+      label: g,
+      disabled: N,
+      active: u,
       divide: n,
-      onSelect: (B) => l(B)
+      onSelect: (k) => c(k)
     }, null))])])])]);
   }
 }), $e = {
   install(e) {
     e.component(F.name, F);
   },
-  register(e, t, a, o) {
+  register(e, t, l, o) {
     e.dropdown = F, t.dropdown = X;
   },
-  registerDesigner(e, t, a) {
+  registerDesigner(e, t, l) {
     e.dropdown = Be, t.dropdown = X;
   }
 };