vft 0.0.375 → 0.0.376

package/lib/components/drawer/drawer.vue2.cjs

@@ -1,206 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const utils = require("@vft/utils");
-require("../dialog/index.cjs");
-const focusTrap = require("../focus-trap/focus-trap.vue.cjs");
-require("../focus-trap/utils.cjs");
-const index$3 = require("../icon/index.cjs");
-const index$2 = require("../overlay/index.cjs");
-const event = require("../../constants/event.cjs");
-require("@vueuse/core");
-const helper = require("../../utils/helper.cjs");
-require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const index$1 = require("../teleport/index.cjs");
-const useDialog = require("../dialog/hooks/use-dialog.cjs");
-const _hoisted_1 = ["aria-label", "aria-labelledby", "aria-describedby"];
-const _hoisted_2 = ["id"];
-const _hoisted_3 = ["id"];
-const __default__ = vue.defineComponent({
-  name: "vft-drawer"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    direction: { default: "rtl" },
-    size: { default: "30%" },
-    withHeader: { type: Boolean, default: true },
-    modalFade: { type: Boolean, default: true },
-    appendToBody: { type: Boolean, default: false },
-    beforeClose: {},
-    destroyOnClose: { type: Boolean, default: false },
-    closeOnClickModal: { type: Boolean, default: true },
-    closeOnPressEscape: { type: Boolean, default: true },
-    lockScroll: { type: Boolean, default: true },
-    modal: { type: Boolean, default: true },
-    openDelay: { default: 0 },
-    closeDelay: { default: 0 },
-    top: {},
-    modelValue: { type: Boolean, default: false },
-    modalClass: {},
-    width: {},
-    zIndex: {},
-    trapFocus: { type: Boolean, default: false },
-    center: { type: Boolean, default: false },
-    alignCenter: { type: Boolean, default: false },
-    closeIcon: {},
-    customClass: { default: "" },
-    draggable: { type: Boolean, default: false },
-    fullscreen: { type: Boolean, default: false },
-    showClose: { type: Boolean, default: true },
-    title: { default: "" }
-  },
-  emits: {
-    [event.UPDATE_MODEL_EVENT]: (value) => utils.isBoolean(value),
-    open: () => true,
-    opened: () => true,
-    close: () => true,
-    closed: () => true,
-    openAutoFocus: () => true,
-    closeAutoFocus: () => true
-  },
-  setup(__props, { expose: __expose }) {
-    const ns = index.useNamespace("drawer");
-    const instance = vue.getCurrentInstance();
-    const drawerRef = vue.ref();
-    const {
-      afterEnter,
-      afterLeave,
-      beforeLeave,
-      handleClose,
-      onModalClick,
-      close,
-      doClose,
-      onOpenAutoFocus,
-      onCloseAutoFocus,
-      onCloseRequested,
-      onFocusoutPrevented,
-      titleId,
-      bodyId,
-      closed,
-      style,
-      overlayDialogStyle,
-      rendered,
-      visible,
-      zIndex
-    } = useDialog.useDialog(instance.props, drawerRef);
-    const focusStartRef = vue.ref();
-    const isHorizontal = vue.computed(() => __props.direction === "rtl" || __props.direction === "ltr");
-    const drawerSize = vue.computed(() => helper.addUnit(__props.size));
-    __expose({
-      close: handleClose
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$1.VftTeleport), {
-        to: "body",
-        disabled: !_ctx.appendToBody
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(vue.Transition, {
-            name: vue.unref(ns).b("fade"),
-            onAfterEnter: vue.unref(afterEnter),
-            onAfterLeave: vue.unref(afterLeave),
-            onBeforeLeave: vue.unref(beforeLeave)
-          }, {
-            default: vue.withCtx(() => [
-              vue.withDirectives(vue.createVNode(vue.unref(index$2.VftOverlay), {
-                mask: _ctx.modal,
-                "overlay-class": _ctx.modalClass,
-                "z-index": vue.unref(zIndex),
-                onClick: vue.unref(onModalClick)
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(focusTrap.default), {
-                    loop: "",
-                    trapped: vue.unref(visible),
-                    "focus-trap-el": drawerRef.value,
-                    "focus-start-el": focusStartRef.value,
-                    onReleaseRequested: vue.unref(onCloseRequested)
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("div", vue.mergeProps({
-                        ref_key: "drawerRef",
-                        ref: drawerRef,
-                        "aria-modal": "true",
-                        "aria-label": _ctx.title || void 0,
-                        "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
-                        "aria-describedby": vue.unref(bodyId)
-                      }, _ctx.$attrs, {
-                        class: [vue.unref(ns).b(), _ctx.direction, vue.unref(visible) && "open", _ctx.customClass],
-                        style: isHorizontal.value ? "width: " + drawerSize.value : "height: " + drawerSize.value,
-                        role: "dialog",
-                        onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-                        }, ["stop"]))
-                      }), [
-                        vue.createElementVNode("span", {
-                          ref_key: "focusStartRef",
-                          ref: focusStartRef,
-                          class: vue.normalizeClass(vue.unref(ns).e("sr-focus")),
-                          tabindex: "-1"
-                        }, null, 2),
-                        _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
-                          key: 0,
-                          class: vue.normalizeClass(vue.unref(ns).e("header"))
-                        }, [
-                          !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
-                            key: 0,
-                            close: vue.unref(handleClose),
-                            titleId: vue.unref(titleId),
-                            titleClass: vue.unref(ns).e("title")
-                          }, () => [
-                            !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
-                              key: 0,
-                              id: vue.unref(titleId),
-                              role: "heading",
-                              class: vue.normalizeClass(vue.unref(ns).e("title"))
-                            }, vue.toDisplayString(_ctx.title), 11, _hoisted_2)) : vue.createCommentVNode("", true)
-                          ]) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }),
-                          _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
-                            key: 2,
-                            class: vue.normalizeClass(vue.unref(ns).e("close-btn")),
-                            type: "button",
-                            onClick: _cache[0] || (_cache[0] = //@ts-ignore
-                            (...args) => vue.unref(handleClose) && vue.unref(handleClose)(...args))
-                          }, [
-                            vue.createVNode(vue.unref(index$3.VftIcon), {
-                              icon: "icon-close",
-                              class: vue.normalizeClass(vue.unref(ns).e("close"))
-                            }, null, 8, ["class"])
-                          ], 2)) : vue.createCommentVNode("", true)
-                        ], 2)) : vue.createCommentVNode("", true),
-                        vue.unref(rendered) ? (vue.openBlock(), vue.createElementBlock("div", {
-                          key: 1,
-                          id: vue.unref(bodyId),
-                          class: vue.normalizeClass(vue.unref(ns).e("body"))
-                        }, [
-                          vue.renderSlot(_ctx.$slots, "default")
-                        ], 10, _hoisted_3)) : vue.createCommentVNode("", true),
-                        _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
-                          key: 2,
-                          class: vue.normalizeClass(vue.unref(ns).e("footer"))
-                        }, [
-                          vue.renderSlot(_ctx.$slots, "footer")
-                        ], 2)) : vue.createCommentVNode("", true)
-                      ], 16, _hoisted_1)
-                    ]),
-                    _: 3
-                  }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
-                ]),
-                _: 3
-              }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
-                [vue.vShow, vue.unref(visible)]
-              ])
-            ]),
-            _: 3
-          }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-        ]),
-        _: 3
-      }, 8, ["disabled"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("@vft/utils");require("../dialog/index.cjs");const V=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const z=require("../icon/index.cjs"),E=require("../overlay/index.cjs"),g=require("../../constants/event.cjs");require("@vueuse/core");const N=require("../../utils/helper.cjs");require("lodash-es");const S=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const $=require("../teleport/index.cjs"),A=require("../dialog/hooks/use-dialog.cjs"),D=["aria-label","aria-labelledby","aria-describedby"],R=["id"],I=["id"],T=e.defineComponent({name:"vft-drawer"}),F=e.defineComponent({...T,props:{direction:{default:"rtl"},size:{default:"30%"},withHeader:{type:Boolean,default:!0},modalFade:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!1},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:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},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:""}},emits:{[g.UPDATE_MODEL_EVENT]:l=>w.isBoolean(l),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(l,{expose:c}){const t=S.useNamespace("drawer"),p=e.getCurrentInstance(),n=e.ref(),{afterEnter:m,afterLeave:y,beforeLeave:C,handleClose:r,onModalClick:B,close:L,doClose:O,onOpenAutoFocus:M,onCloseAutoFocus:P,onCloseRequested:k,onFocusoutPrevented:H,titleId:s,bodyId:d,closed:U,style:j,overlayDialogStyle:G,rendered:v,visible:u,zIndex:b}=A.useDialog(p.props,n),i=e.ref(),h=e.computed(()=>l.direction==="rtl"||l.direction==="ltr"),f=e.computed(()=>N.addUnit(l.size));return c({close:r}),(o,a)=>(e.openBlock(),e.createBlock(e.unref($.VftTeleport),{to:"body",disabled:!o.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:e.unref(t).b("fade"),onAfterEnter:e.unref(m),onAfterLeave:e.unref(y),onBeforeLeave:e.unref(C)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(E.VftOverlay),{mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(b),onClick:e.unref(B)},{default:e.withCtx(()=>[e.createVNode(e.unref(V.default),{loop:"",trapped:e.unref(u),"focus-trap-el":n.value,"focus-start-el":i.value,onReleaseRequested:e.unref(k)},{default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({ref_key:"drawerRef",ref:n,"aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(s),"aria-describedby":e.unref(d)},o.$attrs,{class:[e.unref(t).b(),o.direction,e.unref(u)&&"open",o.customClass],style:h.value?"width: "+f.value:"height: "+f.value,role:"dialog",onClick:a[1]||(a[1]=e.withModifiers(()=>{},["stop"]))}),[e.createElementVNode("span",{ref_key:"focusStartRef",ref:i,class:e.normalizeClass(e.unref(t).e("sr-focus")),tabindex:"-1"},null,2),o.withHeader?(e.openBlock(),e.createElementBlock("header",{key:0,class:e.normalizeClass(e.unref(t).e("header"))},[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(r),titleId:e.unref(s),titleClass:e.unref(t).e("title")},()=>[o.$slots.title?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,id:e.unref(s),role:"heading",class:e.normalizeClass(e.unref(t).e("title"))},e.toDisplayString(o.title),11,R))]),o.showClose?(e.openBlock(),e.createElementBlock("button",{key:2,class:e.normalizeClass(e.unref(t).e("close-btn")),type:"button",onClick:a[0]||(a[0]=(...q)=>e.unref(r)&&e.unref(r)(...q))},[e.createVNode(e.unref(z.VftIcon),{icon:"icon-close",class:e.normalizeClass(e.unref(t).e("close"))},null,8,["class"])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(v)?(e.openBlock(),e.createElementBlock("div",{key:1,id:e.unref(d),class:e.normalizeClass(e.unref(t).e("body"))},[e.renderSlot(o.$slots,"default")],10,I)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],16,D)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])]),_:3},8,["mask","overlay-class","z-index","onClick"]),[[e.vShow,e.unref(u)]])]),_:3},8,["name","onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["disabled"]))}});exports.default=F;

package/lib/components/drawer/index.cjs

@@ -1,12 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("vue");
-const install = require("../../utils/vue/install.cjs");
-require("lodash-es");
-const drawer_vue_vue_type_script_setup_true_lang = require("./drawer.vue2.cjs");
-const VftDrawer = install.withInstall(drawer_vue_vue_type_script_setup_true_lang.default);
-exports.VftDrawer = VftDrawer;
-exports.default = VftDrawer;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./drawer.vue2.cjs"),e=r.withInstall(t.default);exports.VftDrawer=e;exports.default=e;

package/lib/components/drawer/style/css.cjs

@@ -1,4 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-overlay.css");
-require("vft/theme-style/vft-drawer.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-overlay.css");require("vft/theme-style/vft-drawer.css");

package/lib/components/drawer/style/index.cjs

@@ -1,4 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/overlay.scss");
-require("vft/theme-style/src/drawer.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/overlay.scss");require("vft/theme-style/src/drawer.scss");

package/lib/components/dropdown/dropdown-item-impl.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const dropdownItemImpl_vue_vue_type_script_setup_true_lang = require("./dropdown-item-impl.vue2.cjs");
-exports.default = dropdownItemImpl_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dropdown-item-impl.vue2.cjs");exports.default=e.default;

package/lib/components/dropdown/dropdown-item-impl.vue2.cjs

@@ -1,116 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const collection = require("../collection/collection.cjs");
-const index$1 = require("../icon/index.cjs");
-require("../roving-focus-group/roving-focus-group.vue2.cjs");
-require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");
-require("../roving-focus-group/roving-focus-item.vue2.cjs");
-const types$1 = require("../roving-focus-group/types.cjs");
-const tokens$1 = require("../roving-focus-group/tokens.cjs");
-const aria = require("../../constants/aria.cjs");
-require("@vueuse/core");
-const utils = require("@vft/utils");
-const event = require("../../utils/event.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const refs = require("../../utils/vue/refs.cjs");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const tokens = require("./tokens.cjs");
-const types = require("./types.cjs");
-const _hoisted_1 = ["aria-disabled", "tabindex", "role"];
-const __default__ = vue.defineComponent({
-  name: "DropdownItemImpl"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    command: { default: () => ({}) },
-    disabled: { type: Boolean, default: false },
-    divided: { type: Boolean, default: false },
-    textValue: { default: "" },
-    icon: { default: "" }
-  },
-  emits: ["pointermove", "pointerleave", "click", "clickimpl"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = index.useNamespace("dropdown");
-    const _icon = vue.computed(() => utils.singleAttrToObj(props.icon, "icon"));
-    const { role: menuRole } = vue.inject(tokens.DROPDOWN_INJECTION_KEY, void 0);
-    const { collectionItemRef: dropdownCollectionItemRef } = vue.inject(
-      types.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,
-      void 0
-    );
-    const { collectionItemRef: rovingFocusCollectionItemRef } = vue.inject(
-      types$1.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,
-      void 0
-    );
-    const {
-      rovingFocusGroupItemRef,
-      tabIndex,
-      handleFocus,
-      handleKeydown: handleItemKeydown,
-      handleMousedown
-    } = vue.inject(tokens$1.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, void 0);
-    const itemRef = refs.composeRefs(
-      dropdownCollectionItemRef,
-      rovingFocusCollectionItemRef,
-      rovingFocusGroupItemRef
-    );
-    const role = vue.computed(() => {
-      if (menuRole.value === "menu") {
-        return "menuitem";
-      } else if (menuRole.value === "navigation") {
-        return "link";
-      }
-      return "button";
-    });
-    const handleKeydown = event.composeEventHandlers((e) => {
-      const { code } = e;
-      if (code === aria.EVENT_CODE.enter || code === aria.EVENT_CODE.space) {
-        e.preventDefault();
-        e.stopImmediatePropagation();
-        emit("clickimpl", e);
-        return true;
-      }
-    }, handleItemKeydown);
-    const dataset = vue.computed(() => ({
-      [collection.COLLECTION_ITEM_SIGN]: ""
-    }));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        _ctx.divided ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
-          key: 0,
-          role: "separator",
-          class: vue.unref(ns).bem("menu", "item", "divided")
-        }, _ctx.$attrs), null, 16)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("li", vue.mergeProps({ ref: vue.unref(itemRef) }, { ...dataset.value, ..._ctx.$attrs }, {
-          "aria-disabled": _ctx.disabled,
-          class: [vue.unref(ns).be("menu", "item"), vue.unref(ns).is("disabled", _ctx.disabled)],
-          tabindex: vue.unref(tabIndex),
-          role: role.value,
-          onClick: _cache[0] || (_cache[0] = (e) => _ctx.$emit("clickimpl", e)),
-          onFocus: _cache[1] || (_cache[1] = //@ts-ignore
-          (...args) => vue.unref(handleFocus) && vue.unref(handleFocus)(...args)),
-          onKeydown: _cache[2] || (_cache[2] = vue.withModifiers(
-            //@ts-ignore
-            (...args) => vue.unref(handleKeydown) && vue.unref(handleKeydown)(...args),
-            ["self"]
-          )),
-          onMousedown: _cache[3] || (_cache[3] = //@ts-ignore
-          (...args) => vue.unref(handleMousedown) && vue.unref(handleMousedown)(...args)),
-          onPointermove: _cache[4] || (_cache[4] = (e) => _ctx.$emit("pointermove", e)),
-          onPointerleave: _cache[5] || (_cache[5] = (e) => _ctx.$emit("pointerleave", e))
-        }), [
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), vue.normalizeProps(vue.mergeProps({ key: 0 }, _icon.value)), null, 16)) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 16, _hoisted_1)
-      ], 64);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("../collection/collection.cjs"),T=require("../icon/index.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");const R=require("../roving-focus-group/types.cjs"),g=require("../roving-focus-group/tokens.cjs"),d=require("../../constants/aria.cjs");require("@vueuse/core");const y=require("@vft/utils"),P=require("../../utils/event.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const _=require("../../utils/vue/refs.cjs"),w=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const M=require("./tokens.cjs"),V=require("./types.cjs"),$=["aria-disabled","tabindex","role"],B=e.defineComponent({name:"DropdownItemImpl"}),D=e.defineComponent({...B,props:{command:{default:()=>({})},disabled:{type:Boolean,default:!1},divided:{type:Boolean,default:!1},textValue:{default:""},icon:{default:""}},emits:["pointermove","pointerleave","click","clickimpl"],setup(a,{emit:m}){const c=a,f=m,r=w.useNamespace("dropdown"),p=e.computed(()=>y.singleAttrToObj(c.icon,"icon")),{role:i}=e.inject(M.DROPDOWN_INJECTION_KEY,void 0),{collectionItemRef:I}=e.inject(V.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,void 0),{collectionItemRef:v}=e.inject(R.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupItemRef:E,tabIndex:O,handleFocus:l,handleKeydown:N,handleMousedown:s}=e.inject(g.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,void 0),q=_.composeRefs(I,v,E),C=e.computed(()=>i.value==="menu"?"menuitem":i.value==="navigation"?"link":"button"),u=P.composeEventHandlers(o=>{const{code:n}=o;if(n===d.EVENT_CODE.enter||n===d.EVENT_CODE.space)return o.preventDefault(),o.stopImmediatePropagation(),f("clickimpl",o),!0},N),k=e.computed(()=>({[b.COLLECTION_ITEM_SIGN]:""}));return(o,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o.divided?(e.openBlock(),e.createElementBlock("li",e.mergeProps({key:0,role:"separator",class:e.unref(r).bem("menu","item","divided")},o.$attrs),null,16)):e.createCommentVNode("",!0),e.createElementVNode("li",e.mergeProps({ref:e.unref(q)},{...k.value,...o.$attrs},{"aria-disabled":o.disabled,class:[e.unref(r).be("menu","item"),e.unref(r).is("disabled",o.disabled)],tabindex:e.unref(O),role:C.value,onClick:n[0]||(n[0]=t=>o.$emit("clickimpl",t)),onFocus:n[1]||(n[1]=(...t)=>e.unref(l)&&e.unref(l)(...t)),onKeydown:n[2]||(n[2]=e.withModifiers((...t)=>e.unref(u)&&e.unref(u)(...t),["self"])),onMousedown:n[3]||(n[3]=(...t)=>e.unref(s)&&e.unref(s)(...t)),onPointermove:n[4]||(n[4]=t=>o.$emit("pointermove",t)),onPointerleave:n[5]||(n[5]=t=>o.$emit("pointerleave",t))}),[o.icon?(e.openBlock(),e.createBlock(e.unref(T.VftIcon),e.normalizeProps(e.mergeProps({key:0},p.value)),null,16)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")],16,$)],64))}});exports.default=D;

package/lib/components/dropdown/dropdown-item.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const dropdownItem_vue_vue_type_script_setup_true_lang = require("./dropdown-item.vue2.cjs");
-exports.default = dropdownItem_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dropdown-item.vue2.cjs");exports.default=e.default;

package/lib/components/dropdown/dropdown-item.vue2.cjs

@@ -1,120 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("../roving-focus-group/roving-focus-group.vue2.cjs");
-require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");
-const rovingFocusItem_vue_vue_type_script_setup_true_lang = require("../roving-focus-group/roving-focus-item.vue2.cjs");
-require("../roving-focus-group/types.cjs");
-require("@vueuse/core");
-require("@vft/utils");
-const event = require("../../utils/event.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const dropdownItemImpl_vue_vue_type_script_setup_true_lang = require("./dropdown-item-impl.vue2.cjs");
-const tokens = require("./tokens.cjs");
-const types = require("./types.cjs");
-const useDropdown = require("./useDropdown.cjs");
-const __default__ = vue.defineComponent({
-  name: "VftDropdownItem",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    command: { default: () => ({}) },
-    disabled: { type: Boolean, default: false },
-    divided: { type: Boolean, default: false },
-    textValue: { default: "" },
-    icon: { default: "" }
-  },
-  emits: ["pointermove", "pointerleave", "click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = vue.useAttrs();
-    const { elDropdown } = useDropdown.useDropdown();
-    const _instance = vue.getCurrentInstance();
-    const itemRef = vue.ref(null);
-    const textContent = vue.computed(() => vue.unref(itemRef)?.textContent ?? "");
-    const { onItemEnter, onItemLeave } = vue.inject(tokens.DROPDOWN_INJECTION_KEY, void 0);
-    const handlePointerMove = event.composeEventHandlers(
-      (e) => {
-        emit("pointermove", e);
-        return e.defaultPrevented;
-      },
-      event.whenMouse((e) => {
-        if (props.disabled) {
-          onItemLeave(e);
-          return;
-        }
-        const target = e.currentTarget;
-        if (target === document.activeElement || target.contains(document.activeElement)) {
-          return;
-        }
-        onItemEnter(e);
-        if (!e.defaultPrevented) {
-          target?.focus();
-        }
-      })
-    );
-    const handlePointerLeave = event.composeEventHandlers(
-      (e) => {
-        emit("pointerleave", e);
-        return e.defaultPrevented;
-      },
-      event.whenMouse((e) => {
-        onItemLeave(e);
-      })
-    );
-    const handleClick = event.composeEventHandlers(
-      (e) => {
-        if (props.disabled) {
-          return;
-        }
-        emit("click", e);
-        return e.type !== "keydown" && e.defaultPrevented;
-      },
-      (e) => {
-        if (props.disabled) {
-          e.stopImmediatePropagation();
-          return;
-        }
-        if (elDropdown?.hideOnClick?.value) {
-          elDropdown.handleClick?.();
-        }
-        elDropdown.commandHandler?.(props.command, _instance, e);
-      }
-    );
-    const propsAndAttrs = vue.computed(() => {
-      return { ...props, ...attrs };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(types.VftCollectionItem), {
-        disabled: _ctx.disabled,
-        "text-value": _ctx.textValue ?? textContent.value
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(rovingFocusItem_vue_vue_type_script_setup_true_lang.default), {
-            focusable: !_ctx.disabled
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(dropdownItemImpl_vue_vue_type_script_setup_true_lang.default, vue.mergeProps(propsAndAttrs.value, {
-                onPointerleave: vue.unref(handlePointerLeave),
-                onPointermove: vue.unref(handlePointerMove),
-                onClickimpl: vue.unref(handleClick)
-              }), {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 16, ["onPointerleave", "onPointermove", "onClickimpl"])
-            ]),
-            _: 3
-          }, 8, ["focusable"])
-        ]),
-        _: 3
-      }, 8, ["disabled", "text-value"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");const P=require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");require("@vueuse/core");require("@vft/utils");const o=require("../../utils/event.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const b=require("./dropdown-item-impl.vue2.cjs"),h=require("./tokens.cjs"),k=require("./types.cjs"),w=require("./useDropdown.cjs"),I=t.defineComponent({name:"VftDropdownItem",inheritAttrs:!1}),g=t.defineComponent({...I,props:{command:{default:()=>({})},disabled:{type:Boolean,default:!1},divided:{type:Boolean,default:!1},textValue:{default:""},icon:{default:""}},emits:["pointermove","pointerleave","click"],setup(a,{emit:s}){const n=a,u=s,d=t.useAttrs(),{elDropdown:i}=w.useDropdown(),c=t.getCurrentInstance(),f=t.ref(null),p=t.computed(()=>t.unref(f)?.textContent??""),{onItemEnter:m,onItemLeave:l}=t.inject(h.DROPDOWN_INJECTION_KEY,void 0),v=o.composeEventHandlers(e=>(u("pointermove",e),e.defaultPrevented),o.whenMouse(e=>{if(n.disabled){l(e);return}const r=e.currentTarget;r===document.activeElement||r.contains(document.activeElement)||(m(e),e.defaultPrevented||r?.focus())})),_=o.composeEventHandlers(e=>(u("pointerleave",e),e.defaultPrevented),o.whenMouse(e=>{l(e)})),C=o.composeEventHandlers(e=>{if(!n.disabled)return u("click",e),e.type!=="keydown"&&e.defaultPrevented},e=>{if(n.disabled){e.stopImmediatePropagation();return}i?.hideOnClick?.value&&i.handleClick?.(),i.commandHandler?.(n.command,c,e)}),q=t.computed(()=>({...n,...d}));return(e,r)=>(t.openBlock(),t.createBlock(t.unref(k.VftCollectionItem),{disabled:e.disabled,"text-value":e.textValue??p.value},{default:t.withCtx(()=>[t.createVNode(t.unref(P.default),{focusable:!e.disabled},{default:t.withCtx(()=>[t.createVNode(b.default,t.mergeProps(q.value,{onPointerleave:t.unref(_),onPointermove:t.unref(v),onClickimpl:t.unref(C)}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["onPointerleave","onPointermove","onClickimpl"])]),_:3},8,["focusable"])]),_:3},8,["disabled","text-value"]))}});exports.default=g;

package/lib/components/dropdown/dropdown-menu.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const dropdownMenu_vue_vue_type_script_setup_true_lang = require("./dropdown-menu.vue2.cjs");
-exports.default = dropdownMenu_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dropdown-menu.vue2.cjs");exports.default=e.default;

package/lib/components/dropdown/dropdown-menu.vue2.cjs

@@ -1,126 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("../focus-trap/focus-trap.vue2.cjs");
-const tokens = require("../focus-trap/tokens.cjs");
-require("../focus-trap/utils.cjs");
-require("../roving-focus-group/roving-focus-group.vue2.cjs");
-require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");
-require("../roving-focus-group/roving-focus-item.vue2.cjs");
-const types$1 = require("../roving-focus-group/types.cjs");
-const tokens$2 = require("../roving-focus-group/tokens.cjs");
-const utils = require("../roving-focus-group/utils.cjs");
-const aria = require("../../constants/aria.cjs");
-require("@vueuse/core");
-require("@vft/utils");
-const event = require("../../utils/event.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const refs = require("../../utils/vue/refs.cjs");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const tokens$1 = require("./tokens.cjs");
-const types = require("./types.cjs");
-const useDropdown = require("./useDropdown.cjs");
-const _hoisted_1 = ["role", "aria-labelledby"];
-const __default__ = vue.defineComponent({
-  name: "VftDropdownMenu"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    onKeydown: { type: Function }
-  },
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("dropdown");
-    const { _elDropdownSize } = useDropdown.useDropdown();
-    const size = _elDropdownSize.value;
-    const { focusTrapRef, onKeydown } = vue.inject(
-      tokens.FOCUS_TRAP_INJECTION_KEY,
-      void 0
-    );
-    const { contentRef, role, triggerId } = vue.inject(
-      tokens$1.DROPDOWN_INJECTION_KEY,
-      void 0
-    );
-    const { collectionRef: dropdownCollectionRef, getItems } = vue.inject(
-      types.DROPDOWN_COLLECTION_INJECTION_KEY,
-      void 0
-    );
-    const {
-      rovingFocusGroupRef,
-      rovingFocusGroupRootStyle,
-      tabIndex,
-      onBlur,
-      onFocus,
-      onMousedown
-    } = vue.inject(tokens$2.ROVING_FOCUS_GROUP_INJECTION_KEY, void 0);
-    const { collectionRef: rovingFocusGroupCollectionRef } = vue.inject(
-      types$1.ROVING_FOCUS_COLLECTION_INJECTION_KEY,
-      void 0
-    );
-    const dropdownKls = vue.computed(() => {
-      return [ns.b("menu"), ns.bm("menu", size?.value)];
-    });
-    const dropdownListWrapperRef = refs.composeRefs(
-      contentRef,
-      dropdownCollectionRef,
-      focusTrapRef,
-      rovingFocusGroupRef,
-      rovingFocusGroupCollectionRef
-    );
-    const composedKeydown = event.composeEventHandlers(
-      (e) => {
-        props.onKeydown?.(e);
-      },
-      (e) => {
-        const { currentTarget, code, target } = e;
-        currentTarget.contains(target);
-        if (aria.EVENT_CODE.tab === code) {
-          e.stopImmediatePropagation();
-        }
-        e.preventDefault();
-        if (target !== vue.unref(contentRef)) return;
-        if (!types.FIRST_LAST_KEYS.includes(code)) return;
-        const items = getItems().filter(
-          (item) => !item.disabled
-        );
-        const targets = items.map((item) => item.ref);
-        if (types.LAST_KEYS.includes(code)) {
-          targets.reverse();
-        }
-        utils.focusFirst(targets);
-      }
-    );
-    const handleKeydown = (e) => {
-      composedKeydown(e);
-      onKeydown(e);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("ul", {
-        ref: vue.unref(dropdownListWrapperRef),
-        class: vue.normalizeClass(dropdownKls.value),
-        style: vue.normalizeStyle(vue.unref(rovingFocusGroupRootStyle)),
-        tabindex: -1,
-        role: vue.unref(role),
-        "aria-labelledby": vue.unref(triggerId),
-        onBlur: _cache[0] || (_cache[0] = //@ts-ignore
-        (...args) => vue.unref(onBlur) && vue.unref(onBlur)(...args)),
-        onFocus: _cache[1] || (_cache[1] = //@ts-ignore
-        (...args) => vue.unref(onFocus) && vue.unref(onFocus)(...args)),
-        onKeydown: vue.withModifiers(handleKeydown, ["self"]),
-        onMousedown: _cache[2] || (_cache[2] = vue.withModifiers(
-          //@ts-ignore
-          (...args) => vue.unref(onMousedown) && vue.unref(onMousedown)(...args),
-          ["self"]
-        ))
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 46, _hoisted_1);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../focus-trap/focus-trap.vue2.cjs");const g=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");const F=require("../roving-focus-group/types.cjs"),D=require("../roving-focus-group/tokens.cjs"),L=require("../roving-focus-group/utils.cjs"),M=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const Y=require("../../utils/event.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const j=require("../../utils/vue/refs.cjs"),G=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const P=require("./tokens.cjs"),s=require("./types.cjs"),k=require("./useDropdown.cjs"),J=["role","aria-labelledby"],z=e.defineComponent({name:"VftDropdownMenu"}),B=e.defineComponent({...z,props:{onKeydown:{type:Function}},setup(p){const _=p,i=G.useNamespace("dropdown"),{_elDropdownSize:q}=k.useDropdown(),m=q.value,{focusTrapRef:O,onKeydown:E}=e.inject(g.FOCUS_TRAP_INJECTION_KEY,void 0),{contentRef:u,role:I,triggerId:v}=e.inject(P.DROPDOWN_INJECTION_KEY,void 0),{collectionRef:w,getItems:C}=e.inject(s.DROPDOWN_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupRef:N,rovingFocusGroupRootStyle:R,tabIndex:U,onBlur:c,onFocus:l,onMousedown:d}=e.inject(D.ROVING_FOCUS_GROUP_INJECTION_KEY,void 0),{collectionRef:y}=e.inject(F.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),T=e.computed(()=>[i.b("menu"),i.bm("menu",m?.value)]),K=j.composeRefs(u,w,O,N,y),S=Y.composeEventHandlers(o=>{_.onKeydown?.(o)},o=>{const{currentTarget:r,code:n,target:f}=o;if(r.contains(f),M.EVENT_CODE.tab===n&&o.stopImmediatePropagation(),o.preventDefault(),f!==e.unref(u)||!s.FIRST_LAST_KEYS.includes(n))return;const a=C().filter(t=>!t.disabled).map(t=>t.ref);s.LAST_KEYS.includes(n)&&a.reverse(),L.focusFirst(a)}),b=o=>{S(o),E(o)};return(o,r)=>(e.openBlock(),e.createElementBlock("ul",{ref:e.unref(K),class:e.normalizeClass(T.value),style:e.normalizeStyle(e.unref(R)),tabindex:-1,role:e.unref(I),"aria-labelledby":e.unref(v),onBlur:r[0]||(r[0]=(...n)=>e.unref(c)&&e.unref(c)(...n)),onFocus:r[1]||(r[1]=(...n)=>e.unref(l)&&e.unref(l)(...n)),onKeydown:e.withModifiers(b,["self"]),onMousedown:r[2]||(r[2]=e.withModifiers((...n)=>e.unref(d)&&e.unref(d)(...n),["self"]))},[e.renderSlot(o.$slots,"default")],46,J))}});exports.default=B;

package/lib/components/dropdown/dropdown.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const dropdown_vue_vue_type_script_setup_true_lang = require("./dropdown.vue2.cjs");
-exports.default = dropdown_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dropdown.vue2.cjs");exports.default=e.default;