@onereach/ui-components-vue2 26.11.2 → 26.11.3-beta.6036.0

package/dist/esm/components/index.js

@@ -63,7 +63,7 @@ export { ModalSize, OrModalV3 } from './or-modal-v3/index.js';
 export { NotificationVariant, OrNotificationV3, VariantToIconName } from './or-notification-v3/index.js';
 export { OrOverlayV3 } from './or-overlay-v3/index.js';
 export { OrPaginationV3 } from './or-pagination-v3/index.js';
-export { OrPopoverV3, PopoverPlacement, PopoverVariant, isPrevented } from './or-popover-v3/index.js';
+export { OrPopoverV3, PopoverPlacement, PopoverVariant, getFallbackPlacements, isCrossOriginIframe, isPrevented, safeAutoUpdate } from './or-popover-v3/index.js';
 export { OrProgressV3, ProgressColor, ProgressType } from './or-progress-v3/index.js';
 export { OrRadioGroupV3 } from './or-radio-group-v3/index.js';
 export { OrRadioV3 } from './or-radio-v3/index.js';

package/dist/esm/components/or-popover-v3/index.js

@@ -1,4 +1,4 @@
-import { computePosition, offset, shift, flip, hide, size, autoUpdate } from '@floating-ui/dom';
+import { computePosition, autoUpdate, offset, shift, flip, hide, size } from '@floating-ui/dom';
 import { t as te, a as re, G } from '../../useValidationAttributes-Da9U8-T7-fd6d5d7d.js';
 import { onClickOutside } from '@vueuse/core';
 import { computed, unref, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly, defineComponent, toRefs, toRef } from 'vue-demi';
@@ -225,6 +225,61 @@ const PopoverBodyPlacements = {
   'ml-0', 'mb-0']
 };
 
+const oppositeSide = {
+  top: 'bottom',
+  right: 'left',
+  bottom: 'top',
+  left: 'right'
+};
+const oppositeAlignment = {
+  start: 'end',
+  end: 'start'
+};
+function getSide(placement) {
+  return placement.split('-')[0];
+}
+function getAlignment(placement) {
+  return placement.split('-')[1];
+}
+function getOppositePlacement(placement) {
+  const side = getSide(placement);
+  return placement.replace(side, oppositeSide[side]);
+}
+function getOppositeAlignmentPlacement(placement) {
+  const alignment = getAlignment(placement);
+  return alignment ? placement.replace(alignment, oppositeAlignment[alignment]) : placement;
+}
+function getExpandedPlacements(placement) {
+  const oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+}
+function getOppositeAxisSides(placement, direction) {
+  const isStart = direction === 'start';
+  switch (getSide(placement)) {
+    case 'top':
+    case 'bottom':
+      return isStart ? ['left', 'right'] : ['right', 'left'];
+    case 'left':
+    case 'right':
+      return isStart ? ['top', 'bottom'] : ['bottom', 'top'];
+    default:
+      return [];
+  }
+}
+function getFallbackPlacements(placement, direction) {
+  const alignment = getAlignment(placement);
+  const fallbackPlacements = alignment ? getExpandedPlacements(placement) : [getOppositePlacement(placement)];
+  if (direction === 'none') {
+    return fallbackPlacements;
+  }
+  let oppositeAxisPlacements = getOppositeAxisSides(placement, direction);
+  if (alignment) {
+    oppositeAxisPlacements = oppositeAxisPlacements.map(side => `${side}-${alignment}`);
+    oppositeAxisPlacements = [...oppositeAxisPlacements, ...oppositeAxisPlacements.map(getOppositeAlignmentPlacement)];
+  }
+  return [...fallbackPlacements, ...oppositeAxisPlacements];
+}
+
 function isPrevented(path, trigger) {
   return path.some(element => {
     const {
@@ -245,6 +300,36 @@ function isPrevented(path, trigger) {
   });
 }
 
+/**
+ * True when this document runs in a cross-origin iframe.
+ * Parent `window` access throws or is blocked (Safari logs SecurityError for frameElement).
+ */
+function isCrossOriginIframe() {
+  if (typeof window === 'undefined' || window.self === window.top) {
+    return false;
+  }
+  try {
+    return !window.parent || !Object.getPrototypeOf(window.parent);
+  } catch {
+    return true;
+  }
+}
+/**
+ * Wrapper around Floating UI `autoUpdate` for embedded apps.
+ * Disables ancestor scroll/resize tracking in cross-origin iframes where Floating UI
+ * cannot safely traverse into the parent frame.
+ */
+const safeAutoUpdate = (reference, floating, update, options = {}) => {
+  if (isCrossOriginIframe()) {
+    return autoUpdate(reference, floating, update, {
+      ...options,
+      ancestorScroll: false,
+      ancestorResize: false
+    });
+  }
+  return autoUpdate(reference, floating, update, options);
+};
+
 var script = defineComponent({
   name: 'OrPopover',
   components: {
@@ -343,7 +428,7 @@ var script = defineComponent({
     } = useFloating(trigger, root, {
       placement,
       middleware: [offset(offset$1.value), shift(), flip(() => ({
-        fallbackAxisSideDirection: props.fallbackPlacement
+        fallbackPlacements: getFallbackPlacements(placement.value, props.fallbackPlacement)
       })), hide(hideOptions.value), size({
         apply({
           rects,
@@ -357,7 +442,7 @@ var script = defineComponent({
         }
       })],
       whileElementsMounted(...args) {
-        return autoUpdate(...args, {
+        return safeAutoUpdate(...args, {
           animationFrame: true
         });
       }
@@ -462,4 +547,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 var OrPopover = __vue_component__;
 
-export { OrPopover as OrPopoverV3, PopoverPlacement, PopoverVariant, isPrevented };
+export { OrPopover as OrPopoverV3, PopoverPlacement, PopoverVariant, getFallbackPlacements, isCrossOriginIframe, isPrevented, safeAutoUpdate };

package/dist/esm/components/or-popover-v3/utils/getFallbackPlacements.d.ts

@@ -0,0 +1,2 @@
+import { FlipOptions, Placement } from '@floating-ui/dom';
+export declare function getFallbackPlacements(placement: Placement, direction: FlipOptions['fallbackAxisSideDirection']): Placement[];

package/dist/esm/components/or-popover-v3/utils/index.d.ts

@@ -1 +1,3 @@
+export * from './getFallbackPlacements';
 export * from './isPrevented';
+export * from './safeAutoUpdate';

package/dist/esm/components/or-popover-v3/utils/safeAutoUpdate.d.ts

@@ -0,0 +1,14 @@
+import { autoUpdate } from '@floating-ui/dom';
+/**
+ * True when this document runs in a cross-origin iframe.
+ * Parent `window` access throws or is blocked (Safari logs SecurityError for frameElement).
+ */
+export declare function isCrossOriginIframe(): boolean;
+type AutoUpdateFn = typeof autoUpdate;
+/**
+ * Wrapper around Floating UI `autoUpdate` for embedded apps.
+ * Disables ancestor scroll/resize tracking in cross-origin iframes where Floating UI
+ * cannot safely traverse into the parent frame.
+ */
+export declare const safeAutoUpdate: AutoUpdateFn;
+export {};

package/dist/esm/index.js

@@ -69,7 +69,7 @@ export { ModalSize, OrModalV3 } from './components/or-modal-v3/index.js';
 export { NotificationVariant, OrNotificationV3, VariantToIconName } from './components/or-notification-v3/index.js';
 export { OrOverlayV3 } from './components/or-overlay-v3/index.js';
 export { OrPaginationV3 } from './components/or-pagination-v3/index.js';
-export { OrPopoverV3, PopoverPlacement, PopoverVariant, isPrevented } from './components/or-popover-v3/index.js';
+export { OrPopoverV3, PopoverPlacement, PopoverVariant, getFallbackPlacements, isCrossOriginIframe, isPrevented, safeAutoUpdate } from './components/or-popover-v3/index.js';
 export { OrProgressV3, ProgressColor, ProgressType } from './components/or-progress-v3/index.js';
 export { OrRadioGroupV3 } from './components/or-radio-group-v3/index.js';
 export { OrRadioV3 } from './components/or-radio-v3/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "26.11.2",
+  "version": "26.11.3-beta.6036.0",
   "description": "Vue components library for v2",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -38,10 +38,10 @@
     "@codemirror/lint": "^6",
     "@codemirror/state": "^6",
     "@codemirror/view": "^6",
-    "@floating-ui/dom": "1.5.3",
+    "@floating-ui/dom": "1.7.6",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^26.11.2",
-    "@onereach/ui-components-common": "^26.11.2",
+    "@onereach/styles": "^26.11.3-beta.6036.0",
+    "@onereach/ui-components-common": "^26.11.3-beta.6036.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.27.1",
     "@tiptap/extension-blockquote": "2.27.1",
@@ -102,6 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "ba95cca98160dbb4ea5677d35bd81d85c4ea8025"
+  "npmUnpacked": "4.15.2"
 }