vft 0.0.50 → 0.0.53

package/es/packages/components/descriptions/description-item.vue2.js

@@ -1,32 +0,0 @@
-import { defineComponent as l, renderSlot as e } from "vue";
-import { useNamespace as n } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.js";
-const o = (
-  /* hoist-static*/
-  n("descriptions-item")
-), a = l({
-  name: o.b()
-}), b = /* @__PURE__ */ l({
-  ...a,
-  props: {
-    label: null,
-    span: { default: 1 },
-    width: null,
-    minWidth: null,
-    align: { default: "left" },
-    labelAlign: null,
-    className: null,
-    labelClassName: null
-  },
-  setup(r) {
-    return (t, s) => e(t.$slots, "default");
-  }
-});
-export {
-  b as default
-};

package/es/packages/components/descriptions/description.vue2.js

@@ -1,91 +0,0 @@
-import { defineComponent as N, useSlots as E, getCurrentInstance as w, provide as z, computed as V, openBlock as p, createElementBlock as d, normalizeClass as n, unref as i, createElementVNode as u, renderSlot as v, createTextVNode as k, toDisplayString as C, createCommentVNode as D, Fragment as I, renderList as K, createBlock as F } from "vue";
-import "@vft/utils";
-import { flattedChildren as L } from "../../utils/vue/vnode.js";
-import "lodash";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-import { useNamespace as R } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import T from "./descriptions-row.vue2.js";
-import { descriptionsKey as j } from "./token.js";
-const o = (
-  /* hoist-static*/
-  R("descriptions")
-), q = N({
-  name: o.b()
-}), Y = /* @__PURE__ */ N({
-  ...q,
-  props: {
-    border: { type: Boolean, default: !1 },
-    column: { default: 3 },
-    direction: { default: "horizontal" },
-    size: null,
-    title: null,
-    extra: null
-  },
-  setup(s) {
-    const f = E(), S = w();
-    z(j, S.props);
-    const $ = V(() => [o.b(), o.m("small")]), h = (t, a, e, l = !1) => (t.props || (t.props = {}), a > e && (t.props.span = e), l && (t.props.span = a), t), x = () => {
-      var y;
-      const t = L((y = f.default) == null ? void 0 : y.call(f)).filter(
-        (r) => {
-          var c;
-          return ((c = r == null ? void 0 : r.type) == null ? void 0 : c.name) === "ElDescriptionsItem";
-        }
-      ), a = [];
-      let e = [], l = s.column, b = 0;
-      return t.forEach((r, c) => {
-        var g;
-        const m = ((g = r == null ? void 0 : r.props) == null ? void 0 : g.span) || 1;
-        if (c < t.length - 1 && (b += m > l ? l : m), c === t.length - 1) {
-          const B = s.column - b % s.column;
-          e.push(h(r, B, l, !0)), a.push(e);
-          return;
-        }
-        m < l ? (l -= m, e.push(r)) : (e.push(h(r, m, l)), a.push(e), l = s.column, e = []);
-      }), a;
-    };
-    return (t, a) => (p(), d("div", {
-      class: n(i($))
-    }, [
-      s.title || s.extra || t.$slots.title || t.$slots.extra ? (p(), d("div", {
-        key: 0,
-        class: n(i(o).e("header"))
-      }, [
-        u("div", {
-          class: n(i(o).e("title"))
-        }, [
-          v(t.$slots, "title", {}, () => [
-            k(C(s.title), 1)
-          ])
-        ], 2),
-        u("div", {
-          class: n(i(o).e("extra"))
-        }, [
-          v(t.$slots, "extra", {}, () => [
-            k(C(s.extra), 1)
-          ])
-        ], 2)
-      ], 2)) : D("", !0),
-      u("div", {
-        class: n(i(o).e("body"))
-      }, [
-        u("table", {
-          class: n([i(o).e("table"), i(o).is("bordered", s.border)])
-        }, [
-          u("tbody", null, [
-            (p(!0), d(I, null, K(x(), (e, l) => (p(), F(T, {
-              key: l,
-              row: e
-            }, null, 8, ["row"]))), 128))
-          ])
-        ], 2)
-      ], 2)
-    ], 2));
-  }
-});
-export {
-  Y as default
-};

package/es/packages/components/descriptions/descriptions-cell.js

@@ -1,102 +0,0 @@
-import { defineComponent as S, inject as v, h as s } from "vue";
-import { addUnit as y } from "@vft/utils";
-import { useNamespace as w } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import { isNil as A } from "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import { getNormalizedProps as j } from "../../utils/vue/vnode.js";
-import "../../utils/ns-cover.js";
-import { descriptionsKey as D } from "./token.js";
-const q = S({
-  name: "VftDescriptionsCell",
-  props: {
-    cell: {
-      type: Object
-    },
-    tag: {
-      type: String
-    },
-    type: {
-      type: String
-    }
-  },
-  setup() {
-    return {
-      descriptions: v(D, {})
-    };
-  },
-  render() {
-    var h, n, g, f, c, u;
-    const e = j(
-      this.cell
-    ), { border: p, direction: N } = this.descriptions, l = N === "vertical", o = ((g = (n = (h = this.cell) == null ? void 0 : h.children) == null ? void 0 : n.label) == null ? void 0 : g.call(n)) || e.label, d = (u = (c = (f = this.cell) == null ? void 0 : f.children) == null ? void 0 : c.default) == null ? void 0 : u.call(c), i = e.span, a = e.align ? `is-${e.align}` : "", C = e.labelAlign ? `is-${e.labelAlign}` : a, m = e.className, b = e.labelClassName, r = {
-      width: y(e.width),
-      minWidth: y(e.minWidth)
-    }, t = w("descriptions");
-    switch (this.type) {
-      case "label":
-        return s(
-          this.tag,
-          {
-            style: r,
-            class: [
-              t.e("cell"),
-              t.e("label"),
-              t.is("bordered-label", p),
-              t.is("vertical-label", l),
-              C,
-              b
-            ],
-            colSpan: l ? i : 1
-          },
-          o
-        );
-      case "content":
-        return s(
-          this.tag,
-          {
-            style: r,
-            class: [
-              t.e("cell"),
-              t.e("content"),
-              t.is("bordered-content", p),
-              t.is("vertical-content", l),
-              a,
-              m
-            ],
-            colSpan: l ? i : i * 2 - 1
-          },
-          d
-        );
-      default:
-        return s(
-          "td",
-          {
-            style: r,
-            class: [t.e("cell"), a],
-            colSpan: i
-          },
-          [
-            A(o) ? void 0 : s(
-              "span",
-              {
-                class: [t.e("label"), b]
-              },
-              o
-            ),
-            s(
-              "span",
-              {
-                class: [t.e("content"), m]
-              },
-              d
-            )
-          ]
-        );
-    }
-  }
-});
-export {
-  q as default
-};

package/es/packages/components/descriptions/descriptions-row.vue2.js

@@ -1,67 +0,0 @@
-import { defineComponent as d, inject as y, unref as r, openBlock as t, createElementBlock as n, Fragment as o, createElementVNode as m, renderList as u, createBlock as a, createVNode as s } from "vue";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.js";
-import c from "./descriptions-cell.js";
-import { descriptionsKey as k } from "./token.js";
-const g = { key: 1 }, _ = (
-  /* hoist-static*/
-  f("descriptions-row")
-), b = d({
-  name: _.b()
-}), F = /* @__PURE__ */ d({
-  ...b,
-  props: {
-    row: { default: [] }
-  },
-  setup(i) {
-    const p = y(k, {});
-    return (w, h) => r(p).direction === "vertical" ? (t(), n(o, { key: 0 }, [
-      m("tr", null, [
-        (t(!0), n(o, null, u(i.row, (e, l) => (t(), a(r(c), {
-          key: `tr1-${l}`,
-          cell: e,
-          tag: "th",
-          type: "label"
-        }, null, 8, ["cell"]))), 128))
-      ]),
-      m("tr", null, [
-        (t(!0), n(o, null, u(i.row, (e, l) => (t(), a(r(c), {
-          key: `tr2-${l}`,
-          cell: e,
-          tag: "td",
-          type: "content"
-        }, null, 8, ["cell"]))), 128))
-      ])
-    ], 64)) : (t(), n("tr", g, [
-      (t(!0), n(o, null, u(i.row, (e, l) => (t(), n(o, {
-        key: `tr3-${l}`
-      }, [
-        r(p).border ? (t(), n(o, { key: 0 }, [
-          s(r(c), {
-            cell: e,
-            tag: "td",
-            type: "label"
-          }, null, 8, ["cell"]),
-          s(r(c), {
-            cell: e,
-            tag: "td",
-            type: "content"
-          }, null, 8, ["cell"])
-        ], 64)) : (t(), a(r(c), {
-          key: 1,
-          cell: e,
-          tag: "td",
-          type: "both"
-        }, null, 8, ["cell"]))
-      ], 64))), 128))
-    ]));
-  }
-});
-export {
-  F as default
-};

package/es/packages/components/divider/divider.vue2.js

@@ -1,49 +0,0 @@
-import { defineComponent as a, computed as m, openBlock as n, createElementBlock as i, normalizeClass as l, unref as r, normalizeStyle as c, renderSlot as s, createCommentVNode as u } from "vue";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.js";
-const t = (
-  /* hoist-static*/
-  f("divider")
-), b = a({
-  name: t.b()
-}), h = /* @__PURE__ */ a({
-  ...b,
-  props: {
-    direction: { default: "horizontal" },
-    contentPosition: { default: "center" },
-    borderStyle: { default: "solid" },
-    borderColor: null,
-    marginY: null,
-    marginX: null
-  },
-  setup(e) {
-    const d = m(() => ({
-      ...t.cssVarBlock({
-        "border-style": e.borderStyle,
-        "border-color": e.borderColor,
-        "margin-y": e.marginY,
-        "margin-x": e.marginX
-      })
-    }));
-    return (o, y) => (n(), i("div", {
-      class: l([r(t).b(), r(t).m(e.direction)]),
-      style: c(r(d)),
-      role: "separator"
-    }, [
-      o.$slots.default && e.direction !== "vertical" ? (n(), i("div", {
-        key: 0,
-        class: l([r(t).e("text"), r(t).is(e.contentPosition)])
-      }, [
-        s(o.$slots, "default")
-      ], 2)) : u("", !0)
-    ], 6));
-  }
-});
-export {
-  h as default
-};

package/es/packages/components/dropdown/dropdown-item-impl.vue.js

@@ -1,33 +0,0 @@
-import t from "./dropdown-item-impl.vue2.js";
-import { resolveComponent as m, openBlock as r, createElementBlock as d, Fragment as a, mergeProps as i, createCommentVNode as l, createElementVNode as p, withModifiers as u, createBlock as f, normalizeProps as b, renderSlot as $ } from "vue";
-import v from "../../../_virtual/_plugin-vue_export-helper.js";
-const w = ["aria-disabled", "tabindex", "role"];
-function k(e, o, y, F, M, P) {
-  const s = m("vft-icon");
-  return r(), d(a, null, [
-    e.divided ? (r(), d("li", i({
-      key: 0,
-      role: "separator",
-      class: e.ns.bem("menu", "item", "divided")
-    }, e.$attrs), null, 16)) : l("", !0),
-    p("li", i({ ref: e.itemRef }, { ...e.dataset, ...e.$attrs }, {
-      "aria-disabled": e.disabled,
-      class: [e.ns.be("menu", "item"), e.ns.is("disabled", e.disabled)],
-      tabindex: e.tabIndex,
-      role: e.role,
-      onClick: o[0] || (o[0] = (n) => e.$emit("clickimpl", n)),
-      onFocus: o[1] || (o[1] = (...n) => e.handleFocus && e.handleFocus(...n)),
-      onKeydown: o[2] || (o[2] = u((...n) => e.handleKeydown && e.handleKeydown(...n), ["self"])),
-      onMousedown: o[3] || (o[3] = (...n) => e.handleMousedown && e.handleMousedown(...n)),
-      onPointermove: o[4] || (o[4] = (n) => e.$emit("pointermove", n)),
-      onPointerleave: o[5] || (o[5] = (n) => e.$emit("pointerleave", n))
-    }), [
-      e.icon ? (r(), f(s, b(i({ key: 0 }, e.icon)), null, 16)) : l("", !0),
-      $(e.$slots, "default")
-    ], 16, w)
-  ], 64);
-}
-const K = /* @__PURE__ */ v(t, [["render", k]]);
-export {
-  K as default
-};

package/es/packages/components/dropdown/dropdown-item-impl.vue2.js

@@ -1,75 +0,0 @@
-import { defineComponent as O, inject as e, computed as u } from "vue";
-import "../roving-focus-group/roving-focus-group.vue2.js";
-import "../roving-focus-group/roving-focus-item.vue2.js";
-import "../roving-focus-group/roving-focus-group-impl.vue2.js";
-import { ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as N } from "../roving-focus-group/types.js";
-import { ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as C } from "../roving-focus-group/tokens.js";
-import { EVENT_CODE as r } from "../../constants/aria.js";
-import { COLLECTION_ITEM_SIGN as T } from "../collection/collection.js";
-import { VftIcon as v } from "../icon/index.js";
-import { useNamespace as R } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import { composeRefs as L } from "../../utils/vue/refs.js";
-import { composeEventHandlers as K } from "../../utils/event.js";
-import "../../utils/ns-cover.js";
-import { DROPDOWN_COLLECTION_ITEM_INJECTION_KEY as g } from "./types.js";
-import { DROPDOWN_INJECTION_KEY as w } from "./tokens.js";
-const z = O({
-  name: "DropdownItemImpl",
-  components: {
-    VftIcon: v
-  },
-  props: {
-    command: {
-      type: [Object, String, Number],
-      default: () => ({})
-    },
-    disabled: Boolean,
-    divided: Boolean,
-    textValue: String,
-    icon: String
-  },
-  emits: ["pointermove", "pointerleave", "click", "clickimpl"],
-  setup(D, { emit: m }) {
-    const i = R("dropdown"), { role: t } = e(w, void 0), { collectionItemRef: p } = e(
-      g,
-      void 0
-    ), { collectionItemRef: c } = e(
-      N,
-      void 0
-    ), {
-      rovingFocusGroupItemRef: I,
-      tabIndex: l,
-      handleFocus: s,
-      handleKeydown: a,
-      handleMousedown: d
-    } = e(C, void 0), _ = L(
-      p,
-      c,
-      I
-    ), f = u(() => t.value === "menu" ? "menuitem" : t.value === "navigation" ? "link" : "button"), E = K((o) => {
-      const { code: n } = o;
-      if (n === r.enter || n === r.space)
-        return o.preventDefault(), o.stopImmediatePropagation(), m("clickimpl", o), !0;
-    }, a);
-    return {
-      ns: i,
-      itemRef: _,
-      dataset: {
-        [T]: ""
-      },
-      role: f,
-      tabIndex: l,
-      handleFocus: s,
-      handleKeydown: E,
-      handleMousedown: d
-    };
-  }
-});
-export {
-  z as default
-};

package/es/packages/components/dropdown/dropdown-item.vue.js

@@ -1,35 +0,0 @@
-import d from "./dropdown-item.vue2.js";
-import { resolveComponent as o, openBlock as a, createBlock as p, withCtx as n, createVNode as t, mergeProps as m, renderSlot as s } from "vue";
-import c from "../../../_virtual/_plugin-vue_export-helper.js";
-function f(e, u, _, v, P, b) {
-  const r = o("dropdown-item-impl"), l = o("roving-focus-item"), i = o("dropdown-collection-item");
-  return a(), p(i, {
-    disabled: e.disabled,
-    "text-value": e.textValue ?? e.textContent
-  }, {
-    default: n(() => [
-      t(l, {
-        focusable: !e.disabled
-      }, {
-        default: n(() => [
-          t(r, m(e.propsAndAttrs, {
-            onPointerleave: e.handlePointerLeave,
-            onPointermove: e.handlePointerMove,
-            onClickimpl: e.handleClick
-          }), {
-            default: n(() => [
-              s(e.$slots, "default")
-            ]),
-            _: 3
-          }, 16, ["onPointerleave", "onPointermove", "onClickimpl"])
-        ]),
-        _: 3
-      }, 8, ["focusable"])
-    ]),
-    _: 3
-  }, 8, ["disabled", "text-value"]);
-}
-const k = /* @__PURE__ */ c(d, [["render", f]]);
-export {
-  k as default
-};

package/es/packages/components/dropdown/dropdown-menu.vue.js

@@ -1,24 +0,0 @@
-import l from "./dropdown-menu.vue2.js";
-import { openBlock as s, createElementBlock as d, normalizeClass as i, normalizeStyle as u, withModifiers as n, renderSlot as p } from "vue";
-import a from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = ["role", "aria-labelledby"];
-function t(o, e, m, w, y, b) {
-  return s(), d("ul", {
-    ref: o.dropdownListWrapperRef,
-    class: i(o.dropdownKls),
-    style: u(o.rovingFocusGroupRootStyle),
-    tabindex: -1,
-    role: o.role,
-    "aria-labelledby": o.triggerId,
-    onBlur: e[0] || (e[0] = (...r) => o.onBlur && o.onBlur(...r)),
-    onFocus: e[1] || (e[1] = (...r) => o.onFocus && o.onFocus(...r)),
-    onKeydown: e[2] || (e[2] = n((...r) => o.handleKeydown && o.handleKeydown(...r), ["self"])),
-    onMousedown: e[3] || (e[3] = n((...r) => o.onMousedown && o.onMousedown(...r), ["self"]))
-  }, [
-    p(o.$slots, "default")
-  ], 46, f);
-}
-const F = /* @__PURE__ */ a(l, [["render", t]]);
-export {
-  F as default
-};

package/es/packages/components/dropdown/dropdown-menu.vue2.js

@@ -1,93 +0,0 @@
-import { defineComponent as F, inject as t, computed as S, unref as D } from "vue";
-import "@vft/utils";
-import { composeRefs as Y } from "../../utils/vue/refs.js";
-import "lodash";
-import "@vueuse/core";
-import { composeEventHandlers as y } from "../../utils/event.js";
-import "../../utils/ns-cover.js";
-import { EVENT_CODE as J } from "../../constants/aria.js";
-import "../focus-trap/focus-trap.vue2.js";
-import { FOCUS_TRAP_INJECTION_KEY as G } from "../focus-trap/tokens.js";
-import "../focus-trap/utils.js";
-import "../roving-focus-group/roving-focus-group.vue2.js";
-import "../roving-focus-group/roving-focus-item.vue2.js";
-import "../roving-focus-group/roving-focus-group-impl.vue2.js";
-import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as b } from "../roving-focus-group/types.js";
-import { ROVING_FOCUS_GROUP_INJECTION_KEY as P } from "../roving-focus-group/tokens.js";
-import { focusFirst as U } from "../roving-focus-group/utils.js";
-import { useNamespace as V } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { DROPDOWN_INJECTION_KEY as A } from "./tokens.js";
-import { DROPDOWN_COLLECTION_INJECTION_KEY as W, FIRST_LAST_KEYS as h, LAST_KEYS as x } from "./types.js";
-import { useDropdown as M } from "./useDropdown.js";
-const Io = F({
-  name: "VftDropdownMenu",
-  props: {
-    onKeydown: {
-      type: Function
-    }
-  },
-  setup(n) {
-    const s = V("dropdown"), { _elDropdownSize: f } = M(), e = f.value, { focusTrapRef: u, onKeydown: a } = t(
-      G,
-      void 0
-    ), { contentRef: p, role: _, triggerId: O } = t(
-      A,
-      void 0
-    ), { collectionRef: I, getItems: l } = t(
-      W,
-      void 0
-    ), {
-      rovingFocusGroupRef: E,
-      rovingFocusGroupRootStyle: N,
-      tabIndex: C,
-      onBlur: T,
-      onFocus: R,
-      onMousedown: K
-    } = t(P, void 0), { collectionRef: w } = t(
-      b,
-      void 0
-    ), v = S(() => [s.b("menu"), s.bm("menu", e == null ? void 0 : e.value)]), L = Y(
-      p,
-      I,
-      u,
-      E,
-      w
-    ), g = y(
-      (o) => {
-        var r;
-        (r = n.onKeydown) == null || r.call(n, o);
-      },
-      (o) => {
-        const { currentTarget: r, code: i, target: c } = o;
-        if (r.contains(
-          c
-        ), J.tab === i && o.stopImmediatePropagation(), o.preventDefault(), c !== D(p) || !h.includes(i))
-          return;
-        const d = l().filter(
-          (m) => !m.disabled
-        ).map((m) => m.ref);
-        x.includes(i) && d.reverse(), U(d);
-      }
-    );
-    return {
-      size: e,
-      rovingFocusGroupRootStyle: N,
-      tabIndex: C,
-      dropdownKls: v,
-      role: _,
-      triggerId: O,
-      dropdownListWrapperRef: L,
-      handleKeydown: (o) => {
-        g(o), a(o);
-      },
-      onBlur: T,
-      onFocus: R,
-      onMousedown: K
-    };
-  }
-});
-export {
-  Io as default
-};