@ganpatiinfo/gids-core-web 12.0.0 → 14.0.0

package/dist-bundled/es/p-BBszCFSA-BN0-eWJX.js

@@ -0,0 +1,115 @@
+import { b as y, o as x, d as b, s as A, a as T, c as F, p as u, f as v } from "./p-BKcvOO8o-L5KtCP_k.js";
+import { o as d } from "./p-B8kX8Vqv-trBz4jdS.js";
+const l = class l {
+  constructor(t, e) {
+    this.el = t, this.config = e, this.offset = 10, this.timeDelayBeforeFadingOut = 50, this.popoverMainAxisEnabled = !0, this.currentPlacement = e.placement, this.cleanup = null;
+  }
+  setCommonTimingConfig() {
+    this.timeBeforeElementShows = this.config.showWithoutDelay ? 50 : 500, this.timeOfAnimation = this.config.showWithoutDelay ? 50 : 250;
+  }
+  initialize() {
+    this.setCommonTimingConfig(), this.floatingElement = this.el.shadowRoot?.querySelector(this.config.floatingElementSelector), this.floatingElement && this.applyViewportMaxWidth(), this.arrowEl = this.config.showArrow !== !1 && this.config.arrowElementSelector ? this.el.shadowRoot?.querySelector(this.config.arrowElementSelector) : null, this.anchorElement = this.config.htmlFor?.length > 0 ? document.getElementById(this.config.htmlFor) : this.config.getAnchorElementFromSlot(this.el.shadowRoot), this.anchorElement ? this.setupPositioning() : console.warn("Could not determine the element associated with this floating element." + (this.config.htmlFor?.length > 0 ? `Element with id=${this.config.htmlFor} could not be found on the DOM.` : ""));
+  }
+  getAnchorElement() {
+    return this.anchorElement;
+  }
+  updateConfig(t) {
+    this.config = { ...this.config, ...t }, "showWithoutDelay" in t && this.setCommonTimingConfig(), this.forceUpdate();
+  }
+  getConfig() {
+    return this.config;
+  }
+  getCurrentPlacement() {
+    return this.currentPlacement || this.config.placement;
+  }
+  reposition() {
+    this.forceUpdate();
+  }
+  forceUpdate() {
+    this.anchorElement && this.floatingElement && this.updatePosition();
+  }
+  setupPositioning() {
+    this.anchorElement && this.updatePosition();
+  }
+  setupAutoUpdate() {
+    !this.cleanup && this.anchorElement && (this.cleanup = y(this.anchorElement, this.floatingElement, (() => {
+      this.updatePosition();
+    }), { ancestorScroll: !0, ancestorResize: !1, elementResize: !0, layoutShift: !0, animationFrame: !1 }));
+  }
+  cleanupAutoUpdate() {
+    this.cleanup && (this.cleanup(), this.cleanup = null);
+  }
+  updatePosition() {
+    if (!this.anchorElement) return;
+    const t = [x(this.offset)], e = b({ mainAxis: !0, crossAxis: !this.config.lockToMainAxis && "alignment", fallbackAxisSideDirection: "end", padding: this.offset }), s = this.config.elementType === d.POPOVER, i = A({ padding: this.offset, mainAxis: this.config.elementType === d.TOOLTIP || s && this.popoverMainAxisEnabled, crossAxis: !1 });
+    this.config.placement.includes("-") ? t.push(e, i) : t.push(i, e), this.config.showArrow !== !1 && this.arrowEl && t.push(T({ element: this.arrowEl, padding: this.offset })), F(this.anchorElement, this.floatingElement, { placement: this.config.placement, strategy: "fixed", middleware: t, platform: { ...u, getOffsetParent: (n) => u.getOffsetParent(n, v) } }).then((({ x: n, y: a, middlewareData: h, placement: o }) => {
+      if (s) {
+        const f = o.startsWith("left") || o.startsWith("right"), r = o.startsWith("top") || o.startsWith("bottom"), m = this.isAnchorInViewport(), g = !!r || (f ? m : this.popoverMainAxisEnabled);
+        if (g !== this.popoverMainAxisEnabled) return this.popoverMainAxisEnabled = g, void this.updatePosition();
+      }
+      this.currentPlacement = o, Object.assign(this.floatingElement.style, { left: `${n}px`, top: `${a}px`, position: "fixed", transition: `opacity ${this.timeOfAnimation}ms ease` });
+      const c = o.split("-")[0] ?? "bottom", E = { top: "bottom", right: "left", bottom: "top", left: "right" }[c], { arrowZIndex: w } = this.normalizeFloatingElementStacking();
+      if (h.arrow && this.arrowEl) {
+        const f = this.arrowEl.offsetWidth, { x: r, y: m } = h.arrow;
+        this.arrowEl.style.borderRadius = `${["left", "right"].includes(c) ? "0 " : ""}var(--gidsFloatingElement-tip-border-radius, 2px)${["top", "bottom"].includes(c) ? " 0" : ""}`, Object.assign(this.arrowEl.style, { left: r !== null ? `${r}px` : "", top: m !== null ? `${m}px` : "", right: "", bottom: "", [E]: -f / 2 + "px", transform: "rotate(45deg)", zIndex: `${w}`, background: "var(--gidsFloatingElement-background)" });
+      }
+    }));
+  }
+  applyViewportMaxWidth() {
+    const t = `calc(100vw - ${2 * this.offset}px)`;
+    this.floatingElement?.style.maxWidth !== t && (this.floatingElement.style.maxWidth = t);
+  }
+  normalizeFloatingElementStacking() {
+    const t = this.floatingElement.style.zIndex || (window.getComputedStyle?.(this.floatingElement).zIndex ?? ""), e = Number.parseInt(t, 10), s = Number.isNaN(e) ? -1 : e - 1, i = Number.isNaN(e) ? s + 1 : e;
+    return Number.isNaN(i) || (this.floatingElement.style.zIndex = `${i}`), Array.from(this.floatingElement.children).forEach(((n) => {
+      if (!(n instanceof HTMLElement) || n === this.arrowEl) return;
+      const a = n.style.zIndex || (window.getComputedStyle?.(n).zIndex ?? ""), h = Number.parseInt(a, 10), o = window.getComputedStyle?.(n).position ?? "";
+      (a === "" || a === "auto" || Number.isNaN(h) || h < i) && (n.style.zIndex = `${i}`, o !== "" && o !== "static" || (n.style.position = "relative"));
+    })), { contentZIndex: i, arrowZIndex: s };
+  }
+  hideFloatingElement() {
+    this.floatingElement.classList.remove(this.config.visibilityClass), l.currentFloatingElements.delete(this.config.elementType);
+  }
+  showFloatingElement() {
+    const t = l.currentFloatingElements.get(this.config.elementType);
+    t && t.hideFloatingElement(), this.floatingElement.classList.add(this.config.visibilityClass), l.currentFloatingElements.set(this.config.elementType, this);
+  }
+  isVisible() {
+    return this.floatingElement.classList.contains(this.config.visibilityClass);
+  }
+  show() {
+    this.setupAutoUpdate(), this.showFloatingElement();
+  }
+  hide() {
+    this.cleanupAutoUpdate(), this.hideFloatingElement();
+  }
+  toggle() {
+    this.isVisible() ? this.hide() : this.show();
+  }
+  showAfterDelay() {
+    clearTimeout(this.hoverOutTimeout), this.hoverTimeout = setTimeout((() => {
+      this.show();
+    }), this.timeBeforeElementShows);
+  }
+  hideAfterDelay() {
+    clearTimeout(this.hoverTimeout), this.hoverOutTimeout = setTimeout((() => {
+      this.hide();
+    }), this.timeDelayBeforeFadingOut);
+  }
+  cancelDelayedActions() {
+    clearTimeout(this.hoverTimeout), clearTimeout(this.hoverOutTimeout);
+  }
+  destroy() {
+    this.cleanupAutoUpdate(), this.cancelDelayedActions();
+  }
+  isAnchorInViewport() {
+    if (!(this.anchorElement && this.anchorElement instanceof Element)) return !1;
+    const t = this.anchorElement.getBoundingClientRect(), e = window.innerHeight || document.documentElement?.clientHeight || 0, s = window.innerWidth || document.documentElement?.clientWidth || 0, i = t.height / 2 + 2 * this.offset;
+    return t.bottom >= i && t.top <= e - i && t.right >= 0 && t.left <= s;
+  }
+};
+l.currentFloatingElements = /* @__PURE__ */ new Map();
+let p = l;
+export {
+  p as l
+};