@evance/evance-ui 1.0.40 → 1.0.41

package/dist/esm/src/components/EvOverlay/position-strategy/connected-position.mjs

@@ -0,0 +1,547 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+/*! Evance UI v1.0.40 | MIT License */
+import { watch, onScopeDispose, computed, nextTick } from "vue";
+import { Rect } from "../../../util/dimensions.mjs";
+import { getScrollParents } from "../../../util/scroll.mjs";
+import { isFixedPosition } from "../../../util/isFixedPosition.mjs";
+import { toFixedPosition } from "../../../util/style.mjs";
+import { toWebUnit, pixelCeil, pixelRound } from "../../../util/units.mjs";
+import { destructComputed, clamp } from "../../../util/helpers.mjs";
+import { Anchor } from "../../../util/anchor.mjs";
+import { isNumber } from "../../../util/is-functions.mjs";
+function connectedPositionStrategy(data, props, contentStyles) {
+  const manager = new ConnectedPosition(data, props, contentStyles);
+  return {
+    updatePosition: manager.updatePosition.bind(manager)
+  };
+}
+class ConnectedPosition {
+  constructor(data, props, contentStyles) {
+    __publicField(this, "contentScrollParents");
+    __publicField(this, "contentRect");
+    __publicField(this, "maxHeight");
+    __publicField(this, "maxWidth");
+    __publicField(this, "minHeight");
+    __publicField(this, "minWidth");
+    __publicField(this, "observe", false);
+    __publicField(this, "observer");
+    __publicField(this, "offset");
+    __publicField(this, "preferredPosition");
+    __publicField(this, "preferredOrigin");
+    __publicField(this, "targetRect");
+    __publicField(this, "viewportRect");
+    __publicField(this, "viewportMargin", 12);
+    __publicField(this, "zoneCalculator");
+    this.data = data;
+    this.props = props;
+    this.contentStyles = contentStyles;
+    this.resolveFixedActivator();
+    this.minWidth = this.computedNumericProp("minWidth");
+    this.maxWidth = this.computedNumericProp("maxWidth");
+    this.minHeight = this.computedNumericProp("minHeight");
+    this.maxHeight = this.computedNumericProp("maxHeight");
+    this.offset = this.computedOffset();
+    this.zoneCalculator = new ZoneCalculator();
+    this.calculatePreferences();
+    this.addResizeObserver();
+    this.watch();
+  }
+  /**
+   * ## Add Resize Observer
+   *
+   * Watch for changes to the size and element of the activator as well as the overlay content.
+   *
+   * @private
+   */
+  addResizeObserver() {
+    this.observe = false;
+    this.observer = new ResizeObserver(() => {
+      if (this.observe) {
+        this.updatePosition();
+      }
+    });
+    watch(
+      [this.data.activatorEl, this.data.contentEl],
+      ([newActivatorEl, newContentEl], [oldActivatorEl, oldContentEl]) => {
+        var _a, _b, _c, _d;
+        if (oldActivatorEl) {
+          (_a = this.observer) == null ? void 0 : _a.unobserve(oldActivatorEl);
+        }
+        if (newActivatorEl) {
+          (_b = this.observer) == null ? void 0 : _b.observe(newActivatorEl);
+        }
+        if (oldContentEl) {
+          (_c = this.observer) == null ? void 0 : _c.unobserve(oldContentEl);
+        }
+        if (newContentEl) {
+          (_d = this.observer) == null ? void 0 : _d.observe(newContentEl);
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    onScopeDispose(() => {
+      var _a;
+      (_a = this.observer) == null ? void 0 : _a.disconnect();
+    });
+  }
+  /**
+   * ## Calculate Preferences (for position and origin anchor points)
+   * @private
+   */
+  calculatePreferences() {
+    const { preferredPosition, preferredOrigin } = destructComputed(() => {
+      const position = Anchor.fromSelector(
+        this.props.position,
+        this.data.isRtl.value
+      );
+      let origin;
+      if (this.props.origin === "overlap") {
+        origin = position;
+      } else if (this.props.origin === "auto") {
+        origin = position.flipSide();
+      } else {
+        origin = Anchor.fromSelector(
+          this.props.origin,
+          this.data.isRtl.value
+        );
+      }
+      if (position.side === origin.side && position.alignment === origin.flipAlignment().alignment) {
+        return {
+          preferredPosition: position.flipCorner(),
+          preferredOrigin: origin.flipCorner()
+        };
+      } else {
+        return {
+          preferredPosition: position,
+          preferredOrigin: origin
+        };
+      }
+    });
+    this.preferredPosition = preferredPosition;
+    this.preferredOrigin = preferredOrigin;
+  }
+  /**
+   * ## Computed Numeric Prop
+   * @param key
+   * @private
+   */
+  computedNumericProp(key) {
+    return computed(() => {
+      const value = parseFloat(
+        this.props[key]
+      );
+      return isNaN(value) ? Infinity : value;
+    });
+  }
+  /**
+   * ## Computed Offset
+   *
+   * Returns an array, with the following indexes:
+   * - `0` - represents `side` offset.
+   * - `1` - represents `alignment` offset.
+   *
+   * @private
+   */
+  computedOffset() {
+    return computed(() => {
+      if (Array.isArray(this.props.offset)) {
+        return this.props.offset;
+      }
+      if (typeof this.props.offset === "string") {
+        const offset = this.props.offset.split(" ").map(parseFloat);
+        if (offset.length < 2) {
+          offset.push(0);
+        }
+        return offset;
+      }
+      return isNumber(this.props.offset) ? [this.props.offset, 0] : [0, 0];
+    });
+  }
+  /**
+   * # Get Content Rect
+   *
+   * Returns a Rect adjusted for the original elements position, whilst accommodating RTL direction.
+   */
+  getContentRect() {
+    const el = this.data.contentEl.value;
+    const isRtl = this.data.isRtl.value;
+    const rect = Rect.fromElement(el, true);
+    if (isRtl) {
+      rect.x += parseFloat(el.style.right || 0);
+    } else {
+      rect.x -= parseFloat(el.style.left || 0);
+    }
+    rect.y -= parseFloat(el.style.top || 0);
+    return rect;
+  }
+  /**
+   * ## Get Content Scroll Parents
+   * @private
+   */
+  getContentScrollParents() {
+    const scrollParents = getScrollParents(this.data.contentEl.value);
+    const contentEl = this.data.contentEl.value;
+    if (!scrollParents.length) {
+      scrollParents.push(document.documentElement);
+      if (!(contentEl.style.top && contentEl.style.left)) {
+        this.contentRect.x -= parseFloat(
+          document.documentElement.style.getPropertyValue(
+            "--ev-body-scroll-x"
+          ) || "0"
+        );
+        this.contentRect.y -= parseFloat(
+          document.documentElement.style.getPropertyValue(
+            "--ev-body-scroll-y"
+          ) || "0"
+        );
+      }
+    }
+    return scrollParents;
+  }
+  /**
+   * ## Get Viewport Rect
+   *
+   * Calculates the viewport viewable area for the content taking into account the viewport margins.
+   * i.e. how close are we allowed to place content to the edges of the viewport?
+   *
+   * @private
+   */
+  getViewportRect() {
+    const viewportRect = this.contentScrollParents.reduce(
+      (currentRect, el) => {
+        const elRect = Rect.fromElement(el);
+        const isDocEl = el === document.documentElement;
+        const scrollRect = new Rect(
+          isDocEl ? 0 : elRect.x,
+          isDocEl ? 0 : elRect.y,
+          el.clientWidth,
+          el.clientHeight
+        );
+        if (!currentRect) {
+          return scrollRect;
+        }
+        return new Rect(
+          Math.max(currentRect.left, scrollRect.left),
+          Math.max(currentRect.top, scrollRect.top),
+          Math.min(currentRect.right, scrollRect.right) - Math.max(currentRect.left, scrollRect.left),
+          Math.min(currentRect.bottom, scrollRect.bottom) - Math.max(currentRect.top, scrollRect.top)
+        );
+      },
+      void 0
+    );
+    viewportRect.x += this.viewportMargin;
+    viewportRect.y += this.viewportMargin;
+    viewportRect.width -= this.viewportMargin * 2;
+    viewportRect.height -= this.viewportMargin * 2;
+    return viewportRect;
+  }
+  /**
+   * ## Resolve Fixed Activator
+   * @private
+   */
+  resolveFixedActivator() {
+    const isActivatorFixed = isFixedPosition(this.data.activatorEl.value);
+    if (isActivatorFixed) {
+      toFixedPosition(this.contentStyles.value, this.data.isRtl.value);
+    }
+  }
+  /**
+   * ## Update Position
+   */
+  updatePosition() {
+    var _a;
+    this.observe = false;
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => this.observe = true);
+    });
+    if (!this.data.activatorEl.value || !this.data.contentEl.value) {
+      return;
+    }
+    this.targetRect = Rect.fromElement(this.data.activatorEl.value);
+    this.contentRect = this.getContentRect();
+    this.contentScrollParents = this.getContentScrollParents();
+    this.viewportRect = this.getViewportRect();
+    const zones = this.zoneCalculator.getAvailable(
+      this.targetRect,
+      this.viewportRect,
+      this.offset.value,
+      this.contentRect
+    );
+    const placement = {
+      position: this.preferredPosition.value,
+      origin: this.preferredOrigin.value
+    };
+    if (placement.position.side === "auto") {
+      const autoZone = this.getAutoZone(placement.position, zones);
+      placement.position = autoZone.position;
+      placement.origin = placement.position.flipSide();
+    }
+    const zone = placement.position.side === "center" ? this.getCenterZone(zones) : this.getBestZone(placement.position, zones);
+    placement.position = zone.position;
+    placement.origin = placement.position.flipSide();
+    let { x, y } = zone.rect;
+    if (placement.position.side === "center") {
+      y = zone.rect.y + (zone.rect.height - this.contentRect.height) / 2;
+      x = zone.rect.x + (zone.rect.width - this.contentRect.width) / 2;
+    } else {
+      if (placement.position.side === "top") {
+        y = zone.rect.bottom - this.contentRect.height;
+      } else if (placement.position.side === "left") {
+        x = zone.rect.right - this.contentRect.width;
+      }
+      if (placement.position.alignment !== "start") {
+        const divider = placement.position.alignment === "center" ? 2 : 1;
+        if (placement.position.axis === "x") {
+          y = this.targetRect.y + (this.targetRect.height - this.contentRect.height) / divider;
+        } else {
+          x = this.targetRect.x + (this.targetRect.width - this.contentRect.width) / divider;
+        }
+      }
+    }
+    if (y < this.viewportRect.y) {
+      y = this.viewportRect.y;
+    }
+    if (x < this.viewportRect.x) {
+      x = this.viewportRect.x;
+    }
+    Object.assign(this.contentStyles.value, {
+      "--ev-overlay-position": placement.position.toCssValue(),
+      transformOrigin: placement.origin.toCssValue(),
+      top: toWebUnit(pixelRound(y)),
+      left: toWebUnit(pixelRound(x)),
+      minWidth: toWebUnit(
+        placement.position.axis === "y" ? Math.min(this.minWidth.value, this.targetRect.width) : this.minWidth.value
+      ),
+      maxWidth: toWebUnit(
+        pixelCeil(
+          clamp(
+            zone.rect.width,
+            this.minWidth.value === Infinity ? 0 : this.minWidth.value,
+            this.maxWidth.value
+          )
+        )
+      ),
+      maxHeight: toWebUnit(
+        pixelCeil(
+          clamp(
+            zone.rect.height,
+            this.minHeight.value === Infinity ? 0 : this.minHeight.value,
+            this.maxHeight.value
+          )
+        )
+      )
+    });
+    (_a = this.data.contentEl.value) == null ? void 0 : _a.setAttribute(
+      "data-position",
+      placement.position.toString()
+    );
+    return {
+      zoneRect: zone.rect,
+      contentRect: this.contentRect
+    };
+  }
+  getAutoZone(position, zones) {
+    const matches = zones.filter((zone) => {
+      if (zone.position.side === "center") {
+        return false;
+      }
+      return position.alignment === "auto" || zone.position.alignment === position.alignment;
+    });
+    return matches[0];
+  }
+  /**
+   * ## Get Best Zone
+   * Returns the zone that fits the content, or the zone with the largest available area.
+   * @param position
+   * @param zones
+   * @private
+   */
+  getBestZone(position, zones) {
+    const positions = [
+      position,
+      position.centerAlign(),
+      position.flipSide(),
+      position.flipSide().centerAlign(),
+      position.flipCorner(),
+      position.flipCorner().centerAlign(),
+      position.flipCorner().flipSide(),
+      position.flipCorner().flipSide().centerAlign()
+    ];
+    for (const newPosition of positions) {
+      const zone = zones.find((zone2) => {
+        return zone2.position.toString() === newPosition.toString();
+      });
+      if (zone == null ? void 0 : zone.isFitsContent) {
+        return zone;
+      }
+    }
+    for (const newPosition of positions) {
+      const zone = zones.find((zone2) => {
+        return zone2.position.toString() === newPosition.toString();
+      });
+      if (!zone) {
+        continue;
+      }
+      const dimension = newPosition.axis === "x" ? "width" : "height";
+      if (zone.available[dimension] >= 0) {
+        return zone;
+      }
+    }
+    return this.getAutoZone(position, zones);
+  }
+  /**
+   * ## Get Center Zone
+   * Returns the zone for centering content in the viewport, which is basically the whole viewport.
+   * @param zones
+   * @private
+   */
+  getCenterZone(zones) {
+    return zones.find((zone) => {
+      return zone.position.side === "center" && zone.position.alignment === "center";
+    });
+  }
+  /**
+   * ## Watch
+   *
+   * Watch for changes that affect position calculations.
+   *
+   * @private
+   */
+  watch() {
+    watch(
+      () => {
+        var _a, _b;
+        return [
+          (_a = this.preferredPosition) == null ? void 0 : _a.value,
+          (_b = this.preferredOrigin) == null ? void 0 : _b.value,
+          this.props.offset,
+          this.props.minWidth,
+          this.props.minHeight,
+          this.props.maxWidth,
+          this.props.maxHeight
+        ];
+      },
+      () => this.updatePosition()
+    );
+    nextTick(() => {
+      const result = this.updatePosition();
+      if (!result) {
+        return;
+      }
+    });
+  }
+}
+class Zone {
+  constructor(position, rect, content) {
+    __publicField(this, "available");
+    __publicField(this, "isFitsContent");
+    this.position = position;
+    this.rect = rect;
+    this.content = content;
+    this.available = {
+      width: this.rect.width - content.width,
+      height: this.rect.height - content.height
+    };
+    this.isFitsContent = this.rect.width >= content.width && this.rect.height >= content.height;
+  }
+  get availableArea() {
+    return this.available.width * this.available.height;
+  }
+}
+class ZoneCalculator {
+  /**
+   * ## Get Available
+   *
+   * Returns all available zones around the target.
+   *
+   * @param target
+   * @param viewport
+   * @param offset
+   * @param content
+   */
+  getAvailable(target, viewport, offset, content) {
+    const [offsetSide, offsetAlign] = offset;
+    const sides = {
+      top: {
+        y: viewport.top,
+        height: target.top - viewport.top - offsetSide,
+        align: "x"
+      },
+      bottom: {
+        y: target.bottom + offsetSide,
+        height: viewport.bottom - target.bottom - offsetSide,
+        align: "x"
+      },
+      left: {
+        x: viewport.left,
+        width: target.left - viewport.left - offsetSide,
+        align: "y"
+      },
+      right: {
+        x: target.right + offsetSide,
+        width: viewport.right - target.right - offsetSide,
+        align: "y"
+      },
+      center: { x: viewport.left, width: viewport.width, align: "y" }
+    };
+    const alignments = {
+      x: {
+        center: { x: viewport.left, width: viewport.width },
+        start: {
+          x: target.left + offsetAlign,
+          width: viewport.width - target.left - offsetAlign
+        },
+        end: {
+          x: viewport.left,
+          width: target.right - viewport.left - offsetAlign
+        }
+      },
+      y: {
+        center: { y: viewport.top, height: viewport.height },
+        start: {
+          y: target.top + offsetAlign,
+          height: viewport.bottom - target.top - offsetAlign
+        },
+        end: {
+          y: viewport.top,
+          height: target.bottom - viewport.top - offsetAlign
+        }
+      }
+    };
+    const zones = [];
+    for (const [side, sideAttrs] of Object.entries(sides)) {
+      for (const [align, alignAttrs] of Object.entries(
+        alignments[sideAttrs.align]
+      )) {
+        const anchor = new Anchor(
+          side,
+          align
+        );
+        const rectProps = Object.assign(
+          {
+            width: 0,
+            height: 0,
+            x: 0,
+            y: 0
+          },
+          sideAttrs,
+          alignAttrs
+        );
+        const rect = Rect.fromRect(rectProps);
+        zones.push(new Zone(anchor, rect, content));
+      }
+    }
+    zones.sort((zoneA, zoneB) => {
+      return zoneB.availableArea - zoneA.availableArea;
+    });
+    return zones;
+  }
+}
+export {
+  connectedPositionStrategy
+};
+//# sourceMappingURL=connected-position.mjs.map

package/dist/esm/src/components/EvOverlay/position-strategy/connected-position.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connected-position.mjs","sources":["../../../../../../src/components/EvOverlay/position-strategy/connected-position.ts"],"sourcesContent":["import { PositionStrategyData, PositionStrategyProps } from \"../position\";\r\nimport {\r\n    computed,\r\n    ComputedRef,\r\n    nextTick,\r\n    onScopeDispose,\r\n    Ref,\r\n    watch,\r\n} from \"vue\";\r\nimport {\r\n    isFixedPosition,\r\n    toFixedPosition,\r\n    StyleProp,\r\n    isNumber,\r\n    Rect,\r\n    getScrollParents,\r\n    destructComputed,\r\n    Anchor,\r\n    Dimensions,\r\n    toWebUnit,\r\n    pixelRound,\r\n    pixelCeil,\r\n    clamp,\r\n    AnchorSide,\r\n    AnchorAlignment,\r\n    RectProps,\r\n} from \"@/util\";\r\n\r\n/**\r\n * # Connected Position Strategy\r\n *\r\n * Connected to a certain element\r\n */\r\nexport function connectedPositionStrategy(\r\n    data: PositionStrategyData,\r\n    props: PositionStrategyProps,\r\n    contentStyles: Ref<StyleProp>,\r\n) {\r\n    // When the position anchor contains auto information, we need to calculate the preferred anchor\r\n    // If the origin anchor contains auto information, we need to calculate the preferred anchor\r\n    // some combinations may cause issues.\r\n\r\n    // If the `side` of the anchor is set to 'auto' then we need to choose the side with most space\r\n    // for the content. We should have a preference stack which is calculated based on\r\n    // rtl, and whether the content fits the side.\r\n    const manager = new ConnectedPosition(data, props, contentStyles);\r\n    return {\r\n        updatePosition: manager.updatePosition.bind(manager),\r\n    };\r\n}\r\n\r\nclass ConnectedPosition {\r\n    public contentScrollParents?: HTMLElement[];\r\n    public contentRect?: Rect;\r\n    public maxHeight: ComputedRef<number>;\r\n    public maxWidth: ComputedRef<number>;\r\n    public minHeight: ComputedRef<number>;\r\n    public minWidth: ComputedRef<number>;\r\n    public observe: boolean = false;\r\n    public observer?: ResizeObserver;\r\n    public offset: ComputedRef<number[]>;\r\n    public preferredPosition?: Ref<Anchor>;\r\n    public preferredOrigin?: Ref<Anchor>;\r\n    public targetRect?: Rect;\r\n    public viewportRect?: Rect;\r\n    public viewportMargin = 12;\r\n    private zoneCalculator: ZoneCalculator;\r\n\r\n    constructor(\r\n        public data: PositionStrategyData,\r\n        public props: PositionStrategyProps,\r\n        public contentStyles: Ref<StyleProp>,\r\n    ) {\r\n        this.resolveFixedActivator();\r\n        this.minWidth = this.computedNumericProp(\"minWidth\");\r\n        this.maxWidth = this.computedNumericProp(\"maxWidth\");\r\n        this.minHeight = this.computedNumericProp(\"minHeight\");\r\n        this.maxHeight = this.computedNumericProp(\"maxHeight\");\r\n        this.offset = this.computedOffset();\r\n        this.zoneCalculator = new ZoneCalculator();\r\n        this.calculatePreferences();\r\n        this.addResizeObserver();\r\n        this.watch();\r\n    }\r\n\r\n    /**\r\n     * ## Add Resize Observer\r\n     *\r\n     * Watch for changes to the size and element of the activator as well as the overlay content.\r\n     *\r\n     * @private\r\n     */\r\n    private addResizeObserver() {\r\n        this.observe = false;\r\n        this.observer = new ResizeObserver(() => {\r\n            if (this.observe) {\r\n                this.updatePosition();\r\n            }\r\n        });\r\n\r\n        watch(\r\n            [this.data.activatorEl, this.data.contentEl],\r\n            (\r\n                [newActivatorEl, newContentEl],\r\n                [oldActivatorEl, oldContentEl],\r\n            ) => {\r\n                if (oldActivatorEl) {\r\n                    this.observer?.unobserve(oldActivatorEl);\r\n                }\r\n                if (newActivatorEl) {\r\n                    this.observer?.observe(newActivatorEl);\r\n                }\r\n                if (oldContentEl) {\r\n                    this.observer?.unobserve(oldContentEl);\r\n                }\r\n                if (newContentEl) {\r\n                    this.observer?.observe(newContentEl);\r\n                }\r\n            },\r\n            {\r\n                immediate: true,\r\n            },\r\n        );\r\n\r\n        onScopeDispose(() => {\r\n            this.observer?.disconnect();\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Calculate Preferences (for position and origin anchor points)\r\n     * @private\r\n     */\r\n    private calculatePreferences() {\r\n        const { preferredPosition, preferredOrigin } = destructComputed(() => {\r\n            const position: Anchor = Anchor.fromSelector(\r\n                this.props.position,\r\n                this.data.isRtl.value,\r\n            );\r\n            let origin: Anchor;\r\n            if (this.props.origin === \"overlap\") {\r\n                origin = position;\r\n            } else if (this.props.origin === \"auto\") {\r\n                origin = position.flipSide();\r\n            } else {\r\n                origin = Anchor.fromSelector(\r\n                    this.props.origin,\r\n                    this.data.isRtl.value,\r\n                );\r\n            }\r\n            // Some combinations of props may produce an invalid origin\r\n            if (\r\n                position.side === origin.side &&\r\n                position.alignment === origin.flipAlignment().alignment\r\n            ) {\r\n                return {\r\n                    preferredPosition: position.flipCorner(),\r\n                    preferredOrigin: origin.flipCorner(),\r\n                };\r\n            } else {\r\n                return {\r\n                    preferredPosition: position,\r\n                    preferredOrigin: origin,\r\n                };\r\n            }\r\n        });\r\n        this.preferredPosition = preferredPosition;\r\n        this.preferredOrigin = preferredOrigin;\r\n    }\r\n\r\n    /**\r\n     * ## Computed Numeric Prop\r\n     * @param key\r\n     * @private\r\n     */\r\n    private computedNumericProp(key: string) {\r\n        return computed(() => {\r\n            const value = parseFloat(\r\n                this.props[key as keyof PositionStrategyProps]! as string,\r\n            );\r\n            return isNaN(value) ? Infinity : value;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Computed Offset\r\n     *\r\n     * Returns an array, with the following indexes:\r\n     * - `0` - represents `side` offset.\r\n     * - `1` - represents `alignment` offset.\r\n     *\r\n     * @private\r\n     */\r\n    private computedOffset() {\r\n        return computed(() => {\r\n            if (Array.isArray(this.props.offset)) {\r\n                return this.props.offset;\r\n            }\r\n            if (typeof this.props.offset === \"string\") {\r\n                const offset = this.props.offset.split(\" \").map(parseFloat);\r\n                if (offset.length < 2) {\r\n                    offset.push(0);\r\n                }\r\n                return offset as [number, number];\r\n            }\r\n            return isNumber(this.props.offset)\r\n                ? [this.props.offset, 0]\r\n                : [0, 0];\r\n        });\r\n    }\r\n\r\n    /**\r\n     * # Get Content Rect\r\n     *\r\n     * Returns a Rect adjusted for the original elements position, whilst accommodating RTL direction.\r\n     */\r\n    private getContentRect(): Rect {\r\n        const el = this.data.contentEl.value!;\r\n        const isRtl = this.data.isRtl.value;\r\n        const rect = Rect.fromElement(el, true);\r\n        if (isRtl) {\r\n            rect.x += parseFloat((el.style.right || 0) as string);\r\n        } else {\r\n            rect.x -= parseFloat((el.style.left || 0) as string);\r\n        }\r\n        rect.y -= parseFloat((el.style.top || 0) as string);\r\n        return rect;\r\n    }\r\n\r\n    /**\r\n     * ## Get Content Scroll Parents\r\n     * @private\r\n     */\r\n    private getContentScrollParents(): HTMLElement[] {\r\n        const scrollParents = getScrollParents(this.data.contentEl.value);\r\n        const contentEl = this.data.contentEl.value!;\r\n        if (!scrollParents.length) {\r\n            scrollParents.push(document.documentElement);\r\n            if (!(contentEl.style.top && contentEl.style.left)) {\r\n                this.contentRect!.x -= parseFloat(\r\n                    document.documentElement.style.getPropertyValue(\r\n                        \"--ev-body-scroll-x\",\r\n                    ) || \"0\",\r\n                );\r\n                this.contentRect!.y -= parseFloat(\r\n                    document.documentElement.style.getPropertyValue(\r\n                        \"--ev-body-scroll-y\",\r\n                    ) || \"0\",\r\n                );\r\n            }\r\n        }\r\n        return scrollParents;\r\n    }\r\n\r\n    /**\r\n     * ## Get Viewport Rect\r\n     *\r\n     * Calculates the viewport viewable area for the content taking into account the viewport margins.\r\n     * i.e. how close are we allowed to place content to the edges of the viewport?\r\n     *\r\n     * @private\r\n     */\r\n    private getViewportRect(): Rect {\r\n        const viewportRect = this.contentScrollParents!.reduce<Rect>(\r\n            (currentRect: Rect | undefined, el: HTMLElement) => {\r\n                const elRect = Rect.fromElement(el);\r\n                const isDocEl = el === document.documentElement;\r\n                const scrollRect = new Rect(\r\n                    isDocEl ? 0 : elRect.x,\r\n                    isDocEl ? 0 : elRect.y,\r\n                    el.clientWidth,\r\n                    el.clientHeight,\r\n                );\r\n                if (!currentRect) {\r\n                    return scrollRect;\r\n                }\r\n                return new Rect(\r\n                    Math.max(currentRect.left, scrollRect.left),\r\n                    Math.max(currentRect.top, scrollRect.top),\r\n                    Math.min(currentRect.right, scrollRect.right) -\r\n                        Math.max(currentRect.left, scrollRect.left),\r\n                    Math.min(currentRect.bottom, scrollRect.bottom) -\r\n                        Math.max(currentRect.top, scrollRect.top),\r\n                );\r\n            },\r\n            undefined!,\r\n        );\r\n        // Adjust the allowable viewport dimensions\r\n        viewportRect.x += this.viewportMargin;\r\n        viewportRect.y += this.viewportMargin;\r\n        viewportRect.width -= this.viewportMargin * 2;\r\n        viewportRect.height -= this.viewportMargin * 2;\r\n        return viewportRect;\r\n    }\r\n\r\n    /**\r\n     * ## Resolve Fixed Activator\r\n     * @private\r\n     */\r\n    private resolveFixedActivator() {\r\n        const isActivatorFixed = isFixedPosition(this.data.activatorEl.value);\r\n        if (isActivatorFixed) {\r\n            toFixedPosition(this.contentStyles.value, this.data.isRtl.value);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * ## Update Position\r\n     */\r\n    public updatePosition() {\r\n        this.observe = false;\r\n\r\n        requestAnimationFrame(() => {\r\n            requestAnimationFrame(() => (this.observe = true));\r\n        });\r\n\r\n        if (!this.data.activatorEl.value || !this.data.contentEl.value) {\r\n            return;\r\n        }\r\n\r\n        this.targetRect = Rect.fromElement(this.data.activatorEl.value);\r\n        this.contentRect = this.getContentRect();\r\n        this.contentScrollParents = this.getContentScrollParents();\r\n        this.viewportRect = this.getViewportRect();\r\n\r\n        const zones = this.zoneCalculator.getAvailable(\r\n            this.targetRect,\r\n            this.viewportRect,\r\n            this.offset.value,\r\n            this.contentRect,\r\n        );\r\n\r\n        const placement = {\r\n            position: this.preferredPosition!.value,\r\n            origin: this.preferredOrigin!.value,\r\n        };\r\n\r\n        // If side is auto, find the largest side that\r\n        if (placement.position.side === \"auto\") {\r\n            const autoZone = this.getAutoZone(placement.position, zones);\r\n            placement.position = autoZone.position;\r\n            placement.origin = placement.position.flipSide();\r\n        }\r\n\r\n        // Ok, now we need to calculate the new placement based on available width/height\r\n        // will the content fit and what to do if not.\r\n        const zone =\r\n            placement.position.side === \"center\"\r\n                ? this.getCenterZone(zones)\r\n                : this.getBestZone(placement.position, zones);\r\n\r\n        // Now we need to calculate the position of the content element within the zone.\r\n        placement.position = zone.position;\r\n        placement.origin = placement.position.flipSide();\r\n\r\n        let { x, y } = zone.rect;\r\n\r\n        if (placement.position.side === \"center\") {\r\n            y = zone.rect.y + (zone.rect.height - this.contentRect.height) / 2;\r\n            x = zone.rect.x + (zone.rect.width - this.contentRect.width) / 2;\r\n        } else {\r\n            if (placement.position.side === \"top\") {\r\n                y = zone.rect.bottom - this.contentRect.height;\r\n            } else if (placement.position.side === \"left\") {\r\n                x = zone.rect.right - this.contentRect.width;\r\n            }\r\n            if (placement.position.alignment !== \"start\") {\r\n                const divider =\r\n                    placement.position.alignment === \"center\" ? 2 : 1;\r\n                if (placement.position.axis === \"x\") {\r\n                    y =\r\n                        this.targetRect.y +\r\n                        (this.targetRect.height - this.contentRect.height) /\r\n                            divider;\r\n                } else {\r\n                    x =\r\n                        this.targetRect.x +\r\n                        (this.targetRect.width - this.contentRect.width) /\r\n                            divider;\r\n                }\r\n            }\r\n        }\r\n\r\n        // Should this be optional!?\r\n        if (y < this.viewportRect.y) {\r\n            y = this.viewportRect.y;\r\n        }\r\n        if (x < this.viewportRect.x) {\r\n            x = this.viewportRect.x;\r\n        }\r\n\r\n        // @todo: RTL\r\n        Object.assign(this.contentStyles.value, {\r\n            \"--ev-overlay-position\": placement.position.toCssValue(),\r\n            transformOrigin: placement.origin.toCssValue(),\r\n            top: toWebUnit(pixelRound(y)),\r\n            left: toWebUnit(pixelRound(x)),\r\n            minWidth: toWebUnit(\r\n                placement.position.axis === \"y\"\r\n                    ? Math.min(this.minWidth.value, this.targetRect.width)\r\n                    : this.minWidth.value,\r\n            ),\r\n            maxWidth: toWebUnit(\r\n                pixelCeil(\r\n                    clamp(\r\n                        zone.rect.width,\r\n                        this.minWidth.value === Infinity\r\n                            ? 0\r\n                            : this.minWidth.value,\r\n                        this.maxWidth.value,\r\n                    ),\r\n                ),\r\n            ),\r\n            maxHeight: toWebUnit(\r\n                pixelCeil(\r\n                    clamp(\r\n                        zone.rect.height,\r\n                        this.minHeight.value === Infinity\r\n                            ? 0\r\n                            : this.minHeight.value,\r\n                        this.maxHeight.value,\r\n                    ),\r\n                ),\r\n            ),\r\n        });\r\n\r\n        this.data.contentEl.value?.setAttribute(\r\n            \"data-position\",\r\n            placement.position.toString(),\r\n        );\r\n\r\n        return {\r\n            zoneRect: zone.rect,\r\n            contentRect: this.contentRect,\r\n        };\r\n    }\r\n\r\n    private getAutoZone(position: Anchor, zones: Zone[]): Zone {\r\n        const matches = zones.filter((zone) => {\r\n            // Ignore center position for now.\r\n            if (zone.position.side === \"center\") {\r\n                return false;\r\n            }\r\n            return (\r\n                position.alignment === \"auto\" ||\r\n                zone.position.alignment === position.alignment\r\n            );\r\n        });\r\n        return matches[0];\r\n    }\r\n\r\n    /**\r\n     * ## Get Best Zone\r\n     * Returns the zone that fits the content, or the zone with the largest available area.\r\n     * @param position\r\n     * @param zones\r\n     * @private\r\n     */\r\n    private getBestZone(position: Anchor, zones: Zone[]): Zone {\r\n        // Priority\r\n        const positions = [\r\n            position,\r\n            position.centerAlign(),\r\n            position.flipSide(),\r\n            position.flipSide().centerAlign(),\r\n            position.flipCorner(),\r\n            position.flipCorner().centerAlign(),\r\n            position.flipCorner().flipSide(),\r\n            position.flipCorner().flipSide().centerAlign(),\r\n        ];\r\n\r\n        // Exactly fits content\r\n        for (const newPosition of positions) {\r\n            // Find the zone that correlates to the position\r\n            const zone = zones.find((zone) => {\r\n                return zone.position.toString() === newPosition.toString();\r\n            });\r\n            if (zone?.isFitsContent) {\r\n                return zone;\r\n            }\r\n        }\r\n\r\n        // Or the preferred side fits\r\n        for (const newPosition of positions) {\r\n            const zone = zones.find((zone) => {\r\n                return zone.position.toString() === newPosition.toString();\r\n            });\r\n            if (!zone) {\r\n                continue;\r\n            }\r\n            const dimension = newPosition.axis === \"x\" ? \"width\" : \"height\";\r\n            if (zone.available[dimension] >= 0) {\r\n                return zone;\r\n            }\r\n        }\r\n\r\n        // Fallback to auto because it finds the largest available zone\r\n        return this.getAutoZone(position, zones);\r\n    }\r\n\r\n    /**\r\n     * ## Get Center Zone\r\n     * Returns the zone for centering content in the viewport, which is basically the whole viewport.\r\n     * @param zones\r\n     * @private\r\n     */\r\n    private getCenterZone(zones: Zone[]): Zone {\r\n        return zones.find((zone) => {\r\n            return (\r\n                zone.position.side === \"center\" &&\r\n                zone.position.alignment === \"center\"\r\n            );\r\n        })!;\r\n    }\r\n\r\n    /**\r\n     * ## Watch\r\n     *\r\n     * Watch for changes that affect position calculations.\r\n     *\r\n     * @private\r\n     */\r\n    private watch() {\r\n        watch(\r\n            () => [\r\n                this.preferredPosition?.value,\r\n                this.preferredOrigin?.value,\r\n                this.props.offset,\r\n                this.props.minWidth,\r\n                this.props.minHeight,\r\n                this.props.maxWidth,\r\n                this.props.maxHeight,\r\n            ],\r\n            () => this.updatePosition(),\r\n        );\r\n\r\n        nextTick(() => {\r\n            const result = this.updatePosition();\r\n            if (!result) {\r\n                return;\r\n            }\r\n            // @todo: what else do we need to do?\r\n        });\r\n    }\r\n}\r\n\r\nclass Zone {\r\n    public available: Dimensions;\r\n    public isFitsContent: boolean;\r\n\r\n    constructor(\r\n        public position: Anchor,\r\n        public rect: Rect,\r\n        public content: Rect,\r\n    ) {\r\n        this.available = {\r\n            width: this.rect.width - content.width,\r\n            height: this.rect.height - content.height,\r\n        };\r\n        this.isFitsContent =\r\n            this.rect.width >= content.width &&\r\n            this.rect.height >= content.height;\r\n    }\r\n\r\n    get availableArea() {\r\n        return this.available.width * this.available.height;\r\n    }\r\n}\r\n\r\nclass ZoneCalculator {\r\n    /**\r\n     * ## Get Available\r\n     *\r\n     * Returns all available zones around the target.\r\n     *\r\n     * @param target\r\n     * @param viewport\r\n     * @param offset\r\n     * @param content\r\n     */\r\n    public getAvailable(\r\n        target: Rect,\r\n        viewport: Rect,\r\n        offset: number[],\r\n        content: Rect,\r\n    ): Zone[] {\r\n        const [offsetSide, offsetAlign] = offset;\r\n\r\n        // Sides\r\n        const sides: ZoneSides = {\r\n            top: {\r\n                y: viewport.top,\r\n                height: target.top - viewport.top - offsetSide,\r\n                align: \"x\",\r\n            },\r\n            bottom: {\r\n                y: target.bottom + offsetSide,\r\n                height: viewport.bottom - target.bottom - offsetSide,\r\n                align: \"x\",\r\n            },\r\n            left: {\r\n                x: viewport.left,\r\n                width: target.left - viewport.left - offsetSide,\r\n                align: \"y\",\r\n            },\r\n            right: {\r\n                x: target.right + offsetSide,\r\n                width: viewport.right - target.right - offsetSide,\r\n                align: \"y\",\r\n            },\r\n            center: { x: viewport.left, width: viewport.width, align: \"y\" },\r\n        };\r\n\r\n        // Align\r\n        const alignments: ZoneAlignments = {\r\n            x: {\r\n                center: { x: viewport.left, width: viewport.width },\r\n                start: {\r\n                    x: target.left + offsetAlign,\r\n                    width: viewport.width - target.left - offsetAlign,\r\n                },\r\n                end: {\r\n                    x: viewport.left,\r\n                    width: target.right - viewport.left - offsetAlign,\r\n                },\r\n            },\r\n            y: {\r\n                center: { y: viewport.top, height: viewport.height },\r\n                start: {\r\n                    y: target.top + offsetAlign,\r\n                    height: viewport.bottom - target.top - offsetAlign,\r\n                },\r\n                end: {\r\n                    y: viewport.top,\r\n                    height: target.bottom - viewport.top - offsetAlign,\r\n                },\r\n            },\r\n        };\r\n\r\n        const zones: Zone[] = [];\r\n        for (const [side, sideAttrs] of Object.entries(sides)) {\r\n            for (const [align, alignAttrs] of Object.entries(\r\n                alignments[sideAttrs.align],\r\n            )) {\r\n                const anchor = new Anchor(\r\n                    side as AnchorSide,\r\n                    align as AnchorAlignment,\r\n                );\r\n                const rectProps: RectProps = Object.assign(\r\n                    {\r\n                        width: 0,\r\n                        height: 0,\r\n                        x: 0,\r\n                        y: 0,\r\n                    },\r\n                    sideAttrs,\r\n                    alignAttrs,\r\n                );\r\n                const rect = Rect.fromRect(rectProps);\r\n                zones.push(new Zone(anchor, rect, content));\r\n            }\r\n        }\r\n\r\n        // Sort by area\r\n        zones.sort((zoneA, zoneB) => {\r\n            return zoneB.availableArea - zoneA.availableArea;\r\n        });\r\n        return zones;\r\n    }\r\n}\r\n\r\ninterface ZoneSides {\r\n    [key: string]: {\r\n        x?: number;\r\n        y?: number;\r\n        width?: number;\r\n        height?: number;\r\n        align: string;\r\n    };\r\n}\r\n\r\ninterface ZoneAlignments {\r\n    [key: string]: {\r\n        [key: string]: {\r\n            x?: number;\r\n            y?: number;\r\n            width?: number;\r\n            height?: number;\r\n        };\r\n    };\r\n}\r\n"],"names":["zone"],"mappings":"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"}

package/dist/esm/src/components/EvOverlay/position-strategy/static-position.mjs

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.40 | MIT License */
+function staticPositionStrategy(data, props, contentStyles) {
+}
+export {
+  staticPositionStrategy
+};
+//# sourceMappingURL=static-position.mjs.map

package/dist/esm/src/components/EvOverlay/position-strategy/static-position.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-position.mjs","sources":["../../../../../../src/components/EvOverlay/position-strategy/static-position.ts"],"sourcesContent":["import { PositionStrategyData, PositionStrategyProps } from \"../position\";\nimport { Ref } from \"vue\";\nimport { StyleProp } from \"@/util\";\n\n/**\n * # Static Position Strategy\n *\n * Specific viewport position, usually centered.\n */\nexport function staticPositionStrategy(\n    data: PositionStrategyData,\n    props: PositionStrategyProps,\n    contentStyles: Ref<StyleProp>,\n) {\n    // todo\n}\n"],"names":[],"mappings":";AASgB,SAAA,uBACZ,MACA,OACA,eACF;AAEF;"}