vft 0.0.9 → 0.0.13

package/es/components/popover/popover.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.vue2.mjs","sources":["../../../../../packages/components/popover/popover.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('popover')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n\t<vft-tooltip\n\t\t\tref=\"tooltipRef\"\n\t\t\tv-bind=\"$attrs\"\n\t\t\t:trigger=\"trigger\"\n\t\t\t:placement=\"placement\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:visible=\"visible\"\n\t\t\t:transition=\"transition\"\n\t\t\t:popper-options=\"popperOptions\"\n\t\t\t:tabindex=\"tabindex\"\n\t\t\t:content=\"content\"\n\t\t\t:offset=\"offset\"\n\t\t\t:show-after=\"showAfter\"\n\t\t\t:hide-after=\"hideAfter\"\n\t\t\t:auto-close=\"autoClose\"\n\t\t\t:show-arrow=\"showArrow\"\n\t\t\t:aria-label=\"title\"\n\t\t\t:effect=\"effect\"\n\t\t\t:enterable=\"enterable\"\n\t\t\t:popper-class=\"kls\"\n\t\t\t:popper-style=\"style\"\n\t\t\t:teleported=\"teleported\"\n\t\t\t:persistent=\"persistent\"\n\t\t\t:gpu-acceleration=\"gpuAcceleration\"\n\t\t\t@before-show=\"beforeEnter\"\n\t\t\t@before-hide=\"beforeLeave\"\n\t\t\t@show=\"afterEnter\"\n\t\t\t@hide=\"afterLeave\"\n\t>\n\t\t<template v-if=\"$slots.reference\">\n\t\t\t<slot name=\"reference\" />\n\t\t</template>\n\n\t\t<template #content>\n\t\t\t<div v-if=\"title\" :class=\"ns.e('title')\" role=\"title\">\n\t\t\t\t{{ title }}\n\t\t\t</div>\n\t\t\t<slot>\n\t\t\t\t{{ content }}\n\t\t\t</slot>\n\t\t</template>\n\t</vft-tooltip>\n</template>\n<script lang=\"ts\" setup>\nimport type { Options, Placement } from '@popperjs/core';\nimport { computed, ref, type StyleValue, unref } from 'vue';\nimport { addUnit } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftTooltip, type TooltipTriggerType } from '@vft-ui/components/tooltip';\n\ninterface PopoverProps {\n\ttrigger?: TooltipTriggerType;\n\tplacement?: Placement;\n\tdisabled?: boolean;\n\tvisible?: boolean;\n\ttransition?: string;\n\tpopperOptions?: Partial<Options>;\n\ttabindex?: number;\n\tcontent?: string;\n\tpopperStyle?: StyleValue;\n\tpopperClass?: ClassType;\n\tenterable?: boolean;\n\teffect?: 'light' | 'dark';\n\tteleported?: boolean;\n\ttitle?: string;\n\twidth?: string | number;\n\toffset?: number;\n\tshowAfter?: number;\n\thideAfter?: number;\n\tautoClose?: number;\n\tshowArrow?: boolean;\n\tpersistent?: boolean;\n}\n\ndefineProps({\n  \"trigger\": { default: 'hover' },\n  \"placement\": { default: 'bottom' },\n  \"disabled\": { type: Boolean,  },\n  \"visible\": { type: Boolean, default: null },\n  \"transition\": { default: 'vft-fade-in-linear' },\n  \"popperOptions\": null,\n  \"tabindex\": { default: 0 },\n  \"content\": null,\n  \"popperStyle\": null,\n  \"popperClass\": null,\n  \"enterable\": { type: Boolean, default: true },\n  \"effect\": { default: 'light' },\n  \"teleported\": { type: Boolean, default: true },\n  \"title\": null,\n  \"width\": { default: 150 },\n  \"offset\": null,\n  \"showAfter\": { default: 0 },\n  \"hideAfter\": { default: 200 },\n  \"autoClose\": { default: 0 },\n  \"showArrow\": { type: Boolean, default: true },\n  \"persistent\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits(['update:visible', 'before-enter', 'before-leave', 'after-enter', 'after-leave']);\n\n\n\n;\n\nconst tooltipRef = ref();\nconst popperRef = computed(() => {\n\treturn unref(tooltipRef)?.popperRef;\n});\n\nconst style = computed(() => {\n\treturn [\n\t\t{\n\t\t\twidth: addUnit(__props.width)\n\t\t},\n\t\t__props.popperStyle!\n\t];\n});\n\nconst kls = computed(() => {\n\treturn [ns.b(), __props.popperClass!, { [ns.m('plain')]: !!__props.content }];\n});\n\nconst gpuAcceleration = computed(() => {\n\treturn __props.transition === `${ns.namespace.value}-fade-in-linear`;\n});\n\nconst hide = () => {\n\ttooltipRef.value?.hide();\n};\n\nconst beforeEnter = () => {\n\temit('before-enter');\n};\nconst beforeLeave = () => {\n\temit('before-leave');\n};\n\nconst afterEnter = () => {\n\temit('after-enter');\n};\n\nconst afterLeave = () => {\n\temit('update:visible', false);\n\temit('after-leave');\n};\n\ndefineExpose({\n\t/** @description popper ref */\n\tpopperRef,\n\t/** @description hide popover */\n\thide\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","tooltipRef","ref","popperRef","computed","_a","unref","style","addUnit","__props","kls","gpuAcceleration","hide","beforeEnter","emit","beforeLeave","afterEnter","afterLeave","expose"],"mappings":";;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,SAAS;AAAA,GAGnDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GD,UAAMI,IAAaC,KACbC,IAAYC,EAAS,MAAM;;AACzB,cAAAC,IAAAC,EAAML,CAAU,MAAhB,gBAAAI,EAAmB;AAAA,IAAA,CAC1B,GAEKE,IAAQH,EAAS,MACf;AAAA,MACN;AAAA,QACC,OAAOI,EAAQC,EAAQ,KAAK;AAAA,MAC7B;AAAA,MACAA,EAAQ;AAAA,IAAA,CAET,GAEKC,IAAMN,EAAS,MACb,CAACP,EAAG,EAAK,GAAAY,EAAQ,aAAc,EAAE,CAACZ,EAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAACY,EAAQ,QAAS,CAAA,CAC5E,GAEKE,IAAkBP,EAAS,MACzBK,EAAQ,eAAe,GAAGZ,EAAG,UAAU,sBAC9C,GAEKe,IAAO,MAAM;;AAClB,OAAAP,IAAAJ,EAAW,UAAX,QAAAI,EAAkB;AAAA,IAAK,GAGlBQ,IAAc,MAAM;AACzB,MAAAC,EAAK,cAAc;AAAA,IAAA,GAEdC,IAAc,MAAM;AACzB,MAAAD,EAAK,cAAc;AAAA,IAAA,GAGdE,IAAa,MAAM;AACxB,MAAAF,EAAK,aAAa;AAAA,IAAA,GAGbG,IAAa,MAAM;AACxB,MAAAH,EAAK,kBAAkB,EAAK,GAC5BA,EAAK,aAAa;AAAA,IAAA;AAGN,WAAAI,EAAA;AAAA;AAAA,MAEZ,WAAAf;AAAA;AAAA,MAEA,MAAAS;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/popover/style/css.mjs

@@ -0,0 +1,4 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-popover.css";
+import "vft/theme-style/vft-popper.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/popover/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/components/popover/style/index.mjs

@@ -0,0 +1,4 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/popover.scss.mjs";
+import "../../../theme-style/src/popper.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/popover/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/components/popover/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/es/components/popover/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/popper/arrow.vue.d.ts

@@ -0,0 +1,18 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    arrowOffset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    /**
+     * @description Arrow element
+     */
+    arrowRef: import("vue").Ref<HTMLElement | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    arrowOffset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/popper/arrow.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./arrow.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=arrow.vue.mjs.map

package/es/components/popper/arrow.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/popper/arrow.vue2.mjs

@@ -0,0 +1,47 @@
+import { defineComponent as t, inject as m, watch as i, onBeforeUnmount as l, openBlock as c, createElementBlock as _, normalizeClass as u, unref as o, normalizeStyle as w } from "vue";
+import { useNamespace as d } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+import { POPPER_CONTENT_INJECTION_KEY as O } from "./constants.mjs";
+const v = t({
+  name: "vft-popper-arrow",
+  inheritAttrs: !1
+}), x = /* @__PURE__ */ t({
+  ...v,
+  props: {
+    arrowOffset: { default: 5 }
+  },
+  setup(a, { expose: p }) {
+    const f = d("popper"), { arrowOffset: n, arrowRef: r, arrowStyle: s } = m(
+      O,
+      void 0
+    );
+    return i(
+      () => a.arrowOffset,
+      (e) => {
+        n.value = e;
+      }
+    ), l(() => {
+      r.value = void 0;
+    }), p({
+      /**
+       * @description Arrow element
+       */
+      arrowRef: r
+    }), (e, E) => (c(), _("span", {
+      ref_key: "arrowRef",
+      ref: r,
+      class: u(o(f).e("arrow")),
+      "data-popper-arrow": "",
+      style: w(o(s))
+    }, null, 6));
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=arrow.vue2.mjs.map

package/es/components/popper/arrow.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.vue2.mjs","sources":["../../../../../packages/components/popper/arrow.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'vft-popper-arrow',\n\tinheritAttrs: false\n});\n</script>\n<template>\n  <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow :style=\"arrowStyle\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { POPPER_CONTENT_INJECTION_KEY } from './constants';\n\ninterface Props {\n  arrowOffset?: number\n}\n\ndefineProps({\n  \"arrowOffset\": { default: 5 }\n})\n\n;\n\nconst ns = useNamespace('popper');\nconst { arrowOffset: _arrowOffset, arrowRef, arrowStyle } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!;\n\nwatch(\n  () => __props.arrowOffset,\n  (val) => {\n    _arrowOffset.value = val;\n  }\n);\nonBeforeUnmount(() => {\n  arrowRef.value = undefined;\n});\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef\n});\n</script>\n"],"names":["__default__","DO_defineComponent","ns","useNamespace","_arrowOffset","arrowRef","arrowStyle","inject","POPPER_CONTENT_INJECTION_KEY","watch","__props","val","onBeforeUnmount","expose"],"mappings":";;;;;;;;;AAEA,MAAAA,IAA6BC,EAAmB;AAAA,EAC/C,MAAM;AAAA,EACN,cAAc;AACf,CAAC;;;;;;AAqBK,UAAAC,IAAKC,EAAa,QAAQ,GAC1B,EAAE,aAAaC,GAAc,UAAAC,GAAU,YAAAC,EAAe,IAAAC;AAAA,MAC1DC;AAAA,MACA;AAAA,IAAA;AAGF,WAAAC;AAAA,MACE,MAAMC,EAAQ;AAAA,MACd,CAACC,MAAQ;AACP,QAAAP,EAAa,QAAQO;AAAA,MACvB;AAAA,IAAA,GAEFC,EAAgB,MAAM;AACpB,MAAAP,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEYQ,EAAA;AAAA;AAAA;AAAA;AAAA,MAIX,UAAAR;AAAA,IAAA,CACD;;;;;;;;;"}

package/es/components/popper/composables/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-content';
+export * from './use-content-dom';
+export * from './use-focus-trap';

package/es/components/popper/composables/index.mjs

@@ -0,0 +1,9 @@
+import { usePopperContent as p } from "./use-content.mjs";
+import { usePopperContentDOM as t } from "./use-content-dom.mjs";
+import { usePopperContentFocusTrap as s } from "./use-focus-trap.mjs";
+export {
+  p as usePopperContent,
+  t as usePopperContentDOM,
+  s as usePopperContentFocusTrap
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/popper/composables/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/components/popper/composables/use-content-dom.d.ts

@@ -0,0 +1,16 @@
+import type { CSSProperties, StyleValue } from 'vue';
+import type { UsePopperReturn } from 'vft/es/hooks';
+import type { UsePopperContentReturn } from './use-content';
+import type { PopperContentProps } from '../types';
+export declare const usePopperContentDOM: (props: PopperContentProps, { attributes, styles, role, }: Pick<UsePopperReturn, 'attributes' | 'styles'> & Pick<UsePopperContentReturn, 'role'>) => {
+    ariaModal: import("vue").ComputedRef<string | undefined>;
+    arrowStyle: import("vue").ComputedRef<CSSProperties>;
+    contentAttrs: import("vue").ComputedRef<{
+        [key: string]: string | boolean;
+    }>;
+    contentClass: import("vue").ComputedRef<(ClassType | undefined)[]>;
+    contentStyle: import("vue").ComputedRef<StyleValue[]>;
+    contentZIndex: import("vue").Ref<number>;
+    updateZIndex: () => void;
+};
+export type UsePopperContentDOMReturn = ReturnType<typeof usePopperContentDOM>;

package/es/components/popper/composables/use-content-dom.mjs

@@ -0,0 +1,43 @@
+import { computed as t, unref as o, ref as l } from "vue";
+import { useNamespace as f } from "../../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import { useZIndex as I } from "../../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+const g = (e, {
+  attributes: s,
+  styles: p,
+  role: a
+}) => {
+  const { nextZIndex: c } = I(), n = f("popper"), d = t(() => o(s).popper), r = l(e.zIndex || c()), i = t(() => [
+    n.b(),
+    n.is("pure", e.pure),
+    n.is(e.effect),
+    e.popperClass
+  ]), m = t(() => [
+    { zIndex: o(r) },
+    e.popperStyle || {},
+    o(p).popper
+  ]), u = t(
+    () => a.value === "dialog" ? "false" : void 0
+  ), x = t(
+    () => o(p).arrow || {}
+  );
+  return {
+    ariaModal: u,
+    arrowStyle: x,
+    contentAttrs: d,
+    contentClass: i,
+    contentStyle: m,
+    contentZIndex: r,
+    updateZIndex: () => {
+      r.value = e.zIndex || c();
+    }
+  };
+};
+export {
+  g as usePopperContentDOM
+};
+//# sourceMappingURL=use-content-dom.mjs.map

package/es/components/popper/composables/use-content-dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content-dom.mjs","sources":["../../../../../../packages/components/popper/composables/use-content-dom.ts"],"sourcesContent":["import { computed, ref, unref } from 'vue'\nimport { useNamespace, useZIndex } from '@vft-ui/hooks'\n\nimport type { CSSProperties, StyleValue } from 'vue'\nimport type { UsePopperReturn } from '@vft-ui/hooks'\nimport type { UsePopperContentReturn } from './use-content'\nimport type { PopperContentProps } from '../types'\n\nexport const usePopperContentDOM = (\n  props: PopperContentProps,\n  {\n    attributes,\n    styles,\n    role,\n  }: Pick<UsePopperReturn, 'attributes' | 'styles'> &\n    Pick<UsePopperContentReturn, 'role'>\n) => {\n  const { nextZIndex } = useZIndex()\n  const ns = useNamespace('popper')\n\n  const contentAttrs = computed(() => unref(attributes).popper)\n  const contentZIndex = ref<number>(props.zIndex || nextZIndex())\n  const contentClass = computed(() => [\n    ns.b(),\n    ns.is('pure', props.pure),\n    ns.is(props.effect!),\n    props.popperClass,\n  ])\n  const contentStyle = computed<StyleValue[]>(() => {\n    return [\n      { zIndex: unref(contentZIndex) } as CSSProperties,\n      props.popperStyle || {},\n      unref(styles).popper as CSSProperties,\n    ]\n  })\n  const ariaModal = computed<string | undefined>(() =>\n    role.value === 'dialog' ? 'false' : undefined\n  )\n  const arrowStyle = computed(\n    () => (unref(styles).arrow || {}) as CSSProperties\n  )\n\n  const updateZIndex = () => {\n    contentZIndex.value = props.zIndex || nextZIndex()\n  }\n\n  return {\n    ariaModal,\n    arrowStyle,\n    contentAttrs,\n    contentClass,\n    contentStyle,\n    contentZIndex,\n\n    updateZIndex,\n  }\n}\n\nexport type UsePopperContentDOMReturn = ReturnType<typeof usePopperContentDOM>\n"],"names":["usePopperContentDOM","props","attributes","styles","role","nextZIndex","useZIndex","ns","useNamespace","contentAttrs","computed","unref","contentZIndex","ref","contentClass","contentStyle","ariaModal","arrowStyle"],"mappings":";;;;;;;;AAQa,MAAAA,IAAsB,CACjCC,GACA;AAAA,EACE,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AACF,MAEG;AACG,QAAA,EAAE,YAAAC,MAAeC,KACjBC,IAAKC,EAAa,QAAQ,GAE1BC,IAAeC,EAAS,MAAMC,EAAMT,CAAU,EAAE,MAAM,GACtDU,IAAgBC,EAAYZ,EAAM,UAAUI,EAAY,CAAA,GACxDS,IAAeJ,EAAS,MAAM;AAAA,IAClCH,EAAG,EAAE;AAAA,IACLA,EAAG,GAAG,QAAQN,EAAM,IAAI;AAAA,IACxBM,EAAG,GAAGN,EAAM,MAAO;AAAA,IACnBA,EAAM;AAAA,EAAA,CACP,GACKc,IAAeL,EAAuB,MACnC;AAAA,IACL,EAAE,QAAQC,EAAMC,CAAa,EAAE;AAAA,IAC/BX,EAAM,eAAe,CAAC;AAAA,IACtBU,EAAMR,CAAM,EAAE;AAAA,EAAA,CAEjB,GACKa,IAAYN;AAAA,IAA6B,MAC7CN,EAAK,UAAU,WAAW,UAAU;AAAA,EAAA,GAEhCa,IAAaP;AAAA,IACjB,MAAOC,EAAMR,CAAM,EAAE,SAAS,CAAC;AAAA,EAAA;AAO1B,SAAA;AAAA,IACL,WAAAa;AAAA,IACA,YAAAC;AAAA,IACA,cAAAR;AAAA,IACA,cAAAK;AAAA,IACA,cAAAC;AAAA,IACA,eAAAH;AAAA,IAEA,cAZmB,MAAM;AACX,MAAAA,EAAA,QAAQX,EAAM,UAAUI,EAAW;AAAA,IAAA;AAAA,EAWjD;AAEJ;"}

package/es/components/popper/composables/use-content.d.ts

@@ -0,0 +1,77 @@
+import type { Modifier } from '@popperjs/core';
+import type { PopperContentProps } from '../types';
+export declare const usePopperContent: (props: PopperContentProps) => {
+    attributes: import("vue").ComputedRef<{
+        [key: string]: {
+            [key: string]: string | boolean;
+        };
+    }>;
+    arrowRef: import("vue").Ref<HTMLElement | undefined>;
+    contentRef: import("vue").Ref<HTMLElement | undefined>;
+    instanceRef: import("vue").ComputedRef<import("@popperjs/core").Instance | undefined>;
+    state: import("vue").ComputedRef<{
+        elements?: {
+            reference: Element | import("@popperjs/core").VirtualElement;
+            popper: HTMLElement;
+            arrow?: HTMLElement | undefined;
+        } | undefined;
+        options?: import("@popperjs/core").OptionsGeneric<any> | undefined;
+        placement?: import("@popperjs/core").Placement | undefined;
+        strategy?: import("@popperjs/core").PositioningStrategy | undefined;
+        orderedModifiers?: Modifier<any, any>[] | undefined;
+        rects?: import("@popperjs/core").StateRects | undefined;
+        scrollParents?: {
+            reference: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
+            popper: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
+        } | undefined;
+        styles?: {
+            [key: string]: Partial<CSSStyleDeclaration>;
+        } | undefined;
+        attributes?: {
+            [key: string]: {
+                [key: string]: string | boolean;
+            };
+        } | undefined;
+        modifiersData?: {
+            [key: string]: any;
+            arrow?: {
+                x?: number | undefined;
+                y?: number | undefined;
+                centerOffset: number;
+            } | undefined;
+            hide?: {
+                isReferenceHidden: boolean;
+                hasPopperEscaped: boolean;
+                referenceClippingOffsets: import("@popperjs/core").SideObject;
+                popperEscapeOffsets: import("@popperjs/core").SideObject;
+            } | undefined;
+            offset?: {
+                left?: import("@popperjs/core").Offsets | undefined;
+                right?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
+                bottom?: import("@popperjs/core").Offsets | undefined;
+                auto?: import("@popperjs/core").Offsets | undefined;
+                "auto-start"?: import("@popperjs/core").Offsets | undefined;
+                "auto-end"?: import("@popperjs/core").Offsets | undefined;
+                "top-start"?: import("@popperjs/core").Offsets | undefined;
+                "top-end"?: import("@popperjs/core").Offsets | undefined;
+                "bottom-start"?: import("@popperjs/core").Offsets | undefined;
+                "bottom-end"?: import("@popperjs/core").Offsets | undefined;
+                "right-start"?: import("@popperjs/core").Offsets | undefined;
+                "right-end"?: import("@popperjs/core").Offsets | undefined;
+                "left-start"?: import("@popperjs/core").Offsets | undefined;
+                "left-end"?: import("@popperjs/core").Offsets | undefined;
+            } | undefined;
+            preventOverflow?: import("@popperjs/core").Offsets | undefined;
+            popperOffsets?: import("@popperjs/core").Offsets | undefined;
+        } | undefined;
+        reset?: boolean | undefined;
+    }>;
+    styles: import("vue").ComputedRef<{
+        [key: string]: Partial<CSSStyleDeclaration>;
+    }>;
+    role: import("vue").ComputedRef<string>;
+    forceUpdate: () => void | undefined;
+    update: () => Promise<Partial<import("@popperjs/core").State>> | undefined;
+};
+export type UsePopperContentReturn = ReturnType<typeof usePopperContent>;

package/es/components/popper/composables/use-content.mjs

@@ -0,0 +1,64 @@
+import { inject as F, ref as a, computed as o, unref as t, watch as f, onMounted as M } from "vue";
+import { isUndefined as U } from "lodash";
+import { usePopper as _ } from "../../../hooks/use-popper/index.mjs";
+import "../../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+import { POPPER_INJECTION_KEY as C } from "../constants.mjs";
+import { buildPopperOptions as I, unwrapMeasurableEl as L } from "../utils.mjs";
+const T = 0, K = (r) => {
+  const { popperInstanceRef: m, contentRef: i, triggerRef: d, role: u } = F(
+    C,
+    void 0
+  ), s = a(), l = a(), R = o(() => ({
+    name: "eventListeners",
+    enabled: !!r.visible
+  })), E = o(() => {
+    const e = t(s), v = t(l) ?? T;
+    return {
+      name: "arrow",
+      enabled: !U(e),
+      options: {
+        element: e,
+        padding: v
+      }
+    };
+  }), w = o(() => ({
+    onFirstUpdate: () => {
+      n();
+    },
+    // @ts-ignore
+    ...I(r, [
+      t(E),
+      t(R)
+    ])
+  })), p = o(
+    () => L(r.referenceEl) || t(d)
+  ), { attributes: b, state: O, styles: P, update: n, forceUpdate: g, instanceRef: c } = _(p, i, w);
+  return f(c, (e) => m.value = e), M(() => {
+    f(
+      () => {
+        var e;
+        return (e = t(p)) == null ? void 0 : e.getBoundingClientRect();
+      },
+      () => {
+        n();
+      }
+    );
+  }), {
+    attributes: b,
+    arrowRef: s,
+    contentRef: i,
+    instanceRef: c,
+    state: O,
+    styles: P,
+    role: u,
+    forceUpdate: g,
+    update: n
+  };
+};
+export {
+  K as usePopperContent
+};
+//# sourceMappingURL=use-content.mjs.map

package/es/components/popper/composables/use-content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content.mjs","sources":["../../../../../../packages/components/popper/composables/use-content.ts"],"sourcesContent":["import { computed, inject, onMounted, ref, unref, watch } from 'vue'\nimport { isUndefined } from 'lodash'\nimport { usePopper } from '@vft-ui/hooks'\nimport { POPPER_INJECTION_KEY } from '../constants'\nimport { buildPopperOptions, unwrapMeasurableEl } from '../utils'\n\nimport type { Modifier } from '@popperjs/core'\nimport type { PartialOptions } from '@vft-ui/hooks'\nimport type { PopperContentProps } from '../types'\n\nconst DEFAULT_ARROW_OFFSET = 0\n\nexport const usePopperContent = (props: PopperContentProps) => {\n  const { popperInstanceRef, contentRef, triggerRef, role } = inject(\n    POPPER_INJECTION_KEY,\n    undefined\n  )!\n\n  const arrowRef = ref<HTMLElement>()\n  const arrowOffset = ref<number>()\n\n  const eventListenerModifier = computed(() => {\n    return {\n      name: 'eventListeners',\n      enabled: !!props.visible,\n    } as Modifier<'eventListeners', any>\n  })\n\n  const arrowModifier = computed(() => {\n    const arrowEl = unref(arrowRef)\n    const offset = unref(arrowOffset) ?? DEFAULT_ARROW_OFFSET\n    // Seems like the `phase` and `fn` is required by Modifier type\n    // But on its documentation they didn't specify that.\n    // Refer to https://popper.js.org/docs/v2/modifiers/arrow/\n    return {\n      name: 'arrow',\n      enabled: !isUndefined(arrowEl),\n      options: {\n        element: arrowEl,\n        padding: offset,\n      },\n    } as any\n  })\n\n  const options = computed<PartialOptions>(() => {\n    return {\n      onFirstUpdate: () => {\n        update()\n      },\n      // @ts-ignore\n      ...buildPopperOptions(props, [\n        unref(arrowModifier),\n        unref(eventListenerModifier),\n      ]),\n    }\n  })\n\n  const computedReference = computed(\n    () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef)\n  )\n\n  const { attributes, state, styles, update, forceUpdate, instanceRef } =\n    usePopper(computedReference, contentRef, options)\n\n  watch(instanceRef, (instance) => (popperInstanceRef.value = instance))\n\n  onMounted(() => {\n    watch(\n      () => unref(computedReference)?.getBoundingClientRect(),\n      () => {\n        update()\n      }\n    )\n  })\n\n  return {\n    attributes,\n    arrowRef,\n    contentRef,\n    instanceRef,\n    state,\n    styles,\n    role,\n\n    forceUpdate,\n    update,\n  }\n}\n\nexport type UsePopperContentReturn = ReturnType<typeof usePopperContent>\n"],"names":["DEFAULT_ARROW_OFFSET","usePopperContent","props","popperInstanceRef","contentRef","triggerRef","role","inject","POPPER_INJECTION_KEY","arrowRef","ref","arrowOffset","eventListenerModifier","computed","arrowModifier","arrowEl","unref","offset","isUndefined","options","update","buildPopperOptions","computedReference","unwrapMeasurableEl","attributes","state","styles","forceUpdate","instanceRef","usePopper","watch","instance","onMounted","_a"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAuB,GAEhBC,IAAmB,CAACC,MAA8B;AAC7D,QAAM,EAAE,mBAAAC,GAAmB,YAAAC,GAAY,YAAAC,GAAY,MAAAC,EAAS,IAAAC;AAAA,IAC1DC;AAAA,IACA;AAAA,EAAA,GAGIC,IAAWC,KACXC,IAAcD,KAEdE,IAAwBC,EAAS,OAC9B;AAAA,IACL,MAAM;AAAA,IACN,SAAS,CAAC,CAACX,EAAM;AAAA,EAAA,EAEpB,GAEKY,IAAgBD,EAAS,MAAM;AAC7B,UAAAE,IAAUC,EAAMP,CAAQ,GACxBQ,IAASD,EAAML,CAAW,KAAKX;AAI9B,WAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,CAACkB,EAAYH,CAAO;AAAA,MAC7B,SAAS;AAAA,QACP,SAASA;AAAA,QACT,SAASE;AAAA,MACX;AAAA,IAAA;AAAA,EACF,CACD,GAEKE,IAAUN,EAAyB,OAChC;AAAA,IACL,eAAe,MAAM;AACZ,MAAAO;IACT;AAAA;AAAA,IAEA,GAAGC,EAAmBnB,GAAO;AAAA,MAC3Bc,EAAMF,CAAa;AAAA,MACnBE,EAAMJ,CAAqB;AAAA,IAAA,CAC5B;AAAA,EAAA,EAEJ,GAEKU,IAAoBT;AAAA,IACxB,MAAMU,EAAmBrB,EAAM,WAAW,KAAKc,EAAMX,CAAU;AAAA,EAAA,GAG3D,EAAE,YAAAmB,GAAY,OAAAC,GAAO,QAAAC,GAAQ,QAAAN,GAAQ,aAAAO,GAAa,aAAAC,EAAA,IACtDC,EAAUP,GAAmBlB,GAAYe,CAAO;AAElD,SAAAW,EAAMF,GAAa,CAACG,MAAc5B,EAAkB,QAAQ4B,CAAS,GAErEC,EAAU,MAAM;AACd,IAAAF;AAAA,MACE;;AAAM,gBAAAG,IAAAjB,EAAMM,CAAiB,MAAvB,gBAAAW,EAA0B;AAAA;AAAA,MAChC,MAAM;AACG,QAAAb;MACT;AAAA,IAAA;AAAA,EACF,CACD,GAEM;AAAA,IACL,YAAAI;AAAA,IACA,UAAAf;AAAA,IACA,YAAAL;AAAA,IACA,aAAAwB;AAAA,IACA,OAAAH;AAAA,IACA,QAAAC;AAAA,IACA,MAAApB;AAAA,IAEA,aAAAqB;AAAA,IACA,QAAAP;AAAA,EAAA;AAEJ;"}

package/es/components/popper/composables/use-focus-trap.d.ts

@@ -0,0 +1,11 @@
+import type { PopperContentProps } from '../types';
+export declare const usePopperContentFocusTrap: (props: PopperContentProps, emit: any) => {
+    focusStartRef: import("vue").Ref<HTMLElement | "first" | "container" | undefined>;
+    trapped: import("vue").Ref<boolean>;
+    onFocusAfterReleased: (event: CustomEvent) => void;
+    onFocusAfterTrapped: () => void;
+    onFocusInTrap: (event: FocusEvent) => void;
+    onFocusoutPrevented: (event: CustomEvent) => void;
+    onReleaseRequested: () => void;
+};
+export type UsePopperContentFocusTrapReturn = ReturnType<typeof usePopperContentFocusTrap>;

package/es/components/popper/composables/use-focus-trap.mjs

@@ -0,0 +1,28 @@
+import { ref as r } from "vue";
+const d = (n, s) => {
+  const o = r(!1), t = r();
+  return {
+    focusStartRef: t,
+    trapped: o,
+    onFocusAfterReleased: (e) => {
+      var a;
+      ((a = e.detail) == null ? void 0 : a.focusReason) !== "pointer" && (t.value = "first", s("blur"));
+    },
+    onFocusAfterTrapped: () => {
+      s("focus");
+    },
+    onFocusInTrap: (e) => {
+      n.visible && !o.value && (e.target && (t.value = e.target), o.value = !0);
+    },
+    onFocusoutPrevented: (e) => {
+      n.trapping || (e.detail.focusReason === "pointer" && e.preventDefault(), o.value = !1);
+    },
+    onReleaseRequested: () => {
+      o.value = !1, s("close");
+    }
+  };
+};
+export {
+  d as usePopperContentFocusTrap
+};
+//# sourceMappingURL=use-focus-trap.mjs.map

package/es/components/popper/composables/use-focus-trap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-focus-trap.mjs","sources":["../../../../../../packages/components/popper/composables/use-focus-trap.ts"],"sourcesContent":["import { ref } from 'vue'\n\nimport type { SetupContext } from 'vue'\nimport type { PopperContentProps } from '../types'\n\nexport const usePopperContentFocusTrap = (\n  props: PopperContentProps,\n  emit: any\n) => {\n  const trapped = ref(false)\n  const focusStartRef = ref<'container' | 'first' | HTMLElement>()\n\n  const onFocusAfterTrapped = () => {\n    emit('focus')\n  }\n\n  const onFocusAfterReleased = (event: CustomEvent) => {\n    if (event.detail?.focusReason !== 'pointer') {\n      focusStartRef.value = 'first'\n      emit('blur')\n    }\n  }\n\n  const onFocusInTrap = (event: FocusEvent) => {\n    if (props.visible && !trapped.value) {\n      if (event.target) {\n        focusStartRef.value = event.target as typeof focusStartRef.value\n      }\n      trapped.value = true\n    }\n  }\n\n  const onFocusoutPrevented = (event: CustomEvent) => {\n    if (!props.trapping) {\n      if (event.detail.focusReason === 'pointer') {\n        event.preventDefault()\n      }\n      trapped.value = false\n    }\n  }\n\n  const onReleaseRequested = () => {\n    trapped.value = false\n    emit('close')\n  }\n\n  return {\n    focusStartRef,\n    trapped,\n\n    onFocusAfterReleased,\n    onFocusAfterTrapped,\n    onFocusInTrap,\n    onFocusoutPrevented,\n    onReleaseRequested,\n  }\n}\n\nexport type UsePopperContentFocusTrapReturn = ReturnType<\n  typeof usePopperContentFocusTrap\n>\n"],"names":["usePopperContentFocusTrap","props","emit","trapped","ref","focusStartRef","event","_a"],"mappings":";AAKa,MAAAA,IAA4B,CACvCC,GACAC,MACG;AACG,QAAAC,IAAUC,EAAI,EAAK,GACnBC,IAAgBD;AAoCf,SAAA;AAAA,IACL,eAAAC;AAAA,IACA,SAAAF;AAAA,IAEA,sBAlC2B,CAACG,MAAuB;;AAC/C,QAAAC,IAAAD,EAAM,WAAN,gBAAAC,EAAc,iBAAgB,cAChCF,EAAc,QAAQ,SACtBH,EAAK,MAAM;AAAA,IACb;AAAA,IA+BA,qBAvC0B,MAAM;AAChC,MAAAA,EAAK,OAAO;AAAA,IAAA;AAAA,IAuCZ,eA7BoB,CAACI,MAAsB;AAC3C,MAAIL,EAAM,WAAW,CAACE,EAAQ,UACxBG,EAAM,WACRD,EAAc,QAAQC,EAAM,SAE9BH,EAAQ,QAAQ;AAAA,IAClB;AAAA,IAwBA,qBArB0B,CAACG,MAAuB;AAC9C,MAACL,EAAM,aACLK,EAAM,OAAO,gBAAgB,aAC/BA,EAAM,eAAe,GAEvBH,EAAQ,QAAQ;AAAA,IAClB;AAAA,IAgBA,oBAbyB,MAAM;AAC/B,MAAAA,EAAQ,QAAQ,IAChBD,EAAK,OAAO;AAAA,IAAA;AAAA,EAWZ;AAEJ;"}

package/es/components/popper/constants.d.ts

@@ -0,0 +1,24 @@
+import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue';
+import type { Instance } from '@popperjs/core';
+export type Measurable = {
+    getBoundingClientRect: () => DOMRect;
+};
+/**
+ * triggerRef indicates the element that triggers popper
+ * contentRef indicates the element of popper content
+ * referenceRef indicates the element that popper content relative with
+ */
+export type VftPopperInjectionContext = {
+    triggerRef: Ref<Measurable | undefined>;
+    contentRef: Ref<HTMLElement | undefined>;
+    popperInstanceRef: Ref<Instance | undefined>;
+    referenceRef: Ref<Measurable | undefined>;
+    role: ComputedRef<string>;
+};
+export type VftPopperContentInjectionContext = {
+    arrowRef: Ref<HTMLElement | undefined>;
+    arrowOffset: Ref<number | undefined>;
+    arrowStyle: ComputedRef<CSSProperties>;
+};
+export declare const POPPER_INJECTION_KEY: InjectionKey<VftPopperInjectionContext>;
+export declare const POPPER_CONTENT_INJECTION_KEY: InjectionKey<VftPopperContentInjectionContext>;

package/es/components/popper/constants.mjs

@@ -0,0 +1,6 @@
+const o = Symbol("popper"), p = Symbol("popperContent");
+export {
+  p as POPPER_CONTENT_INJECTION_KEY,
+  o as POPPER_INJECTION_KEY
+};
+//# sourceMappingURL=constants.mjs.map

package/es/components/popper/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../../packages/components/popper/constants.ts"],"sourcesContent":["import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue'\nimport type { Instance } from '@popperjs/core'\n\nexport type Measurable = {\n  getBoundingClientRect: () => DOMRect\n}\n\n/**\n * triggerRef indicates the element that triggers popper\n * contentRef indicates the element of popper content\n * referenceRef indicates the element that popper content relative with\n */\nexport type VftPopperInjectionContext = {\n  triggerRef: Ref<Measurable | undefined>\n  contentRef: Ref<HTMLElement | undefined>\n  popperInstanceRef: Ref<Instance | undefined>\n  referenceRef: Ref<Measurable | undefined>\n  role: ComputedRef<string>\n}\n\nexport type VftPopperContentInjectionContext = {\n  arrowRef: Ref<HTMLElement | undefined>\n  arrowOffset: Ref<number | undefined>\n  arrowStyle: ComputedRef<CSSProperties>\n}\n\nexport const POPPER_INJECTION_KEY: InjectionKey<VftPopperInjectionContext> =\n  Symbol('popper')\n\nexport const POPPER_CONTENT_INJECTION_KEY: InjectionKey<VftPopperContentInjectionContext> =\n  Symbol('popperContent')\n"],"names":["POPPER_INJECTION_KEY","POPPER_CONTENT_INJECTION_KEY"],"mappings":"AA0Ba,MAAAA,IACX,OAAO,QAAQ,GAEJC,IACX,OAAO,eAAe;"}