@onereach/ui-components-vue2 26.11.3-beta.6034.0 → 26.11.3

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, isCrossOriginIframe, isPrevented, safeAutoUpdate } 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

@@ -174,36 +174,6 @@ var PopoverPlacement;
   PopoverPlacement["RightEnd"] = "right-end";
 })(PopoverPlacement || (PopoverPlacement = {}));
 
-/**
- * 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);
-};
-
 const Popover = [
 // Position
 'absolute'];
@@ -255,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 {
@@ -275,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: {
@@ -373,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,
@@ -492,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, isCrossOriginIframe, isPrevented, safeAutoUpdate };
+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,2 +1,3 @@
+export * from './getFallbackPlacements';
 export * from './isPrevented';
 export * from './safeAutoUpdate';

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, isCrossOriginIframe, isPrevented, safeAutoUpdate } 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.3-beta.6034.0",
+  "version": "26.11.3",
   "description": "Vue components library for v2",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -40,8 +40,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.7.6",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^26.11.3-beta.6034.0",
-    "@onereach/ui-components-common": "^26.11.3-beta.6034.0",
+    "@onereach/styles": "^26.11.3",
+    "@onereach/ui-components-common": "^26.11.3",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.27.1",
     "@tiptap/extension-blockquote": "2.27.1",
@@ -102,5 +102,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2"
+  "npmUnpacked": "4.15.2",
+  "gitHead": "23d3ed984e27919eaa3f2d688aefe6339b74493e"
 }