@nasa-terra/components 0.0.186 → 0.0.187

package/dist/chunks/chunk.KUKFHCLU.js

@@ -0,0 +1 @@
+import{b as a}from"./chunk.V42W5H4F.js";var s=a;a.define("terra-data-access");export{s as a};

package/dist/chunks/chunk.LDW2RVIO.js

@@ -0,0 +1,25 @@
+import{a as o}from"./chunk.FL6IFTRN.js";import{a as l,b as n}from"./chunk.AQD2424J.js";import{e as r}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as e}from"lit";import{property as a}from"lit/decorators.js";var t=class extends n{constructor(){super(...arguments);this.current=!1}render(){let s=!!this.href;return e`
+            <span
+                part="base"
+                class=${p({breadcrumb:!0,"breadcrumb--current":this.current,"breadcrumb--link":s})}
+            >
+                ${s?e`
+                          <a
+                              part="link"
+                              class="breadcrumb__link"
+                              href=${this.href}
+                              aria-current=${this.current?"page":void 0}
+                          >
+                              <slot></slot>
+                          </a>
+                      `:e`
+                          <span
+                              part="label"
+                              class="breadcrumb__label"
+                              aria-current=${this.current?"page":void 0}
+                          >
+                              <slot></slot>
+                          </span>
+                      `}
+            </span>
+        `}};t.styles=[l,o],r([a()],t.prototype,"href",2),r([a({type:Boolean,reflect:!0})],t.prototype,"current",2);export{t as a};

package/dist/chunks/chunk.LENQWYDL.js

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

package/dist/chunks/chunk.LJECEJCF.js

@@ -0,0 +1,100 @@
+import{a as R}from"./chunk.7W27XF6C.js";import{a as J}from"./chunk.ECUSDQOM.js";import{a as L}from"./chunk.6F7NMZAW.js";import{a as $}from"./chunk.VT3U2SB7.js";import{g as I}from"./chunk.GE7UDDDW.js";import{a as w}from"./chunk.QDFHF7LY.js";import{a as k}from"./chunk.BF5VMLO3.js";import{a as E}from"./chunk.M6UJ3FOI.js";import{a as b,b as C}from"./chunk.AQD2424J.js";import{e as o,g as c,i as n}from"./chunk.INFVQQSJ.js";import{property as y,query as S,state as u}from"lit/decorators.js";import{html as a,nothing as A}from"lit";var p,q,m,N,g,D,h,v,r=class extends w(C){constructor(){super(...arguments);c(this,p);c(this,m);c(this,g);c(this,h);this.label="History";this.alwaysShow=!0;this.collapsed=!0;this.hideCancelled=!0;this.jobsQuery=new k(this,()=>I({page:1},{bearerToken:this.bearerToken}));this._authController=new $(this)}toggleCollapsed(){this.collapsed=!this.collapsed}render(){var e;let s=(e=this.jobsQuery.result)==null?void 0:e.data,i=s&&s.jobs.length>0;return i?a`
+            <div class="${this.collapsed?"collapsed":""}">
+                <div class="history-header" @click=${this.toggleCollapsed}>
+                    <span>${this.label}</span>
+                </div>
+
+                <div class="history-panel">
+                    ${i?a`
+                              <div class="history-link-row">
+                                  <label>
+                                      <input
+                                          type="checkbox"
+                                          .checked=${this.hideCancelled}
+                                          @change=${t=>{this.hideCancelled=t.target.checked}}
+                                      />
+                                      Hide Cancelled
+                                  </label>
+
+                                  <a
+                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                      class="history-link"
+                                  >
+                                      View all
+                                      <terra-icon
+                                          name="outline-arrow-top-right-on-square"
+                                          library="heroicons"
+                                          size="32px"
+                                      ></terra-icon>
+                                  </a>
+                              </div>
+                          `:A}
+
+                    <div class="history-list">
+                        ${s?i?n(this,p,q).call(this,s):a`<div class="history-alert-message">
+                                      You haven't made any requests yet.<br />
+                                      Get started by
+                                      <a
+                                          href="#"
+                                          class="history-alert-link"
+                                          @click=${t=>{var l;t.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(l=this.dialog)==null||l.show()}}
+                                      >
+                                          creating your first request!</a
+                                      >.
+                                  </div>`:a`<div class="history-alert-message">
+                                  Retrieving your requests....
+                              </div>`}
+                    </div>
+                </div>
+            </div>
+
+            <terra-data-subsetter
+                .jobId=${this.selectedJob}
+                .collectionEntryId=${this.selectedCollectionEntryId}
+                .bearerToken=${this.bearerToken}
+                is-history-view
+                dialog="history-dialog"
+                part="subsetter"
+            ></terra-data-subsetter>
+        `:A}};p=new WeakSet,q=function(s){let i=s.jobs.slice().filter(e=>this.hideCancelled?e.status!=="canceled":!0).sort((e,t)=>new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime());return i.length?i.map(e=>{let t="#0066cc";e.status==="successful"||e.status==="complete_with_errors"||e.status==="running_with_errors"?t="#28a745":e.status==="failed"?t="#dc3545":e.status==="canceled"&&(t="#ffc107");let l=e.status==="failed"||e.status==="canceled"?e.status:`${e.progress}%`,d=e.status==="failed"||e.status==="canceled"?100:e.progress,f=n(this,h,v).call(this,e.labels||[]);return a`
+                <div
+                    class="history-item"
+                    @click=${n(this,g,D).bind(this,e)}
+                >
+                    <div class="item-header">
+                        <div class="item-title">
+                            ${n(this,m,N).call(this,e,f)}
+                        </div>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div
+                            class="progress-fill"
+                            style="width: ${d}%; background-color: ${t}"
+                        >
+                            ${l}
+                        </div>
+                    </div>
+                </div>
+            `}):a`
+                <div class="history-alert-message">
+                    There are no active requests to show.<br />
+                    If you'd like, you can
+                    <a
+                        href="#"
+                        class="history-alert-link"
+                        @click=${e=>{var t;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(t=this.dialog)==null||t.show()}}
+                    >
+                        create a new request.</a
+                    >
+                </div>
+            `},m=new WeakSet,N=function(s,i){var e;return a`
+            <div class="subsetter-history-item">
+                <div class="history-item-title">
+                    ${(e=i["collection-entry-id"])!=null?e:s.jobID}
+                </div>
+                <div>${new Date(s.createdAt).toLocaleString()}</div>
+            </div>
+        `},g=new WeakSet,D=function(s){var e;let i=n(this,h,v).call(this,s.labels||[]);this.selectedJob=s.jobID,this.selectedCollectionEntryId=i["collection-entry-id"],(e=this.subsetter)==null||e.showDialog()},h=new WeakSet,v=function(s){try{return Object.fromEntries(s.map(i=>{let[e,...t]=i.split(":"),l=t.join(":").trim(),d=l;if(l.startsWith("{")||l.startsWith("["))try{d=JSON.parse(l)}catch(f){d=l}return[e.trim(),d]}))}catch(i){return{}}},r.dependencies={"terra-icon":E,"terra-data-subsetter":J,"terra-dialog":L},r.styles=[b,R],o([y()],r.prototype,"label",2),o([y({attribute:"bearer-token"})],r.prototype,"bearerToken",2),o([y({attribute:"always-show",type:Boolean})],r.prototype,"alwaysShow",2),o([u()],r.prototype,"collapsed",2),o([u()],r.prototype,"selectedJob",2),o([u()],r.prototype,"selectedCollectionEntryId",2),o([u()],r.prototype,"hideCancelled",2),o([S('[part~="dialog"]')],r.prototype,"dialog",2),o([S('[part~="subsetter"]')],r.prototype,"subsetter",2);export{r as a};

package/dist/chunks/chunk.LN7UMSEM.js

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

package/dist/chunks/chunk.LQVS46H3.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.EBLTOKUD.js";var l=e;e.define("terra-date-range-slider");export{l as a};

package/dist/chunks/chunk.M5U2X6R6.js

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

package/dist/chunks/chunk.M63QODDV.js

@@ -0,0 +1,11 @@
+import{a as i}from"./chunk.KVCUA7LO.js";import{a as e,b as a}from"./chunk.AQD2424J.js";import{e as s}from"./chunk.INFVQQSJ.js";import{property as r}from"lit/decorators.js";import{html as o}from"lit";import{classMap as l}from"lit/directives/class-map.js";var t=class extends a{constructor(){super(...arguments);this.variant="active";this.dark=!1}render(){return o`
+            <div
+                part="base"
+                class="${l({"status-indicator":!0,"status-indicator--active":this.variant==="active","status-indicator--completed":this.variant==="completed","status-indicator--testing":this.variant==="testing","status-indicator--future":this.variant==="future"})}"
+            >
+                <span part="dot" class="status-indicator__dot"></span>
+                <span part="label" class="status-indicator__label">
+                    <slot></slot>
+                </span>
+            </div>
+        `}};t.styles=[e,i],s([r({reflect:!0})],t.prototype,"variant",2),s([r({type:Boolean,reflect:!0})],t.prototype,"dark",2);export{t as a};

package/dist/chunks/chunk.M6UJ3FOI.js

@@ -0,0 +1 @@
+import{a as M,b as H,c as R}from"./chunk.ISMI3XBI.js";import{a as G}from"./chunk.A77DDYFZ.js";import{a as y}from"./chunk.J5Q4TWEG.js";import{a as C,b as w}from"./chunk.AQD2424J.js";import{e as l,f as L,g as a,h as A,i as u}from"./chunk.INFVQQSJ.js";import{property as n,state as O}from"lit/decorators.js";import{isTemplateResult as x}from"lit/directive-helpers.js";var c=Symbol(),f=Symbol(),v,S=new Map,h,b,V,m,E,d,k,s=class extends w{constructor(){super(...arguments);a(this,b);a(this,m);a(this,d);a(this,h,!1);this.svg=null;this.label="";this.library="default";this.color=null;this.fontSize=null}connectedCallback(){super.connectedCallback(),M(this)}firstUpdated(){A(this,h,!0),this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),H(this)}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var g;let{url:e,fromLibrary:o}=u(this,m,E).call(this),i=o?R(this.library):void 0;if(!e){this.svg=null;return}let r=S.get(e);if(r||(r=u(this,b,V).call(this,e),S.set(e,r)),!L(this,h))return;let t=await r;if(t===f&&S.delete(e),e===u(this,m,E).call(this).url){if(x(t)){this.svg=t;return}switch(t){case f:case c:this.svg=null,this.emit("terra-error");break;default:this.svg=t.cloneNode(!0),(g=i==null?void 0:i.mutator)==null||g.call(i,this.svg),this.emit("terra-load")}}}render(){return u(this,d,k).call(this),this.svg}};h=new WeakMap,b=new WeakSet,V=async function(e){var i;let o;try{if(o=await fetch(e,{mode:"cors"}),!o.ok)return o.status===410?c:f}catch(r){return f}try{let r=document.createElement("div");r.innerHTML=await o.text();let t=r.firstElementChild;if(((i=t==null?void 0:t.tagName)==null?void 0:i.toLowerCase())!=="svg")return c;v||(v=new DOMParser);let p=v.parseFromString(t.outerHTML,"text/html").body.querySelector("svg");return p?(p.part.add("svg"),document.adoptNode(p)):c}catch(r){return c}},m=new WeakSet,E=function(){let e=R(this.library);return this.name&&e?{url:e.resolver(this.name),fromLibrary:!0}:{url:this.src,fromLibrary:!1}},d=new WeakSet,k=function(){let o=[{attribute:"color",property:this.color},{attribute:"font-size",property:this.fontSize}].reduce((i,{attribute:r,property:t})=>(typeof t=="string"&&t.length>0&&(i+=` ${r}: ${t};`),this.removeAttribute(r),i),`${this.style.cssText}`);o.length>0&&this.setAttribute("style",o)},s.styles=[C,G],l([O()],s.prototype,"svg",2),l([n({reflect:!0})],s.prototype,"name",2),l([n()],s.prototype,"src",2),l([n()],s.prototype,"label",2),l([n({reflect:!0})],s.prototype,"library",2),l([n()],s.prototype,"color",2),l([n({attribute:"font-size"})],s.prototype,"fontSize",2),l([y("label")],s.prototype,"handleLabelChange",1),l([y(["name","src","library"])],s.prototype,"setIcon",1);export{s as a};

package/dist/chunks/chunk.MCE6B5ZW.js

@@ -0,0 +1,41 @@
+function o(e){return[{cell_type:"markdown",id:"367f56b9-7ca8-4435-9dcc-89bf586f33ab",metadata:{},source:[`### Prerequisites:
+`,`
+`,"This notebook uses the `terra_ui_components`, `anywidget`, and `pandas` packages.\n",`
+`,"After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."]},{id:"2733501b-0de4-4067-8aff-864e1b4c76cb",cell_type:"code",source:'%pip install -q "terra_ui_components==0.0.186" "anywidget==0.9.15" "pandas" "rasterio" "matplotlib"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:["### Render a time averaged map"]},{id:"870c1384-e706-48ee-ba07-fd552a949869",cell_type:"code",source:`from terra_ui_components import TerraTimeAverageMap
+map = TerraTimeAverageMap()
+map.collection='${e.catalogVariable.dataFieldId.replace(`_${e.catalogVariable.dataFieldAccessName}`,"")}'
+map.variable = '${e.catalogVariable.dataFieldAccessName}'
+map.startDate = '${e.startDate}'
+map.endDate = '${e.endDate}'
+map.location = '${e.location}'
+
+map`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Access the map GeoTIFF bytes
+`,`
+`,"Wait for the map above to fully render before running the cell below. Once the map renders, you can access the GeoTIFF as bytes: `print(map.data)`\n",`
+`,"Here is an example of loading the bytes into `rasterio` and plotting via `matplotlib`. Note: The bytes can be loaded into many other Python libraries:"]},{cell_type:"code",execution_count:null,id:"6b81a089-884d-4fd7-9d4e-c45a53307c20",metadata:{},outputs:[],source:`import rasterio
+from rasterio.io import MemoryFile
+from io import BytesIO
+import matplotlib.pyplot as plt
+
+# map.data contains the rendered GeoTIFF as bytes
+# Ensure the map has rendered before accessing data
+if not map.data:
+    print("No data available. Please run the map cell above and wait for it to fully render before running this cell.")
+else:
+    with MemoryFile(map.data) as memfile:
+        with memfile.open() as dataset:
+            # You can now work with the dataset as if it were opened from a file
+            print(f"Driver: {dataset.driver}")
+            print(f"CRS: {dataset.crs}")
+            print(f"Bounds: {dataset.bounds}")
+            data = dataset.read(1)
+            print(f"Data shape: {data.shape}")
+
+            # Example of creating a figure and displaying the data
+            plt.figure(figsize=(10, 8))
+            plt.imshow(data, cmap='viridis')  # You can change the colormap
+            plt.colorbar(label='Values')
+            plt.title('GeoTIFF Visualization')
+            plt.xlabel('X')
+            plt.ylabel('Y')
+            plt.show()`}]}export{o as a};

package/dist/chunks/chunk.MESCQ4C7.js

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

package/dist/chunks/chunk.MGDKIKCH.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.3WP3ALIU.js";var o=e;e.define("terra-alert");export{o as a};

package/dist/chunks/chunk.MPCCWVA7.js

@@ -0,0 +1,27 @@
+import{a as h}from"./chunk.AGJNJSIX.js";import{a as i}from"./chunk.CUJNKBC6.js";import{a as o}from"./chunk.6PEAAW4E.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as n,b as l}from"./chunk.AQD2424J.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as s}from"lit";import{property as r,query as m}from"lit/decorators.js";var e=class extends l{constructor(){super(...arguments);this.hasSlotController=new o(this,"icon","suffix");this.open=!1;this.closable=!1;this.variant="primary";this.sticky=!0;this.handleClose=()=>{this.hide()}}firstUpdated(){this.base.hidden=!this.open}async handleOpenChange(){this.base.hidden=!this.open,this.open?(this.emit("terra-show"),this.emit("terra-after-show")):(this.emit("terra-hide"),this.emit("terra-after-hide"))}async show(){if(!this.open)return this.open=!0,i(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,i(this,"terra-after-hide")}render(){return s`
+            <div
+                part="base"
+                class=${p({banner:!0,"banner--open":this.open,"banner--closable":this.closable,"banner--sticky":this.sticky,"banner--has-icon":this.hasSlotController.test("icon"),"banner--primary":this.variant==="primary","banner--neutral":this.variant==="neutral","banner--danger":this.variant==="danger"})}
+                role="banner"
+                aria-hidden=${this.open?"false":"true"}
+            >
+                ${this.hasSlotController.test("icon")?s`
+                          <div part="icon" class="banner__icon">
+                              <slot name="icon"></slot>
+                          </div>
+                      `:""}
+
+                <div part="message" class="banner__message" aria-live="polite">
+                    <slot></slot>
+                </div>
+
+                ${this.closable?s`
+                          <terra-icon
+                              class="banner__close"
+                              name="solid-x-mark"
+                              library="heroicons"
+                              @click=${this.handleClose}
+                          ></terra-icon>
+                      `:""}
+            </div>
+        `}};e.styles=[n,h],t([m('[part="base"]')],e.prototype,"base",2),t([r({type:Boolean,reflect:!0})],e.prototype,"open",2),t([r({type:Boolean,reflect:!0})],e.prototype,"closable",2),t([r({reflect:!0})],e.prototype,"variant",2),t([r({type:Boolean,reflect:!0})],e.prototype,"sticky",2),t([a("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1);export{e as a};

package/dist/chunks/chunk.MRK3HXRP.js

@@ -0,0 +1,74 @@
+import{b as A,c as u,d as v}from"./chunk.6WTTSLOK.js";import{a as Q}from"./chunk.IT5QPTVP.js";import{a as W}from"./chunk.6VRE7YNG.js";import{a as O}from"./chunk.MESCQ4C7.js";import{a as w}from"./chunk.QDFHF7LY.js";import{a as N}from"./chunk.DYVJMMCX.js";import{a as U}from"./chunk.J5Q4TWEG.js";import{a as R,b as F}from"./chunk.AQD2424J.js";import{a as q,b as C,e as o,f as t,g as l,h as m,i as d}from"./chunk.INFVQQSJ.js";import z from"fuse.js";import{LitElement as B,html as E,nothing as D}from"lit";import{property as b,state as $}from"lit/decorators.js";import{map as G}from"lit/directives/map.js";import{ref as P}from"lit/directives/ref.js";var a,g,r,L,c,k,M,H,f,y,p,x,T,j,s=class s extends w(F){constructor(){super(...arguments);l(this,p);l(this,T);l(this,a,null);l(this,g,new Q(this));l(this,r,null);l(this,L,null);l(this,c,null);this.label="Enter search terms (e.g., precipitation, AOD)";this.hideLabel=!0;this.searchConfig={keys:["id"],useExtendedSearch:!0};this.isExpanded=!1;this.query=s.initialQuery;this.searchResults=[];l(this,k,i=>{var n;let e=i.target;this.query=e.value,e.value&&(this.isExpanded=!0),this.searchResults=(n=t(this,L))==null?void 0:n.search(e.value).map(({item:h})=>h)});l(this,M,i=>{let e=i.composedPath(),[n]=e.filter(h=>h.role==="option");n&&(t(this,y).call(this,n),d(this,p,x).call(this,this.query))});l(this,H,i=>{var e;switch(i.key){case"ArrowDown":{if(!this.isExpanded)return;u(t(this,a),t(this,r)),v(t(this,c),t(this,a),"next");break}case"ArrowUp":{if(!this.isExpanded)return;u(t(this,a),t(this,r)),v(t(this,c),t(this,a),"previous");break}case"Enter":{let n=(e=t(this,c))==null?void 0:e.currentNode;n.role==="option"&&t(this,y).call(this,n),d(this,p,x).call(this,this.query);break}case"Escape":{u(t(this,a),t(this,r)),this.isExpanded?(this.isExpanded=!1,this.dispatchEvent(new Event("cancel"))):this.query=s.initialQuery;break}default:break}});l(this,f,i=>{i.composedPath().some(h=>h.localName===s.tagName)||(this.isExpanded=!1)});l(this,y,i=>{this.query=i.id,this.emit("terra-variable-keyword-search-change",{detail:i.id}),this.isExpanded=!1,u(t(this,a),t(this,r))})}async valueChanged(i,e){this.query=e}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f))}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("click",t(this,f))}clear(){this.query=s.initialQuery}close(){this.isExpanded=!1}toggle(){this.isExpanded=!this.isExpanded}render(){var i;return E`<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">
+                <terra-button
+                    @click=${()=>d(this,p,x).call(this,this.query)}
+                    aria-label=${this.query?`Search for ${this.query}.`:"Enter search term to enable search."}
+                    circle
+                    class="search-button search-input-button"
+                    outline
+                    tabindex="-1"
+                    type="button"
+                >
+                    <slot name="label">
+                        <terra-icon
+                            font-size="1.5em"
+                            library="heroicons"
+                            name="outline-magnifying-glass"
+                        ></terra-icon>
+                    </slot>
+                </terra-button>
+
+                <input
+                    ${P(e=>{var n;e&&((n=t(this,a))!=null||m(this,a,e))})}
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-haspopup="list"
+                    aria-expanded=${this.isExpanded}
+                    autocomplete="off"
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    .placeholder=${(i=this.placeholder)!=null?i:`${this.label}\u2026`}
+                    .value=${this.query}
+                    @input=${t(this,k)}
+                    @keydown=${t(this,H)}
+                />
+
+                ${this.query.length?E`<terra-button
+                          @click=${()=>d(this,T,j).call(this)}
+                          aria-label="Clear the searched term and start over."
+                          circle
+                          class="clear-button search-input-button"
+                          outline
+                          tabindex="-1"
+                          type="button"
+                      >
+                          <slot name="label">
+                              <terra-icon
+                                  font-size="1.5em"
+                                  library="heroicons"
+                                  name="outline-x-circle"
+                              ></terra-icon>
+                          </slot>
+                      </terra-button>`:D}
+            </div>
+
+            <ul
+                ${P(e=>{var n;e&&((n=t(this,r))!=null||m(this,r,e))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,M)}
+                aria-label=${this.query?`Keywords Matching ${this.query}`:"Keywords"}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${t(this,g).render({initial:()=>E`<li class="updating">Updating List of Keywords</li>`,pending:()=>E`<li class="updating">Updating List of Keywords</li>`,complete:e=>(m(this,L,new z(e,this.searchConfig)),m(this,c,document.createTreeWalker(t(this,r),NodeFilter.SHOW_ELEMENT,n=>{var h;return["option","listbox"].includes((h=n.role)!=null?h:"")?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP})),G(this.searchResults,A)),error:e=>E`<li class="error">${e}</li>`})}
+            </ul>
+        </search>`}};a=new WeakMap,g=new WeakMap,r=new WeakMap,L=new WeakMap,c=new WeakMap,k=new WeakMap,M=new WeakMap,H=new WeakMap,f=new WeakMap,y=new WeakMap,p=new WeakSet,x=function(i){i.length&&this.emit("terra-search",{detail:this.query})},T=new WeakSet,j=function(){var i;this.query=s.initialQuery,this.emit("terra-search",{detail:this.query}),u(t(this,a),t(this,r)),(i=t(this,a))==null||i.focus()},s.dependencies={"terra-button":N,"terra-icon":O},s.styles=[R,W],s.shadowRootOptions=C(q({},B.shadowRootOptions),{delegatesFocus:!0}),s.tagName="terra-variable-keyword-search",s.initialQuery="",o([b()],s.prototype,"label",2),o([b()],s.prototype,"placeholder",2),o([b({attribute:"hide-label",type:Boolean})],s.prototype,"hideLabel",2),o([b({reflect:!1,type:Object})],s.prototype,"searchConfig",2),o([b()],s.prototype,"value",2),o([$()],s.prototype,"isExpanded",2),o([$()],s.prototype,"query",2),o([$()],s.prototype,"searchResults",2),o([U("value")],s.prototype,"valueChanged",1);var I=s;export{I as a};

package/dist/chunks/chunk.N4GC5N32.js

@@ -0,0 +1 @@
+import{a as t}from"./chunk.M63QODDV.js";var i=t;t.define("terra-status-indicator");export{i as a};

package/dist/chunks/chunk.N5RBMU2W.js

@@ -0,0 +1,99 @@
+import{a as P}from"./chunk.562KL2FJ.js";import{a as V}from"./chunk.RKVLJUJG.js";import{a as $}from"./chunk.I25C5FOV.js";import{a as _}from"./chunk.VT3U2SB7.js";import{a as k}from"./chunk.MESCQ4C7.js";import{a as y}from"./chunk.DYVJMMCX.js";import{a as b,b as v}from"./chunk.AQD2424J.js";import{e as r,f as e,g as n,i as o}from"./chunk.INFVQQSJ.js";import{html as a,nothing as S}from"lit";import{property as u,state as C,query as q}from"lit/decorators.js";import{TaskStatus as w}from"@lit/task";var t,h,E,g,T,l,c,d,I,f,N,s=class extends v{constructor(){super(...arguments);n(this,h);n(this,g);n(this,l);n(this,d);n(this,f);this.username="";this.password="";this.hidePasswordToggle=!1;this.autoLogin=!1;this.usernameError="";this.passwordError="";n(this,t,new _(this))}firstUpdated(){this.username&&this.password&&(this.hidePasswordToggle=!0,this.autoLogin&&e(this,t).loginTask.run([this.username,this.password]))}render(){var i;return a`
+            <div class="login-container">
+                <div class="login-header">
+                    <a>
+                        <terra-icon name="nasa-logo"></terra-icon>
+                        <h1>Earthdata Login</h1>
+                    </a>
+                    <a
+                        href="https://urs.earthdata.nasa.gov/documentation/what_do_i_need_to_know"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="help-link"
+                        aria-label="Need help?"
+                    >
+                        <terra-icon name="question"></terra-icon>
+                    </a>
+                </div>
+
+                ${(i=e(this,t).state.user)!=null&&i.uid?a`<div class="login-form">
+                          <p>
+                              ${e(this,t).state.user.first_name},<br />
+                              You've successfully authenticated with Earthdata Login!
+                          </p>
+                          <terra-button
+                              @click=${()=>e(this,t).logout()}
+                              size="small"
+                              outline
+                              >Logout</terra-button
+                          >
+                      </div>`:a`
+                          <form class="login-form" @submit=${o(this,f,N)}>
+                              <terra-input
+                                  id="username-input"
+                                  label="Username"
+                                  name="username"
+                                  type="text"
+                                  .value=${this.username}
+                                  ?disabled=${e(this,t).loginTask.status===w.PENDING}
+                                  autocomplete="username"
+                                  .errorText=${this.usernameError||""}
+                                  required
+                                  @input=${o(this,h,E)}
+                                  @blur=${o(this,l,c)}
+                              ></terra-input>
+
+                              <terra-input
+                                  id="password-input"
+                                  label="Password"
+                                  name="password"
+                                  type="password"
+                                  autocomplete="current-password"
+                                  ?password-toggle=${!this.hidePasswordToggle}
+                                  ?disabled=${e(this,t).loginTask.status===w.PENDING}
+                                  .value=${this.password}
+                                  .errorText=${this.passwordError||""}
+                                  required
+                                  @input=${o(this,g,T)}
+                                  @blur=${o(this,d,I)}
+                              ></terra-input>
+
+                              <terra-button
+                                  type="submit"
+                                  variant="primary"
+                                  class="login-button"
+                                  ?disabled=${e(this,t).loginTask.status===w.PENDING}
+                              >
+                                  ${e(this,t).loginTask.render({initial:()=>a`Log in`,pending:()=>a`Logging In...`,complete:()=>a`Log in`,error:()=>a`Log in`})}
+                              </terra-button>
+
+                              ${e(this,t).state.error?a`<div class="form-feedback">
+                                        ${e(this,t).state.error}
+                                        ${e(this,t).state.error==="Invalid user credentials"?a`<p>
+                                                  <a
+                                                      class="link"
+                                                      href="https://urs.earthdata.nasa.gov/retrieve_info"
+                                                      target="_blank"
+                                                      rel="noopener noreferrer"
+                                                      >Forgot username?</a
+                                                  >
+                                                  <a
+                                                      class="link"
+                                                      href="https://urs.earthdata.nasa.gov/reset_passwords/new"
+                                                      target="_blank"
+                                                      rel="noopener noreferrer"
+                                                      >Forgot password?</a
+                                                  >
+                                              </p>`:S}
+                                    </div>`:""}
+                              <a
+                                  class="link register-link"
+                                  href="https://urs.earthdata.nasa.gov/users/new"
+                                  target="_blank"
+                                  rel="noopener noreferrer"
+                                  >Register for a profile</a
+                              >
+                          </form>
+                      `}
+            </div>
+        `}};t=new WeakMap,h=new WeakSet,E=function(i){var p;let m=i.target;this.username=m.value,this.usernameError&&this.username&&((p=this.usernameInput)!=null&&p.checkValidity())&&(this.usernameError="",this.usernameInput&&this.usernameInput.setCustomValidity(""))},g=new WeakSet,T=function(i){var p;let m=i.target;this.password=m.value,this.passwordError&&this.password&&((p=this.passwordInput)!=null&&p.checkValidity())&&(this.passwordError="",this.passwordInput&&this.passwordInput.setCustomValidity(""))},l=new WeakSet,c=function(){!this.username||this.username.trim()===""?(this.usernameError="Username is required",this.usernameInput&&this.usernameInput.setCustomValidity("Username is required")):(this.usernameError="",this.usernameInput&&this.usernameInput.setCustomValidity(""))},d=new WeakSet,I=function(){!this.password||this.password.trim()===""?(this.passwordError="Password is required",this.passwordInput&&this.passwordInput.setCustomValidity("Password is required")):(this.passwordError="",this.passwordInput&&this.passwordInput.setCustomValidity(""))},f=new WeakSet,N=function(i){i.preventDefault(),o(this,l,c).call(this),o(this,d,I).call(this),i.target.checkValidity()&&this.username&&this.password?e(this,t).loginTask.run([this.username,this.password]):(this.usernameInput&&this.usernameInput.reportValidity(),this.passwordInput&&this.passwordInput.reportValidity())},s.dependencies={"terra-button":y,"terra-icon":k,"terra-input":P,"terra-loader":$},s.styles=[b,V],r([u({attribute:"logged-in-message"})],s.prototype,"loggedInMessage",2),r([u({attribute:"logged-out-message"})],s.prototype,"loggedOutMessage",2),r([u({attribute:"loading-message"})],s.prototype,"loadingMessage",2),r([u()],s.prototype,"username",2),r([u()],s.prototype,"password",2),r([u({attribute:"hide-password-toggle",type:Boolean})],s.prototype,"hidePasswordToggle",2),r([u({attribute:"auto-login",type:Boolean})],s.prototype,"autoLogin",2),r([C()],s.prototype,"usernameError",2),r([C()],s.prototype,"passwordError",2),r([q("#username-input")],s.prototype,"usernameInput",2),r([q("#password-input")],s.prototype,"passwordInput",2);export{s as a};

package/dist/chunks/chunk.N7EKKCYK.js

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

package/dist/chunks/chunk.NCFOXK6X.js

@@ -0,0 +1,6 @@
+import{a as s}from"./chunk.MJFEBDJV.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as i,b as o}from"./chunk.AQD2424J.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as a}from"lit/directives/class-map.js";import{html as p}from"lit";import{property as l}from"lit/decorators.js";var c=0,t=class extends o{constructor(){super(...arguments);this.attrId=++c;this.componentId=`terra-tab-panel-${this.attrId}`;this.name="";this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return p`
+            <slot
+                part="base"
+                class=${a({"tab-panel":!0,"tab-panel--active":this.active})}
+            ></slot>
+        `}};t.styles=[i,s],e([l({reflect:!0})],t.prototype,"name",2),e([l({type:Boolean,reflect:!0})],t.prototype,"active",2),e([r("active")],t.prototype,"handleActiveChange",1);export{t as a};

package/dist/chunks/chunk.ND3ZOF76.js

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

package/dist/chunks/chunk.NHHZFKJK.js

@@ -0,0 +1 @@
+import{a as t}from"./chunk.Q5BWORMC.js";import*as e from"react";import{createComponent as r}from"@lit/react";var o="terra-button-group";t.define("terra-button-group");var a=r({tagName:o,elementClass:t,react:e,events:{},displayName:"TerraButtonGroup"}),c=a;export{c as a};

package/dist/chunks/chunk.NLSDPC7C.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.LDW2RVIO.js";import*as r from"react";import{createComponent as a}from"@lit/react";var t="terra-breadcrumb";e.define("terra-breadcrumb");var m=a({tagName:t,elementClass:e,react:r,events:{},displayName:"TerraBreadcrumb"}),d=m;export{d as a};

package/dist/chunks/chunk.NV5TAHWL.js

@@ -0,0 +1,22 @@
+import{a as s}from"./chunk.SUBBVKKD.js";import{a as i,b as a}from"./chunk.AQD2424J.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as l}from"lit";import{ifDefined as n}from"lit/directives/if-defined.js";import{property as r}from"lit/decorators.js";import{styleMap as m}from"lit/directives/style-map.js";var t=class extends a{constructor(){super(...arguments);this.value=0;this.indeterminate=!1;this.label="";this.variant="primary";this.title=""}render(){let o=getComputedStyle(this).direction==="rtl";return l`
+            <div
+                part="base"
+                class=${p({"progress-bar":!0,"progress-bar--indeterminate":this.indeterminate,"progress-bar--rtl":o,"progress-bar--default":this.variant==="default","progress-bar--primary":this.variant==="primary","progress-bar--success":this.variant==="success","progress-bar--warning":this.variant==="warning","progress-bar--danger":this.variant==="danger"})}
+                role="progressbar"
+                title=${n(this.title||void 0)}
+                aria-label=${this.label||"Progress"}
+                aria-valuemin="0"
+                aria-valuemax="100"
+                aria-valuenow=${n(this.indeterminate?void 0:this.value)}
+            >
+                <div
+                    part="indicator"
+                    class="progress-bar__indicator"
+                    style=${m({width:this.indeterminate?void 0:`${this.value}%`})}
+                >
+                    ${this.indeterminate?"":l`
+                              <slot part="label" class="progress-bar__label"></slot>
+                          `}
+                </div>
+            </div>
+        `}};t.styles=[i,s],e([r({type:Number,reflect:!0})],t.prototype,"value",2),e([r({type:Boolean,reflect:!0})],t.prototype,"indeterminate",2),e([r()],t.prototype,"label",2),e([r({reflect:!0})],t.prototype,"variant",2),e([r()],t.prototype,"title",2);export{t as a};

package/dist/chunks/chunk.O5KBHBML.js

@@ -0,0 +1,75 @@
+import{a as y}from"./chunk.4H7EP4CT.js";import{a as V}from"./chunk.IYLOXJSX.js";import{a as c}from"./chunk.J5Q4TWEG.js";import{a as g,b as f}from"./chunk.AQD2424J.js";import{e as l}from"./chunk.INFVQQSJ.js";import{property as h,query as _,state as p}from"lit/decorators.js";import{html as m}from"lit";import v,{PipsMode as N}from"nouislider";var i=class extends f{constructor(){super(...arguments);this.mode="single";this.min=0;this.max=100;this.step=1;this.disabled=!1;this.hasPips=!1;this.hasTooltips=!1;this.showInputs=!1;this.label="Slider";this.hideLabel=!1;this.hasBeenManipulated=!1}updateSlider(){this.renderSlider()}disabledChanged(){var e,t,u,n;this.disabled?(t=(e=this.slider)==null?void 0:e.noUiSlider)==null||t.disable():(n=(u=this.slider)==null?void 0:u.noUiSlider)==null||n.enable()}firstUpdated(){this.renderSlider()}_getStartValues(){var n,o,a;let e=Number(this.min),t=Number(this.max);if(this.mode==="range"){let r=(n=this.startValue)!=null?n:e,s=(o=this.endValue)!=null?o:t;return[r,s]}return[(a=this.value)!=null?a:e]}renderSlider(){var a;if(!this.slider)return;(a=this.slider.noUiSlider)==null||a.destroy();let e=Number(this.min),t=Number(this.max);if(!Number.isFinite(e)||!Number.isFinite(t)||t<e){v.create(this.slider,{start:[0],range:{min:0,max:0}});return}let u=this._getStartValues(),n={range:{min:e,max:t},start:u,step:this.step,connect:this.mode==="range",tooltips:this.formatTooltip?{to:r=>{var s,d;return(d=(s=this.formatTooltip)==null?void 0:s.call(this,r))!=null?d:r}}:this.hasTooltips,behaviour:"drag",format:this._getFormatter(),pips:this.hasPips?{mode:N.Range,density:-1,format:this._getFormatter()}:void 0};v.create(this.slider,n);let o=this.slider.noUiSlider.get();if(this.mode==="range"){let[r,s]=Array.isArray(o)?o.map(Number):[e,t];this.currentStartValue=r,this.currentEndValue=s,this.hasBeenManipulated=r!==e||s!==t}else{let[r]=Array.isArray(o)?o.map(Number):[e];this.currentValue=r,this.hasBeenManipulated=r!==e}this.hasTooltips&&this.mode==="range"&&V(this.slider,15,"-"),this.slider.noUiSlider.on("update",r=>{if(this.mode==="range"){let[s,d]=r.map(Number);this.currentStartValue=s,this.currentEndValue=d,this.hasBeenManipulated=s!==e||d!==t}else{let[s]=r.map(Number);this.currentValue=s,this.hasBeenManipulated=s!==e}this.requestUpdate()}),this.slider.noUiSlider.on("change",r=>{if(this.mode==="range"){let[s,d]=r.map(Number);this.currentStartValue=s,this.currentEndValue=d,this.hasBeenManipulated=s!==e||d!==t,this.emit("terra-slider-change",{detail:{startValue:s,endValue:d}})}else{let[s]=r.map(Number);this.currentValue=s,this.hasBeenManipulated=s!==e,this.emit("terra-slider-change",{detail:{value:s}})}this.requestUpdate()}),this.slider.noUiSlider.on("update",()=>{this._updateInputFields()}),this.slider.noUiSlider.on("change",()=>{this._updateInputFields()}),this.disabledChanged()}_updateInputFields(){if(!this.showInputs)return;let e=this.slider.noUiSlider.get(),t=Array.isArray(e)?e:[e];this.requestUpdate(),setTimeout(()=>{var u,n,o;if(this.mode==="range"){let a=(u=this.shadowRoot)==null?void 0:u.querySelector("#slider-start-input"),r=(n=this.shadowRoot)==null?void 0:n.querySelector("#slider-end-input");a&&(a.value=this._formatValue(Number(t[0]))),r&&(r.value=this._formatValue(Number(t[1])))}else{let a=(o=this.shadowRoot)==null?void 0:o.querySelector("#slider-value-input");a&&(a.value=this._formatValue(Number(t[0])))}},10)}_getFormatter(){let e=Number.isInteger(this.step);return{to:t=>{if(e)return Math.round(t).toString();{let u=this.step.toString(),n=u.includes(".")?u.split(".")[1].length:0;return t.toFixed(n)}},from:t=>Number(t)}}_formatValue(e){let t=Number(e);if(isNaN(t))return"0";if(Number.isInteger(this.step))return Math.round(t).toString();{let n=this.step.toString(),o=n.includes(".")?n.split(".")[1].length:0;return t.toFixed(o)}}handleClear(){let e=Number(this.min),t=Number(this.max);this.mode==="range"?(this.slider.noUiSlider.set([e,t]),this.currentStartValue=e,this.currentEndValue=t,this.hasBeenManipulated=!1):(this.slider.noUiSlider.set([e]),this.currentValue=e,this.hasBeenManipulated=!1),this.requestUpdate()}render(){var s,d,b;let e="container"+(this.hasPips?" hasPips":""),t=Number(this.min),u=Number(this.max),n=(s=this.currentStartValue)!=null?s:this.mode==="range"?t:void 0,o=(d=this.currentEndValue)!=null?d:this.mode==="range"?u:void 0,a=(b=this.currentValue)!=null?b:this.mode==="single"?t:void 0,r=this.mode==="range"?`${this._formatValue(n)}\u2013${this._formatValue(o)}`:this._formatValue(a);return m`
+            <div class="slider">
+                ${this.hasTooltips?m`
+                          <label
+                              for="slider-control"
+                              class=${this.hideLabel?"sr-only":"slider__label"}
+                              >${this.label}</label
+                          >
+                      `:m`
+                          <div class="slider__header">
+                              <label
+                                  for="slider-control"
+                                  class=${this.hideLabel?"sr-only":"slider__label"}
+                                  >${this.label}</label
+                              >
+                              <div class="slider__header-right">
+                                  ${this.hasBeenManipulated?m`
+                                            <button
+                                                class="slider__clear"
+                                                @click="${this.handleClear}"
+                                                type="button"
+                                            >
+                                                Clear
+                                            </button>
+                                        `:""}
+                                  <span class="slider__current-range"
+                                      >${r}</span
+                                  >
+                              </div>
+                          </div>
+                      `}
+                <div class="${e}">
+                    <div part="slider" id="slider-control"></div>
+                    ${this.showInputs?this._renderInputFields():""}
+                    <slot></slot>
+                </div>
+            </div>
+        `}_renderInputFields(){var e,t,u,n,o,a;return this.mode==="range"?m`
+                <div class="slider-inputs">
+                    <input
+                        id="slider-start-input"
+                        type="number"
+                        .min="${this.min}"
+                        .max="${this.max}"
+                        .step="${this.step}"
+                        .value="${this._formatValue((t=(e=this.startValue)!=null?e:this.min)!=null?t:0)}"
+                        @change="${this._handleInputChange}"
+                        @keydown="${this._handleInputKeydown}"
+                    />
+                    <span class="input-separator">to</span>
+                    <input
+                        id="slider-end-input"
+                        type="number"
+                        .min="${this.min}"
+                        .max="${this.max}"
+                        .step="${this.step}"
+                        .value="${this._formatValue((n=(u=this.endValue)!=null?u:this.max)!=null?n:100)}"
+                        @change="${this._handleInputChange}"
+                        @keydown="${this._handleInputKeydown}"
+                    />
+                </div>
+            `:m`
+                <div class="slider-inputs">
+                    <input
+                        id="slider-value-input"
+                        type="number"
+                        .min="${this.min}"
+                        .max="${this.max}"
+                        .step="${this.step}"
+                        .value="${this._formatValue((a=(o=this.value)!=null?o:this.min)!=null?a:0)}"
+                        @change="${this._handleInputChange}"
+                        @keydown="${this._handleInputKeydown}"
+                    />
+                </div>
+            `}_handleInputChange(e){let t=e.target,u=Number(t.value),n=Number(this.min),o=Number(this.max),a=Math.max(n,Math.min(o,u));if(t.value=this._formatValue(a),this.mode==="range"){let s=[...this.slider.noUiSlider.get()];t.id==="slider-start-input"?s[0]=a:s[1]=a,this.slider.noUiSlider.set(s),this.emit("terra-slider-change",{detail:{startValue:s[0],endValue:s[1]}})}else this.slider.noUiSlider.set([a]),this.emit("terra-slider-change",{detail:{value:a}})}_handleInputKeydown(e){e.key==="Enter"&&e.target.blur()}};i.styles=[g,y],l([_('[part~="slider"]')],i.prototype,"slider",2),l([h({reflect:!0})],i.prototype,"mode",2),l([h({type:Number})],i.prototype,"min",2),l([h({type:Number})],i.prototype,"max",2),l([h({type:Number})],i.prototype,"step",2),l([h({type:Boolean,reflect:!0})],i.prototype,"disabled",2),l([h({type:Boolean,reflect:!0,attribute:"has-pips"})],i.prototype,"hasPips",2),l([h({type:Boolean,reflect:!0,attribute:"has-tooltips"})],i.prototype,"hasTooltips",2),l([h({type:Boolean,reflect:!0,attribute:"show-inputs"})],i.prototype,"showInputs",2),l([h({type:Number})],i.prototype,"value",2),l([h({type:Number,attribute:"start-value"})],i.prototype,"startValue",2),l([h({type:Number,attribute:"end-value"})],i.prototype,"endValue",2),l([h()],i.prototype,"label",2),l([h({attribute:"hide-label",type:Boolean})],i.prototype,"hideLabel",2),l([h({attribute:"format-tooltip",type:Function})],i.prototype,"formatTooltip",2),l([p()],i.prototype,"currentStartValue",2),l([p()],i.prototype,"currentEndValue",2),l([p()],i.prototype,"currentValue",2),l([p()],i.prototype,"hasBeenManipulated",2),l([c(["mode","min","max","step","value","startValue","endValue","hasPips","hasTooltips","showInputs"])],i.prototype,"updateSlider",1),l([c("disabled")],i.prototype,"disabledChanged",1);export{i as a};

package/dist/chunks/chunk.OCUWS6PH.js

@@ -0,0 +1,11 @@
+import{a as s}from"./chunk.Z47EAJ4R.js";import{a as o}from"./chunk.6PEAAW4E.js";import{a as e,b as r}from"./chunk.AQD2424J.js";import{classMap as a}from"lit/directives/class-map.js";import{html as l}from"lit";var t=class extends r{constructor(){super(...arguments);this.hasSlotController=new o(this,"footer","header","image")}render(){return l`
+            <div
+                part="base"
+                class=${a({card:!0,"card--has-footer":this.hasSlotController.test("footer"),"card--has-image":this.hasSlotController.test("image"),"card--has-header":this.hasSlotController.test("header")})}
+            >
+                <slot name="image" part="image" class="card__image"></slot>
+                <slot name="header" part="header" class="card__header"></slot>
+                <slot part="body" class="card__body"></slot>
+                <slot name="footer" part="footer" class="card__footer"></slot>
+            </div>
+        `}};t.styles=[e,s];export{t as a};