q2-tecton-elements 1.51.1 → 1.51.3

package/dist/q2-tecton-elements/p-f7867f21.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,g as i,h as e}from"./p-a5f18e27.js";import{h as s,w as r}from"./p-15ac45d6.js";const n=class{constructor(i){t(this,i);this.change=o(this,"change",7);this.isCurrentlyFocused=false;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()}}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)}componentWillLoad(){}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){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 p=class{constructor(i){t(this,i);this.popoverStateChanged=o(this,"popoverStateChanged",7);this.displayBuffer=10;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`)}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:p,right:h}=(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=p-n.left;if(this.block)e.style.setProperty("--comp-pop-width",`${i.offsetWidth||0}px`);e.style.setProperty("--comp-pop-left",`${d}px`);e.style.setProperty("--comp-pop-right",`${n.width+n.left-h}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`)}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}disconnectedCallback(){this.removeViewportListeners()}componentDidLoad(){this.handleMinHeight();if(this.open)this.determinePopDirection()}popoverStateHandler(t){const{detail:{open:o}}=t;if(o===this.open)return;this.open=o;t.stopPropagation()}async scrollContainerTo(t){this.containerElement.scrollTo(t)}async toggle(){this.open=!this.open}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()}}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);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)}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:p,bottom:h}=(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-h;const s=o-(t+h);const r=e<s;d=o;l=(t>0?p:p+t)-a;u=r?e-a:s-a}else{d=window.visualViewport.height;l=p-a;u=d-h-a}const f=l>u?"up":"down";const w=!e.style.getPropertyValue("--comp-pop-max-height")||this.orientationChanged;this.orientationChanged=false;const m=this.currentDirection||n||f;switch(m){case"up":if(w){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(w){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);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)}setDirectionAndShow(t){this.setRootElement();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);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}}this.rootElementRect={top:0,bottom:0,left:0,right:0,height:window.visualViewport.height,width:window.visualViewport.width}}render(){const t=["container",this.currentDirection];if(this.show)t.push("show");if(this.mode==="legacy")t.push("legacy");return e("div",{key:"859d756319e8db9fc5e28f15c172a675c220f217",ref:t=>this.containerElement=t,class:t.join(" "),"test-id":"outerContainer"},e("div",{key:"6928f830953fe36fa76fbd8da81f6bde70689ffe",ref:t=>this.contentElement=t,class:"content"},e("slot",{key:"36be03972c41ec02cefff9b0aa61526e66a49084"})))}get hostElement(){return i(this)}static get watchers(){return{minHeight:["minHeightProvided"],open:["openChanged"]}}};p.style=c;export{n as click_elsewhere,p as q2_popover};
-//# sourceMappingURL=p-f7867f21.entry.js.map

package/dist/q2-tecton-elements/p-f7867f21.entry.js.map

@@ -1 +0,0 @@
-{"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","popoverStateHandler","detail","stopPropagation","scrollContainerTo","options","scrollTo","toggle","minHeightProvided","openChanged","setRootElement","popoverStateChanged","addViewportListeners","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()\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        if (this.open) this.determinePopDirection();\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('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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"}