vft 0.0.48 → 0.0.51

package/lib/components/dialog/dialog-content.vue.d.ts

@@ -0,0 +1,81 @@
+import type { PropType as __PropType } from 'vue';
+export interface DialogContentProps {
+    center?: boolean;
+    alignCenter?: boolean;
+    closeIcon?: string;
+    customClass?: string;
+    draggable?: boolean;
+    fullscreen?: boolean;
+    showClose?: boolean;
+    title?: string;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    center: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    alignCenter: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeIcon: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    customClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    draggable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    fullscreen: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    center: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    alignCenter: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeIcon: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    customClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    draggable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    fullscreen: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/dialog/dialog-content.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../icon/index.cjs");require("../focus-trap/focus-trap.vue2.cjs");const m=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");const g=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");const C=require("../../utils/vue/refs.cjs");require("../../utils/ns-cover.cjs");const q=require("../../hooks/use-draggable/index.cjs");require("@vue/reactivity");require("@vue/shared");const y=require("./constants.cjs"),b=["id"],k=g.useNamespace("dialog-content"),B=e.defineComponent({name:k.b()}),h=e.defineComponent({...B,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{default:"ico-ep:close"},customClass:null,draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:["close"],setup(t){const{dialogRef:o,headerRef:r,bodyId:a,ns:n,style:i}=e.inject(y.dialogInjectionKey),{focusTrapRef:u}=e.inject(m.FOCUS_TRAP_INJECTION_KEY),c=C.composeRefs(u,o),d=e.computed(()=>t.draggable);return q.useDraggable(o,r,d),(l,s)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(c),class:e.normalizeClass([e.unref(n).b(),e.unref(n).is("fullscreen",t.fullscreen),e.unref(n).is("draggable",t.draggable),e.unref(n).is("align-center",t.alignCenter),{[e.unref(n).m("center")]:t.center},t.customClass]),style:e.normalizeStyle(e.unref(i)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:r,class:e.normalizeClass(e.unref(n).e("header"))},[e.renderSlot(l.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading",class:e.normalizeClass(e.unref(n).e("title"))},e.toDisplayString(t.title),3)]),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(n).e("headerbtn")),type:"button",onClick:s[0]||(s[0]=z=>l.$emit("close"))},[e.createVNode(e.unref(f.VftIcon),{class:e.normalizeClass(e.unref(n).e("close")),icon:t.closeIcon,size:"20"},null,8,["class","icon"])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:e.unref(a),class:e.normalizeClass(e.unref(n).e("body"))},[e.renderSlot(l.$slots,"default")],10,b),l.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass(e.unref(n).e("footer"))},[e.renderSlot(l.$slots,"footer")],2)):e.createCommentVNode("",!0)],6))}});exports.default=h;

package/lib/components/dialog/dialog.vue.cjs

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

package/lib/components/dialog/dialog.vue.d.ts

@@ -0,0 +1,164 @@
+import type { PropType as __PropType } from 'vue';
+import { type DialogContentProps } from './types';
+type DoneFn = (cancel?: boolean) => void;
+export interface DialogProps extends DialogContentProps {
+    appendToBody?: boolean;
+    beforeClose?: (done: DoneFn) => void;
+    destroyOnClose?: boolean;
+    closeOnClickModal?: boolean;
+    closeOnPressEscape?: boolean;
+    lockScroll?: boolean;
+    modal?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+    top?: string;
+    modelValue?: boolean;
+    modalClass?: string;
+    width?: string | number;
+    zIndex?: number;
+    trapFocus?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    appendToBody: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    beforeClose: {
+        type: __PropType<((done: DoneFn) => void) | undefined>;
+        required: false;
+    };
+    destroyOnClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    lockScroll: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    openDelay: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    closeDelay: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    top: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modalClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    trapFocus: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    /** @description whether the dialog is visible */
+    visible: import("vue").Ref<boolean>;
+    dialogContentRef: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => boolean;
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    appendToBody: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    beforeClose: {
+        type: __PropType<((done: DoneFn) => void) | undefined>;
+        required: false;
+    };
+    destroyOnClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    lockScroll: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    openDelay: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    closeDelay: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    top: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modalClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    trapFocus: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/dialog/dialog.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("../overlay/index.cjs"),T=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const E=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");const $=require("../../hooks/use-same-target/index.cjs"),I=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const D=require("./dialog-content.vue2.cjs"),V=require("./constants.cjs"),x=require("./hooks/use-dialog.cjs"),L=require("../../constants/event.cjs"),N=["aria-label","aria-labelledby","aria-describedby"],a=T.useNamespace("dialog"),O=e.defineComponent({name:a.b(),inheritAttrs:!1}),P=e.defineComponent({...O,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean},closeIcon:null,customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},appendToBody:{type:Boolean,default:!1},beforeClose:{type:Function},destroyOnClose:{type:Boolean},closeOnClickModal:{type:Boolean},closeOnPressEscape:{type:Boolean},lockScroll:{type:Boolean},modal:{type:Boolean,default:!0},openDelay:null,closeDelay:null,top:null,modelValue:{type:Boolean},modalClass:null,width:null,zIndex:null,trapFocus:{type:Boolean}},emits:{[L.UPDATE_MODEL_EVENT]:o=>E.isBoolean(o),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(o,{expose:C}){e.useSlots();const u=e.ref(),m=e.ref(),d=e.ref(),v=e.getCurrentInstance(),{visible:s,titleId:i,bodyId:c,style:g,overlayDialogStyle:p,rendered:f,zIndex:b,afterEnter:B,afterLeave:q,beforeLeave:k,handleClose:y,onModalClick:w,onOpenAutoFocus:h,onCloseAutoFocus:A,onCloseRequested:F,onFocusoutPrevented:S}=x.useDialog(v.props,u);e.provide(V.dialogInjectionKey,{dialogRef:u,headerRef:m,bodyId:c,ns:a,rendered:f,style:g});const l=$.useSameTarget(w),M=e.computed(()=>o.draggable&&!o.fullscreen);return C({visible:s,dialogContentRef:d}),(t,n)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!o.appendToBody},[e.createVNode(e.Transition,{name:"dialog-fade",onAfterEnter:e.unref(B),onAfterLeave:e.unref(q),onBeforeLeave:e.unref(k)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(R.VftOverlay),{"custom-mask-event":"",mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(b)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(i),"aria-describedby":e.unref(c),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(p)),onClick:n[0]||(n[0]=(...r)=>e.unref(l).onClick&&e.unref(l).onClick(...r)),onMousedown:n[1]||(n[1]=(...r)=>e.unref(l).onMousedown&&e.unref(l).onMousedown(...r)),onMouseup:n[2]||(n[2]=(...r)=>e.unref(l).onMouseup&&e.unref(l).onMouseup(...r))},[e.createVNode(e.unref(I.default),{loop:"",trapped:e.unref(s),"focus-start-el":"container",onFocusAfterTrapped:e.unref(h),onFocusAfterReleased:e.unref(A),onFocusoutPrevented:e.unref(S),onReleaseRequested:e.unref(F)},{default:e.withCtx(()=>[e.unref(f)?(e.openBlock(),e.createBlock(D.default,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:d},t.$attrs,{"custom-class":o.customClass,center:o.center,"align-center":o.alignCenter,"close-icon":o.closeIcon,draggable:e.unref(M),fullscreen:o.fullscreen,"show-close":o.showClose,title:o.title,onClose:e.unref(y)}),e.createSlots({header:e.withCtx(()=>[t.$slots.title?e.renderSlot(t.$slots,"title",{key:1}):e.renderSlot(t.$slots,"header",{key:0,close:e.unref(y),titleId:e.unref(i),titleClass:e.unref(a).e("title")})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"footer")]),key:"0"}:void 0]),1040,["custom-class","center","align-center","close-icon","draggable","fullscreen","show-close","title","onClose"])):e.createCommentVNode("",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,N)]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(s)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"]))}});exports.default=P;

package/lib/components/dialog/hooks/use-dialog.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),q=require("@vueuse/core"),S=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");const z=require("../../../hooks/use-z-index/index.cjs"),I=require("../../../hooks/use-id/index.cjs"),V=require("@vft/utils");require("../../../utils/ns-cover.cjs");const G=require("../../../hooks/use-lockscreen/index.cjs");require("@vue/shared");const N=require("../../../constants/event.cjs");require("../../config-provider/index.cjs");const U=require("../../config-provider/hooks/use-global-config.cjs"),Z=(e,c)=>{const l=t.getCurrentInstance().emit,{nextZIndex:C}=z.useZIndex();let x="";const b=I.useId(),h=I.useId(),o=t.ref(!1),f=t.ref(!1),a=t.ref(!1),r=t.ref(e.zIndex||C());let u,i;const F=U.useGlobalConfig("namespace",S.defaultNamespace),O=t.computed(()=>{const n={},s=`--${F.value}-dialog`;return e.fullscreen||(e.top&&(n[`${s}-margin-top`]=e.top),e.width&&(n[`${s}-width`]=V.addUnit(e.width))),n}),g=t.computed(()=>e.alignCenter?{display:"flex"}:{});function E(){l("opened")}function P(){l("closed"),l(N.UPDATE_MODEL_EVENT,!1),e.destroyOnClose&&(a.value=!1)}function $(){l("close")}function D(){i==null||i(),u==null||u(),e.openDelay&&e.openDelay>0?{stop:u}=q.useTimeoutFn(()=>m(),e.openDelay):m()}function d(){u==null||u(),i==null||i(),e.closeDelay&&e.closeDelay>0?{stop:i}=q.useTimeoutFn(()=>y(),e.closeDelay):y()}function v(){function n(s){s||(f.value=!0,o.value=!1)}e.beforeClose?e.beforeClose(n):d()}function k(){e.closeOnClickModal&&v()}function m(){q.isClient&&(o.value=!0)}function y(){o.value=!1}function w(){l("openAutoFocus")}function A(){l("closeAutoFocus")}function M(n){var s;((s=n.detail)==null?void 0:s.focusReason)==="pointer"&&n.preventDefault()}e.lockScroll&&G.useLockscreen(o);function L(){e.closeOnPressEscape&&v()}return t.watch(()=>e.modelValue,n=>{n?(f.value=!1,D(),a.value=!0,r.value=e.zIndex?r.value++:C(),t.nextTick(()=>{l("open"),c.value&&(c.value.scrollTop=0)})):o.value&&d()}),t.watch(()=>e.fullscreen,n=>{c.value&&(n?(x=c.value.style.transform,c.value.style.transform=""):c.value.style.transform=x)}),t.onMounted(()=>{e.modelValue&&(o.value=!0,a.value=!0,D())}),{afterEnter:E,afterLeave:P,beforeLeave:$,handleClose:v,onModalClick:k,close:d,doClose:y,onOpenAutoFocus:w,onCloseAutoFocus:A,onCloseRequested:L,onFocusoutPrevented:M,titleId:b,bodyId:h,closed:f,style:O,overlayDialogStyle:g,rendered:a,visible:o,zIndex:r}};exports.useDialog=Z;

package/lib/components/dialog/hooks/use-dialog.d.ts

@@ -0,0 +1,23 @@
+import type { CSSProperties, Ref } from 'vue';
+import type { DialogProps } from '../dialog.vue';
+export declare const useDialog: (props: DialogProps, targetRef: Ref<HTMLElement | undefined>) => {
+    afterEnter: () => void;
+    afterLeave: () => void;
+    beforeLeave: () => void;
+    handleClose: () => void;
+    onModalClick: () => void;
+    close: () => void;
+    doClose: () => void;
+    onOpenAutoFocus: () => void;
+    onCloseAutoFocus: () => void;
+    onCloseRequested: () => void;
+    onFocusoutPrevented: (event: CustomEvent) => void;
+    titleId: Ref<string>;
+    bodyId: Ref<string>;
+    closed: Ref<boolean>;
+    style: import("vue").ComputedRef<CSSProperties>;
+    overlayDialogStyle: import("vue").ComputedRef<CSSProperties>;
+    rendered: Ref<boolean>;
+    visible: Ref<boolean>;
+    zIndex: Ref<number>;
+};

package/lib/components/dialog/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const r=require("./dialog.vue2.cjs"),t=require("./hooks/use-dialog.cjs"),u=require("./constants.cjs"),e=i.withInstall(r.default);exports.useDialog=t.useDialog;exports.dialogInjectionKey=u.dialogInjectionKey;exports.WflyDialog=e;exports.default=e;

package/lib/components/dialog/index.d.ts

@@ -0,0 +1,146 @@
+export * from './hooks/use-dialog';
+export * from './types';
+export * from './constants';
+export declare const WflyDialog: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    appendToBody: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    beforeClose: {
+        type: import("vue").PropType<((done: (cancel?: boolean | undefined) => void) => void) | undefined>;
+        required: false;
+    };
+    destroyOnClose: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnClickModal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    lockScroll: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    openDelay: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    closeDelay: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    top: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modalClass: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    trapFocus: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    visible: import("vue").Ref<boolean>;
+    dialogContentRef: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => boolean;
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    appendToBody: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    beforeClose: {
+        type: import("vue").PropType<((done: (cancel?: boolean | undefined) => void) => void) | undefined>;
+        required: false;
+    };
+    destroyOnClose: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnClickModal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    lockScroll: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    openDelay: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    closeDelay: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    top: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modalClass: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    trapFocus: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
+}, {}>> & Record<string, any>;
+export default WflyDialog;

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

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

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

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

package/lib/components/dialog/types.cjs

@@ -0,0 +1 @@
+"use strict";

package/lib/components/dialog/types.d.ts

@@ -0,0 +1,10 @@
+export interface DialogContentProps {
+    center?: boolean;
+    alignCenter?: boolean;
+    closeIcon?: string;
+    customClass?: string;
+    draggable?: boolean;
+    fullscreen?: boolean;
+    showClose?: boolean;
+    title?: string;
+}

package/lib/components/divider/divider.vue.d.ts

@@ -5,7 +5,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     contentPosition: {
-        type: __PropType<"left" | "right" | "center" | undefined>;
+        type: __PropType<"right" | "left" | "center" | undefined>;
         required: false;
     };
     borderStyle: {
@@ -30,7 +30,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     contentPosition: {
-        type: __PropType<"left" | "right" | "center" | undefined>;
+        type: __PropType<"right" | "left" | "center" | undefined>;
         required: false;
     };
     borderStyle: {

package/lib/components/divider/divider.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=l.useNamespace("divider"),i=e.defineComponent({name:t.b()}),u=e.defineComponent({...i,props:{direction:{default:"horizontal"},contentPosition:{default:"center"},borderStyle:{default:"solid"},borderColor:null,marginY:null,marginX:null},setup(r){const o=e.computed(()=>({...t.cssVarBlock({"border-style":r.borderStyle,"border-color":r.borderColor,"margin-y":r.marginY,"margin-x":r.marginX})}));return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(t).b(),e.unref(t).m(r.direction)]),style:e.normalizeStyle(e.unref(o)),role:"separator"},[n.$slots.default&&r.direction!=="vertical"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("text"),e.unref(t).is(r.contentPosition)])},[e.renderSlot(n.$slots,"default")],2)):e.createCommentVNode("",!0)],6))}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const t=l.useNamespace("divider"),i=e.defineComponent({name:t.b()}),u=e.defineComponent({...i,props:{direction:{default:"horizontal"},contentPosition:{default:"center"},borderStyle:{default:"solid"},borderColor:null,marginY:null,marginX:null},setup(r){const o=e.computed(()=>({...t.cssVarBlock({"border-style":r.borderStyle,"border-color":r.borderColor,"margin-y":r.marginY,"margin-x":r.marginX})}));return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(t).b(),e.unref(t).m(r.direction)]),style:e.normalizeStyle(e.unref(o)),role:"separator"},[n.$slots.default&&r.direction!=="vertical"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("text"),e.unref(t).is(r.contentPosition)])},[e.renderSlot(n.$slots,"default")],2)):e.createCommentVNode("",!0)],6))}});exports.default=u;

package/lib/components/divider/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const t=require("./divider.vue2.cjs"),e=r.withInstall(t.default);exports.VftDivider=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const t=require("./divider.vue2.cjs"),e=r.withInstall(t.default);exports.VftDivider=e;exports.default=e;

package/lib/components/divider/index.d.ts

@@ -4,7 +4,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     contentPosition: {
-        type: import("vue").PropType<"left" | "right" | "center" | undefined>;
+        type: import("vue").PropType<"right" | "left" | "center" | undefined>;
         required: false;
     };
     borderStyle: {
@@ -29,7 +29,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     contentPosition: {
-        type: import("vue").PropType<"left" | "right" | "center" | undefined>;
+        type: import("vue").PropType<"right" | "left" | "center" | undefined>;
         required: false;
     };
     borderStyle: {

package/lib/components/docs-layout/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-docs-layout.css");

package/lib/components/docs-layout/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/docs-layout.scss");

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./dropdown-item-impl.vue2.cjs"),o=require("vue"),i=require("../../_virtual/_plugin-vue_export-helper.cjs"),s=["aria-disabled","tabindex","role"];function t(e,n,u,m,p,v){const l=o.resolveComponent("vft-icon");return o.openBlock(),o.createElementBlock(o.Fragment,null,[e.divided?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,role:"separator",class:e.ns.bem("menu","item","divided")},e.$attrs),null,16)):o.createCommentVNode("",!0),o.createElementVNode("li",o.mergeProps({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:n[0]||(n[0]=r=>e.$emit("clickimpl",r)),onFocus:n[1]||(n[1]=(...r)=>e.handleFocus&&e.handleFocus(...r)),onKeydown:n[2]||(n[2]=o.withModifiers((...r)=>e.handleKeydown&&e.handleKeydown(...r),["self"])),onMousedown:n[3]||(n[3]=(...r)=>e.handleMousedown&&e.handleMousedown(...r)),onPointermove:n[4]||(n[4]=r=>e.$emit("pointermove",r)),onPointerleave:n[5]||(n[5]=r=>e.$emit("pointerleave",r))}),[e.icon?(o.openBlock(),o.createBlock(l,o.normalizeProps(o.mergeProps({key:0},e.icon)),null,16)):o.createCommentVNode("",!0),o.renderSlot(e.$slots,"default")],16,s)],64)}const a=i.default(d.default,[["render",t]]);exports.default=a;

package/lib/components/dropdown/dropdown-item-impl.vue.d.ts

@@ -0,0 +1,57 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    command: {
+        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        default: () => {};
+    };
+    disabled: BooleanConstructor;
+    divided: BooleanConstructor;
+    textValue: StringConstructor;
+    icon: StringConstructor;
+}, {
+    ns: {
+        namespace: import("vue").Ref<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    itemRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | null) => void;
+    dataset: {
+        "data-vft-collection-item": string;
+    };
+    role: import("vue").ComputedRef<string>;
+    tabIndex: import("vue").Ref<number>;
+    handleFocus: (e: Event) => void;
+    handleKeydown: (event: KeyboardEvent) => void;
+    handleMousedown: (e: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave" | "clickimpl")[], "click" | "pointermove" | "pointerleave" | "clickimpl", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    command: {
+        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        default: () => {};
+    };
+    disabled: BooleanConstructor;
+    divided: BooleanConstructor;
+    textValue: StringConstructor;
+    icon: StringConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onPointermove?: ((...args: any[]) => any) | undefined;
+    onPointerleave?: ((...args: any[]) => any) | undefined;
+    onClickimpl?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    command: string | number | Record<string, any>;
+    divided: boolean;
+}>;
+export default _sfc_main;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./dropdown-item.vue2.cjs"),e=require("vue"),i=require("../../_virtual/_plugin-vue_export-helper.cjs");function d(o,s,u,p,c,m){const t=e.resolveComponent("dropdown-item-impl"),n=e.resolveComponent("roving-focus-item"),l=e.resolveComponent("dropdown-collection-item");return e.openBlock(),e.createBlock(l,{disabled:o.disabled,"text-value":o.textValue??o.textContent},{default:e.withCtx(()=>[e.createVNode(n,{focusable:!o.disabled},{default:e.withCtx(()=>[e.createVNode(t,e.mergeProps(o.propsAndAttrs,{onPointerleave:o.handlePointerLeave,onPointermove:o.handlePointerMove,onClickimpl:o.handleClick}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["onPointerleave","onPointermove","onClickimpl"])]),_:3},8,["focusable"])]),_:3},8,["disabled","text-value"])}const a=i.default(r.default,[["render",d]]);exports.default=a;