q2-tecton-elements 1.51.1 → 1.52.1

package/dist/q2-tecton-elements/click-elsewhere_2.entry.js

@@ -0,0 +1,410 @@
+import { r as t, c as o, g as i, h as e } from "./index-7a5365e2.js";
+
+import { h as s, w as r } from "./index-d18e2a20.js";
+
+const n = class {
+  constructor(i) {
+    t(this, i);
+    this.change = o(this, "change", 7);
+    // #region Own Properties
+        this.isCurrentlyFocused = false;
+    /**
+         * Listens for mouse and window events that happen outside this click-elsewhere element so we can close popovers when users click outside them
+         */    this.mouseEventList = [ "mousedown", "dragstart", "touchstart" ];
+    this.mouseHandler = t => {
+      const o = this.shadowContains(this.findActiveElement());
+      const i = this.shadowContains(this.shadowEventTarget(t)) || this.originatesInSlots(t.target);
+      if (!i && (this.isCurrentlyFocused || o)) {
+        this.isCurrentlyFocused = false;
+        this.change.emit();
+        return;
+      }
+      this.isCurrentlyFocused = i || o;
+    };
+    this.windowBlurHandler = () => {
+      this.isCurrentlyFocused = false;
+      this.change.emit();
+    };
+  }
+  // #endregion
+  // #region Component Lifecycle Events
+  /* tslint:enable:no-empty */
+  connectedCallback() {
+    this.mouseEventList.forEach((t => {
+      document.addEventListener(t, this.mouseHandler);
+    }));
+    window.addEventListener("blur", this.windowBlurHandler);
+  }
+  disconnectedCallback() {
+    this.mouseEventList.forEach((t => {
+      document.removeEventListener(t, this.mouseHandler);
+    }));
+    window.removeEventListener("blur", this.windowBlurHandler);
+  }
+  /* TODO: Stencil/Rollup is having issues compiling without this here. Will try to remove in future Stencil upgrade. */
+  /* tslint:disable:no-empty */  componentWillLoad() {}
+  // #endregion
+  // #region Local Methods
+  findActiveElement() {
+    let t = document.activeElement;
+    while (true) {
+      if (!t || !t.shadowRoot) {
+        return t;
+      }
+      t = t.shadowRoot.activeElement;
+    }
+  }
+  originatesInSlots(t) {
+    const o = this.hostElement.querySelectorAll("slot");
+    for (const i of Array.from(o)) {
+      const o = i && i.assignedNodes && i.assignedNodes() || this.hostElement.childNodes;
+      for (const i of Array.from(o)) {
+        if (i.contains(t)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+  shadowContains(t) {
+    /**
+         * shadow-dom enabled version of Node.contains()
+         */
+    while (true) {
+      if (t === this.hostElement) {
+        return true;
+      }
+      if (!t) {
+        return false;
+      }
+      t = t.parentNode || t.host;
+    }
+  }
+  shadowEventTarget(t) {
+    return t.composedPath()[0] || t.target;
+  }
+  get hostElement() {
+    return i(this);
+  }
+};
+
+const a = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.container{display:none}.show{display:block;position:fixed;z-index:var(--tct-popover-z-index, 50);margin:0;padding:0;overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));color:var(--tct-popover-font-color, var(--t-text, #4d4d4d));min-width:var(--tct-popover-min-width, 135px);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}:host([block]) .show{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:host([align=left]) .show{left:var(--comp-pop-left);right:unset}:host([align=right]) .show{right:var(--comp-pop-right);left:unset}.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}.show.up{top:unset;bottom:var(--comp-pop-bottom)}.show.legacy{position:absolute}.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}";
+
+const c = a;
+
+const h = class {
+  constructor(i) {
+    t(this, i);
+    this.popoverStateChanged = o(this, "popoverStateChanged", 7);
+    /**
+         * The number of pixels to leave between the popover and the edge of the viewport
+         */    this.displayBuffer = 10;
+    /** remove when Popover API is supported in iOS */    this.orientationChanged = false;
+    this.handleMinHeight = () => {
+      if (this.minHeight) {
+        s(this, "minHeight", "prop");
+      }
+    };
+    this.setAbsoluteCSSProperties = async () => {
+      const {controlElement: t, containerElement: o, currentDirection: i, align: e} = this;
+      if (e === "right") {
+        o.style.setProperty("--comp-pop-right", "0");
+        o.style.setProperty("--comp-pop-left", "unset");
+      } else {
+        o.style.setProperty("--comp-pop-left", "0");
+        o.style.setProperty("--comp-pop-right", "unset");
+      }
+      if (this.block) {
+        o.style.setProperty("--comp-pop-width", "100%");
+      }
+      if (i === "up") {
+        const i = getComputedStyle(t);
+        const e = parseInt(i.height || "0") + parseInt(i.borderTopWidth || "0") + parseInt(i.borderBottomWidth || "0");
+        o.style.setProperty("--comp-pop-bottom", `${e}px`);
+      }
+      // Wait for one paint to prevent layout thrashing
+            await r();
+      o.style.setProperty("--comp-pop-opacity", "1");
+    };
+    this.setFixedCSSProperties = async () => {
+      var t, o;
+      const {controlElement: i, containerElement: e, currentDirection: s, rootElementRect: n} = this;
+      const {top: a, bottom: c, left: h, right: p} = (o = (t = i === null || i === void 0 ? void 0 : i.getBoundingClientRect) === null || t === void 0 ? void 0 : t.call(i)) !== null && o !== void 0 ? o : {
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0
+      };
+      const d = h - n.left;
+      if (this.block) e.style.setProperty("--comp-pop-width", `${(i === null || i === void 0 ? void 0 : i.offsetWidth) || 0}px`);
+      e.style.setProperty("--comp-pop-left", `${d}px`);
+      e.style.setProperty("--comp-pop-right", `${n.width + n.left - p}px`);
+      if (s === "up") {
+        e.style.setProperty("--comp-pop-bottom", `${n.height + n.top - a}px`);
+      }
+      if (s === "down") {
+        e.style.setProperty("--comp-pop-top", `${c - n.top}px`);
+      }
+      // Wait for one paint to prevent layout thrashing
+            await r();
+      e.style.setProperty("--comp-pop-opacity", "1");
+    };
+    this.viewPortChanged = () => {
+      if (!this.open) return;
+      this.determinePopDirection();
+    };
+    this.viewPortOrientationChanged = () => {
+      this.orientationChanged = true;
+      this.viewPortChanged();
+    };
+    this.currentDirection = undefined;
+    this.show = false;
+    this.align = undefined;
+    this.block = undefined;
+    this.controlElement = undefined;
+    this.direction = undefined;
+    this.maxHeight = undefined;
+    this.minHeight = undefined;
+    this.mode = null;
+    this.open = undefined;
+  }
+  // #endregion
+  // #region Component Lifecycle Events
+  disconnectedCallback() {
+    this.removeViewportListeners();
+  }
+  componentDidLoad() {
+    this.handleMinHeight();
+    this.handleControlElement();
+    if (this.open) {
+      this.setRootElement();
+      this.addViewportListeners();
+      this.determinePopDirection();
+    }
+  }
+  // #endregion
+  // #region Listeners
+  popoverStateHandler(t) {
+    const {detail: {open: o}} = t;
+    if (o === this.open) return;
+    this.open = o;
+    t.stopPropagation();
+  }
+  // #endregion
+  // #region Public Methods API
+  async scrollContainerTo(t) {
+    this.containerElement.scrollTo(t);
+  }
+  async toggle() {
+    this.open = !this.open;
+  }
+  // #endregion
+  // #region Watchers
+  handleControlElement() {
+    var t;
+    if (((t = this.controlElement) === null || t === void 0 ? void 0 : t.tagName) === "Q2-INPUT") {
+      this.controlElement = this.controlElement.shadowRoot.querySelector(".input-container");
+    }
+  }
+  minHeightProvided() {
+    this.handleMinHeight();
+  }
+  async openChanged(t) {
+    this.setRootElement();
+    this.popoverStateChanged.emit({
+      open: t
+    });
+    if (t) {
+      this.addViewportListeners();
+      this.determinePopDirection();
+    } else {
+      this.removeViewportListeners();
+      this.currentDirection = undefined;
+      this.show = false;
+      await r();
+      this.clearCSSProperties();
+    }
+  }
+  // #endregion
+  // #region Local Methods
+  get isModule() {
+    var t, o;
+    const i = window !== window.top;
+    const e = Object.keys((o = (t = window.Tecton) === null || t === void 0 ? void 0 : t.platformDimensions) !== null && o !== void 0 ? o : {}).length > 0;
+    return i && e;
+  }
+  get providedDirection() {
+    const {direction: t} = this;
+    switch (t) {
+     case "up":
+     case "down":
+      return t;
+
+     default:
+      return undefined;
+    }
+  }
+  get validatedMaxHeight() {
+    const {maxHeight: t} = this;
+    return isNaN(t) ? undefined : t;
+  }
+  addViewportListeners() {
+    var t;
+    window.addEventListener("resize", this.viewPortOrientationChanged);
+    // #region remove when Popover API is supported in iOS
+        window.addEventListener("scroll", this.viewPortChanged, {
+      passive: true,
+      capture: true
+    });
+    (t = screen === null || screen === void 0 ? void 0 : screen.orientation) === null || t === void 0 ? void 0 : t.addEventListener("change", this.viewPortOrientationChanged);
+    window.addEventListener("orientationchange", this.viewPortOrientationChanged);
+    // #endregion
+    }
+  clearCSSProperties() {
+    this.containerElement.style.removeProperty("--comp-pop-max-height");
+    this.containerElement.style.removeProperty("--comp-pop-top");
+    this.containerElement.style.removeProperty("--comp-pop-bottom");
+    this.containerElement.style.removeProperty("--comp-pop-left");
+    this.containerElement.style.removeProperty("--comp-pop-right");
+    this.containerElement.style.removeProperty("--comp-pop-width");
+    this.containerElement.style.removeProperty("--comp-pop-opacity");
+  }
+  async determinePopDirection() {
+    var t, o, i;
+    const {containerElement: e, controlElement: s, providedDirection: n, displayBuffer: a} = this;
+    if (e) e.style.maxHeight = null;
+    await r();
+    const {isModule: c} = this;
+    const {top: h, bottom: p} = (o = (t = s === null || s === void 0 ? void 0 : s.getBoundingClientRect) === null || t === void 0 ? void 0 : t.call(s)) !== null && o !== void 0 ? o : {
+      top: 0,
+      bottom: 0
+    };
+    let d;
+    let l;
+    let u;
+    if (c) {
+      const {outletOffset: t = 0, innerHeight: o = window.innerHeight} = ((i = window.Tecton) === null || i === void 0 ? void 0 : i.platformDimensions) || {};
+      const e = window.visualViewport.height - p;
+      const s = o - (t + p);
+      const r = e < s;
+      d = o;
+      // If the top of the module is below the top of the window we just use the controlTop
+      // Otherwise we need to add the outletOffset to the controlTop
+            l = (t > 0 ? h : h + t) - a;
+      u = r ? e - a : s - a;
+    } else {
+      d = window.visualViewport.height;
+      l = h - a;
+      u = d - p - a;
+    }
+    const f = l > u ? "up" : "down";
+    // We do not want to update the max height once the popover is open unless the page orientation shifts (resize or mobile use cases)
+        const m = !e.style.getPropertyValue("--comp-pop-max-height") || this.orientationChanged;
+    // we do not want to constantly update the max-height after an orientation change, so we switch this back to false
+        this.orientationChanged = false;
+    const w = this.currentDirection || n || f;
+    switch (w) {
+     case "up":
+      if (m) {
+        const t = this.validatedMaxHeight || l;
+        const o = Math.min(l, t);
+        e.style.setProperty("--comp-pop-max-height", `${o}px`);
+      }
+      this.setDirectionAndShow("up");
+      break;
+
+     case "down":
+      if (m) {
+        const t = this.validatedMaxHeight || u;
+        const o = Math.min(u, t);
+        e.style.setProperty("--comp-pop-max-height", `${o}px`);
+      }
+      this.setDirectionAndShow("down");
+      break;
+    }
+  }
+  removeViewportListeners() {
+    var t;
+    window.removeEventListener("resize", this.viewPortOrientationChanged);
+    // #region remove when Popover API is supported in iOS
+        window.removeEventListener("scroll", this.viewPortChanged);
+    (t = screen === null || screen === void 0 ? void 0 : screen.orientation) === null || t === void 0 ? void 0 : t.removeEventListener("orientationchange", this.viewPortOrientationChanged);
+    window.removeEventListener("orientationchange", this.viewPortOrientationChanged);
+    // #endregion
+    }
+  setDirectionAndShow(t) {
+    this.setRootElement();
+    // Due to some runtime inconsistency across devices/browsers we need to add one more check here because the
+    // popover can be closed between the time the popover is opened and the time the direction is determined
+        const o = this.open;
+    if (!o) return;
+    this.currentDirection = t;
+    this.show = true;
+    if (this.mode === "legacy") {
+      this.setAbsoluteCSSProperties();
+    } else {
+      this.setFixedCSSProperties();
+    }
+  }
+  setRootElement() {
+    let t = this.hostElement;
+    while (t && t !== document.documentElement) {
+      const o = window.getComputedStyle(t);
+      // Check if the element has any styles applied that create a new containg block
+            if (o.transform !== "none" || o.filter !== "none" || o.perspective !== "none" || o.containerType !== "normal" || [ "transform", "perspective", "filter" ].includes(o.willChange) || [ "layout", "paint", "strict", "content" ].includes(o.contain)) {
+        this.rootElementRect = t.getBoundingClientRect();
+        return;
+      }
+      const i = t.getRootNode();
+      const e = typeof ShadowRoot !== "undefined" && i instanceof ShadowRoot && i.host instanceof HTMLElement;
+      if (e) {
+        t = i.host;
+      } else {
+        t = t.parentElement;
+      }
+    }
+    // Return the document's bounding rect if no element is found
+        this.rootElementRect = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      height: window.visualViewport.height,
+      width: window.visualViewport.width
+    };
+  }
+  // #endregion
+  // #region Render Methods
+  render() {
+    const t = [ "container", this.currentDirection ];
+    if (this.show) t.push("show");
+    if (this.mode === "legacy") t.push("legacy");
+    return e("div", {
+      key: "4735f9b45e1c61380f1f309c4c72b8507fbb24ad",
+      ref: t => this.containerElement = t,
+      class: t.join(" "),
+      "test-id": "outerContainer"
+    }, e("div", {
+      key: "e1857d9428a49fe0b5b273a630ae548b2dae0a67",
+      ref: t => this.contentElement = t,
+      class: "content"
+    }, e("slot", {
+      key: "dbd1de8078d7526e3ac7ca8b822bfddb4a87ea33"
+    })));
+  }
+  get hostElement() {
+    return i(this);
+  }
+  static get watchers() {
+    return {
+      controlElement: [ "handleControlElement" ],
+      minHeight: [ "minHeightProvided" ],
+      open: [ "openChanged" ]
+    };
+  }
+};
+
+h.style = c;
+
+export { n as click_elsewhere, h as q2_popover };
+//# sourceMappingURL=click-elsewhere_2.entry.js.map

package/dist/q2-tecton-elements/click-elsewhere_2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ClickElsewhere","constructor","hostRef","this","isCurrentlyFocused","mouseEventList","mouseHandler","event","shadowContains","findActiveElement","aboutToBeFocused","shadowEventTarget","originatesInSlots","target","change","emit","windowBlurHandler","connectedCallback","forEach","eventName","document","addEventListener","window","disconnectedCallback","removeEventListener","componentWillLoad","workingElement","activeElement","shadowRoot","slots","hostElement","querySelectorAll","currentSlot","Array","from","lightNodes","assignedNodes","childNodes","currentNode","contains","child","parentNode","host","composedPath","q2PopoverCss","Q2PopoverStyle0","Q2Popover","displayBuffer","orientationChanged","handleMinHeight","minHeight","handleDeprecationWarning","setAbsoluteCSSProperties","async","controlElement","containerElement","currentDirection","align","style","setProperty","block","controlStyle","getComputedStyle","controlSize","parseInt","height","borderTopWidth","borderBottomWidth","waitForNextPaint","setFixedCSSProperties","rootElementRect","top","controlTop","bottom","controlBottom","left","controlLeft","right","controlRight","_b","_a","getBoundingClientRect","call","popoverLeft","offsetWidth","width","viewPortChanged","open","determinePopDirection","viewPortOrientationChanged","undefined","removeViewportListeners","componentDidLoad","handleControlElement","setRootElement","addViewportListeners","popoverStateHandler","detail","stopPropagation","scrollContainerTo","options","scrollTo","toggle","tagName","querySelector","minHeightProvided","openChanged","popoverStateChanged","show","clearCSSProperties","isModule","isIframe","hasPlatformDimensions","Object","keys","Tecton","platformDimensions","length","providedDirection","direction","validatedMaxHeight","maxHeight","isNaN","passive","capture","screen","orientation","removeProperty","windowHeight","maxSpaceAbove","maxSpaceBelow","outletOffset","innerHeight","_c","distanceToIframeBottom","visualViewport","viewableSpaceBelow","isIframeShorterThanWindow","directionWithMostSpace","shouldUpdateMaxHeight","getPropertyValue","currentOrDetermineDirection","priorityMaxHeight","Math","min","setDirectionAndShow","isOpen","mode","currentElement","documentElement","computedStyle","transform","filter","perspective","containerType","includes","willChange","contain","rootNode","getRootNode","isRootNodeWebComponent","ShadowRoot","HTMLElement","parentElement","render","containerClasses","push","h","key","ref","el","class","join","contentElement"],"sources":["src/components/click-elsewhere/click-elsewhere.tsx","src/components/q2-popover/q2-popover.scss?tag=q2-popover&encapsulation=shadow","src/components/q2-popover/q2-popover.tsx"],"sourcesContent":["import { Component, ComponentInterface, Element, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n    tag: 'click-elsewhere',\n    shadow: false,\n})\nexport class ClickElsewhere implements ComponentInterface {\n    // #region Own Properties\n\n    isCurrentlyFocused: boolean = false;\n    /**\n     * Listens for mouse and window events that happen outside this click-elsewhere element so we can close popovers when users click outside them\n     */\n    mouseEventList: string[] = ['mousedown', 'dragstart', 'touchstart'];\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the user clicks outside the element\n     */\n    @Event()\n    change: EventEmitter;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    /* tslint:enable:no-empty */\n\n    connectedCallback() {\n        this.mouseEventList.forEach((eventName: string) => {\n            document.addEventListener(eventName, this.mouseHandler);\n        });\n        window.addEventListener('blur', this.windowBlurHandler);\n    }\n\n    disconnectedCallback() {\n        this.mouseEventList.forEach((eventName: string) => {\n            document.removeEventListener(eventName, this.mouseHandler);\n        });\n        window.removeEventListener('blur', this.windowBlurHandler);\n    }\n\n    /* TODO: Stencil/Rollup is having issues compiling without this here. Will try to remove in future Stencil upgrade. */\n    /* tslint:disable:no-empty */\n    componentWillLoad() {}\n\n    // #endregion\n    // #region Local Methods\n\n    findActiveElement(): Element | null {\n        let workingElement = document.activeElement!;\n        while (true) {\n            if (!workingElement || !workingElement.shadowRoot) {\n                return workingElement;\n            }\n            workingElement = workingElement.shadowRoot.activeElement;\n        }\n    }\n\n    mouseHandler = (event: Event): void => {\n        const isCurrentlyFocused = this.shadowContains(this.findActiveElement());\n        const aboutToBeFocused =\n            this.shadowContains(this.shadowEventTarget(event)) || this.originatesInSlots(event.target as Element);\n\n        if (!aboutToBeFocused && (this.isCurrentlyFocused || isCurrentlyFocused)) {\n            this.isCurrentlyFocused = false;\n            this.change.emit();\n            return;\n        }\n        this.isCurrentlyFocused = aboutToBeFocused || isCurrentlyFocused;\n    };\n\n    originatesInSlots(target: Element): boolean {\n        const slots = this.hostElement.querySelectorAll('slot');\n        for (const currentSlot of Array.from(slots)) {\n            const lightNodes =\n                (currentSlot && currentSlot.assignedNodes && currentSlot.assignedNodes()) ||\n                this.hostElement.childNodes;\n\n            for (const currentNode of Array.from(lightNodes)) {\n                if (currentNode.contains(target)) {\n                    return true;\n                }\n            }\n        }\n        return false;\n    }\n\n    shadowContains(child: any): boolean {\n        /**\n         * shadow-dom enabled version of Node.contains()\n         */\n\n        while (true) {\n            if (child === this.hostElement) {\n                return true;\n            }\n            if (!child) {\n                return false;\n            }\n            child = child.parentNode || child.host;\n        }\n    }\n\n    shadowEventTarget(event: any): Element {\n        return event.composedPath()[0] || event.target;\n    }\n\n    windowBlurHandler = (): void => {\n        this.isCurrentlyFocused = false;\n        this.change.emit();\n    };\n}\n","@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n.container {\n    display: none;\n}\n\n.show {\n    display: block;\n    position: fixed;\n    z-index: var-list(--tct-popover-z-index, 50);\n    margin: 0;\n    padding: 0;\n    overflow: auto;\n    background: var-list(--tct-popover-background, --app-white, #ffffff);\n    color: var-list(--tct-popover-font-color, --t-text, #4d4d4d);\n    min-width: var-list(--tct-popover-min-width, 135px);\n    margin-block: var-list(--tct-popover-margin-block, 0);\n    box-shadow: var-list(--tct-popover-box-shadow, --app-shadow-1, unquote(\"0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)\"));\n    border-width: var-list(--tct-popover-border-width, 0);\n    border-style: solid;\n    border-color: var-list(--tct-popover-border-color, transparent);\n    border-radius: var-list(--tct-popover-border-radius, 0);\n    // the following --comp variables are set via JS\n    max-height: var(--comp-pop-max-height);\n    left: var(--comp-pop-left);\n    opacity: var(--comp-pop-opacity, 0);\n\n    :host([block]) & {\n        right: unset;\n        width: var(--comp-pop-width);\n        min-width: var-list(--tct-popover-min-width, unset);\n    }\n\n    :host([align='left']) & {\n        left: var(--comp-pop-left);\n        right: unset;\n    }\n\n    :host([align='right']) & {\n        right: var(--comp-pop-right);\n        left: unset;\n    }\n\n    &.down {\n        top: var-list(--tct-popover-top, --comp-pop-top);\n        bottom: unset;\n    }\n\n    &.up {\n        top: unset;\n        bottom: var(--comp-pop-bottom);\n    }\n\n    &.legacy {\n        position: absolute;\n    }\n\n    @include tiny-scrollbar();\n}\n\nclick-elsewhere {\n    position: relative;\n    display: block;\n}\n","import {\n    Component,\n    Prop,\n    h,\n    ComponentInterface,\n    Element,\n    Watch,\n    Method,\n    Listen,\n    EventEmitter,\n    Event,\n    State,\n} from '@stencil/core';\nimport { handleDeprecationWarning, waitForNextPaint } from '../../utils';\n\n@Component({ tag: 'q2-popover', shadow: true, styleUrl: 'q2-popover.scss' })\nexport class Q2Popover implements ComponentInterface {\n    // #region Own Properties\n\n    containerElement: HTMLDivElement;\n    contentElement: HTMLDivElement;\n    /**\n     * The number of pixels to leave between the popover and the edge of the viewport\n     */\n    displayBuffer = 10;\n    /** remove when Popover API is supported in iOS */\n    orientationChanged: boolean = false;\n    rootElementRect: DOMRect;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    currentDirection: 'down' | 'up' = undefined;\n\n    // remove `show` when Popover API is supported in iOS\n    @State()\n    show: boolean = false;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Aligns the popover to the left or right side of the control element. */\n    @Prop({ reflect: true })\n    align: 'left' | 'right';\n\n    /** Indicates the popover will match the width of its parent element. */\n    @Prop({ reflect: true })\n    block: boolean;\n\n    /** The element that controls the popover's behavior. */\n    @Prop({ mutable: true })\n    controlElement: HTMLElement;\n\n    /**\n     * Force the direction of the popover when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop({ reflect: true })\n    direction: 'up' | 'down';\n\n    /**\n     * Force the maximum height of the popover. This value will be interpreted as pixels.\n     * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.\n     */\n    @Prop()\n    maxHeight: number;\n\n    /** @deprecated */\n    @Prop()\n    minHeight: number;\n\n    @Prop()\n    mode: 'legacy' = null;\n\n    /** Controls whether the popover is open or closed. */\n    @Prop({ reflect: true, mutable: true })\n    open: boolean;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the popover is opened or closed.\n     */\n    @Event()\n    popoverStateChanged: EventEmitter<{ open: boolean }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.removeViewportListeners();\n    }\n\n    componentDidLoad() {\n        this.handleMinHeight();\n        this.handleControlElement();\n        if (this.open) {\n            this.setRootElement();\n            this.addViewportListeners();\n            this.determinePopDirection();\n        }\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('popoverState')\n    popoverStateHandler(event: CustomEvent<{ open: boolean }>) {\n        const {\n            detail: { open },\n        } = event;\n        if (open === this.open) return;\n\n        this.open = open;\n        event.stopPropagation();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    @Method()\n    async scrollContainerTo(options: ScrollToOptions) {\n        this.containerElement.scrollTo(options);\n    }\n\n    @Method()\n    async toggle() {\n        this.open = !this.open;\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('controlElement')\n    handleControlElement() {\n        if (this.controlElement?.tagName === 'Q2-INPUT') {\n            this.controlElement = this.controlElement.shadowRoot.querySelector('.input-container');\n        }\n    }\n\n    @Watch('minHeight')\n    minHeightProvided() {\n        this.handleMinHeight();\n    }\n\n    @Watch('open')\n    async openChanged(open: boolean) {\n        this.setRootElement();\n        this.popoverStateChanged.emit({ open });\n\n        if (open) {\n            this.addViewportListeners();\n            this.determinePopDirection();\n        } else {\n            this.removeViewportListeners();\n            this.currentDirection = undefined;\n            this.show = false;\n            await waitForNextPaint();\n            this.clearCSSProperties();\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get isModule() {\n        const isIframe = window !== window.top;\n        const hasPlatformDimensions = Object.keys(window.Tecton?.platformDimensions ?? {}).length > 0;\n        return isIframe && hasPlatformDimensions;\n    }\n\n    get providedDirection(): 'up' | 'down' | undefined {\n        const { direction } = this;\n        switch (direction) {\n            case 'up':\n            case 'down':\n                return direction;\n            default:\n                return undefined;\n        }\n    }\n\n    get validatedMaxHeight(): number | undefined {\n        const { maxHeight } = this;\n        return isNaN(maxHeight) ? undefined : maxHeight;\n    }\n\n    addViewportListeners() {\n        window.addEventListener('resize', this.viewPortOrientationChanged);\n        // #region remove when Popover API is supported in iOS\n        window.addEventListener('scroll', this.viewPortChanged, { passive: true, capture: true });\n        screen?.orientation?.addEventListener('change', this.viewPortOrientationChanged);\n        window.addEventListener('orientationchange', this.viewPortOrientationChanged);\n\n        // #endregion\n    }\n\n    clearCSSProperties() {\n        this.containerElement.style.removeProperty('--comp-pop-max-height');\n        this.containerElement.style.removeProperty('--comp-pop-top');\n        this.containerElement.style.removeProperty('--comp-pop-bottom');\n        this.containerElement.style.removeProperty('--comp-pop-left');\n        this.containerElement.style.removeProperty('--comp-pop-right');\n        this.containerElement.style.removeProperty('--comp-pop-width');\n        this.containerElement.style.removeProperty('--comp-pop-opacity');\n    }\n\n    async determinePopDirection() {\n        const { containerElement, controlElement, providedDirection, displayBuffer } = this;\n        if (containerElement) containerElement.style.maxHeight = null;\n\n        await waitForNextPaint();\n\n        const { isModule } = this;\n        const { top: controlTop, bottom: controlBottom } = controlElement?.getBoundingClientRect?.() ?? {\n            top: 0,\n            bottom: 0,\n        };\n\n        let windowHeight: number;\n        let maxSpaceAbove: number;\n        let maxSpaceBelow: number;\n\n        if (isModule) {\n            const { outletOffset = 0, innerHeight = window.innerHeight } = window.Tecton?.platformDimensions || {};\n            const distanceToIframeBottom = window.visualViewport.height - controlBottom;\n            const viewableSpaceBelow = innerHeight - (outletOffset + controlBottom);\n            const isIframeShorterThanWindow = distanceToIframeBottom < viewableSpaceBelow;\n            windowHeight = innerHeight;\n            // If the top of the module is below the top of the window we just use the controlTop\n            // Otherwise we need to add the outletOffset to the controlTop\n            maxSpaceAbove = (outletOffset > 0 ? controlTop : controlTop + outletOffset) - displayBuffer;\n            maxSpaceBelow = isIframeShorterThanWindow\n                ? distanceToIframeBottom - displayBuffer\n                : viewableSpaceBelow - displayBuffer;\n        } else {\n            windowHeight = window.visualViewport.height;\n            maxSpaceAbove = controlTop - displayBuffer;\n            maxSpaceBelow = windowHeight - controlBottom - displayBuffer;\n        }\n\n        const directionWithMostSpace: 'up' | 'down' = maxSpaceAbove > maxSpaceBelow ? 'up' : 'down';\n\n        // We do not want to update the max height once the popover is open unless the page orientation shifts (resize or mobile use cases)\n        const shouldUpdateMaxHeight =\n            !containerElement.style.getPropertyValue('--comp-pop-max-height') || this.orientationChanged;\n        // we do not want to constantly update the max-height after an orientation change, so we switch this back to false\n        this.orientationChanged = false;\n        const currentOrDetermineDirection = this.currentDirection || providedDirection || directionWithMostSpace;\n\n        switch (currentOrDetermineDirection) {\n            case 'up':\n                if (shouldUpdateMaxHeight) {\n                    const priorityMaxHeight = this.validatedMaxHeight || maxSpaceAbove;\n                    const maxHeight = Math.min(maxSpaceAbove, priorityMaxHeight);\n                    containerElement.style.setProperty('--comp-pop-max-height', `${maxHeight}px`);\n                }\n                this.setDirectionAndShow('up');\n                break;\n            case 'down':\n                if (shouldUpdateMaxHeight) {\n                    const priorityMaxHeight = this.validatedMaxHeight || maxSpaceBelow;\n                    const maxHeight = Math.min(maxSpaceBelow, priorityMaxHeight);\n                    containerElement.style.setProperty('--comp-pop-max-height', `${maxHeight}px`);\n                }\n                this.setDirectionAndShow('down');\n                break;\n            default:\n                break;\n        }\n    }\n\n    handleMinHeight = () => {\n        if (this.minHeight) {\n            handleDeprecationWarning(this, 'minHeight', 'prop');\n        }\n    };\n\n    removeViewportListeners() {\n        window.removeEventListener('resize', this.viewPortOrientationChanged);\n        // #region remove when Popover API is supported in iOS\n        window.removeEventListener('scroll', this.viewPortChanged);\n        screen?.orientation?.removeEventListener('orientationchange', this.viewPortOrientationChanged);\n        window.removeEventListener('orientationchange', this.viewPortOrientationChanged);\n\n        // #endregion\n    }\n\n    setAbsoluteCSSProperties = async () => {\n        const { controlElement, containerElement, currentDirection, align } = this;\n\n        if (align === 'right') {\n            containerElement.style.setProperty('--comp-pop-right', '0');\n            containerElement.style.setProperty('--comp-pop-left', 'unset');\n        } else {\n            containerElement.style.setProperty('--comp-pop-left', '0');\n            containerElement.style.setProperty('--comp-pop-right', 'unset');\n        }\n\n        if (this.block) {\n            containerElement.style.setProperty('--comp-pop-width', '100%');\n        }\n\n        if (currentDirection === 'up') {\n            const controlStyle = getComputedStyle(controlElement);\n            const controlSize =\n                parseInt(controlStyle.height || '0') +\n                parseInt(controlStyle.borderTopWidth || '0') +\n                parseInt(controlStyle.borderBottomWidth || '0');\n\n            containerElement.style.setProperty('--comp-pop-bottom', `${controlSize}px`);\n        }\n\n        // Wait for one paint to prevent layout thrashing\n        await waitForNextPaint();\n        containerElement.style.setProperty('--comp-pop-opacity', '1');\n    };\n\n    setDirectionAndShow(direction: 'up' | 'down') {\n        this.setRootElement();\n        // Due to some runtime inconsistency across devices/browsers we need to add one more check here because the\n        // popover can be closed between the time the popover is opened and the time the direction is determined\n        const isOpen = this.open;\n        if (!isOpen) return;\n\n        this.currentDirection = direction;\n        this.show = true;\n        if (this.mode === 'legacy') {\n            this.setAbsoluteCSSProperties();\n        } else {\n            this.setFixedCSSProperties();\n        }\n    }\n\n    setFixedCSSProperties = async () => {\n        const { controlElement, containerElement, currentDirection, rootElementRect } = this;\n        const {\n            top: controlTop,\n            bottom: controlBottom,\n            left: controlLeft,\n            right: controlRight,\n        } = controlElement?.getBoundingClientRect?.() ?? {\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n        };\n        const popoverLeft: number = controlLeft - rootElementRect.left;\n\n        if (this.block) containerElement.style.setProperty('--comp-pop-width', `${controlElement?.offsetWidth || 0}px`);\n        containerElement.style.setProperty('--comp-pop-left', `${popoverLeft}px`);\n        containerElement.style.setProperty(\n            '--comp-pop-right',\n            `${rootElementRect.width + rootElementRect.left - controlRight}px`\n        );\n\n        if (currentDirection === 'up') {\n            containerElement.style.setProperty(\n                '--comp-pop-bottom',\n                `${rootElementRect.height + rootElementRect.top - controlTop}px`\n            );\n        }\n        if (currentDirection === 'down') {\n            containerElement.style.setProperty('--comp-pop-top', `${controlBottom - rootElementRect.top}px`);\n        }\n\n        // Wait for one paint to prevent layout thrashing\n        await waitForNextPaint();\n        containerElement.style.setProperty('--comp-pop-opacity', '1');\n    };\n\n    setRootElement() {\n        let currentElement: HTMLElement = this.hostElement;\n\n        while (currentElement && currentElement !== document.documentElement) {\n            const computedStyle = window.getComputedStyle(currentElement);\n\n            // Check if the element has any styles applied that create a new containg block\n            if (\n                computedStyle.transform !== 'none' ||\n                computedStyle.filter !== 'none' ||\n                computedStyle.perspective !== 'none' ||\n                computedStyle.containerType !== 'normal' ||\n                ['transform', 'perspective', 'filter'].includes(computedStyle.willChange) ||\n                ['layout', 'paint', 'strict', 'content'].includes(computedStyle.contain)\n            ) {\n                this.rootElementRect = currentElement.getBoundingClientRect();\n                return;\n            }\n\n            const rootNode = currentElement.getRootNode();\n            const isRootNodeWebComponent =\n                typeof ShadowRoot !== 'undefined' &&\n                rootNode instanceof ShadowRoot &&\n                rootNode.host instanceof HTMLElement;\n            if (isRootNodeWebComponent) {\n                currentElement = rootNode.host;\n            } else {\n                currentElement = currentElement.parentElement;\n            }\n        }\n\n        // Return the document's bounding rect if no element is found\n        this.rootElementRect = {\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n            height: window.visualViewport.height,\n            width: window.visualViewport.width,\n        } as DOMRect;\n    }\n\n    viewPortChanged = () => {\n        if (!this.open) return;\n        this.determinePopDirection();\n    };\n\n    viewPortOrientationChanged = () => {\n        this.orientationChanged = true;\n        this.viewPortChanged();\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const containerClasses = ['container', this.currentDirection];\n        if (this.show) containerClasses.push('show');\n        if (this.mode === 'legacy') containerClasses.push('legacy');\n\n        return (\n            <div\n                ref={el => (this.containerElement = el)}\n                class={containerClasses.join(' ')}\n                test-id=\"outerContainer\"\n            >\n                <div\n                    ref={el => (this.contentElement = el)}\n                    class=\"content\"\n                >\n                    <slot />\n                </div>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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"}