reka-ui 2.3.1 → 2.4.0

package/dist/Popper/PopperContent.cjs

@@ -1,222 +1,283 @@
-'use strict';
-
-const vue = require('vue');
-const vue$1 = require('@floating-ui/vue');
-const core = require('@vueuse/core');
-const Popper_utils = require('./utils.cjs');
-const shared_createContext = require('../shared/createContext.cjs');
-const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
-const shared_useSize = require('../shared/useSize.cjs');
-const Primitive_Primitive = require('../Primitive/Primitive.cjs');
-const Popper_PopperRoot = require('./PopperRoot.cjs');
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_createContext = require('../shared/createContext.cjs');
+const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const require_shared_useSize = require('../shared/useSize.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_Popper_PopperRoot = require('./PopperRoot.cjs');
+const require_Popper_utils = require('./utils.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+const __vueuse_core = require_rolldown_runtime.__toESM(require("@vueuse/core"));
+const __floating_ui_vue = require_rolldown_runtime.__toESM(require("@floating-ui/vue"));
 
+//#region src/Popper/PopperContent.vue?vue&type=script&setup=true&lang.ts
 const PopperContentPropsDefaultValue = {
-  side: "bottom",
-  sideOffset: 0,
-  align: "center",
-  alignOffset: 0,
-  arrowPadding: 0,
-  avoidCollisions: true,
-  collisionBoundary: () => [],
-  collisionPadding: 0,
-  sticky: "partial",
-  hideWhenDetached: false,
-  positionStrategy: "fixed",
-  updatePositionStrategy: "optimized",
-  prioritizePosition: false
+	side: "bottom",
+	sideOffset: 0,
+	sideFlip: true,
+	align: "center",
+	alignOffset: 0,
+	alignFlip: true,
+	arrowPadding: 0,
+	avoidCollisions: true,
+	collisionBoundary: () => [],
+	collisionPadding: 0,
+	sticky: "partial",
+	hideWhenDetached: false,
+	positionStrategy: "fixed",
+	updatePositionStrategy: "optimized",
+	prioritizePosition: false
 };
-const [injectPopperContentContext, providePopperContentContext] = shared_createContext.createContext("PopperContent");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "PopperContent",
-  props: /* @__PURE__ */ vue.mergeDefaults({
-    side: {},
-    sideOffset: {},
-    align: {},
-    alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
-    asChild: { type: Boolean },
-    as: {}
-  }, {
-    ...PopperContentPropsDefaultValue
-  }),
-  emits: ["placed"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const rootContext = Popper_PopperRoot.injectPopperRootContext();
-    const { forwardRef, currentElement: contentElement } = shared_useForwardExpose.useForwardExpose();
-    const floatingRef = vue.ref();
-    const arrow = vue.ref();
-    const { width: arrowWidth, height: arrowHeight } = shared_useSize.useSize(arrow);
-    const desiredPlacement = vue.computed(
-      () => props.side + (props.align !== "center" ? `-${props.align}` : "")
-    );
-    const collisionPadding = vue.computed(() => {
-      return typeof props.collisionPadding === "number" ? props.collisionPadding : { top: 0, right: 0, bottom: 0, left: 0, ...props.collisionPadding };
-    });
-    const boundary = vue.computed(() => {
-      return Array.isArray(props.collisionBoundary) ? props.collisionBoundary : [props.collisionBoundary];
-    });
-    const detectOverflowOptions = vue.computed(() => {
-      return {
-        padding: collisionPadding.value,
-        boundary: boundary.value.filter(Popper_utils.isNotNull),
-        // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-        altBoundary: boundary.value.length > 0
-      };
-    });
-    const computedMiddleware = core.computedEager(() => {
-      return [
-        vue$1.offset({
-          mainAxis: props.sideOffset + arrowHeight.value,
-          alignmentAxis: props.alignOffset
-        }),
-        props.prioritizePosition && props.avoidCollisions && vue$1.flip({
-          ...detectOverflowOptions.value
-        }),
-        props.avoidCollisions && vue$1.shift({
-          mainAxis: true,
-          crossAxis: !!props.prioritizePosition,
-          limiter: props.sticky === "partial" ? vue$1.limitShift() : void 0,
-          ...detectOverflowOptions.value
-        }),
-        !props.prioritizePosition && props.avoidCollisions && vue$1.flip({
-          ...detectOverflowOptions.value
-        }),
-        vue$1.size({
-          ...detectOverflowOptions.value,
-          apply: ({ elements, rects, availableWidth, availableHeight }) => {
-            const { width: anchorWidth, height: anchorHeight } = rects.reference;
-            const contentStyle = elements.floating.style;
-            contentStyle.setProperty(
-              "--reka-popper-available-width",
-              `${availableWidth}px`
-            );
-            contentStyle.setProperty(
-              "--reka-popper-available-height",
-              `${availableHeight}px`
-            );
-            contentStyle.setProperty(
-              "--reka-popper-anchor-width",
-              `${anchorWidth}px`
-            );
-            contentStyle.setProperty(
-              "--reka-popper-anchor-height",
-              `${anchorHeight}px`
-            );
-          }
-        }),
-        arrow.value && vue$1.arrow({ element: arrow.value, padding: props.arrowPadding }),
-        Popper_utils.transformOrigin({
-          arrowWidth: arrowWidth.value,
-          arrowHeight: arrowHeight.value
-        }),
-        props.hideWhenDetached && vue$1.hide({ strategy: "referenceHidden", ...detectOverflowOptions.value })
-      ];
-    });
-    const reference = vue.computed(() => props.reference ?? rootContext.anchor.value);
-    const { floatingStyles, placement, isPositioned, middlewareData, update } = vue$1.useFloating(
-      reference,
-      floatingRef,
-      {
-        strategy: props.positionStrategy,
-        placement: desiredPlacement,
-        whileElementsMounted: (...args) => {
-          const cleanup = vue$1.autoUpdate(...args, {
-            layoutShift: !props.disableUpdateOnLayoutShift,
-            animationFrame: props.updatePositionStrategy === "always"
-          });
-          return cleanup;
-        },
-        middleware: computedMiddleware
-      }
-    );
-    const placedSide = vue.computed(
-      () => Popper_utils.getSideAndAlignFromPlacement(placement.value)[0]
-    );
-    const placedAlign = vue.computed(
-      () => Popper_utils.getSideAndAlignFromPlacement(placement.value)[1]
-    );
-    vue.watchPostEffect(() => {
-      if (isPositioned.value)
-        emits("placed");
-    });
-    const cannotCenterArrow = vue.computed(
-      () => middlewareData.value.arrow?.centerOffset !== 0
-    );
-    const contentZIndex = vue.ref("");
-    vue.watchEffect(() => {
-      if (contentElement.value)
-        contentZIndex.value = window.getComputedStyle(contentElement.value).zIndex;
-    });
-    const arrowX = vue.computed(() => middlewareData.value.arrow?.x ?? 0);
-    const arrowY = vue.computed(() => middlewareData.value.arrow?.y ?? 0);
-    providePopperContentContext({
-      placedSide,
-      onArrowChange: (element) => arrow.value = element,
-      arrowX,
-      arrowY,
-      shouldHideArrow: cannotCenterArrow
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "floatingRef",
-        ref: floatingRef,
-        "data-reka-popper-content-wrapper": "",
-        style: vue.normalizeStyle({
-          ...vue.unref(floatingStyles),
-          transform: vue.unref(isPositioned) ? vue.unref(floatingStyles).transform : "translate(0, -200%)",
-          // keep off the page when measuring
-          minWidth: "max-content",
-          zIndex: contentZIndex.value,
-          ["--reka-popper-transform-origin"]: [
-            vue.unref(middlewareData).transformOrigin?.x,
-            vue.unref(middlewareData).transformOrigin?.y
-          ].join(" "),
-          // hide the content if using the hide middleware and should be hidden
-          // set visibility to hidden and disable pointer events so the UI behaves
-          // as if the PopperContent isn't there at all
-          ...vue.unref(middlewareData).hide?.referenceHidden && {
-            visibility: "hidden",
-            pointerEvents: "none"
-          }
-        })
-      }, [
-        vue.createVNode(vue.unref(Primitive_Primitive.Primitive), vue.mergeProps({ ref: vue.unref(forwardRef) }, _ctx.$attrs, {
-          "as-child": props.asChild,
-          as: _ctx.as,
-          "data-side": placedSide.value,
-          "data-align": placedAlign.value,
-          style: {
-            // if the PopperContent hasn't been placed yet (not all measurements done)
-            // we prevent animations so that users's animation don't kick in too early referring wrong sides
-            animation: !vue.unref(isPositioned) ? "none" : void 0
-          }
-        }), {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["as-child", "as", "data-side", "data-align", "style"])
-      ], 4);
-    };
-  }
+const [injectPopperContentContext, providePopperContentContext] = require_shared_createContext.createContext("PopperContent");
+var PopperContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "PopperContent",
+	props: /* @__PURE__ */ (0, vue.mergeDefaults)({
+		side: {
+			type: null,
+			required: false
+		},
+		sideOffset: {
+			type: Number,
+			required: false
+		},
+		sideFlip: {
+			type: Boolean,
+			required: false
+		},
+		align: {
+			type: null,
+			required: false
+		},
+		alignOffset: {
+			type: Number,
+			required: false
+		},
+		alignFlip: {
+			type: Boolean,
+			required: false
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: false
+		},
+		collisionBoundary: {
+			type: null,
+			required: false
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: false
+		},
+		arrowPadding: {
+			type: Number,
+			required: false
+		},
+		sticky: {
+			type: String,
+			required: false
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: false
+		},
+		positionStrategy: {
+			type: String,
+			required: false
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: false
+		},
+		disableUpdateOnLayoutShift: {
+			type: Boolean,
+			required: false
+		},
+		prioritizePosition: {
+			type: Boolean,
+			required: false
+		},
+		reference: {
+			type: null,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	}, { ...PopperContentPropsDefaultValue }),
+	emits: ["placed"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const rootContext = require_Popper_PopperRoot.injectPopperRootContext();
+		const { forwardRef, currentElement: contentElement } = require_shared_useForwardExpose.useForwardExpose();
+		const floatingRef = (0, vue.ref)();
+		const arrow = (0, vue.ref)();
+		const { width: arrowWidth, height: arrowHeight } = require_shared_useSize.useSize(arrow);
+		const desiredPlacement = (0, vue.computed)(() => props.side + (props.align !== "center" ? `-${props.align}` : ""));
+		const collisionPadding = (0, vue.computed)(() => {
+			return typeof props.collisionPadding === "number" ? props.collisionPadding : {
+				top: 0,
+				right: 0,
+				bottom: 0,
+				left: 0,
+				...props.collisionPadding
+			};
+		});
+		const boundary = (0, vue.computed)(() => {
+			return Array.isArray(props.collisionBoundary) ? props.collisionBoundary : [props.collisionBoundary];
+		});
+		const detectOverflowOptions = (0, vue.computed)(() => {
+			return {
+				padding: collisionPadding.value,
+				boundary: boundary.value.filter(require_Popper_utils.isNotNull),
+				altBoundary: boundary.value.length > 0
+			};
+		});
+		const flipOptions = (0, vue.computed)(() => {
+			return {
+				mainAxis: props.sideFlip,
+				crossAxis: props.alignFlip
+			};
+		});
+		const computedMiddleware = (0, __vueuse_core.computedEager)(() => {
+			return [
+				(0, __floating_ui_vue.offset)({
+					mainAxis: props.sideOffset + arrowHeight.value,
+					alignmentAxis: props.alignOffset
+				}),
+				props.prioritizePosition && props.avoidCollisions && (0, __floating_ui_vue.flip)({
+					...detectOverflowOptions.value,
+					...flipOptions.value
+				}),
+				props.avoidCollisions && (0, __floating_ui_vue.shift)({
+					mainAxis: true,
+					crossAxis: !!props.prioritizePosition,
+					limiter: props.sticky === "partial" ? (0, __floating_ui_vue.limitShift)() : void 0,
+					...detectOverflowOptions.value
+				}),
+				!props.prioritizePosition && props.avoidCollisions && (0, __floating_ui_vue.flip)({
+					...detectOverflowOptions.value,
+					...flipOptions.value
+				}),
+				(0, __floating_ui_vue.size)({
+					...detectOverflowOptions.value,
+					apply: ({ elements, rects, availableWidth, availableHeight }) => {
+						const { width: anchorWidth, height: anchorHeight } = rects.reference;
+						const contentStyle = elements.floating.style;
+						contentStyle.setProperty("--reka-popper-available-width", `${availableWidth}px`);
+						contentStyle.setProperty("--reka-popper-available-height", `${availableHeight}px`);
+						contentStyle.setProperty("--reka-popper-anchor-width", `${anchorWidth}px`);
+						contentStyle.setProperty("--reka-popper-anchor-height", `${anchorHeight}px`);
+					}
+				}),
+				arrow.value && (0, __floating_ui_vue.arrow)({
+					element: arrow.value,
+					padding: props.arrowPadding
+				}),
+				require_Popper_utils.transformOrigin({
+					arrowWidth: arrowWidth.value,
+					arrowHeight: arrowHeight.value
+				}),
+				props.hideWhenDetached && (0, __floating_ui_vue.hide)({
+					strategy: "referenceHidden",
+					...detectOverflowOptions.value
+				})
+			];
+		});
+		const reference = (0, vue.computed)(() => props.reference ?? rootContext.anchor.value);
+		const { floatingStyles, placement, isPositioned, middlewareData, update } = (0, __floating_ui_vue.useFloating)(reference, floatingRef, {
+			strategy: props.positionStrategy,
+			placement: desiredPlacement,
+			whileElementsMounted: (...args) => {
+				const cleanup = (0, __floating_ui_vue.autoUpdate)(...args, {
+					layoutShift: !props.disableUpdateOnLayoutShift,
+					animationFrame: props.updatePositionStrategy === "always"
+				});
+				return cleanup;
+			},
+			middleware: computedMiddleware
+		});
+		const placedSide = (0, vue.computed)(() => require_Popper_utils.getSideAndAlignFromPlacement(placement.value)[0]);
+		const placedAlign = (0, vue.computed)(() => require_Popper_utils.getSideAndAlignFromPlacement(placement.value)[1]);
+		(0, vue.watchPostEffect)(() => {
+			if (isPositioned.value) emits("placed");
+		});
+		const cannotCenterArrow = (0, vue.computed)(() => middlewareData.value.arrow?.centerOffset !== 0);
+		const contentZIndex = (0, vue.ref)("");
+		(0, vue.watchEffect)(() => {
+			if (contentElement.value) contentZIndex.value = window.getComputedStyle(contentElement.value).zIndex;
+		});
+		const arrowX = (0, vue.computed)(() => middlewareData.value.arrow?.x ?? 0);
+		const arrowY = (0, vue.computed)(() => middlewareData.value.arrow?.y ?? 0);
+		providePopperContentContext({
+			placedSide,
+			onArrowChange: (element) => arrow.value = element,
+			arrowX,
+			arrowY,
+			shouldHideArrow: cannotCenterArrow
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				ref_key: "floatingRef",
+				ref: floatingRef,
+				"data-reka-popper-content-wrapper": "",
+				style: (0, vue.normalizeStyle)({
+					...(0, vue.unref)(floatingStyles),
+					transform: (0, vue.unref)(isPositioned) ? (0, vue.unref)(floatingStyles).transform : "translate(0, -200%)",
+					minWidth: "max-content",
+					zIndex: contentZIndex.value,
+					["--reka-popper-transform-origin"]: [(0, vue.unref)(middlewareData).transformOrigin?.x, (0, vue.unref)(middlewareData).transformOrigin?.y].join(" "),
+					...(0, vue.unref)(middlewareData).hide?.referenceHidden && {
+						visibility: "hidden",
+						pointerEvents: "none"
+					}
+				})
+			}, [(0, vue.createVNode)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)({ ref: (0, vue.unref)(forwardRef) }, _ctx.$attrs, {
+				"as-child": props.asChild,
+				as: _ctx.as,
+				"data-side": placedSide.value,
+				"data-align": placedAlign.value,
+				style: { animation: !(0, vue.unref)(isPositioned) ? "none" : void 0 }
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"as-child",
+				"as",
+				"data-side",
+				"data-align",
+				"style"
+			])], 4);
+		};
+	}
 });
 
-exports.PopperContentPropsDefaultValue = PopperContentPropsDefaultValue;
-exports._sfc_main = _sfc_main;
-exports.injectPopperContentContext = injectPopperContentContext;
-//# sourceMappingURL=PopperContent.cjs.map
+//#endregion
+//#region src/Popper/PopperContent.vue
+var PopperContent_default = PopperContent_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'PopperContentPropsDefaultValue', {
+  enumerable: true,
+  get: function () {
+    return PopperContentPropsDefaultValue;
+  }
+});
+Object.defineProperty(exports, 'PopperContent_default', {
+  enumerable: true,
+  get: function () {
+    return PopperContent_default;
+  }
+});
+Object.defineProperty(exports, 'injectPopperContentContext', {
+  enumerable: true,
+  get: function () {
+    return injectPopperContentContext;
+  }
+});
+//# sourceMappingURL=PopperContent.cjs.map

package/dist/Popper/PopperContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopperContent.cjs","sources":["../../src/Popper/PopperContent.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type {\n  Middleware,\n  Placement,\n  ReferenceElement,\n} from '@floating-ui/vue'\nimport type { Ref } from 'vue'\nimport type {\n  Align,\n  Side,\n} from './utils'\nimport type { PrimitiveProps } from '@/Primitive'\nimport { createContext, useForwardExpose, useSize } from '@/shared'\n\nexport const PopperContentPropsDefaultValue = {\n  side: 'bottom' as Side,\n  sideOffset: 0,\n  align: 'center' as Align,\n  alignOffset: 0,\n  arrowPadding: 0,\n  avoidCollisions: true,\n  collisionBoundary: () => [],\n  collisionPadding: 0,\n  sticky: 'partial' as 'partial' | 'always',\n  hideWhenDetached: false,\n  positionStrategy: 'fixed' as 'absolute' | 'fixed',\n  updatePositionStrategy: 'optimized' as 'optimized' | 'always',\n  prioritizePosition: false,\n}\n\nexport interface PopperContentProps extends PrimitiveProps {\n  /**\n   * The preferred side of the trigger to render against when open.\n   * Will be reversed when collisions occur and avoidCollisions\n   * is enabled.\n   *\n   * @defaultValue \"top\"\n   */\n  side?: Side\n\n  /**\n   * The distance in pixels from the trigger.\n   *\n   * @defaultValue 0\n   */\n  sideOffset?: number\n\n  /**\n   * The preferred alignment against the trigger.\n   * May change when collisions occur.\n   *\n   * @defaultValue \"center\"\n   */\n  align?: Align\n\n  /**\n   * An offset in pixels from the `start` or `end` alignment options.\n   *\n   * @defaultValue 0\n   */\n  alignOffset?: number\n\n  /**\n   * When `true`, overrides the side and align preferences\n   * to prevent collisions with boundary edges.\n   *\n   * @defaultValue true\n   */\n  avoidCollisions?: boolean\n\n  /**\n   * The element used as the collision boundary. By default\n   * this is the viewport, though you can provide additional\n   * element(s) to be included in this check.\n   *\n   * @defaultValue []\n   */\n  collisionBoundary?: Element | null | Array<Element | null>\n\n  /**\n   * The distance in pixels from the boundary edges where collision\n   * detection should occur. Accepts a number (same for all sides),\n   * or a partial padding object, for example: { top: 20, left: 20 }.\n   *\n   * @defaultValue 0\n   */\n  collisionPadding?: number | Partial<Record<Side, number>>\n\n  /**\n   * The padding between the arrow and the edges of the content.\n   * If your content has border-radius, this will prevent it from\n   * overflowing the corners.\n   *\n   * @defaultValue 0\n   */\n  arrowPadding?: number\n\n  /**\n   * The sticky behavior on the align axis. `partial` will keep the\n   * content in the boundary as long as the trigger is at least partially\n   * in the boundary whilst \"always\" will keep the content in the boundary\n   * regardless.\n   *\n   * @defaultValue \"partial\"\n   */\n  sticky?: 'partial' | 'always'\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded.\n   *\n   * @defaultValue false\n   */\n  hideWhenDetached?: boolean\n\n  /**\n   *  The type of CSS position property to use.\n   */\n  positionStrategy?: 'absolute' | 'fixed'\n\n  /**\n   * Strategy to update the position of the floating element on every animation frame.\n   *\n   * @defaultValue 'optimized'\n   */\n  updatePositionStrategy?: 'optimized' | 'always'\n\n  /**\n   * Whether to disable the update position for the content when the layout shifted.\n   *\n   * @defaultValue false\n   */\n  disableUpdateOnLayoutShift?: boolean\n\n  /**\n   * Force content to be position within the viewport.\n   *\n   * Might overlap the reference element, which may not be desired.\n   *\n   * @defaultValue false\n   */\n  prioritizePosition?: boolean\n\n  /**\n   *  The custom element or virtual element that will be set as the reference\n   *  to position the floating element.\n   *\n   *  If provided, it will replace the default anchor element.\n   */\n  reference?: ReferenceElement\n}\n\nexport interface PopperContentContext {\n  placedSide: Ref<Side>\n  onArrowChange: (arrow: HTMLElement | undefined) => void\n  arrowX?: Ref<number>\n  arrowY?: Ref<number>\n  shouldHideArrow: Ref<boolean>\n}\n\nexport const [injectPopperContentContext, providePopperContentContext]\n  = createContext<PopperContentContext>('PopperContent')\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  autoUpdate,\n  flip,\n  arrow as floatingUIarrow,\n  hide,\n  limitShift,\n  offset,\n  shift,\n  size,\n  useFloating,\n} from '@floating-ui/vue'\nimport { computedEager } from '@vueuse/core'\nimport { computed, ref, watchEffect, watchPostEffect } from 'vue'\nimport {\n  Primitive,\n} from '@/Primitive'\nimport { injectPopperRootContext } from './PopperRoot.vue'\nimport {\n  getSideAndAlignFromPlacement,\n  isNotNull,\n  transformOrigin,\n} from './utils'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<PopperContentProps>(), {\n  ...PopperContentPropsDefaultValue,\n})\nconst emits = defineEmits<{\n  placed: [void]\n}>()\n\nconst rootContext = injectPopperRootContext()\nconst { forwardRef, currentElement: contentElement } = useForwardExpose()\n\nconst floatingRef = ref<HTMLElement>()\n\nconst arrow = ref<HTMLElement>()\nconst { width: arrowWidth, height: arrowHeight } = useSize(arrow)\n\nconst desiredPlacement = computed(\n  () =>\n    (props.side\n      + (props.align !== 'center' ? `-${props.align}` : '')) as Placement,\n)\n\nconst collisionPadding = computed(() => {\n  return typeof props.collisionPadding === 'number'\n    ? props.collisionPadding\n    : { top: 0, right: 0, bottom: 0, left: 0, ...props.collisionPadding }\n})\n\nconst boundary = computed(() => {\n  return Array.isArray(props.collisionBoundary)\n    ? props.collisionBoundary\n    : [props.collisionBoundary]\n})\n\nconst detectOverflowOptions = computed(() => {\n  return {\n    padding: collisionPadding.value,\n    boundary: boundary.value.filter(isNotNull),\n    // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries\n    altBoundary: boundary.value.length > 0,\n  }\n})\n\nconst computedMiddleware = computedEager(() => {\n  return [\n    offset({\n      mainAxis: props.sideOffset + arrowHeight.value,\n      alignmentAxis: props.alignOffset,\n    }),\n    props.prioritizePosition\n    && props.avoidCollisions\n    && flip({\n      ...detectOverflowOptions.value,\n    }),\n    props.avoidCollisions\n    && shift({\n      mainAxis: true,\n      crossAxis: !!props.prioritizePosition,\n      limiter: props.sticky === 'partial' ? limitShift() : undefined,\n      ...detectOverflowOptions.value,\n    }),\n    !props.prioritizePosition\n    && props.avoidCollisions\n    && flip({\n      ...detectOverflowOptions.value,\n    }),\n    size({\n      ...detectOverflowOptions.value,\n      apply: ({ elements, rects, availableWidth, availableHeight }) => {\n        const { width: anchorWidth, height: anchorHeight } = rects.reference\n        const contentStyle = elements.floating.style\n        contentStyle.setProperty(\n          '--reka-popper-available-width',\n          `${availableWidth}px`,\n        )\n        contentStyle.setProperty(\n          '--reka-popper-available-height',\n          `${availableHeight}px`,\n        )\n        contentStyle.setProperty(\n          '--reka-popper-anchor-width',\n          `${anchorWidth}px`,\n        )\n        contentStyle.setProperty(\n          '--reka-popper-anchor-height',\n          `${anchorHeight}px`,\n        )\n      },\n    }),\n    arrow.value\n    && floatingUIarrow({ element: arrow.value, padding: props.arrowPadding }),\n    transformOrigin({\n      arrowWidth: arrowWidth.value,\n      arrowHeight: arrowHeight.value,\n    }),\n    props.hideWhenDetached\n    && hide({ strategy: 'referenceHidden', ...detectOverflowOptions.value }),\n  ] as Middleware[]\n})\n\n// If provided custom reference, it will overwrite the default anchor element\nconst reference = computed(() => props.reference ?? rootContext.anchor.value)\n\nconst { floatingStyles, placement, isPositioned, middlewareData, update } = useFloating(\n  reference,\n  floatingRef,\n  {\n    strategy: props.positionStrategy,\n    placement: desiredPlacement,\n    whileElementsMounted: (...args) => {\n      const cleanup = autoUpdate(...args, {\n        layoutShift: !props.disableUpdateOnLayoutShift,\n        animationFrame: props.updatePositionStrategy === 'always',\n      })\n      return cleanup\n    },\n    middleware: computedMiddleware,\n  },\n)\n\nconst placedSide = computed(\n  () => getSideAndAlignFromPlacement(placement.value)[0],\n)\nconst placedAlign = computed(\n  () => getSideAndAlignFromPlacement(placement.value)[1],\n)\n\nwatchPostEffect(() => {\n  if (isPositioned.value)\n    emits('placed')\n})\n\nconst cannotCenterArrow = computed(\n  () => middlewareData.value.arrow?.centerOffset !== 0,\n)\n\nconst contentZIndex = ref('')\nwatchEffect(() => {\n  if (contentElement.value)\n    contentZIndex.value = window.getComputedStyle(contentElement.value).zIndex\n})\n\nconst arrowX = computed(() => middlewareData.value.arrow?.x ?? 0)\nconst arrowY = computed(() => middlewareData.value.arrow?.y ?? 0)\n\nprovidePopperContentContext({\n  placedSide,\n  onArrowChange: element => arrow.value = element,\n  arrowX,\n  arrowY,\n  shouldHideArrow: cannotCenterArrow,\n})\n</script>\n\n<template>\n  <div\n    ref=\"floatingRef\"\n    data-reka-popper-content-wrapper=\"\"\n    :style=\"{\n      ...floatingStyles,\n      transform: isPositioned ? floatingStyles.transform : 'translate(0, -200%)', // keep off the page when measuring\n      minWidth: 'max-content',\n      zIndex: contentZIndex,\n      ['--reka-popper-transform-origin' as any]: [\n        middlewareData.transformOrigin?.x,\n        middlewareData.transformOrigin?.y,\n      ].join(' '),\n\n      // hide the content if using the hide middleware and should be hidden\n      // set visibility to hidden and disable pointer events so the UI behaves\n      // as if the PopperContent isn't there at all\n      ...(middlewareData.hide?.referenceHidden && {\n        visibility: 'hidden',\n        pointerEvents: 'none',\n      }),\n    }\"\n  >\n    <Primitive\n      :ref=\"forwardRef\"\n      v-bind=\"$attrs\"\n      :as-child=\"props.asChild\"\n      :as=\"as\"\n      :data-side=\"placedSide\"\n      :data-align=\"placedAlign\"\n      :style=\"{\n        // if the PopperContent hasn't been placed yet (not all measurements done)\n        // we prevent animations so that users's animation don't kick in too early referring wrong sides\n        animation: !isPositioned ? 'none' : undefined,\n      }\"\n    >\n      <slot />\n    </Primitive>\n  </div>\n</template>\n"],"names":["createContext","injectPopperRootContext","useForwardExpose","ref","useSize","computed","isNotNull","computedEager","offset","flip","shift","limitShift","size","floatingUIarrow","transformOrigin","hide","useFloating","autoUpdate","getSideAndAlignFromPlacement","watchPostEffect","watchEffect"],"mappings":"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"}
+{"version":3,"file":"PopperContent.cjs","names":["$attrs","as"],"sources":["../../src/Popper/PopperContent.vue","../../src/Popper/PopperContent.vue"],"sourcesContent":[],"mappings":"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"}