@plumile/ui 0.1.187 → 0.1.188

package/lib/esm/shared/anchoredFloatingPosition.js

@@ -0,0 +1,27 @@
+//#region src/shared/anchoredFloatingPosition.ts
+var e = ({ anchorRect: e, floatingHeight: t, floatingWidth: n, matchAnchorWidth: r, maxHeight: i, minHeight: a = 96, offset: o, placement: s, viewportHeight: c, viewportPadding: l = 4, viewportWidth: u }) => {
+	let { bottom: d, left: f, right: p, top: m, width: h } = e, g;
+	r && (g = Math.min(h, u - l * 2));
+	let _ = g ?? n, v = i ?? t, y = f;
+	s.endsWith("end") && (y = p - _), y + _ > u - l && (y = Math.max(l, u - _ - l)), y < l && (y = l);
+	let b = s.startsWith("bottom"), x = m - v - o;
+	b && (x = d + o);
+	let S;
+	if (i != null) {
+		let e = c - (d + o) - l, t = m - o - l, n = b && e < a && t > e, r = e;
+		n && (r = t), S = Math.min(i, Math.max(a, r)), n && (x = Math.max(l, m - S - o));
+	} else if (x + v > c - l) if (b) {
+		let e = m - v - o;
+		x = e >= l ? e : Math.max(l, c - v - l);
+	} else x = Math.max(l, c - v - l);
+	return x < l && (x = l), {
+		top: x,
+		left: y,
+		width: g,
+		maxHeight: S
+	};
+};
+//#endregion
+export { e as getAnchoredFloatingPosition };
+
+//# sourceMappingURL=anchoredFloatingPosition.js.map

package/lib/esm/shared/anchoredFloatingPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchoredFloatingPosition.js","names":[],"sources":["../../../src/shared/anchoredFloatingPosition.ts"],"sourcesContent":["export type AnchoredFloatingPlacement =\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'top-start'\n  | 'top-end';\n\nexport type AnchoredFloatingPosition = {\n  top: number;\n  left: number;\n  width?: number;\n  maxHeight?: number;\n};\n\ntype AnchoredFloatingPositionOptions = {\n  anchorRect: DOMRect;\n  floatingWidth: number;\n  floatingHeight: number;\n  placement: AnchoredFloatingPlacement;\n  offset: number;\n  matchAnchorWidth: boolean;\n  viewportWidth: number;\n  viewportHeight: number;\n  viewportPadding?: number;\n  minHeight?: number;\n  maxHeight?: number;\n};\n\nexport const getAnchoredFloatingPosition = ({\n  anchorRect,\n  floatingHeight,\n  floatingWidth,\n  matchAnchorWidth,\n  maxHeight,\n  minHeight = 96,\n  offset,\n  placement,\n  viewportHeight,\n  viewportPadding = 4,\n  viewportWidth,\n}: AnchoredFloatingPositionOptions): AnchoredFloatingPosition => {\n  const {\n    bottom: anchorBottom,\n    left: anchorLeft,\n    right: anchorRight,\n    top: anchorTop,\n    width: anchorWidth,\n  } = anchorRect;\n\n  let width: number | undefined;\n  if (matchAnchorWidth) {\n    width = Math.min(anchorWidth, viewportWidth - viewportPadding * 2);\n  }\n  const contentWidth = width ?? floatingWidth;\n  const contentHeight = maxHeight ?? floatingHeight;\n\n  let left = anchorLeft;\n  if (placement.endsWith('end')) {\n    left = anchorRight - contentWidth;\n  }\n\n  if (left + contentWidth > viewportWidth - viewportPadding) {\n    left = Math.max(\n      viewportPadding,\n      viewportWidth - contentWidth - viewportPadding,\n    );\n  }\n  if (left < viewportPadding) {\n    left = viewportPadding;\n  }\n\n  const opensDown = placement.startsWith('bottom');\n  let top = anchorTop - contentHeight - offset;\n  if (opensDown) {\n    top = anchorBottom + offset;\n  }\n\n  let resolvedMaxHeight: number | undefined;\n  if (maxHeight != null) {\n    const availableBelow =\n      viewportHeight - (anchorBottom + offset) - viewportPadding;\n    const availableAbove = anchorTop - offset - viewportPadding;\n    const shouldFlipUp =\n      opensDown &&\n      availableBelow < minHeight &&\n      availableAbove > availableBelow;\n    let available = availableBelow;\n    if (shouldFlipUp) {\n      available = availableAbove;\n    }\n\n    resolvedMaxHeight = Math.min(maxHeight, Math.max(minHeight, available));\n\n    if (shouldFlipUp) {\n      top = Math.max(viewportPadding, anchorTop - resolvedMaxHeight - offset);\n    }\n  } else if (top + contentHeight > viewportHeight - viewportPadding) {\n    if (opensDown) {\n      const flippedTop = anchorTop - contentHeight - offset;\n      if (flippedTop >= viewportPadding) {\n        top = flippedTop;\n      } else {\n        top = Math.max(\n          viewportPadding,\n          viewportHeight - contentHeight - viewportPadding,\n        );\n      }\n    } else {\n      top = Math.max(\n        viewportPadding,\n        viewportHeight - contentHeight - viewportPadding,\n      );\n    }\n  }\n\n  if (top < viewportPadding) {\n    top = viewportPadding;\n  }\n\n  return {\n    top,\n    left,\n    width,\n    maxHeight: resolvedMaxHeight,\n  };\n};\n"],"mappings":";AA2BA,IAAa,KAA+B,EAC1C,eACA,mBACA,kBACA,qBACA,cACA,eAAY,IACZ,WACA,cACA,mBACA,qBAAkB,GAClB,uBAC+D;CAC/D,IAAM,EACJ,QAAQ,GACR,MAAM,GACN,OAAO,GACP,KAAK,GACL,OAAO,MACL,GAEA;CACJ,AAAI,MACF,IAAQ,KAAK,IAAI,GAAa,IAAgB,IAAkB,CAAC;CAEnE,IAAM,IAAe,KAAS,GACxB,IAAgB,KAAa,GAE/B,IAAO;CAWX,AAVI,EAAU,SAAS,KAAK,MAC1B,IAAO,IAAc,IAGnB,IAAO,IAAe,IAAgB,MACxC,IAAO,KAAK,IACV,GACA,IAAgB,IAAe,CACjC,IAEE,IAAO,MACT,IAAO;CAGT,IAAM,IAAY,EAAU,WAAW,QAAQ,GAC3C,IAAM,IAAY,IAAgB;CACtC,AAAI,MACF,IAAM,IAAe;CAGvB,IAAI;CACJ,IAAI,KAAa,MAAM;EACrB,IAAM,IACJ,KAAkB,IAAe,KAAU,GACvC,IAAiB,IAAY,IAAS,GACtC,IACJ,KACA,IAAiB,KACjB,IAAiB,GACf,IAAY;EAOhB,AANI,MACF,IAAY,IAGd,IAAoB,KAAK,IAAI,GAAW,KAAK,IAAI,GAAW,CAAS,CAAC,GAElE,MACF,IAAM,KAAK,IAAI,GAAiB,IAAY,IAAoB,CAAM;CAE1E,OAAO,IAAI,IAAM,IAAgB,IAAiB,GAChD,IAAI,GAAW;EACb,IAAM,IAAa,IAAY,IAAgB;EAC/C,AAGE,IAHE,KAAc,IACV,IAEA,KAAK,IACT,GACA,IAAiB,IAAgB,CACnC;CAEJ,OACE,IAAM,KAAK,IACT,GACA,IAAiB,IAAgB,CACnC;CAQJ,OAJI,IAAM,MACR,IAAM,IAGD;EACL;EACA;EACA;EACA,WAAW;CACb;AACF"}