171 lines
		
	
	
		
			5.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			171 lines
		
	
	
		
			5.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| (function (global, factory) {
 | |
|   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
 | |
|   typeof define === 'function' && define.amd ? define(['exports'], factory) :
 | |
|   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.FloatingUIUtils = {}));
 | |
| })(this, (function (exports) { 'use strict';
 | |
| 
 | |
|   /**
 | |
|    * Custom positioning reference element.
 | |
|    * @see https://floating-ui.com/docs/virtual-elements
 | |
|    */
 | |
| 
 | |
|   const sides = ['top', 'right', 'bottom', 'left'];
 | |
|   const alignments = ['start', 'end'];
 | |
|   const placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
 | |
|   const min = Math.min;
 | |
|   const max = Math.max;
 | |
|   const round = Math.round;
 | |
|   const floor = Math.floor;
 | |
|   const createCoords = v => ({
 | |
|     x: v,
 | |
|     y: v
 | |
|   });
 | |
|   const oppositeSideMap = {
 | |
|     left: 'right',
 | |
|     right: 'left',
 | |
|     bottom: 'top',
 | |
|     top: 'bottom'
 | |
|   };
 | |
|   const oppositeAlignmentMap = {
 | |
|     start: 'end',
 | |
|     end: 'start'
 | |
|   };
 | |
|   function clamp(start, value, end) {
 | |
|     return max(start, min(value, end));
 | |
|   }
 | |
|   function evaluate(value, param) {
 | |
|     return typeof value === 'function' ? value(param) : value;
 | |
|   }
 | |
|   function getSide(placement) {
 | |
|     return placement.split('-')[0];
 | |
|   }
 | |
|   function getAlignment(placement) {
 | |
|     return placement.split('-')[1];
 | |
|   }
 | |
|   function getOppositeAxis(axis) {
 | |
|     return axis === 'x' ? 'y' : 'x';
 | |
|   }
 | |
|   function getAxisLength(axis) {
 | |
|     return axis === 'y' ? 'height' : 'width';
 | |
|   }
 | |
|   const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
 | |
|   function getSideAxis(placement) {
 | |
|     return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
 | |
|   }
 | |
|   function getAlignmentAxis(placement) {
 | |
|     return getOppositeAxis(getSideAxis(placement));
 | |
|   }
 | |
|   function getAlignmentSides(placement, rects, rtl) {
 | |
|     if (rtl === void 0) {
 | |
|       rtl = false;
 | |
|     }
 | |
|     const alignment = getAlignment(placement);
 | |
|     const alignmentAxis = getAlignmentAxis(placement);
 | |
|     const length = getAxisLength(alignmentAxis);
 | |
|     let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';
 | |
|     if (rects.reference[length] > rects.floating[length]) {
 | |
|       mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
 | |
|     }
 | |
|     return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
 | |
|   }
 | |
|   function getExpandedPlacements(placement) {
 | |
|     const oppositePlacement = getOppositePlacement(placement);
 | |
|     return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
 | |
|   }
 | |
|   function getOppositeAlignmentPlacement(placement) {
 | |
|     return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
 | |
|   }
 | |
|   const lrPlacement = ['left', 'right'];
 | |
|   const rlPlacement = ['right', 'left'];
 | |
|   const tbPlacement = ['top', 'bottom'];
 | |
|   const btPlacement = ['bottom', 'top'];
 | |
|   function getSideList(side, isStart, rtl) {
 | |
|     switch (side) {
 | |
|       case 'top':
 | |
|       case 'bottom':
 | |
|         if (rtl) return isStart ? rlPlacement : lrPlacement;
 | |
|         return isStart ? lrPlacement : rlPlacement;
 | |
|       case 'left':
 | |
|       case 'right':
 | |
|         return isStart ? tbPlacement : btPlacement;
 | |
|       default:
 | |
|         return [];
 | |
|     }
 | |
|   }
 | |
|   function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
 | |
|     const alignment = getAlignment(placement);
 | |
|     let list = getSideList(getSide(placement), direction === 'start', rtl);
 | |
|     if (alignment) {
 | |
|       list = list.map(side => side + "-" + alignment);
 | |
|       if (flipAlignment) {
 | |
|         list = list.concat(list.map(getOppositeAlignmentPlacement));
 | |
|       }
 | |
|     }
 | |
|     return list;
 | |
|   }
 | |
|   function getOppositePlacement(placement) {
 | |
|     return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);
 | |
|   }
 | |
|   function expandPaddingObject(padding) {
 | |
|     return {
 | |
|       top: 0,
 | |
|       right: 0,
 | |
|       bottom: 0,
 | |
|       left: 0,
 | |
|       ...padding
 | |
|     };
 | |
|   }
 | |
|   function getPaddingObject(padding) {
 | |
|     return typeof padding !== 'number' ? expandPaddingObject(padding) : {
 | |
|       top: padding,
 | |
|       right: padding,
 | |
|       bottom: padding,
 | |
|       left: padding
 | |
|     };
 | |
|   }
 | |
|   function rectToClientRect(rect) {
 | |
|     const {
 | |
|       x,
 | |
|       y,
 | |
|       width,
 | |
|       height
 | |
|     } = rect;
 | |
|     return {
 | |
|       width,
 | |
|       height,
 | |
|       top: y,
 | |
|       left: x,
 | |
|       right: x + width,
 | |
|       bottom: y + height,
 | |
|       x,
 | |
|       y
 | |
|     };
 | |
|   }
 | |
| 
 | |
|   exports.alignments = alignments;
 | |
|   exports.clamp = clamp;
 | |
|   exports.createCoords = createCoords;
 | |
|   exports.evaluate = evaluate;
 | |
|   exports.expandPaddingObject = expandPaddingObject;
 | |
|   exports.floor = floor;
 | |
|   exports.getAlignment = getAlignment;
 | |
|   exports.getAlignmentAxis = getAlignmentAxis;
 | |
|   exports.getAlignmentSides = getAlignmentSides;
 | |
|   exports.getAxisLength = getAxisLength;
 | |
|   exports.getExpandedPlacements = getExpandedPlacements;
 | |
|   exports.getOppositeAlignmentPlacement = getOppositeAlignmentPlacement;
 | |
|   exports.getOppositeAxis = getOppositeAxis;
 | |
|   exports.getOppositeAxisPlacements = getOppositeAxisPlacements;
 | |
|   exports.getOppositePlacement = getOppositePlacement;
 | |
|   exports.getPaddingObject = getPaddingObject;
 | |
|   exports.getSide = getSide;
 | |
|   exports.getSideAxis = getSideAxis;
 | |
|   exports.max = max;
 | |
|   exports.min = min;
 | |
|   exports.placements = placements;
 | |
|   exports.rectToClientRect = rectToClientRect;
 | |
|   exports.round = round;
 | |
|   exports.sides = sides;
 | |
| 
 | |
| }));
 |