vft 0.0.524 → 0.0.525

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

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

package/es/components/dialog/dialog-content.vue.js

@@ -1,4 +0,0 @@
-import f from "./dialog-content.vue2.js";
-export {
-  f as default
-};

package/es/components/dialog/dialog-content.vue2.js

@@ -1,97 +0,0 @@
-import { defineComponent as C, inject as u, computed as a, createElementBlock as g, openBlock as r, normalizeStyle as E, normalizeClass as s, unref as t, createElementVNode as n, createCommentVNode as y, renderSlot as i, createBlock as N, toDisplayString as P, mergeProps as S } from "vue";
-import { singleAttrToObj as T } from "@vft/utils";
-import { VftIcon as j } from "../icon/index.js";
-import "../focus-trap/focus-trap.vue2.js";
-import { FOCUS_TRAP_INJECTION_KEY as z } from "../focus-trap/tokens.js";
-import "../focus-trap/utils.js";
-import "@vueuse/core";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import { composeRefs as K } from "../../utils/vue/refs.js";
-import "../form/index.js";
-import { useDraggable as O } from "../../hooks/use-draggable/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { dialogInjectionKey as V } from "./constants.js";
-const A = ["id"], F = C({
-  name: "vft-dialog-content"
-}), le = /* @__PURE__ */ C({
-  ...F,
-  props: {
-    center: { type: Boolean, default: !1 },
-    alignCenter: { type: Boolean, default: !1 },
-    closeIcon: {},
-    customClass: {},
-    draggable: { type: Boolean, default: !1 },
-    fullscreen: { type: Boolean, default: !1 },
-    showClose: { type: Boolean, default: !0 },
-    title: { default: "" },
-    overflow: { type: Boolean },
-    headerClass: {},
-    bodyClass: {},
-    footerClass: {}
-  },
-  emits: ["close"],
-  setup(e, { expose: p }) {
-    const { dialogRef: c, headerRef: f, bodyId: b, ns: o, style: h } = u(V), { focusTrapRef: v } = u(z), B = K(v, c), d = a(() => e.draggable), I = a(() => e.overflow), { resetPosition: k, updatePosition: w, isDragging: R } = O(
-      c,
-      f,
-      d,
-      I
-    ), $ = a(() => [
-      o.b(),
-      o.is("fullscreen", e.fullscreen),
-      o.is("draggable", d.value),
-      o.is("dragging", R.value),
-      o.is("align-center", e.alignCenter),
-      { [o.m("center")]: e.center }
-    ]), D = a(() => T(e.closeIcon, "icon", {
-      icon: "icon-close",
-      pointer: !0,
-      size: 16
-    }));
-    return p({
-      resetPosition: k,
-      updatePosition: w
-    }), (l, m) => (r(), g("div", {
-      ref: t(B),
-      class: s($.value),
-      style: E(t(h)),
-      tabindex: "-1"
-    }, [
-      n("header", {
-        ref_key: "headerRef",
-        ref: f,
-        class: s([t(o).e("header"), e.headerClass, { "show-close": e.showClose }])
-      }, [
-        i(l.$slots, "header", {}, () => [
-          n("span", {
-            role: "heading",
-            class: s(t(o).e("title"))
-          }, P(e.title), 3)
-        ]),
-        e.showClose ? (r(), N(t(j), S({
-          key: 0,
-          class: [t(o).e("headerbtn")],
-          onClick: m[0] || (m[0] = (J) => l.$emit("close"))
-        }, D.value), null, 16, ["class"])) : y("", !0)
-      ], 2),
-      n("div", {
-        id: t(b),
-        class: s([t(o).e("body"), e.bodyClass])
-      }, [
-        i(l.$slots, "default")
-      ], 10, A),
-      l.$slots.footer ? (r(), g("footer", {
-        key: 0,
-        class: s([t(o).e("footer"), e.footerClass])
-      }, [
-        i(l.$slots, "footer")
-      ], 2)) : y("", !0)
-    ], 6));
-  }
-});
-export {
-  le as default
-};

package/es/components/dialog/dialog.vue.js

@@ -1,4 +0,0 @@
-import f from "./dialog.vue2.js";
-export {
-  f as default
-};

package/es/components/dialog/dialog.vue2.js

@@ -1,204 +0,0 @@
-import { defineComponent as B, ref as c, getCurrentInstance as O, provide as N, computed as q, createBlock as b, openBlock as g, unref as e, withCtx as t, createVNode as m, Transition as j, normalizeProps as x, guardReactiveProps as K, withDirectives as L, createElementVNode as U, normalizeStyle as G, normalizeClass as H, createCommentVNode as J, mergeProps as Q, createSlots as W, renderSlot as d, vShow as X } from "vue";
-import Y from "../focus-trap/focus-trap.vue.js";
-import "../focus-trap/utils.js";
-import { VftOverlay as Z } from "../overlay/index.js";
-import { VftTeleport as _ } from "../teleport/index.js";
-import { UPDATE_MODEL_EVENT as ee } from "../../constants/event.js";
-import "@vueuse/core";
-import { isBoolean as oe } from "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as le } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import { useSameTarget as te } from "../../hooks/use-same-target/index.js";
-import "../../hooks/use-z-index/index.js";
-import { dialogInjectionKey as ae } from "./constants.js";
-import se from "./dialog-content.vue2.js";
-import { useDialog as ne } from "./use-dialog.js";
-const re = ["aria-label", "aria-labelledby", "aria-describedby"], de = B({
-  name: "vft-dialog",
-  inheritAttrs: !1
-}), $e = /* @__PURE__ */ B({
-  ...de,
-  props: {
-    appendToBody: { type: Boolean, default: !1 },
-    appendTo: { default: "body" },
-    beforeClose: {},
-    destroyOnClose: { type: Boolean, default: !1 },
-    closeOnClickModal: { type: Boolean, default: !0 },
-    closeOnPressEscape: { type: Boolean, default: !0 },
-    lockScroll: { type: Boolean, default: !0 },
-    modal: { type: Boolean, default: !0 },
-    openDelay: { default: 0 },
-    closeDelay: { default: 0 },
-    top: {},
-    modalPenetrable: { type: Boolean },
-    modelValue: { type: Boolean, default: !1 },
-    modalClass: {},
-    width: {},
-    zIndex: {},
-    trapFocus: { type: Boolean, default: !1 },
-    overflow: { type: Boolean },
-    transition: {},
-    center: { type: Boolean, default: !1 },
-    alignCenter: { type: Boolean, default: !1 },
-    closeIcon: {},
-    customClass: { default: "" },
-    draggable: { type: Boolean, default: !1 },
-    fullscreen: { type: Boolean, default: !1 },
-    showClose: { type: Boolean, default: !0 },
-    title: { default: "" },
-    headerClass: {},
-    bodyClass: {},
-    footerClass: {}
-  },
-  emits: {
-    [ee]: (o) => oe(o),
-    open: () => !0,
-    opened: () => !0,
-    close: () => !0,
-    closed: () => !0,
-    openAutoFocus: () => !0,
-    closeAutoFocus: () => !0
-  },
-  setup(o, { expose: k }) {
-    const n = le("dialog"), p = c(), w = c(), i = c(), h = O(), {
-      visible: u,
-      titleId: y,
-      bodyId: C,
-      style: F,
-      overlayDialogStyle: P,
-      rendered: v,
-      transitionConfig: T,
-      zIndex: R,
-      _draggable: A,
-      _alignCenter: $,
-      _overflow: I,
-      handleClose: f,
-      onModalClick: M,
-      onOpenAutoFocus: V,
-      onCloseAutoFocus: z,
-      onCloseRequested: D,
-      onFocusoutPrevented: E
-    } = ne(h.props, p);
-    N(ae, {
-      dialogRef: p,
-      headerRef: w,
-      bodyId: C,
-      ns: n,
-      rendered: v,
-      style: F
-    });
-    const a = te(M), S = q(() => o.modalPenetrable && !o.modal && !o.fullscreen);
-    return k({
-      /** @description whether the dialog is visible */
-      visible: u,
-      dialogContentRef: i,
-      resetPosition: () => {
-        i.value?.resetPosition();
-      },
-      handleClose: f
-    }), (l, s) => (g(), b(e(_), {
-      to: o.appendTo,
-      disabled: o.appendTo !== "body" ? !1 : !o.appendToBody
-    }, {
-      default: t(() => [
-        m(j, x(K(e(T))), {
-          default: t(() => [
-            L(m(e(Z), {
-              "custom-mask-event": "",
-              mask: o.modal,
-              "overlay-class": [
-                o.modalClass ?? "",
-                `${e(n).namespace.value}-modal-dialog`,
-                e(n).is("penetrable", S.value)
-              ],
-              "z-index": e(R)
-            }, {
-              default: t(() => [
-                U("div", {
-                  role: "dialog",
-                  "aria-modal": "true",
-                  "aria-label": o.title || void 0,
-                  "aria-labelledby": o.title ? void 0 : e(y),
-                  "aria-describedby": e(C),
-                  class: H(`${e(n).namespace.value}-overlay-dialog`),
-                  style: G(e(P)),
-                  onClick: s[0] || (s[0] = //@ts-ignore
-                  (...r) => e(a).onClick && e(a).onClick(...r)),
-                  onMousedown: s[1] || (s[1] = //@ts-ignore
-                  (...r) => e(a).onMousedown && e(a).onMousedown(...r)),
-                  onMouseup: s[2] || (s[2] = //@ts-ignore
-                  (...r) => e(a).onMouseup && e(a).onMouseup(...r))
-                }, [
-                  m(e(Y), {
-                    loop: "",
-                    trapped: e(u),
-                    "focus-start-el": "container",
-                    onFocusAfterTrapped: e(V),
-                    onFocusAfterReleased: e(z),
-                    onFocusoutPrevented: e(E),
-                    onReleaseRequested: e(D)
-                  }, {
-                    default: t(() => [
-                      e(v) ? (g(), b(se, Q({
-                        key: 0,
-                        ref_key: "dialogContentRef",
-                        ref: i
-                      }, l.$attrs, {
-                        center: o.center,
-                        "align-center": e($),
-                        "close-icon": o.closeIcon,
-                        draggable: e(A),
-                        overflow: e(I),
-                        fullscreen: o.fullscreen,
-                        "header-class": o.headerClass,
-                        "body-class": o.bodyClass,
-                        "footer-class": o.footerClass,
-                        "show-close": o.showClose,
-                        title: o.title,
-                        onClose: e(f)
-                      }), W({
-                        header: t(() => [
-                          l.$slots.title ? d(l.$slots, "title", { key: 1 }) : d(l.$slots, "header", {
-                            key: 0,
-                            close: e(f),
-                            titleId: e(y),
-                            titleClass: e(n).e("title")
-                          })
-                        ]),
-                        default: t(() => [
-                          d(l.$slots, "default")
-                        ]),
-                        _: 2
-                      }, [
-                        l.$slots.footer ? {
-                          name: "footer",
-                          fn: t(() => [
-                            d(l.$slots, "footer")
-                          ]),
-                          key: "0"
-                        } : void 0
-                      ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "header-class", "body-class", "footer-class", "show-close", "title", "onClose"])) : J("", !0)
-                    ]),
-                    _: 3
-                  }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-                ], 46, re)
-              ]),
-              _: 3
-            }, 8, ["mask", "overlay-class", "z-index"]), [
-              [X, e(u)]
-            ])
-          ]),
-          _: 3
-        }, 16)
-      ]),
-      _: 3
-    }, 8, ["to", "disabled"]));
-  }
-});
-export {
-  $e as default
-};

package/es/components/divider/divider.vue.js

@@ -1,4 +0,0 @@
-import f from "./divider.vue2.js";
-export {
-  f as default
-};

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

@@ -1,48 +0,0 @@
-import { defineComponent as a, computed as m, createElementBlock as i, openBlock as n, normalizeStyle as c, normalizeClass as l, unref as r, createCommentVNode as s, renderSlot as u } from "vue";
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const v = a({
-  name: "vft-divider"
-}), N = /* @__PURE__ */ a({
-  ...v,
-  props: {
-    direction: { default: "horizontal" },
-    contentPosition: { default: "center" },
-    borderStyle: { default: "solid" },
-    borderColor: {},
-    marginY: {},
-    marginX: {}
-  },
-  setup(e) {
-    const t = f("divider"), 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(d.value),
-      role: "separator"
-    }, [
-      o.$slots.default && e.direction !== "vertical" ? (n(), i("div", {
-        key: 0,
-        class: l([r(t).e("text"), r(t).is(e.contentPosition)])
-      }, [
-        u(o.$slots, "default")
-      ], 2)) : s("", !0)
-    ], 6));
-  }
-});
-export {
-  N as default
-};

package/es/components/drawer/drawer.vue.js

@@ -1,4 +0,0 @@
-import f from "./drawer.vue2.js";
-export {
-  f as default
-};

package/es/components/drawer/drawer.vue2.js

@@ -1,216 +0,0 @@
-import { defineComponent as F, getCurrentInstance as q, ref as m, computed as x, createBlock as A, openBlock as a, unref as e, withCtx as n, createVNode as y, Transition as H, withDirectives as j, createElementVNode as b, mergeProps as R, withModifiers as U, createElementBlock as d, createCommentVNode as r, normalizeClass as s, renderSlot as i, toDisplayString as G, normalizeStyle as J, vShow as K } from "vue";
-import "../dialog/index.js";
-import Q from "../focus-trap/focus-trap.vue.js";
-import "../focus-trap/utils.js";
-import { VftIcon as W } from "../icon/index.js";
-import { VftOverlay as X } from "../overlay/index.js";
-import { VftTeleport as Y } from "../teleport/index.js";
-import { UPDATE_MODEL_EVENT as Z } from "../../constants/event.js";
-import "@vueuse/core";
-import { isBoolean as _, singleAttrToObj as ee } from "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { useResizable as te } from "./composables/useResizable.js";
-import { useDialog as le } from "../dialog/use-dialog.js";
-const ae = ["aria-label", "aria-labelledby", "aria-describedby"], se = ["id"], re = ["id"], ne = F({
-  name: "vft-drawer",
-  inheritAttrs: !1
-}), Fe = /* @__PURE__ */ F({
-  ...ne,
-  props: {
-    direction: { default: "rtl" },
-    size: { default: "30%" },
-    withHeader: { type: Boolean, default: !0 },
-    modalFade: { type: Boolean, default: !0 },
-    resizable: { type: Boolean, default: !1 },
-    appendToBody: { type: Boolean, default: !1 },
-    appendTo: { default: "body" },
-    beforeClose: {},
-    destroyOnClose: { type: Boolean, default: !1 },
-    closeOnClickModal: { type: Boolean, default: !0 },
-    closeOnPressEscape: { type: Boolean, default: !0 },
-    lockScroll: { type: Boolean, default: !0 },
-    modal: { type: Boolean, default: !0 },
-    openDelay: { default: 0 },
-    closeDelay: { default: 0 },
-    top: {},
-    modalPenetrable: { type: Boolean },
-    modelValue: { type: Boolean, default: !1 },
-    modalClass: {},
-    width: {},
-    zIndex: {},
-    trapFocus: { type: Boolean, default: !1 },
-    overflow: { type: Boolean },
-    transition: {},
-    center: { type: Boolean, default: !1 },
-    alignCenter: { type: Boolean, default: !1 },
-    closeIcon: {},
-    customClass: { default: "" },
-    draggable: { type: Boolean, default: !1 },
-    fullscreen: { type: Boolean, default: !1 },
-    showClose: { type: Boolean, default: !0 },
-    title: { default: "" },
-    headerClass: {},
-    bodyClass: {},
-    footerClass: {}
-  },
-  emits: {
-    [Z]: (o) => _(o),
-    open: () => !0,
-    opened: () => !0,
-    close: () => !0,
-    closed: () => !0,
-    openAutoFocus: () => !0,
-    closeAutoFocus: () => !0
-  },
-  setup(o, { expose: T }) {
-    const C = q(), f = m(), v = m(), B = m(), t = oe("drawer"), {
-      afterEnter: k,
-      afterLeave: h,
-      beforeLeave: I,
-      visible: u,
-      rendered: E,
-      titleId: c,
-      bodyId: g,
-      zIndex: w,
-      onModalClick: V,
-      onOpenAutoFocus: D,
-      onCloseAutoFocus: L,
-      onFocusoutPrevented: O,
-      onCloseRequested: P,
-      handleClose: p
-    } = le(C.props, f), {
-      isHorizontal: S,
-      size: $,
-      isResizing: N
-    } = te(C.props, B), M = x(() => ee(o.closeIcon, "icon", {
-      icon: "icon-close",
-      pointer: !0
-    }));
-    return T({
-      close: p,
-      afterEnter: k,
-      afterLeave: h
-    }), (l, z) => (a(), A(e(Y), {
-      to: o.appendTo,
-      disabled: o.appendTo !== "body" ? !1 : !o.appendToBody
-    }, {
-      default: n(() => [
-        y(H, {
-          name: e(t).b("fade"),
-          onAfterEnter: e(k),
-          onAfterLeave: e(h),
-          onBeforeLeave: e(I)
-        }, {
-          default: n(() => [
-            j(y(e(X), {
-              mask: o.modal,
-              "overlay-class": [e(t).is("drawer"), o.modalClass ?? ""],
-              "z-index": e(w),
-              onClick: e(V)
-            }, {
-              default: n(() => [
-                y(e(Q), {
-                  loop: "",
-                  trapped: e(u),
-                  "focus-trap-el": f.value,
-                  "focus-start-el": v.value,
-                  onFocusAfterTrapped: e(D),
-                  onFocusAfterReleased: e(L),
-                  onFocusoutPrevented: e(O),
-                  onReleaseRequested: e(P)
-                }, {
-                  default: n(() => [
-                    b("div", R({
-                      ref_key: "drawerRef",
-                      ref: f,
-                      "aria-modal": "true",
-                      "aria-label": o.title || void 0,
-                      "aria-labelledby": o.title ? void 0 : e(c),
-                      "aria-describedby": e(g)
-                    }, l.$attrs, {
-                      class: [
-                        e(t).b(),
-                        o.direction,
-                        e(u) && "open",
-                        e(t).is("dragging", e(N))
-                      ],
-                      style: { [e(S) ? "width" : "height"]: e($) },
-                      role: "dialog",
-                      onClick: z[0] || (z[0] = U(() => {
-                      }, ["stop"]))
-                    }), [
-                      b("span", {
-                        ref_key: "focusStartRef",
-                        ref: v,
-                        class: s(e(t).e("sr-focus")),
-                        tabindex: "-1"
-                      }, null, 2),
-                      o.withHeader ? (a(), d("header", {
-                        key: 0,
-                        class: s([e(t).e("header"), o.headerClass])
-                      }, [
-                        l.$slots.title ? i(l.$slots, "title", { key: 1 }) : i(l.$slots, "header", {
-                          key: 0,
-                          close: e(p),
-                          titleId: e(c),
-                          titleClass: e(t).e("title")
-                        }, () => [
-                          b("span", {
-                            id: e(c),
-                            role: "heading",
-                            class: s(e(t).e("title"))
-                          }, G(o.title), 11, se)
-                        ]),
-                        o.showClose ? (a(), A(e(W), R({
-                          key: 2,
-                          onClick: e(p)
-                        }, M.value, {
-                          class: e(t).e("close")
-                        }), null, 16, ["onClick", "class"])) : r("", !0)
-                      ], 2)) : r("", !0),
-                      e(E) ? (a(), d("div", {
-                        key: 1,
-                        id: e(g),
-                        class: s([e(t).e("body"), o.bodyClass])
-                      }, [
-                        i(l.$slots, "default")
-                      ], 10, re)) : r("", !0),
-                      l.$slots.footer ? (a(), d("div", {
-                        key: 2,
-                        class: s([e(t).e("footer"), o.footerClass])
-                      }, [
-                        i(l.$slots, "footer")
-                      ], 2)) : r("", !0),
-                      o.resizable ? (a(), d("div", {
-                        key: 3,
-                        ref_key: "draggerRef",
-                        ref: B,
-                        style: J({ zIndex: e(w) }),
-                        class: s(e(t).e("dragger"))
-                      }, null, 6)) : r("", !0)
-                    ], 16, ae)
-                  ]),
-                  _: 3
-                }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-              ]),
-              _: 3
-            }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
-              [K, e(u)]
-            ])
-          ]),
-          _: 3
-        }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-      ]),
-      _: 3
-    }, 8, ["to", "disabled"]));
-  }
-});
-export {
-  Fe as default
-};

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

@@ -1,4 +0,0 @@
-import f from "./dropdown-item-impl.vue2.js";
-export {
-  f as default
-};