@nasa-terra/components 0.0.173 → 0.0.175

package/dist/chunks/chunk.MVE6HYAX.js

@@ -0,0 +1,82 @@
+import{a as l}from"./chunk.HPEPPRLY.js";import{a as c}from"./chunk.S4NR73UF.js";import{a as m}from"./chunk.KI3ZCNIO.js";import{a as f}from"./chunk.2L36BY5P.js";import{a as w}from"./chunk.O6IHPWCE.js";import{a as d}from"./chunk.ZQCC5UD2.js";import{a as h,b as u}from"./chunk.4S7M2RKR.js";import{e as a}from"./chunk.INFVQQSJ.js";import{html as s,nothing as p}from"lit";import{createRef as _,ref as y}from"lit/directives/ref.js";import{property as n,query as g,state as b}from"lit/decorators.js";var i=class extends u{constructor(){super(...arguments);this.minZoom=0;this.maxZoom=23;this.zoom=1;this.hasNavigation=!0;this.hasCoordTracker=!0;this.hasShapeSelector=!1;this.showBoundingBoxSelection=!0;this.showPointSelection=!0;this.initialValue="";this.hideLabel=!1;this.label="Select Region";this.spatialConstraints="-180, -90, 180, 90";this.isExpanded=!1;this.noWorldWrap=!1;this.inline=!1;this.showMapOnFocus=!1;this.urlState=!1;this.helpText="";this.error="";this.dropdownRef=_()}set hideBoundingBoxSelection(t){console.warn('"hide-bounding-box-selection" is deprecated. Use "show-bounding-box-selection" instead.'),this.showBoundingBoxSelection=!t}get hideBoundingBoxSelection(){return!this.showBoundingBoxSelection}set hidePointSelection(t){console.warn('"hide-point-selection" is deprecated. Use "show-point-selection" instead.'),this.showPointSelection=!t}get hidePointSelection(){return!this.showPointSelection}get _allowedTypes(){return{allowPoint:this.showPointSelection,allowBbox:this.showBoundingBoxSelection}}firstUpdated(){let e=new URLSearchParams(window.location.search).get("spatial"),o=this.urlState&&e?e:this.initialValue;o&&this._applyValue(o,{emit:!1})}setValue(t){this._applyValue(t,{emit:!0})}open(){var t;this.inline||(t=this.dropdownRef.value)==null||t.show()}close(){var t;this.inline||(t=this.dropdownRef.value)==null||t.hide()}setOpen(t){t?this.open():this.close()}_input(){var t;this.error="",(t=this.terraInput)==null||t.setCustomValidity("")}_change(){var e,o;this._input();let t=(o=(e=this.terraInput)==null?void 0:e.value)!=null?o:"";if(!t.trim()){this._clearValue();return}this._validateAndCommit(t)}_keydown(t){var e,o,r;if(t.key===" "){t.stopPropagation();return}t.key==="Enter"&&(t.preventDefault(),this._validateAndCommit((o=(e=this.terraInput)==null?void 0:e.value)!=null?o:""),(r=this.terraInput)==null||r.blur())}_blur(){var t,e;this._validateAndCommit((e=(t=this.terraInput)==null?void 0:t.value)!=null?e:"")}_focus(){var t;this.showMapOnFocus&&!this.inline&&((t=this.dropdownRef.value)==null||t.show())}_click(t){t.stopPropagation(),this.inline||(this.isExpanded?this.close():this.open())}_handleMapChange(t){let e=t.detail;if(e.cause==="clear"){this._clearValue();return}if(e.cause!=="draw")return;let o;if(e.type==="bbox"&&e.bounds)o=e.bounds;else if(e.type==="point"&&e.latLng)o=e.latLng;else{this.emit("terra-map-change",{detail:e});return}let r=l.validateConstraints(o,this.spatialConstraints);if(r){this.error=r,this.mapValue=void 0;return}let v=l.serialize(o);this._commit(v,o)}handleDropdownShow(){this.isExpanded=!0}handleDropdownHide(){this.isExpanded=!1}_validateAndCommit(t){var o;if(!t.trim()){this._clearValue();return}let e=l.validate(t,this._allowedTypes,this.spatialConstraints);if(!e.ok){this.error=e.error,(o=this.terraInput)==null||o.setCustomValidity(e.error);return}this._commit(e.serialized,e.value)}_applyValue(t,{emit:e}){let o=l.validate(t,this._allowedTypes,this.spatialConstraints);if(!o.ok){this.error=o.error;return}this.error="",this.mapValue=o.serialized,this.terraInput&&(this.terraInput.value=o.serialized),e&&this._emitChange(o.value),this._updateURLParam(o.serialized)}_commit(t,e){var o;this.error="",(o=this.terraInput)==null||o.setCustomValidity(""),this.mapValue=t,this.terraInput&&(this.terraInput.value=t),this._updateURLParam(t),this._emitChange(e)}_clearValue(){var t;this.error="",this.mapValue=void 0,(t=this.terraInput)==null||t.setCustomValidity(""),this.terraInput&&(this.terraInput.value=""),this._updateURLParam(null)}_emitChange(t){t instanceof d?this.emit("terra-map-change",{detail:{cause:"draw",type:"point",latLng:t}}):this.emit("terra-map-change",{detail:{cause:"draw",type:"bbox",bounds:t}})}_updateURLParam(t){if(!this.urlState)return;let e=new URL(window.location.href);t?e.searchParams.set("spatial",t):e.searchParams.delete("spatial"),window.history.replaceState({},"",e.toString())}renderMap(){return s`<terra-map
+            class="${this.inline?"inline":""}"
+            exportparts="map"
+            min-zoom=${this.minZoom}
+            max-zoom=${this.maxZoom}
+            zoom=${this.zoom}
+            ?show-mouse-coordinates=${this.hasCoordTracker}
+            .value=${this.mapValue}
+            ?has-navigation=${this.hasNavigation}
+            ?has-shape-selector=${this.hasShapeSelector}
+            ?show-bounding-box-selection=${this.showBoundingBoxSelection}
+            ?show-point-selection=${this.showPointSelection}
+            ?no-world-wrap=${this.noWorldWrap}
+            spatial-constraints=${this.spatialConstraints}
+            @terra-map-change=${this._handleMapChange}
+        ></terra-map>`}_inputTemplate(t){return s`<terra-input
+            slot=${t!=null?t:p}
+            .label=${this.label}
+            .hideLabel=${this.hideLabel}
+            .value=${this.initialValue}
+            placeholder="${this.spatialConstraints}"
+            aria-controls="map"
+            aria-expanded=${this.inline?!0:this.isExpanded}
+            @terra-input=${this._input}
+            @terra-change=${this._change}
+            @terra-blur=${this._blur}
+            @terra-focus=${this._focus}
+            @keydown=${this._keydown}
+            @click=${e=>{e.stopPropagation(),this._click(e)}}
+            resettable
+            name="spatial"
+            .helpText=${this.helpText}
+        >
+            <svg
+                slot="suffix"
+                class="spatial-picker__input_icon"
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke-width="1.5"
+                stroke="currentColor"
+                @click=${this._click}
+            >
+                <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z"
+                />
+            </svg>
+        </terra-input>`}render(){return this.inline?s`
+                <div class="spatial-picker">
+                    ${this._inputTemplate()}
+                    <slot name="additional-text"></slot>
+                    <div
+                        class="spatial-picker__map-container spatial-picker__map-container--inline"
+                    >
+                        ${this.renderMap()}
+                    </div>
+                    ${this.error?s`<div class="spatial-picker__error">${this.error}</div>`:p}
+                </div>
+            `:s`
+            <div class="spatial-picker">
+                <terra-dropdown
+                    ${y(this.dropdownRef)}
+                    placement="bottom-start"
+                    distance="4"
+                    @terra-show=${this.handleDropdownShow}
+                    @terra-hide=${this.handleDropdownHide}
+                    hoist
+                >
+                    ${this._inputTemplate("trigger")}
+                    <slot name="additional-text"></slot>
+                    <div
+                        class="spatial-picker__map-container"
+                        @click=${t=>t.stopPropagation()}
+                    >
+                        ${this.renderMap()}
+                    </div>
+                </terra-dropdown>
+                ${this.error?s`<div class="spatial-picker__error">${this.error}</div>`:p}
+            </div>
+        `}};i.styles=[h,c],i.dependencies={"terra-map":m,"terra-input":f,"terra-dropdown":w},a([n({attribute:"min-zoom",type:Number})],i.prototype,"minZoom",2),a([n({attribute:"max-zoom",type:Number})],i.prototype,"maxZoom",2),a([n({type:Number})],i.prototype,"zoom",2),a([n({attribute:"has-navigation",type:Boolean})],i.prototype,"hasNavigation",2),a([n({attribute:"has-coord-tracker",type:Boolean})],i.prototype,"hasCoordTracker",2),a([n({attribute:"has-shape-selector",type:Boolean})],i.prototype,"hasShapeSelector",2),a([n({attribute:"show-bounding-box-selection",type:Boolean})],i.prototype,"showBoundingBoxSelection",2),a([n({attribute:"hide-bounding-box-selection",type:Boolean})],i.prototype,"hideBoundingBoxSelection",1),a([n({attribute:"show-point-selection",type:Boolean})],i.prototype,"showPointSelection",2),a([n({attribute:"hide-point-selection",type:Boolean})],i.prototype,"hidePointSelection",1),a([n({attribute:"initial-value"})],i.prototype,"initialValue",2),a([n({attribute:"hide-label",type:Boolean})],i.prototype,"hideLabel",2),a([n()],i.prototype,"label",2),a([n({attribute:"spatial-constraints"})],i.prototype,"spatialConstraints",2),a([n({attribute:"is-expanded",type:Boolean,reflect:!0})],i.prototype,"isExpanded",2),a([n({attribute:"no-world-wrap",type:Boolean})],i.prototype,"noWorldWrap",2),a([n({type:Boolean})],i.prototype,"inline",2),a([n({attribute:"show-map-on-focus",type:Boolean})],i.prototype,"showMapOnFocus",2),a([n({attribute:"url-state",type:Boolean})],i.prototype,"urlState",2),a([n({attribute:"help-text"})],i.prototype,"helpText",2),a([b()],i.prototype,"mapValue",2),a([b()],i.prototype,"error",2),a([g("terra-input")],i.prototype,"terraInput",2),a([g("terra-map")],i.prototype,"map",2);export{i as a};

package/dist/chunks/chunk.NDOFONSX.js

@@ -0,0 +1,49 @@
+import{a as x,b as G,c as w,d as D,e as A,f as O}from"./chunk.JBPRUIZD.js";import{a as C}from"./chunk.6MKLT7FM.js";import{g as R,i as E}from"./chunk.INFVQQSJ.js";import{gql as _}from"@apollo/client/core";var I,B,T=class{constructor(){R(this,I)}async searchCmr(a,e,n){var o,l,c,m,g,u;let i=await(await C("cmr")).query({query:e==="collection"?D:e==="variable"?A:w,variables:{keyword:a},context:{fetchOptions:{signal:n==null?void 0:n.signal}},fetchPolicy:"network-only"});if(i.errors)throw new Error(`Failed to search CMR: ${i.errors[0].message}`);let s=(c=(l=(o=i.data.collections)==null?void 0:o.items)==null?void 0:l.map(r=>({type:"collection",collectionConceptId:r.conceptId,collectionEntryId:r.nativeId,summary:r.title,conceptId:r.conceptId,entryId:r.nativeId,provider:r.provider,title:r.title})))!=null?c:[],d=(u=(g=(m=i.data.variables)==null?void 0:m.items)==null?void 0:g.map(r=>{var y,p,b,h,v,f,S;return{type:"variable",collectionConceptId:(p=(y=r.collections.items)==null?void 0:y[0])==null?void 0:p.conceptId,collectionEntryId:(h=(b=r.collections.items)==null?void 0:b[0])==null?void 0:h.nativeId,summary:(S=(f=(v=r.collections.items)==null?void 0:v[0])==null?void 0:f.title)!=null?S:"",conceptId:r.conceptId,entryId:r.name,provider:r.providerId,title:r.longName}}))!=null?u:[];return[...s,...d]}async getGranules(a,e){var i,s,d,o,l,c,m,g,u;let t=await(await C("cmr")).query({query:O,variables:{collectionEntryId:a,limit:(i=e==null?void 0:e.limit)!=null?i:50,offset:(s=e==null?void 0:e.offset)!=null?s:0,sortKey:E(this,I,B).call(this,(d=e==null?void 0:e.sortBy)!=null?d:"title",(o=e==null?void 0:e.sortDirection)!=null?o:"asc"),search:e!=null&&e.search?[`*${e.search}*`]:void 0,temporal:e!=null&&e.startDate&&(e!=null&&e.endDate)?`${e.startDate},${e.endDate}`:void 0,boundingBox:((l=e==null?void 0:e.location)==null?void 0:l.type)==="bbox"?e.location.bounds.toBBoxString():void 0,cloudCover:(c=e==null?void 0:e.cloudCover)!=null&&c.min&&((m=e==null?void 0:e.cloudCover)!=null&&m.max)?`${(g=e.cloudCover.min)!=null?g:""},${(u=e.cloudCover.max)!=null?u:""}`:void 0},context:{fetchOptions:{signal:e==null?void 0:e.signal}},fetchPolicy:"network-only"});if(t.errors)throw new Error(`Failed to fetch granules: ${t.errors[0].message}`);return t.data}async getSamplingOfGranules(a,e){let t=await(await C("cmr")).query({query:_`
+                query Collections($collectionEntryId: String!) {
+                    collections(params: { entryId: [$collectionEntryId] }) {
+                        items {
+                            conceptId
+                            spatialExtent
+                            firstGranules: granules(
+                                params: { limit: 2, sortKey: "startDate" }
+                            ) {
+                                count
+                                items {
+                                    dataGranule
+                                    temporalExtent
+                                }
+                            }
+                            lastGranules: granules(
+                                params: { limit: 2, sortKey: "-endDate" }
+                            ) {
+                                count
+                                items {
+                                    dataGranule
+                                    temporalExtent
+                                }
+                            }
+                        }
+                    }
+                }
+            `,variables:{collectionEntryId:a},context:{fetchOptions:{signal:e==null?void 0:e.signal}},fetchPolicy:"network-only"});if(t.errors)throw new Error(`Failed to fetch granules: ${t.errors[0].message}`);return t.data}async getCloudCoverRange(a,e){var d,o,l,c,m,g,u,r,y,p,b,h;let t=await(await C("cmr")).query({query:_`
+                query Collections($collectionEntryId: String!) {
+                    collections(params: { entryId: [$collectionEntryId] }) {
+                        items {
+                            lowestCloudCover: granules(
+                                params: { sortKey: "cloudCover", limit: 1 }
+                            ) {
+                                items {
+                                    cloudCover
+                                }
+                            }
+                            highestCloudCover: granules(
+                                params: { sortKey: "-cloudCover", limit: 1 }
+                            ) {
+                                items {
+                                    cloudCover
+                                }
+                            }
+                        }
+                    }
+                }
+            `,variables:{collectionEntryId:a},context:{fetchOptions:{signal:e==null?void 0:e.signal}},fetchPolicy:"network-only"});if(t.errors)throw new Error(`Failed to fetch granules: ${t.errors[0].message}`);let i=(g=(m=(c=(l=(o=(d=t.data.collections)==null?void 0:d.items)==null?void 0:o[0])==null?void 0:l.lowestCloudCover)==null?void 0:c.items)==null?void 0:m[0])==null?void 0:g.cloudCover,s=(h=(b=(p=(y=(r=(u=t.data.collections)==null?void 0:u.items)==null?void 0:r[0])==null?void 0:y.highestCloudCover)==null?void 0:p.items)==null?void 0:b[0])==null?void 0:h.cloudCover;return typeof i=="number"&&typeof s=="number"?{min:i,max:s}:null}async getCollectionCitation(a,e){var i,s;let t=await(await C("cmr")).query({query:x,variables:{entryId:a},context:{fetchOptions:{signal:e==null?void 0:e.signal}},fetchPolicy:"network-only"});if(t.errors||t.data.collections.items.length===0||t.data.collections.items[0].collectionCitations.length===0)throw new Error(`Failed to retrieve collection citations from CMR: ${(s=(i=t.errors)==null?void 0:i[0])==null?void 0:s.message}`);return t.data.collections.items[0]}async getVariablesDetails(a,e){let t=await(await C("cmr")).query({query:G,variables:{collectionConceptId:a},context:{fetchOptions:{signal:e==null?void 0:e.signal}},fetchPolicy:"network-only"});if(t.errors)throw new Error(`Failed to fetch variable details: ${t.errors[0].message}`);return t.data}};I=new WeakSet,B=function(a,e){let n=a;switch(a){case"title":n="granuleUr";break;case"size":n="dataSize";break;case"timeStart":n="startDate";break;case"timeEnd":n="endDate";break}return e==="asc"?n:`-${n}`};export{T as a};

package/dist/chunks/chunk.NLHS2MBJ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7G6ZJIAY.js";var n=e;e.define("terra-icon");export{n as a};

package/dist/chunks/chunk.NLKVTJT6.js

@@ -0,0 +1,20 @@
+import{a as $}from"./chunk.7JZVKWGI.js";import{a as x,b as z}from"./chunk.4S7M2RKR.js";import{a as w,b as E,e as i}from"./chunk.INFVQQSJ.js";import{arrow as C,autoUpdate as P,computePosition as A,flip as L,offset as O,platform as y,shift as H,size as S}from"@floating-ui/dom";import{classMap as B}from"lit/directives/class-map.js";import{html as R}from"lit";import{offsetParent as M}from"composed-offset-position";import{property as s,query as k}from"lit/decorators.js";function j(d){return d!==null&&typeof d=="object"&&"getBoundingClientRect"in d&&("contextElement"in d?d.contextElement instanceof Element:!0)}var e=class extends z{constructor(){super(...arguments);this.active=!1;this.placement="top";this.strategy="absolute";this.distance=0;this.skidding=0;this.arrow=!1;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=!1;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=!1;this.shiftPadding=0;this.autoSizePadding=0;this.hoverBridge=!1;this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){let t=this.anchorEl.getBoundingClientRect(),o=this.popup.getBoundingClientRect(),n=this.placement.includes("top")||this.placement.includes("bottom"),a=0,h=0,c=0,m=0,f=0,r=0,l=0,p=0;n?t.top<o.top?(a=t.left,h=t.bottom,c=t.right,m=t.bottom,f=o.left,r=o.top,l=o.right,p=o.top):(a=o.left,h=o.bottom,c=o.right,m=o.bottom,f=t.left,r=t.top,l=t.right,p=t.top):t.left<o.left?(a=t.right,h=t.top,c=o.left,m=o.top,f=t.right,r=t.bottom,l=o.left,p=o.bottom):(a=o.right,h=o.top,c=t.left,m=t.top,f=o.right,r=o.bottom,l=t.left,p=t.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${a}px`),this.style.setProperty("--hover-bridge-top-left-y",`${h}px`),this.style.setProperty("--hover-bridge-top-right-x",`${c}px`),this.style.setProperty("--hover-bridge-top-right-y",`${m}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${f}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${r}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${l}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${p}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&typeof this.anchor=="string"){let t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element||j(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&this.active&&this.start()}start(){!this.anchorEl||!this.active||(this.cleanup=P(this.anchorEl,this.popup,()=>{this.reposition()}))}async stop(){return new Promise(t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame(()=>t())):t()})}reposition(){if(!this.active||!this.anchorEl)return;let t=[O({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(S({apply:({rects:n})=>{let a=this.sync==="width"||this.sync==="both",h=this.sync==="height"||this.sync==="both";this.popup.style.width=a?`${n.reference.width}px`:"",this.popup.style.height=h?`${n.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&t.push(L({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(H({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push(S({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:n,availableHeight:a})=>{this.autoSize==="vertical"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-height",`${a}px`):this.style.removeProperty("--auto-size-available-height"),this.autoSize==="horizontal"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-width",`${n}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&t.push(C({element:this.arrowEl,padding:this.arrowPadding}));let o=this.strategy==="absolute"?n=>y.getOffsetParent(n,M):y.getOffsetParent;A(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:E(w({},y),{getOffsetParent:o})}).then(({x:n,y:a,middlewareData:h,placement:c})=>{let f={top:"bottom",right:"left",bottom:"top",left:"right"}[c.split("-")[0]];if(this.setAttribute("data-current-placement",c),Object.assign(this.popup.style,{left:`${n}px`,top:`${a}px`}),this.arrow){let r=h.arrow.x,l=h.arrow.y,p="",g="",b="",u="";if(this.arrowPlacement==="start"){let v=typeof r=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";p=typeof l=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",g="",u=v}else this.arrowPlacement==="end"?(g=typeof r=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",u="",b=typeof l=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""):this.arrowPlacement==="center"?(u=typeof r=="number"?"calc(50% - var(--arrow-size-diagonal))":"",p=typeof l=="number"?"calc(50% - var(--arrow-size-diagonal))":""):(u=typeof r=="number"?`${r}px`:"",p=typeof l=="number"?`${l}px`:"");Object.assign(this.arrowEl.style,{top:p,right:g,bottom:b,left:u,[f]:"calc(var(--arrow-size-diagonal) * -1)"})}}),requestAnimationFrame(()=>this.updateHoverBridge()),this.emit("terra-reposition")}render(){return R`
+            <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
+
+            <span
+                part="hover-bridge"
+                class=${B({"popup-hover-bridge":!0,"popup-hover-bridge--visible":this.hoverBridge&&this.active})}
+            ></span>
+
+            <div
+                part="popup"
+                class=${B({popup:!0,"popup--active":this.active,"popup--fixed":this.strategy==="fixed","popup--has-arrow":this.arrow})}
+            >
+                <slot></slot>
+                ${this.arrow?R`<div
+                          part="arrow"
+                          class="popup__arrow"
+                          role="presentation"
+                      ></div>`:""}
+            </div>
+        `}};e.styles=[x,$],i([k(".popup")],e.prototype,"popup",2),i([k(".popup__arrow")],e.prototype,"arrowEl",2),i([s()],e.prototype,"anchor",2),i([s({type:Boolean,reflect:!0})],e.prototype,"active",2),i([s({reflect:!0})],e.prototype,"placement",2),i([s({reflect:!0})],e.prototype,"strategy",2),i([s({type:Number})],e.prototype,"distance",2),i([s({type:Number})],e.prototype,"skidding",2),i([s({type:Boolean})],e.prototype,"arrow",2),i([s({attribute:"arrow-placement"})],e.prototype,"arrowPlacement",2),i([s({attribute:"arrow-padding",type:Number})],e.prototype,"arrowPadding",2),i([s({type:Boolean})],e.prototype,"flip",2),i([s({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map(o=>o.trim()).filter(o=>o!==""),toAttribute:t=>t.join(" ")}})],e.prototype,"flipFallbackPlacements",2),i([s({attribute:"flip-fallback-strategy"})],e.prototype,"flipFallbackStrategy",2),i([s({type:Object})],e.prototype,"flipBoundary",2),i([s({attribute:"flip-padding",type:Number})],e.prototype,"flipPadding",2),i([s({type:Boolean})],e.prototype,"shift",2),i([s({type:Object})],e.prototype,"shiftBoundary",2),i([s({attribute:"shift-padding",type:Number})],e.prototype,"shiftPadding",2),i([s({attribute:"auto-size"})],e.prototype,"autoSize",2),i([s()],e.prototype,"sync",2),i([s({type:Object})],e.prototype,"autoSizeBoundary",2),i([s({attribute:"auto-size-padding",type:Number})],e.prototype,"autoSizePadding",2),i([s({attribute:"hover-bridge",type:Boolean})],e.prototype,"hoverBridge",2);export{e as a};

package/dist/chunks/chunk.NP2QG5W4.js

@@ -0,0 +1,51 @@
+import{css as r}from"lit";var n=r`
+    :host {
+        display: inline-block;
+    }
+
+    .dropdown::part(popup) {
+        z-index: var(--terra-z-index-dropdown);
+    }
+
+    .dropdown[data-current-placement^='top']::part(popup) {
+        transform-origin: bottom;
+    }
+
+    .dropdown[data-current-placement^='bottom']::part(popup) {
+        transform-origin: top;
+    }
+
+    .dropdown[data-current-placement^='left']::part(popup) {
+        transform-origin: right;
+    }
+
+    .dropdown[data-current-placement^='right']::part(popup) {
+        transform-origin: left;
+    }
+
+    .dropdown__trigger {
+        display: block;
+    }
+
+    .dropdown__panel {
+        font-family: var(--terra-font-family--inter);
+        font-size: var(--terra-font-size-medium);
+        font-weight: var(--terra-font-weight-normal);
+        box-shadow: var(--terra-shadow-large);
+        border-radius: var(--terra-border-radius-medium);
+        pointer-events: none;
+        background: var(--terra-panel-background-color);
+        border: solid var(--terra-panel-border-width) var(--terra-panel-border-color);
+    }
+
+    .dropdown--open .dropdown__panel {
+        display: block;
+        pointer-events: all;
+    }
+
+    /* When users slot a menu, make sure it conforms to the popup's auto-size */
+    ::slotted(terra-menu) {
+        max-width: var(--auto-size-available-width) !important;
+        max-height: var(--auto-size-available-height) !important;
+    }
+`;export{n as a};

package/dist/chunks/chunk.NPQL5BGX.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.O64PUTKW.js";import*as o from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-variable-combobox";e.define("terra-variable-combobox");var t=r({tagName:a,elementClass:e,react:o,events:{onTerraComboboxChange:"terra-combobox-change"},displayName:"TerraVariableCombobox"}),C=t;export{C as a};

package/dist/chunks/chunk.NTVGUZUY.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.7ZZZZ6RG.js";import*as e from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-avatar";r.define("terra-avatar");var o=t({tagName:a,elementClass:r,react:e,events:{onTerraError:"terra-error"},displayName:"TerraAvatar"}),f=o;export{f as a};

package/dist/chunks/chunk.NUE3XZVF.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.XIGQQUXS.js";var d=e;e.define("terra-loader");export{d as a};

package/dist/chunks/chunk.O4EEAE77.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PLXUKA57.js";import*as a from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var r="terra-pagination";e.define("terra-pagination");var n=t({tagName:r,elementClass:e,react:a,events:{onTerraPageChange:"terra-page-change"},displayName:"TerraPagination"}),v=n;export{v as a};

package/dist/chunks/chunk.O4X34DXE.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.O6IHPWCE.js";var p=r;r.define("terra-dropdown");export{p as a};

package/dist/chunks/chunk.O64PUTKW.js

@@ -0,0 +1,115 @@
+import{a as J}from"./chunk.XJ7SUTSV.js";import{a as X}from"./chunk.KGZZ7BN3.js";import{a as R,b as S,c as q,e as E,f as N,g as z}from"./chunk.A6SIGE3C.js";import{a as j}from"./chunk.NLHS2MBJ.js";import{a as K}from"./chunk.SL2QUCVX.js";import{a as P}from"./chunk.J5Q4TWEG.js";import{a as A,b as G}from"./chunk.4S7M2RKR.js";import{a as O,b as U,e as r,f as t,g as n,h as c,i as D}from"./chunk.INFVQQSJ.js";import Z from"fuse.js";import{LitElement as V,html as h,nothing as y}from"lit";import{property as p,state as L}from"lit/decorators.js";import{cache as _}from"lit/directives/cache.js";import{map as C}from"lit/directives/map.js";import{ref as F}from"lit/directives/ref.js";var o,u,g,d,f,m,x,b,k,T,M,w,v,$,H,Y,s=class s extends G{constructor(){super(...arguments);n(this,H);n(this,o,null);n(this,u,void 0);n(this,g,[]);n(this,d,null);n(this,f,null);n(this,m,null);n(this,x,null);this.label="Search for Variables";this.hideHelp=!1;this.hideLabel=!1;this.useTags=!1;this.isExpanded=!1;this.query=s.initialQuery;this.searchResults=[];this.tags=[];this.tagContainerWidth=0;n(this,b,a=>{this.emit("terra-combobox-change",{detail:JSON.parse(a)})});n(this,k,()=>{var a;this.isExpanded=!this.isExpanded,(a=t(this,o))==null||a.focus()});n(this,T,a=>{var i;let e=a.target;this.query=e.value,e.value&&(this.isExpanded=!0),this.searchResults=(i=t(this,f))==null?void 0:i.search(e.value).map(({item:l})=>l)});n(this,M,a=>{let e=a.composedPath(),[i]=e.filter(l=>l.role==="option");i&&t(this,$).call(this,i)});n(this,w,a=>{var e;switch(a.key){case"ArrowDown":{if(E(t(this,o),t(this,d)),this.isExpanded||(this.isExpanded=!0),a.altKey)break;N(t(this,m),t(this,o),"next");break}case"ArrowUp":{E(t(this,o),t(this,d)),this.isExpanded||(this.isExpanded=!0),N(t(this,m),t(this,o),"previous");break}case"Enter":{t(this,$).call(this,(e=t(this,m))==null?void 0:e.currentNode);break}case"Escape":{E(t(this,o),t(this,d)),this.isExpanded?(this.isExpanded=!1,this.dispatchEvent(new Event("cancel"))):this.query=s.initialQuery;break}default:break}});n(this,v,a=>{a.composedPath().some(l=>l.localName===s.tagName)||(this.isExpanded=!1)});n(this,$,a=>{let{longName:e,eventDetail:i}=a.dataset;this.query=`${e}`,t(this,b).call(this,i),this.isExpanded=!1,E(t(this,o),t(this,d)),this.useTags&&(this.tags=[`${e}`],t(this,o).value=s.initialQuery,this.query=s.initialQuery)})}async valueChanged(a,e){var W,B;if(a===e)return;await t(this,u).taskComplete;let i=z(this.value),l=(W=t(this,u).value)==null?void 0:W.find(I=>i===I.entryId);l&&(this.query=l.longName,this.searchResults=(B=t(this,f))==null?void 0:B.search(this.query).map(({item:I})=>I),t(this,b).call(this,l.eventDetail),this.useTags&&(this.tags=[`${l.longName}`],t(this,o).value=s.initialQuery,this.query=s.initialQuery))}connectedCallback(){super.connectedCallback(),c(this,u,new J(this,this.bearerToken)),globalThis.addEventListener("click",t(this,v))}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("click",t(this,v))}clear(){this.query=s.initialQuery}close(){this.isExpanded=!1}toggle(){this.isExpanded=!this.isExpanded}render(){var a;return h`<search part="base" title="Search through the list.">
+            <label for="combobox" class=${this.hideLabel?"sr-only":"input-label"}
+                >${this.label}</label
+            >
+            <div class="search-input-group">
+                ${this.useTags?h`<div
+                          ${F(e=>{var i;e&&((i=t(this,x))!=null||c(this,x,e),this.tagContainerWidth=e.getBoundingClientRect().width)})}
+                          class="tag-container"
+                          id="tag-container"
+                      >
+                          ${C(this.tags,(e,i)=>D(this,H,Y).call(this,e,i))}
+                      </div>`:y}
+                <input
+                    ${F(e=>{var i;e&&((i=t(this,o))!=null||c(this,o,e))})}
+                    autocomplete="off"
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-haspopup="list"
+                    aria-expanded=${this.isExpanded}
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    style=${this.useTags?`padding-inline-start: calc(${this.tagContainerWidth}px + 0.25rem);`:y}
+                    aria-describedby=${this.useTags?"tag-container":y}
+                    placeholder=${this.useTags?y:(a=this.placeholder)!=null?a:`${this.label}\u2026`}
+                    .value=${this.useTags?s.initialQuery:this.query}
+                    @input=${t(this,T)}
+                    @keydown=${t(this,w)}
+                    @click=${t(this,k)}
+                />
+                <terra-button
+                    shape="square-left"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    aria-label="List of Searchable Variables"
+                    class="combobox-button"
+                    id="combobox-button"
+                    variant="text"
+                    part="button"
+                    tabindex="-1"
+                    type="button"
+                    @click=${t(this,k)}
+                >
+                    ${["COMPLETE","ERROR"].includes(t(this,u).taskStatus)?h`<terra-icon
+                              class="chevron"
+                              name="chevron-down"
+                          ></terra-icon>`:h`<svg
+                              class="button-icon spinner"
+                              stroke="currentColor"
+                              viewBox="0 0 24 24"
+                              xmlns="http://www.w3.org/2000/svg"
+                          >
+                              <circle
+                                  cx="12"
+                                  cy="12"
+                                  r="9.5"
+                                  fill="none"
+                                  stroke-width="3"
+                              ></circle>
+                          </svg>`}
+                </terra-button>
+
+                ${this.hideHelp?y:h`<p class="search-help">
+                          See
+                          <a
+                              href="https://www.fusejs.io/examples.html#extended-search"
+                              rel="noopener noreferrer"
+                              tabindex=${this.isExpanded?"-1 ":"0"}
+                              target="_blank"
+                              >extended search syntax
+                              <terra-icon
+                                  name="outline-arrow-top-right-on-square"
+                                  library="heroicons"
+                              ></terra-icon></a
+                          >.
+                      </p>`}
+            </div>
+
+            <ul
+                ${F(e=>{var i;e&&((i=t(this,d))!=null||c(this,d,e),c(this,m,document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,l=>l.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,M)}
+                aria-label=${this.query?`Variables Matching ${this.query}`:"Variables"}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${t(this,u).render({initial:()=>h`<li class="updating">Updating List of Variables</li>`,pending:()=>h`<li class="updating">Updating List of Variables</li>`,complete:e=>{let i=e.filter(l=>!(l.collectionShortName==="GPM_3IMERGHH"&&l.collectionVersion==="06"));return c(this,g,i),c(this,f,new Z(t(this,g),{findAllMatches:!0,keys:["entryId","longName","name","standardName","units"],useExtendedSearch:!0})),_(this.query===s.initialQuery?C(S(q(t(this,g))),R):C(S(q(this.searchResults)),R))},error:e=>h`<li class="error" data-tree-walker="filter_skip">
+                            ${e}
+                        </li>`})}
+            </ul>
+        </search>`}};o=new WeakMap,u=new WeakMap,g=new WeakMap,d=new WeakMap,f=new WeakMap,m=new WeakMap,x=new WeakMap,b=new WeakMap,k=new WeakMap,T=new WeakMap,M=new WeakMap,w=new WeakMap,v=new WeakMap,$=new WeakMap,H=new WeakSet,Y=function(a,e){return h`
+            <terra-button
+                size="small"
+                variant="default"
+                outline
+                class="tag"
+                title=${a}
+                aria-label=${`Clear tag ${a}`}
+                @click=${()=>{this.tags=[],this.clear(),setTimeout(()=>{var i;this.tagContainerWidth=(i=t(this,x))==null?void 0:i.getBoundingClientRect().width},100)}}
+                title=${a}
+            >
+                ${a}
+                <terra-icon
+                    class="tag-icon"
+                    slot="suffix"
+                    name="outline-x-circle"
+                    library="heroicons"
+                ></terra-icon>
+            </terra-button>
+        `},s.dependencies={"terra-button":K,"terra-icon":j},s.styles=[A,X],s.shadowRootOptions=U(O({},V.shadowRootOptions),{delegatesFocus:!0}),s.tagName="terra-variable-combobox",s.initialQuery="",r([p()],s.prototype,"label",2),r([p()],s.prototype,"placeholder",2),r([p({attribute:"hide-help",type:Boolean,reflect:!0})],s.prototype,"hideHelp",2),r([p({attribute:"hide-label",type:Boolean,reflect:!0})],s.prototype,"hideLabel",2),r([p({attribute:"use-tags",type:Boolean,reflect:!0})],s.prototype,"useTags",2),r([p()],s.prototype,"value",2),r([p({attribute:"bearer-token",reflect:!1})],s.prototype,"bearerToken",2),r([L()],s.prototype,"isExpanded",2),r([L()],s.prototype,"query",2),r([L()],s.prototype,"searchResults",2),r([L()],s.prototype,"tags",2),r([L()],s.prototype,"tagContainerWidth",2),r([P("value")],s.prototype,"valueChanged",1);var Q=s;export{Q as a};

package/dist/chunks/chunk.O6IHPWCE.js

@@ -0,0 +1,35 @@
+import{a as T}from"./chunk.NLKVTJT6.js";import{a as L}from"./chunk.NP2QG5W4.js";import{b as y}from"./chunk.6MJMMDNP.js";import{a as p,c as m}from"./chunk.VOQBVUDI.js";import{a as c,c as f}from"./chunk.U6R2SR47.js";import{a as u}from"./chunk.CUJNKBC6.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as v,b as E}from"./chunk.4S7M2RKR.js";import{e as n}from"./chunk.INFVQQSJ.js";import{classMap as w}from"lit/directives/class-map.js";import{html as M}from"lit";import{ifDefined as b}from"lit/directives/if-defined.js";import{property as a,query as g}from"lit/decorators.js";var i=class extends E{constructor(){super(...arguments);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.hoist=!1;this.hover=!1;this.hoverTimeout=null;this.hideTimeout=null;this.sync=void 0;this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())};this.handleDocumentKeyDown=e=>{var t;if(e.key==="Escape"&&this.open&&!this.closeWatcher){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="terra-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}let s=(o,r)=>{if(!o)return null;let h=o.closest(r);if(h)return h;let l=o.getRootNode();return l instanceof ShadowRoot?s(l.host,r):null};setTimeout(()=>{var r;let o=((r=this.containingElement)==null?void 0:r.getRootNode())instanceof ShadowRoot?y():document.activeElement;(!this.containingElement||s(o,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}};this.handleDocumentMouseDown=e=>{let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()};this.handlePanelSelect=e=>{let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="terra-menu"&&(this.hide(),this.focusOnTrigger())};this.handleTriggerMouseEnter=()=>{!this.hover||this.disabled||(this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.hoverTimeout=window.setTimeout(()=>{this.open||this.show(),this.hoverTimeout=null},150))};this.handleTriggerMouseLeave=()=>{this.hover&&(this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))};this.handlePanelMouseEnter=()=>{this.hover&&this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)};this.handlePanelMouseLeave=()=>{this.hover&&(this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.updateComplete.then(()=>{this.attachHoverListeners()}),this.open&&(this.addOpenListeners(),this.popup.active=!0,this.attachPanelHoverListeners())}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.removeHoverListeners(),this.hide(),this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}removeHoverListeners(){var r,h;let t=(((r=this.trigger)==null?void 0:r.assignedElements({flatten:!0}))||[])[0];if(!t)return;let s=t;if(t.tagName.toLowerCase()==="terra-button"){let l=t.button;l&&(s=l)}s.removeEventListener("mouseenter",this.handleTriggerMouseEnter),s.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let o=(h=this.popup)==null?void 0:h.popup;o&&(o.removeEventListener("mouseenter",this.handlePanelMouseEnter),o.removeEventListener("mouseleave",this.handlePanelMouseLeave))}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="terra-menu")}handleTriggerClick(){this.hover||(this.open?this.hide():(this.show(),this.focusOnTrigger()))}async handleTriggerKeyDown(e){if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let s=t.getAllItems(),o=s[0],r=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||(this.show(),await this.updateComplete),s.length>0&&this.updateComplete.then(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(o),o.focus()),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(r),r.focus())}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger(),requestAnimationFrame(()=>{this.attachHoverListeners()})}attachHoverListeners(){if(!this.hover||!this.trigger)return;let t=this.trigger.assignedElements({flatten:!0})[0];if(!t)return;t.removeEventListener("mouseenter",this.handleTriggerMouseEnter),t.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let s=t;if(t.tagName.toLowerCase()==="terra-button"){let o=t.button;o&&(s=o)}s.addEventListener("mouseenter",this.handleTriggerMouseEnter),s.addEventListener("mouseleave",this.handleTriggerMouseLeave)}attachPanelHoverListeners(){this.hover&&this.updateComplete.then(()=>{var t;let e=(t=this.popup)==null?void 0:t.popup;e&&(e.removeEventListener("mouseenter",this.handlePanelMouseEnter),e.removeEventListener("mouseleave",this.handlePanelMouseLeave),e.addEventListener("mouseenter",this.handlePanelMouseEnter),e.addEventListener("mouseleave",this.handlePanelMouseLeave))})}updateAccessibleTrigger(){}async show(){if(!this.open)return this.open=!0,u(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"terra-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var e;this.panel.addEventListener("terra-select",this.handlePanelSelect),"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide(),this.focusOnTrigger()}):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var e;this.panel&&(this.panel.removeEventListener("terra-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("terra-show"),this.addOpenListeners(),this.attachPanelHoverListeners(),await m(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=f(this,"dropdown.show",{dir:"ltr"});await p(this.popup.popup,e,t),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await m(this);let{keyframes:e,options:t}=f(this,"dropdown.hide",{dir:"ltr"});await p(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}handleHoverChange(){this.attachHoverListeners()}render(){return M`
+            <terra-popup
+                part="base"
+                exportparts="popup:base__popup"
+                id="dropdown"
+                placement=${this.placement}
+                distance=${this.distance}
+                skidding=${this.skidding}
+                strategy=${this.hoist?"fixed":"absolute"}
+                flip
+                shift
+                auto-size="vertical"
+                auto-size-padding="10"
+                sync=${b(this.sync?this.sync:void 0)}
+                class=${w({dropdown:!0,"dropdown--open":this.open})}
+            >
+                <slot
+                    name="trigger"
+                    slot="anchor"
+                    part="trigger"
+                    class="dropdown__trigger"
+                    @click=${this.handleTriggerClick}
+                    @keydown=${this.handleTriggerKeyDown}
+                    @keyup=${this.handleTriggerKeyUp}
+                    @slotchange=${this.handleTriggerSlotChange}
+                ></slot>
+
+                <div
+                    aria-hidden=${this.open?"false":"true"}
+                    aria-labelledby="dropdown"
+                >
+                    <slot part="panel" class="dropdown__panel"></slot>
+                </div>
+            </terra-popup>
+        `}};i.styles=[v,L],i.dependencies={"terra-popup":T},n([g(".dropdown")],i.prototype,"popup",2),n([g(".dropdown__trigger")],i.prototype,"trigger",2),n([g(".dropdown__panel")],i.prototype,"panel",2),n([a({type:Boolean,reflect:!0})],i.prototype,"open",2),n([a({reflect:!0})],i.prototype,"placement",2),n([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),n([a({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],i.prototype,"stayOpenOnSelect",2),n([a({attribute:!1})],i.prototype,"containingElement",2),n([a({type:Number})],i.prototype,"distance",2),n([a({type:Number})],i.prototype,"skidding",2),n([a({type:Boolean})],i.prototype,"hoist",2),n([a({type:Boolean,reflect:!0})],i.prototype,"hover",2),n([a({reflect:!0})],i.prototype,"sync",2),n([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),n([d("hover",{waitUntilFirstUpdate:!0})],i.prototype,"handleHoverChange",1);c("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});c("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};