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;
 | 
						|
 | 
						|
}));
 |