@nasa-terra/components 0.0.188 → 0.0.191

package/dist/chunks/chunk.GXTFJZWR.js

@@ -1,351 +0,0 @@
-import{css as e}from"lit";var i=e`
-    :host {
-        display: block;
-    }
-
-    /** The popup */
-    .select {
-        flex: 1 1 auto;
-        display: inline-flex;
-        width: 100%;
-        position: relative;
-        vertical-align: middle;
-    }
-
-    .select::part(popup) {
-        z-index: var(--terra-z-index-dropdown);
-    }
-
-    .select[data-current-placement^='top']::part(popup) {
-        transform-origin: bottom;
-    }
-
-    .select[data-current-placement^='bottom']::part(popup) {
-        transform-origin: top;
-    }
-
-    /* Combobox */
-    .select__combobox {
-        flex: 1;
-        display: flex;
-        width: 100%;
-        min-width: 0;
-        position: relative;
-        align-items: center;
-        justify-content: start;
-        font-family: var(--terra-input-font-family);
-        font-weight: var(--terra-input-font-weight);
-        letter-spacing: var(--terra-input-letter-spacing);
-        vertical-align: middle;
-        overflow: hidden;
-        cursor: pointer;
-        transition:
-            var(--terra-transition-fast) color,
-            var(--terra-transition-fast) border,
-            var(--terra-transition-fast) box-shadow,
-            var(--terra-transition-fast) background-color;
-    }
-
-    .select__display-input {
-        position: relative;
-        width: 100%;
-        font: inherit;
-        border: none;
-        background: none;
-        color: var(--terra-input-color);
-        cursor: inherit;
-        overflow: hidden;
-        padding: 0;
-        margin: 0;
-        -webkit-appearance: none;
-    }
-
-    .select__display-input::placeholder {
-        color: var(--terra-input-placeholder-color);
-    }
-
-    .select:not(.select--disabled):hover .select__display-input {
-        color: var(--terra-input-color-hover);
-    }
-
-    .select__display-input:focus {
-        outline: none;
-    }
-
-    /* Visually hide the display input when multiple is enabled */
-    .select--multiple:not(.select--placeholder-visible) .select__display-input {
-        position: absolute;
-        z-index: -1;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        opacity: 0;
-    }
-
-    .select__value-input {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        padding: 0;
-        margin: 0;
-        opacity: 0;
-        z-index: -1;
-    }
-
-    .select__tags {
-        display: flex;
-        flex: 1;
-        align-items: center;
-        flex-wrap: wrap;
-        margin-inline-start: var(--terra-spacing-2x-small);
-    }
-
-    .select__tags::slotted(terra-tag) {
-        cursor: pointer !important;
-    }
-
-    .select--disabled .select__tags,
-    .select--disabled .select__tags::slotted(terra-tag) {
-        cursor: not-allowed !important;
-    }
-
-    /* Standard selects */
-    .select--standard .select__combobox {
-        background-color: var(--terra-input-background-color);
-        border: solid var(--terra-input-border-width) var(--terra-input-border-color);
-    }
-
-    .select--standard.select--disabled .select__combobox {
-        background-color: var(--terra-input-background-color-disabled);
-        border-color: var(--terra-input-border-color-disabled);
-        color: var(--terra-input-color-disabled);
-        opacity: 0.5;
-        cursor: not-allowed;
-        outline: none;
-    }
-
-    .select--standard:not(.select--disabled).select--open .select__combobox,
-    .select--standard:not(.select--disabled).select--focused .select__combobox {
-        background-color: var(--terra-input-background-color-focus);
-        border-color: var(--terra-color-nasa-blue);
-        box-shadow: 0 0 0 var(--terra-focus-ring-width)
-            var(--terra-input-focus-ring-color);
-    }
-
-    /* Filled selects */
-    .select--filled .select__combobox {
-        border: none;
-        background-color: var(--terra-input-filled-background-color);
-        color: var(--terra-input-color);
-    }
-
-    .select--filled:hover:not(.select--disabled) .select__combobox {
-        background-color: var(--terra-input-filled-background-color-hover);
-    }
-
-    .select--filled.select--disabled .select__combobox {
-        background-color: var(--terra-input-filled-background-color-disabled);
-        opacity: 0.5;
-        cursor: not-allowed;
-    }
-
-    .select--filled:not(.select--disabled).select--open .select__combobox,
-    .select--filled:not(.select--disabled).select--focused .select__combobox {
-        background-color: var(--terra-input-filled-background-color-focus);
-        outline: var(--terra-focus-ring-style) var(--terra-focus-ring-width)
-            var(--terra-focus-ring-color);
-    }
-
-    /* Sizes */
-    .select--small .select__combobox {
-        border-radius: var(--terra-input-border-radius-small);
-        font-size: var(--terra-input-font-size-small);
-        min-height: var(--terra-input-height-small);
-        padding-block: 0;
-        padding-inline: var(--terra-input-spacing-small);
-    }
-
-    .select--small .select__clear {
-        margin-inline-start: var(--terra-input-spacing-small);
-    }
-
-    .select--small .select__prefix::slotted(*) {
-        margin-inline-end: var(--terra-input-spacing-small);
-    }
-
-    .select--small.select--multiple:not(.select--placeholder-visible)
-        .select__prefix::slotted(*) {
-        margin-inline-start: var(--terra-input-spacing-small);
-    }
-
-    .select--small.select--multiple:not(.select--placeholder-visible)
-        .select__combobox {
-        padding-block: 2px;
-        padding-inline-start: 0;
-    }
-
-    .select--small .select__tags {
-        gap: 2px;
-    }
-
-    .select--medium .select__combobox {
-        border-radius: var(--terra-input-border-radius-medium);
-        font-size: var(--terra-input-font-size-medium);
-        min-height: var(--terra-input-height-medium);
-        padding-block: 0;
-        padding-inline: var(--terra-input-spacing-medium);
-    }
-
-    .select--medium .select__clear {
-        margin-inline-start: var(--terra-input-spacing-medium);
-    }
-
-    .select--medium .select__prefix::slotted(*) {
-        margin-inline-end: var(--terra-input-spacing-medium);
-    }
-
-    .select--medium.select--multiple:not(.select--placeholder-visible)
-        .select__prefix::slotted(*) {
-        margin-inline-start: var(--terra-input-spacing-medium);
-    }
-
-    .select--medium.select--multiple:not(.select--placeholder-visible)
-        .select__combobox {
-        padding-inline-start: 0;
-        padding-block: 3px;
-    }
-
-    .select--medium .select__tags {
-        gap: 3px;
-    }
-
-    .select--large .select__combobox {
-        border-radius: var(--terra-input-border-radius-large);
-        font-size: var(--terra-input-font-size-large);
-        min-height: var(--terra-input-height-large);
-        padding-block: 0;
-        padding-inline: var(--terra-input-spacing-large);
-    }
-
-    .select--large .select__clear {
-        margin-inline-start: var(--terra-input-spacing-large);
-    }
-
-    .select--large .select__prefix::slotted(*) {
-        margin-inline-end: var(--terra-input-spacing-large);
-    }
-
-    .select--large.select--multiple:not(.select--placeholder-visible)
-        .select__prefix::slotted(*) {
-        margin-inline-start: var(--terra-input-spacing-large);
-    }
-
-    .select--large.select--multiple:not(.select--placeholder-visible)
-        .select__combobox {
-        padding-inline-start: 0;
-        padding-block: 4px;
-    }
-
-    .select--large .select__tags {
-        gap: 4px;
-    }
-
-    /* Pills */
-    .select--pill.select--small .select__combobox {
-        border-radius: var(--terra-input-height-small);
-    }
-
-    .select--pill.select--medium .select__combobox {
-        border-radius: var(--terra-input-height-medium);
-    }
-
-    .select--pill.select--large .select__combobox {
-        border-radius: var(--terra-input-height-large);
-    }
-
-    /* Prefix and Suffix */
-    .select__prefix,
-    .select__suffix {
-        flex: 0;
-        display: inline-flex;
-        align-items: center;
-        color: var(--terra-input-placeholder-color);
-    }
-
-    .select__suffix::slotted(*) {
-        margin-inline-start: var(--terra-spacing-small);
-    }
-
-    /* Clear button */
-    .select__clear {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        font-size: inherit;
-        color: var(--terra-input-icon-color);
-        border: none;
-        background: none;
-        padding: 0;
-        transition: var(--terra-transition-fast) color;
-        cursor: pointer;
-    }
-
-    .select__clear:hover {
-        color: var(--terra-input-icon-color-hover);
-    }
-
-    .select__clear:focus {
-        outline: none;
-    }
-
-    /* Expand icon */
-    .select__expand-icon {
-        flex: 0 0 auto;
-        display: flex;
-        align-items: center;
-        transition: var(--terra-transition-medium) rotate ease;
-        rotate: 0;
-        margin-inline-start: var(--terra-spacing-small);
-    }
-
-    .select--open .select__expand-icon {
-        rotate: -180deg;
-    }
-
-    /* Listbox */
-    .select__listbox {
-        display: block;
-        position: relative;
-        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);
-        background: var(--terra-panel-background-color);
-        border: solid var(--terra-panel-border-width) var(--terra-panel-border-color);
-        border-radius: var(--terra-border-radius-medium);
-        padding-block: var(--terra-spacing-x-small);
-        padding-inline: 0;
-        overflow: auto;
-        overscroll-behavior: none;
-
-        /* Make sure it adheres to the popup's auto size */
-        max-width: var(--auto-size-available-width);
-        max-height: var(--auto-size-available-height);
-    }
-
-    .select__listbox ::slotted(terra-divider) {
-        --spacing: var(--terra-spacing-x-small);
-    }
-
-    .select__listbox ::slotted(small) {
-        display: block;
-        font-size: var(--terra-font-size-small);
-        font-weight: var(--terra-font-weight-semibold);
-        color: var(--terra-color-carbon-50);
-        padding-block: var(--terra-spacing-2x-small);
-        padding-inline: var(--terra-spacing-x-large);
-    }
-`;export{i as a};

package/dist/chunks/chunk.H2ISCJTL.js

@@ -1,31 +0,0 @@
-import{css as r}from"lit";var i=r`
-    :host {
-        display: block;
-        --terra-breadcrumbs-gap: 0.25rem;
-    }
-
-    :host([theme='dark']) {
-        color: var(--terra-color-carbon-10);
-    }
-
-    :host([theme='light']) {
-        color: var(--terra-color-carbon-60);
-    }
-
-    .breadcrumbs {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: var(--terra-breadcrumbs-gap);
-        font-family: var(--terra-font-family--inter);
-        font-size: 0.875rem;
-        line-height: 1.5;
-    }
-
-    ::slotted(terra-breadcrumb:not(:first-child))::before {
-        content: var(--terra-breadcrumbs-separator, '/');
-        margin: 0 0.25rem;
-        color: inherit;
-        font-weight: var(--terra-font-weight-regular);
-    }
-`;export{i as a};

package/dist/chunks/chunk.H736IF6K.js

@@ -1,43 +0,0 @@
-import{a as d}from"./chunk.KAEEI4RX.js";import{a as n}from"./chunk.URTV3MIW.js";import{a as h}from"./chunk.X5OPH5X7.js";import{b as a}from"./chunk.UTJA3S5Z.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as s,b as o}from"./chunk.EBSZILKQ.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as c}from"lit";import{ifDefined as p}from"lit/directives/if-defined.js";import{live as f}from"lit/directives/live.js";import{property as l,query as C,state as k}from"lit/decorators.js";var e=class extends o{constructor(){super(...arguments);this.formControlController=new a(this,{value:i=>i.checked?i.value||"on":void 0,defaultValue:i=>i.defaultChecked,setValue:(i,u)=>i.checked=u});this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleClick(){this.disabled||(this.checked=!0,this.emit("terra-change"))}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleInput(){this.emit("terra-input")}handleChange(){this.checked=this.input.checked,this.emit("terra-change")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(i){this.input.focus(i)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){return c`
-            <label
-                part="base"
-                class=${m({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--small":this.size==="small","radio--medium":this.size==="medium","radio--large":this.size==="large"})}
-            >
-                <input
-                    class="radio__input"
-                    type="radio"
-                    title=${this.title}
-                    name=${this.name}
-                    value=${p(this.value)}
-                    .checked=${f(this.checked)}
-                    .disabled=${this.disabled}
-                    .required=${this.required}
-                    aria-checked=${this.checked?"true":"false"}
-                    @click=${this.handleClick}
-                    @input=${this.handleInput}
-                    @change=${this.handleChange}
-                    @invalid=${this.handleInvalid}
-                    @blur=${this.handleBlur}
-                    @focus=${this.handleFocus}
-                />
-
-                <span
-                    part="${`control${this.checked?" control--checked":""}`}"
-                    class="radio__control"
-                >
-                    ${this.checked?c`
-                              <svg
-                                  part="checked-icon"
-                                  class="radio__checked-icon"
-                                  viewBox="0 0 24 24"
-                                  fill="none"
-                                  xmlns="http://www.w3.org/2000/svg"
-                              >
-                                  <circle cx="12" cy="12" r="6" fill="currentColor" />
-                              </svg>
-                          `:""}
-                </span>
-
-                <slot part="label" class="radio__label"></slot>
-            </label>
-        `}};e.styles=[s,h,d],t([C('input[type="radio"]')],e.prototype,"input",2),t([k()],e.prototype,"hasFocus",2),t([l()],e.prototype,"title",2),t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([n("checked")],e.prototype,"defaultChecked",2),t([l({reflect:!0})],e.prototype,"form",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([r("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1);export{e as a};

package/dist/chunks/chunk.HBUJZ7RU.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.7KHWI5SL.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-chip";e.define("terra-chip");var a=t({tagName:o,elementClass:e,react:r,events:{onTerraRemove:"terra-remove"},displayName:"TerraChip"}),c=a;export{c as a};

package/dist/chunks/chunk.HC6JNWFT.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.3JICBNSC.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-alert";e.define("terra-alert");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraAlert"}),i=n;export{i as a};

package/dist/chunks/chunk.HRHE4CU5.js

@@ -1 +0,0 @@
-import{a as r}from"./chunk.QEC2HTZ5.js";import*as e from"react";import{createComponent as a}from"@lit/react";var t="terra-progress-bar";r.define("terra-progress-bar");var o=a({tagName:t,elementClass:r,react:e,events:{},displayName:"TerraProgressBar"}),f=o;export{f as a};

package/dist/chunks/chunk.HVAJUDUH.js

@@ -1,4 +0,0 @@
-import{a as C}from"./chunk.3JIMAXOF.js";import{a as $}from"./chunk.SUSXMFBP.js";import{a as S}from"./chunk.VT3U2SB7.js";import{a as y}from"./chunk.AKA2QFDM.js";import{a as M}from"./chunk.7XEN6ICO.js";import{a as f,b}from"./chunk.EBSZILKQ.js";import{e as l,f as e,g as u,i as c}from"./chunk.INFVQQSJ.js";import{html as a}from"lit";import{property as i}from"lit/decorators.js";var t,n,_,s=class extends b{constructor(){super(...arguments);u(this,n);this.buttonLabel="Earthdata Login";u(this,t,new S(this))}login(){e(this,t).login()}logout(){e(this,t).logout()}render(){var o;if((o=e(this,t).state.user)!=null&&o.uid){let r=this.querySelector('template[slot="logged-in"]');return a`${r?r.content.cloneNode(!0):a`<slot name="logged-in" .user=${e(this,t).state.user}
-                      >${c(this,n,_).call(this,this.loggedInMessage)}</slot
-                  >`}`}return e(this,t).state.isLoading?a`<slot name="loading">${this.loadingMessage}</slot>`:a` <slot name="logged-out">${this.loggedOutMessage}</slot
-            ><terra-button @click=${this.login}> ${this.buttonLabel}</terra-button>`}};t=new WeakMap,n=new WeakSet,_=function(o){var r,m,g,p,d,h;return(o!=null?o:"").replace("{username}",(m=(r=e(this,t).state.user)==null?void 0:r.uid)!=null?m:"").replace("{first_name}",(p=(g=e(this,t).state.user)==null?void 0:g.first_name)!=null?p:"").replace("{last_name}",(h=(d=e(this,t).state.user)==null?void 0:d.last_name)!=null?h:"")},s.dependencies={"terra-button":M,"terra-icon":y,"terra-loader":$},s.styles=[f,C],l([i({attribute:"button-label"})],s.prototype,"buttonLabel",2),l([i({attribute:"logged-in-message"})],s.prototype,"loggedInMessage",2),l([i({attribute:"logged-out-message"})],s.prototype,"loggedOutMessage",2),l([i({attribute:"loading-message"})],s.prototype,"loadingMessage",2);export{s as a};

package/dist/chunks/chunk.HVAMKSBX.js

@@ -1,9 +0,0 @@
-import{a as l}from"./chunk.Z4MRB553.js";import{a as i}from"./chunk.ATR343ZS.js";import{a as r,b as o}from"./chunk.EBSZILKQ.js";import{e}from"./chunk.INFVQQSJ.js";import{html as p}from"lit";import{property as s}from"lit/decorators.js";var t=class extends o{constructor(){super(...arguments);this.rows=1;this.effect="pulse";this.variableWidths=!0}render(){return p`
-            ${new Array(parseInt(this.rows.toString())).fill(0).map(()=>p` <div
-                        part="base"
-                        class=${`skeleton ${this.effect==="pulse"?"skeleton--pulse":""} ${this.effect==="sheen"?"skeleton--sheen":""}`}
-                        style=${this.variableWidths?`width: ${l(60,100)}%`:""}
-                    >
-                        <div part="indicator" class="skeleton__indicator"></div>
-                    </div>`)}
-        `}};t.styles=[r,i],e([s()],t.prototype,"rows",2),e([s()],t.prototype,"effect",2),e([s({type:Boolean,reflect:!0})],t.prototype,"variableWidths",2);export{t as a};

package/dist/chunks/chunk.IDC2Z2LC.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.QVROOS6R.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-dialog";e.define("terra-dialog");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraDialogShow:"terra-dialog-show",onTerraDialogAfterShow:"terra-dialog-after-show",onTerraDialogHide:"terra-dialog-hide",onTerraDialogAfterHide:"terra-dialog-after-hide",onTerraDialogInitialFocus:"terra-dialog-initial-focus",onTerraDialogRequestClose:"terra-dialog-request-close"},displayName:"TerraDialog"}),p=o;export{p as a};

package/dist/chunks/chunk.IQSU4RH4.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.TNG2TPSR.js";var c=e;e.define("terra-date-picker");export{c as a};

package/dist/chunks/chunk.J3HRJMJP.js

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

package/dist/chunks/chunk.JF67CVCP.js

@@ -1,38 +0,0 @@
-import{a as b}from"./chunk.4V7RXLNV.js";import{a as S}from"./chunk.C7ILTTDA.js";import{a as y}from"./chunk.QDFHF7LY.js";import{b as f,c as B}from"./chunk.K63TORTJ.js";import{a as g}from"./chunk.BF5VMLO3.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as p,b as w}from"./chunk.EBSZILKQ.js";import{e as t,f as a,g as d,h as m}from"./chunk.INFVQQSJ.js";import{html as h,nothing as u}from"lit";import{property as i,query as C,state as v}from"lit/decorators.js";import{cache as x}from"lit/directives/cache.js";import{map as P}from"lit/directives/map.js";var n,o=class extends y(w){constructor(){super(...arguments);this.minZoom=0;this.maxZoom=23;this.zoom=1;this.hasNavigation=!1;this.showMouseCoordinates=!1;this.hasShapeSelector=!1;this.showGraticule=!1;this.showBoundingBoxSelection=!1;this.showPointSelection=!1;this.showPolygonSelection=!1;this.showCircleSelection=!1;this.staticMode=!1;this.noWorldWrap=!1;this.spatialConstraints="-180, -90, 180, 90";this.fitToValue=!1;this.cursorCoordinates=[0,0];this.shapeLoading=!1;d(this,n,void 0);this.shapesQuery=new g(this,()=>f())}zoomChanged(){var e;(e=a(this,n))==null||e.setZoom(this.zoom)}set hasCoordTracker(e){console.warn('The "has-coord-tracker" property is deprecated. Please use "show-mouse-coordinates" instead.'),this.showMouseCoordinates=e}get hasCoordTracker(){return this.showMouseCoordinates}showGraticuleChanged(){var e;(e=a(this,n))==null||e.toggleLayerVisibility("graticule",this.showGraticule)}set hideBoundingBoxSelection(e){console.warn('The "hide-bounding-box-selection" property is deprecated. Please use "show-bounding-box-selection" instead.'),this.showBoundingBoxSelection=!e}get hideBoundingBoxSelection(){return!this.showBoundingBoxSelection}set hidePointSelection(e){console.warn('The "hide-point-selection" property is deprecated. Please use "show-point-selection" instead.'),this.showPointSelection=!e}get hidePointSelection(){return!this.showPointSelection}drawButtonSelectionChanged(){var e;(e=a(this,n))==null||e.updateDrawToolbarVisibility({showBoundingBoxSelection:this.showBoundingBoxSelection,showPointSelection:this.showPointSelection,showPolygonSelection:this.showPolygonSelection,showCircleSelection:this.showCircleSelection})}valueChanged(e,c){var s;(s=a(this,n))==null||s.setValue(c)}async firstUpdated(){m(this,n,new b(this.mapElement,{zoom:this.zoom,minZoom:this.minZoom,maxZoom:this.maxZoom,showGraticule:this.showGraticule,showBoundingBoxSelection:this.showBoundingBoxSelection,showPointSelection:this.showPointSelection,showPolygonSelection:this.showPolygonSelection,showCircleSelection:this.showCircleSelection,noWorldWrap:this.noWorldWrap,value:this.value,fitToValue:this.fitToValue,getGeoJson:e=>this.queryClient.fetchQuery(B(e)),onMouseMove:e=>{this.cursorCoordinates=e},onDraw:e=>{this.emit("terra-map-change",{detail:e})},onShapeLoading:e=>{this.shapeLoading=e}}))}selectTemplate(){var c;let e=(c=this.shapesQuery.result)==null?void 0:c.data;return h`
-            <select
-                class="map__select form-control"
-                @change=${s=>{var l;return(l=a(this,n))==null?void 0:l.handleShapeSelect(s)}}
-            >
-                <option value="">Select a Shape...</option>
-
-                ${x(P(e!=null?e:void 0,s=>h`<optgroup label="${s.title}">
-                            ${s.shapes.map(l=>h`
-                                    <option
-                                        value="${l.shapefileID}/${l.shapeID}"
-                                    >
-                                        ${l.name}
-                                    </option>
-                                `)}
-                        </optgroup> `))}
-            </select>
-        `}render(){return h`
-            ${this.hasShapeSelector?this.selectTemplate():u}
-            <div part="map" class=${`map ${this.staticMode?"static":""}`}>
-                ${this.showMouseCoordinates?h`
-                          <div id="mouse-info">
-                              <div>
-                                  <strong
-                                      >lat: ${this.cursorCoordinates[1].toFixed(2)},
-                                      lng:
-                                      ${this.cursorCoordinates[0].toFixed(2)}</strong
-                                  >
-                              </div>
-                          </div>
-                      `:u}
-                ${this.shapeLoading?h`
-                          <div class="map__loading-overlay">
-                              <div class="map__spinner"></div>
-                          </div>
-                      `:u}
-            </div>
-        `}};n=new WeakMap,o.styles=[p,S],t([i({attribute:"min-zoom",type:Number})],o.prototype,"minZoom",2),t([i({attribute:"max-zoom",type:Number})],o.prototype,"maxZoom",2),t([i({type:Number})],o.prototype,"zoom",2),t([r("zoom")],o.prototype,"zoomChanged",1),t([i({attribute:"has-navigation",type:Boolean})],o.prototype,"hasNavigation",2),t([i({attribute:"show-mouse-coordinates",type:Boolean})],o.prototype,"showMouseCoordinates",2),t([i({attribute:"has-coord-tracker",type:Boolean})],o.prototype,"hasCoordTracker",1),t([i({attribute:"has-shape-selector",type:Boolean})],o.prototype,"hasShapeSelector",2),t([i({attribute:"show-graticule",type:Boolean})],o.prototype,"showGraticule",2),t([r("showGraticule")],o.prototype,"showGraticuleChanged",1),t([i({attribute:"show-bounding-box-selection",type:Boolean})],o.prototype,"showBoundingBoxSelection",2),t([i({attribute:"hide-bounding-box-selection",type:Boolean})],o.prototype,"hideBoundingBoxSelection",1),t([i({attribute:"show-point-selection",type:Boolean})],o.prototype,"showPointSelection",2),t([i({attribute:"hide-point-selection",type:Boolean})],o.prototype,"hidePointSelection",1),t([i({attribute:"show-polygon-selection",type:Boolean})],o.prototype,"showPolygonSelection",2),t([i({attribute:"show-circle-selection",type:Boolean})],o.prototype,"showCircleSelection",2),t([i({type:Boolean})],o.prototype,"staticMode",2),t([i({attribute:"no-world-wrap",type:Boolean})],o.prototype,"noWorldWrap",2),t([i({attribute:"spatial-constraints"})],o.prototype,"spatialConstraints",2),t([i({type:String})],o.prototype,"value",2),t([i({type:Boolean,attribute:"fit-to-feature"})],o.prototype,"fitToValue",2),t([C('[part="map"]')],o.prototype,"mapElement",2),t([v()],o.prototype,"cursorCoordinates",2),t([v()],o.prototype,"shapeLoading",2),t([r(["showBoundingBoxSelection","showPointSelection","showPolygonSelection","showCircleSelection"])],o.prototype,"drawButtonSelectionChanged",1),t([r("value")],o.prototype,"valueChanged",1);export{o as a};

package/dist/chunks/chunk.JKV4JITR.js

@@ -1,115 +0,0 @@
-import{a as J}from"./chunk.22TWFDJS.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 X}from"./chunk.KGZZ7BN3.js";import{a as j}from"./chunk.AKA2QFDM.js";import{a as K}from"./chunk.7XEN6ICO.js";import{a as P}from"./chunk.J5Q4TWEG.js";import{a as A,b as G}from"./chunk.EBSZILKQ.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.JO73N37Q.js

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

package/dist/chunks/chunk.JXE6DOO5.js

@@ -1,16 +0,0 @@
-import{css as r}from"lit";var l=r`
-    :host {
-        display: block;
-        position: relative;
-        background: var(--terra-panel-background-color);
-        border: solid var(--terra-panel-border-width) var(--terra-panel-border-color);
-        border-radius: var(--terra-border-radius-medium);
-        padding: var(--terra-spacing-x-small) 0;
-        overflow: auto;
-        overscroll-behavior: none;
-    }
-
-    ::slotted(terra-divider) {
-        --spacing: var(--terra-spacing-x-small);
-    }
-`;export{l as a};