@nasa-terra/components 0.0.198 → 0.0.199

package/dist/chunks/chunk.X35TMCUS.js

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

package/dist/chunks/chunk.X4FGTGNS.js

@@ -1,33 +0,0 @@
-import{a as c}from"./chunk.ACIJ7WID.js";import{a as r,c as a}from"./chunk.MCGELDAA.js";import{e as t,f as o,g as m}from"./chunk.INFVQQSJ.js";import{property as i}from"lit/decorators.js";import{html as n,nothing as p}from"lit";import{classMap as l}from"lit/directives/class-map.js";var s,e=class extends a{constructor(){super(...arguments);this.size="medium";this.closeable=!1;this.stack=!1;m(this,s,()=>{this.emit("terra-remove"),this.remove()})}render(){return n`
-            <div
-                class="${l({"chip--small":this.size==="small","chip--medium":this.size==="medium","chip--large":this.size==="large"})}
-                chip"
-            >
-                <div
-                    class="${l({"chip-content--small":this.size==="small","chip-content--medium":this.size==="medium","chip-content--large":this.size==="large"})}
-                    chip-content"
-                >
-                    <slot part="content" class="tag__content"></slot>
-                </div>
-                ${this.closeable?n`
-                          <button
-                              class="chip-close"
-                              @click="${o(this,s)}"
-                          >
-                              <svg
-                                  class="${l({"chip-svg--small":this.size==="small","chip-svg--medium":this.size==="medium","chip-svg--large":this.size==="large"})}
-                        chip-svg"
-                                  focusable="false"
-                                  viewBox="0 0 500 500"
-                                  aria-hidden="true"
-                              >
-                                  <path
-                                      d="M 227 56.036 H 265 V 227.037 H 436 V 265.036 H 265 V 436.036 H 227 V 265.036 H 56 V 227.037 H 227 Z"
-                                      style="paint-order: fill; fill-rule: nonzero; stroke-width: 0px; transform-origin: 246px 246.036px;"
-                                      transform="matrix(0.707107007504, 0.707107007504, -0.707107007504, 0.707107007504, -9.98393e-7, -0.000026419743)"
-                                  ></path>
-                              </svg>
-                          </button>
-                      `:p}
-            </div>
-        `}};s=new WeakMap,e.styles=[r,c],t([i({reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"closeable",2),t([i({type:Boolean,reflect:!0})],e.prototype,"stack",2);export{e as a};

package/dist/chunks/chunk.XB2SWVUB.js

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

package/dist/chunks/chunk.XM6WREG5.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.SHFZMIFP.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tag";e.define("terra-tag");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraClick:"terra-click"},displayName:"TerraTag"}),v=o;export{v as a};

package/dist/chunks/chunk.XUX7B3MY.js

@@ -1,113 +0,0 @@
-import{a as r}from"./chunk.T2CPBC4R.js";import{a as f}from"./chunk.Y4QBAUPW.js";import{a as m}from"./chunk.QYVIUHVB.js";import{a as d}from"./chunk.BDNESHTZ.js";import{a as g}from"./chunk.BYA3HDVE.js";import{a as c}from"./chunk.PNDOGBBH.js";import{a as h,c as u}from"./chunk.MCGELDAA.js";import{e as a}from"./chunk.INFVQQSJ.js";import{html as l,nothing as p}from"lit";import{property as s,query as w,state as b}from"lit/decorators.js";import{createRef as _,ref as y}from"lit/directives/ref.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.showPolygonSelection=!1;this.showPointSelection=!0;this.initialValue="";this.hideLabel=!1;this.label="Select Region";this.spatialConstraints="-180, -90, 180, 90";this.isExpanded=!1;this.worldWrap=!1;this.inline=!1;this.showMapOnFocus=!1;this.urlState=!1;this.helpText="";this.showClose=!1;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&&(typeof o=="string"?this._applyValue(o,{emit:!1}):this._commit(r.serialize(o),o))}setValue(t){this._applyValue(t,{emit:!0})}clear(){this._clearValue()}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,n;if(t.key===" "){t.stopPropagation();return}t.key==="Enter"&&(t.preventDefault(),this._validateAndCommit((o=(e=this.terraInput)==null?void 0:e.value)!=null?o:""),(n=this.terraInput)==null||n.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 n=r.validateConstraints(o,this.spatialConstraints);if(n){this.error=n,this.mapValue=void 0;return}let v=r.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=r.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}){if(typeof t!="string"){let n=r.serialize(t);this.error="",this.mapValue=n,this.terraInput&&(this.terraInput.value=n),e&&this._emitChange(t),this._updateURLParam(n);return}let o=r.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.initialValue=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 l`<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-polygon-selection=${this.showPolygonSelection}
-            ?show-point-selection=${this.showPointSelection}
-            ?no-world-wrap=${!this.worldWrap}
-            spatial-constraints=${this.spatialConstraints}
-            @terra-map-change=${this._handleMapChange}
-        ></terra-map>`}_inputTemplate(t){return l`<terra-input
-            slot=${t!=null?t:p}
-            .label=${this.label}
-            .hideLabel=${this.hideLabel}
-            .value=${r.serialize(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)}}
-            name="spatial"
-            .helpText=${this.helpText}
-        >
-            <div slot="suffix" class="spatial-picker__suffix-icons">
-                ${this.mapValue?l`<button
-                          type="button"
-                          class="spatial-picker__clear-btn"
-                          aria-label="Clear input"
-                          tabindex="-1"
-                          @click=${e=>{e.stopPropagation(),this._clearValue()}}
-                      >
-                          <svg
-                              xmlns="http://www.w3.org/2000/svg"
-                              viewBox="0 0 24 24"
-                              fill="currentColor"
-                          >
-                              <path
-                                  fill-rule="evenodd"
-                                  d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z"
-                                  clip-rule="evenodd"
-                              />
-                          </svg>
-                      </button>`:p}
-                <svg
-                    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>
-            </div>
-        </terra-input>`}render(){return this.inline?l`
-                <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?l`<div class="spatial-picker__error">${this.error}</div>`:p}
-                </div>
-            `:l`
-            <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.showClose?l`
-                                  <div class="dropdown-header">
-                                      <button
-                                          class="spatial-picker__close-btn"
-                                          @click=${t=>{t.stopPropagation(),this.close()}}
-                                          aria-label="Close"
-                                      >
-                                          ✕
-                                      </button>
-                                  </div>
-                              `:p}
-                        ${this.renderMap()}
-                    </div>
-                </terra-dropdown>
-                ${this.error?l`<div class="spatial-picker__error">${this.error}</div>`:p}
-            </div>
-        `}};i.styles=[h,f],i.dependencies={"terra-map":m,"terra-input":g,"terra-dropdown":c},a([s({attribute:"min-zoom",type:Number})],i.prototype,"minZoom",2),a([s({attribute:"max-zoom",type:Number})],i.prototype,"maxZoom",2),a([s({type:Number})],i.prototype,"zoom",2),a([s({attribute:"has-navigation",type:Boolean})],i.prototype,"hasNavigation",2),a([s({attribute:"has-coord-tracker",type:Boolean})],i.prototype,"hasCoordTracker",2),a([s({attribute:"has-shape-selector",type:Boolean})],i.prototype,"hasShapeSelector",2),a([s({attribute:"show-bounding-box-selection",type:Boolean})],i.prototype,"showBoundingBoxSelection",2),a([s({attribute:"show-polygon-selection",type:Boolean})],i.prototype,"showPolygonSelection",2),a([s({attribute:"hide-bounding-box-selection",type:Boolean})],i.prototype,"hideBoundingBoxSelection",1),a([s({attribute:"show-point-selection",type:Boolean})],i.prototype,"showPointSelection",2),a([s({attribute:"hide-point-selection",type:Boolean})],i.prototype,"hidePointSelection",1),a([s({attribute:"initial-value"})],i.prototype,"initialValue",2),a([s({attribute:"hide-label",type:Boolean})],i.prototype,"hideLabel",2),a([s()],i.prototype,"label",2),a([s({attribute:"spatial-constraints"})],i.prototype,"spatialConstraints",2),a([s({attribute:"is-expanded",type:Boolean,reflect:!0})],i.prototype,"isExpanded",2),a([s({attribute:"world-wrap",type:Boolean})],i.prototype,"worldWrap",2),a([s({type:Boolean})],i.prototype,"inline",2),a([s({attribute:"show-map-on-focus",type:Boolean})],i.prototype,"showMapOnFocus",2),a([s({attribute:"url-state",type:Boolean})],i.prototype,"urlState",2),a([s({attribute:"help-text"})],i.prototype,"helpText",2),a([s({attribute:"closable",type:Boolean})],i.prototype,"showClose",2),a([b()],i.prototype,"mapValue",2),a([b()],i.prototype,"error",2),a([w("terra-input")],i.prototype,"terraInput",2),a([w("terra-map")],i.prototype,"map",2);export{i as a};