@nasa-terra/components 0.0.179 → 0.0.182

package/dist/chunks/chunk.2FKZOYDM.js

@@ -0,0 +1,170 @@
+import{css as r}from"lit";var a=r`
+    :host {
+        display: flex;
+        align-items: center;
+        height: 80px;
+        background: var(--terra-color-neutral-0, #ffffff);
+        border-top: 1px solid var(--terra-color-neutral-200, #e2e8f0);
+        gap: 4px;
+        padding: 0 4px;
+    }
+
+    .nav-button {
+        flex-shrink: 0;
+        width: 32px;
+        height: 32px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: none;
+        background: transparent;
+        cursor: pointer;
+        color: var(--terra-color-neutral-600, #4a5568);
+        border-radius: var(--terra-border-radius-medium, 4px);
+        transition:
+            background-color 0.2s,
+            color 0.2s;
+        padding: 0;
+    }
+
+    .nav-button:hover:not(:disabled) {
+        background-color: var(--terra-color-neutral-100, #f7fafc);
+        color: var(--terra-color-neutral-900, #1a202c);
+    }
+
+    .nav-button:disabled {
+        opacity: 0.4;
+        cursor: not-allowed;
+    }
+
+    .viewport {
+        flex: 1;
+        overflow: hidden;
+        position: relative;
+        height: 100%;
+        display: flex;
+        align-items: center;
+    }
+
+    .track {
+        display: flex;
+        gap: 12px;
+        align-items: center;
+        transition: transform 0.3s ease-in-out;
+    }
+
+    .thumbnail {
+        flex-shrink: 0;
+        width: 96px;
+        height: 64px;
+        position: relative;
+        cursor: pointer;
+        border-radius: var(--terra-border-radius-medium, 6px);
+        transition: transform 0.2s ease-in-out;
+    }
+
+    .thumbnail:hover {
+        transform: translateY(-2px);
+    }
+
+    .thumbnail:hover .delete-button {
+        opacity: 1;
+    }
+
+    .thumbnail-inner {
+        width: 100%;
+        height: 100%;
+        background: var(--terra-color-primary-50, #ebf5ff);
+        border: 1px solid var(--terra-color-neutral-200, #e2e8f0);
+        border-radius: var(--terra-border-radius-medium, 6px);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        overflow: hidden;
+        position: relative;
+        transition:
+            border-color 0.2s,
+            box-shadow 0.2s;
+        color: var(--terra-color-primary-500, #4a90e2);
+    }
+
+    .thumbnail-img {
+        width: 100%;
+        height: 100%;
+        object-fit: fit;
+        display: block;
+    }
+
+    .thumbnail:hover .thumbnail-inner {
+        border-color: var(--terra-color-primary-300, #63b3ed);
+        box-shadow: 0 2px 8px rgba(0, 102, 204, 0.15);
+    }
+
+    .loading-overlay {
+        position: absolute;
+        inset: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: rgba(255, 255, 255, 0.7);
+        border-radius: inherit;
+        z-index: 1;
+    }
+
+    .delete-button {
+        position: absolute;
+        top: -6px;
+        right: -6px;
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background: var(--terra-color-danger-500, #e53e3e);
+        color: white;
+        border: none;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 11px;
+        font-weight: bold;
+        line-height: 1;
+        padding: 0;
+        opacity: 0;
+        transition:
+            opacity 0.15s,
+            background-color 0.15s;
+        z-index: 2;
+    }
+
+    .delete-button:hover {
+        background: var(--terra-color-danger-600, #c53030);
+    }
+
+    .empty-state {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0 16px;
+    }
+
+    .font-weight-semibold {
+        font-weight: 600;
+    }
+
+    .text-gray-300 {
+        color: var(--terra-color-neutral-400, #d1d5dc);
+    }
+
+    .mb-1 {
+        margin-bottom: 4px;
+    }
+
+    .tooltip-row {
+        display: flex;
+        align-items: center;
+    }
+
+    .tooltip-row terra-icon {
+        margin-right: 4px;
+    }
+`;export{a};

package/dist/chunks/chunk.2QS2GW24.js

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

package/dist/chunks/chunk.2W4QHF33.js

@@ -0,0 +1,100 @@
+import{a as L}from"./chunk.VRMDJLQD.js";import{a as $}from"./chunk.WSSQCROT.js";import{a as S}from"./chunk.UM535KIO.js";import{a as J}from"./chunk.7W27XF6C.js";import{a as I}from"./chunk.VT3U2SB7.js";import{a as w}from"./chunk.EXISX4DM.js";import{a as E,b as k}from"./chunk.OTF3DTPS.js";import{e as l,f,g as n,i as d}from"./chunk.INFVQQSJ.js";import{property as y,query as R,state as p}from"lit/decorators.js";import{html as a,nothing as A}from"lit";var h,m,D,g,N,v,q,u,b,r=class extends k{constructor(){super(...arguments);n(this,m);n(this,g);n(this,v);n(this,u);this.label="History";this.alwaysShow=!0;this.collapsed=!0;this.hideCancelled=!0;n(this,h,new S(this));this._authController=new I(this)}connectedCallback(){super.connectedCallback(),this.addController(f(this,h))}toggleCollapsed(){this.collapsed=!this.collapsed}render(){let t=f(this,h).jobs,i=t&&t.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=${e=>{this.hideCancelled=e.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">
+                        ${t?i?d(this,m,D).call(this,t):a`<div class="history-alert-message">
+                                      You haven't made any requests yet.<br />
+                                      Get started by
+                                      <a
+                                          href="#"
+                                          class="history-alert-link"
+                                          @click=${e=>{var s;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(s=this.dialog)==null||s.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}};h=new WeakMap,m=new WeakSet,D=function(t){let i=t.jobs.slice().filter(e=>this.hideCancelled?e.status!=="canceled":!0).sort((e,s)=>new Date(s.createdAt).getTime()-new Date(e.createdAt).getTime());return i.length?i.map(e=>{let s="#0066cc";e.status==="successful"||e.status==="complete_with_errors"||e.status==="running_with_errors"?s="#28a745":e.status==="failed"?s="#dc3545":e.status==="canceled"&&(s="#ffc107");let o=e.status==="failed"||e.status==="canceled"?e.status:`${e.progress}%`,c=e.status==="failed"||e.status==="canceled"?100:e.progress,C=d(this,u,b).call(this,e.labels||[]);return a`
+                <div
+                    class="history-item"
+                    @click=${d(this,v,q).bind(this,e)}
+                >
+                    <div class="item-header">
+                        <div class="item-title">
+                            ${d(this,g,N).call(this,e,C)}
+                        </div>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div
+                            class="progress-fill"
+                            style="width: ${c}%; background-color: ${s}"
+                        >
+                            ${o}
+                        </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 s;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(s=this.dialog)==null||s.show()}}
+                    >
+                        create a new request.</a
+                    >
+                </div>
+            `},g=new WeakSet,N=function(t,i){var e;return a`
+            <div class="subsetter-history-item">
+                <div class="history-item-title">
+                    ${(e=i["collection-entry-id"])!=null?e:t.jobID}
+                </div>
+                <div>${new Date(t.createdAt).toLocaleString()}</div>
+            </div>
+        `},v=new WeakSet,q=function(t){var e;let i=d(this,u,b).call(this,t.labels||[]);this.selectedJob=t.jobID,this.selectedCollectionEntryId=i["collection-entry-id"],(e=this.subsetter)==null||e.showDialog()},u=new WeakSet,b=function(t){try{return Object.fromEntries(t.map(i=>{let[e,...s]=i.split(":"),o=s.join(":").trim(),c=o;if(o.startsWith("{")||o.startsWith("["))try{c=JSON.parse(o)}catch(C){c=o}return[e.trim(),c]}))}catch(i){return{}}},r.dependencies={"terra-icon":w,"terra-data-subsetter":L,"terra-dialog":$},r.styles=[E,J],l([y()],r.prototype,"label",2),l([y({attribute:"bearer-token"})],r.prototype,"bearerToken",2),l([y({attribute:"always-show",type:Boolean})],r.prototype,"alwaysShow",2),l([p()],r.prototype,"collapsed",2),l([p()],r.prototype,"selectedJob",2),l([p()],r.prototype,"selectedCollectionEntryId",2),l([p()],r.prototype,"hideCancelled",2),l([R('[part~="dialog"]')],r.prototype,"dialog",2),l([R('[part~="subsetter"]')],r.prototype,"subsetter",2);export{r as a};

package/dist/chunks/chunk.35AKYR3R.js

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

package/dist/chunks/chunk.3A7J6DJT.js

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

package/dist/chunks/chunk.3AWO3Q45.js

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

package/dist/chunks/chunk.3IP76OK4.js

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

package/dist/chunks/chunk.3NZFQPY5.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.JPCSPQ7M.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-harmony-history";e.define("terra-harmony-history");var a=t({tagName:o,elementClass:e,react:r,events:{onTerraHarmonyJobSelect:"terra-harmony-job-select",onTerraHarmonyJobDelete:"terra-harmony-job-delete"},displayName:"TerraHarmonyHistory"}),l=a;export{l as a};

package/dist/chunks/chunk.443D6GCI.js

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

package/dist/chunks/chunk.46MIWFWF.js

@@ -0,0 +1,121 @@
+import{a as u}from"./chunk.BKGRXBHT.js";import{a as d,b as h}from"./chunk.OTF3DTPS.js";import{e as l}from"./chunk.INFVQQSJ.js";import{property as r,query as f,state as o}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import{html as n}from"lit";import{ifDefined as c}from"lit/directives/if-defined.js";var t=class extends h{constructor(){super(...arguments);this.files=[];this.isDragging=!1;this.hasFocus=!1;this.label="Upload";this.helpText="";this.name="";this.multiple=!1;this.disabled=!1;this.required=!1;this.accept="";this.handleDragOver=e=>{this.disabled||(e.preventDefault(),e.stopPropagation(),this.isDragging=!0)};this.handleDragLeave=e=>{this.disabled||(e.preventDefault(),e.stopPropagation(),this.isDragging=!1)};this.handleDrop=e=>{var s;if(this.disabled)return;e.preventDefault(),e.stopPropagation(),this.isDragging=!1;let i=(s=e.dataTransfer)==null?void 0:s.files;i&&i.length>0&&this.handleFiles(Array.from(i))};this.handleFileInputChange=e=>{let i=e.target;i.files&&i.files.length>0&&this.handleFiles(Array.from(i.files))};this.handleClick=()=>{this.disabled||this.fileInput.click()};this.handleChangeFiles=()=>{this.handleClick()};this.handleFocus=()=>{this.hasFocus=!0,this.emit("terra-focus")};this.handleBlur=()=>{this.hasFocus=!1,this.emit("terra-blur")}}connectedCallback(){super.connectedCallback()}firstUpdated(){this.setupDragAndDrop()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupDragAndDrop(),this.files.forEach(e=>{e.preview&&e.preview.startsWith("blob:")&&URL.revokeObjectURL(e.preview)})}setupDragAndDrop(){this.dropzone&&(this.dropzone.addEventListener("dragover",this.handleDragOver),this.dropzone.addEventListener("dragleave",this.handleDragLeave),this.dropzone.addEventListener("drop",this.handleDrop))}cleanupDragAndDrop(){this.dropzone&&(this.dropzone.removeEventListener("dragover",this.handleDragOver),this.dropzone.removeEventListener("dragleave",this.handleDragLeave),this.dropzone.removeEventListener("drop",this.handleDrop))}handleFiles(e){let i=e;if(this.multiple&&this.maxFiles){let a=this.maxFiles-this.files.length;if(a<=0)return;i=i.slice(0,a)}else this.multiple||(i=[i[0]]);this.maxFileSize&&(i=i.filter(a=>a.size<=this.maxFileSize));let s=i.map(a=>{let p=a;return a.type.startsWith("image/")&&(p.preview=URL.createObjectURL(a)),p});this.multiple?this.files=[...this.files,...s]:(this.files.forEach(a=>{a.preview&&a.preview.startsWith("blob:")&&URL.revokeObjectURL(a.preview)}),this.files=s),this.emit("terra-change")}getFiles(){return[...this.files]}clearFiles(){this.files.forEach(e=>{e.preview&&e.preview.startsWith("blob:")&&URL.revokeObjectURL(e.preview)}),this.files=[],this.fileInput&&(this.fileInput.value=""),this.emit("terra-change")}render(){let e=this.files.length>0,i=this.files.length;return n`
+            <div class="file-upload-wrapper">
+                ${this.label?n`
+                          <label for="file-input" class="file-upload__label">
+                              ${this.label}
+                              ${this.required?n`<span class="file-upload__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+                ${e?n`
+                          <div class="file-upload__preview">
+                              <div class="file-upload__preview-header">
+                                  <strong class="file-upload__file-count"
+                                      >${i}
+                                      ${i===1?"file":"files"}
+                                      selected</strong
+                                  >
+                                  <button
+                                      type="button"
+                                      class="file-upload__change-link"
+                                      @click=${this.handleChangeFiles}
+                                      ?disabled=${this.disabled}
+                                  >
+                                      Change files
+                                  </button>
+                              </div>
+                              <div class="file-upload__file-list">
+                                  ${this.files.map(s=>n`
+                                          <div
+                                              class="file-upload__file-item"
+                                              part="file-item"
+                                          >
+                                              ${s.preview?n`
+                                                        <img
+                                                            part="file-thumbnail"
+                                                            class="file-upload__thumbnail"
+                                                            src=${s.preview}
+                                                            alt=${s.name}
+                                                        />
+                                                    `:n`
+                                                        <div
+                                                            class="file-upload__thumbnail file-upload__thumbnail--placeholder"
+                                                        >
+                                                            <svg
+                                                                width="24"
+                                                                height="24"
+                                                                viewBox="0 0 24 24"
+                                                                fill="none"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                            >
+                                                                <path
+                                                                    d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z"
+                                                                    stroke="currentColor"
+                                                                    stroke-width="2"
+                                                                    stroke-linecap="round"
+                                                                    stroke-linejoin="round"
+                                                                />
+                                                                <path
+                                                                    d="M14 2V8H20"
+                                                                    stroke="currentColor"
+                                                                    stroke-width="2"
+                                                                    stroke-linecap="round"
+                                                                    stroke-linejoin="round"
+                                                                />
+                                                            </svg>
+                                                        </div>
+                                                    `}
+                                              <span
+                                                  part="file-name"
+                                                  class="file-upload__file-name"
+                                                  >${s.name}</span
+                                              >
+                                          </div>
+                                      `)}
+                              </div>
+                          </div>
+                      `:n`
+                          <div
+                              part="dropzone"
+                              class=${v({"file-upload__dropzone":!0,"file-upload__dropzone--dragging":this.isDragging,"file-upload__dropzone--focused":this.hasFocus,"file-upload__dropzone--disabled":this.disabled})}
+                              @click=${this.handleClick}
+                              @keydown=${s=>{(s.key==="Enter"||s.key===" ")&&!this.disabled&&(s.preventDefault(),this.handleClick())}}
+                              @focus=${this.handleFocus}
+                              @blur=${this.handleBlur}
+                              tabindex=${this.disabled?"-1":"0"}
+                              role="button"
+                              aria-label="Upload files"
+                          >
+                              <slot>
+                                  <span class="file-upload__dropzone-text">
+                                      Drag files here or
+                                      <button
+                                          type="button"
+                                          class="file-upload__browse-link"
+                                          @click=${s=>{s.stopPropagation(),this.handleClick()}}
+                                      >
+                                          choose from folder
+                                      </button>
+                                  </span>
+                              </slot>
+                          </div>
+                      `}
+
+                <input
+                    part="file-input"
+                    class="file-upload__input"
+                    id="file-input"
+                    type="file"
+                    name=${c(this.name||void 0)}
+                    ?multiple=${this.multiple}
+                    ?disabled=${this.disabled}
+                    ?required=${this.required}
+                    accept=${c(this.accept||void 0)}
+                    @change=${this.handleFileInputChange}
+                    tabindex="-1"
+                />
+
+                ${this.helpText?n`<div class="file-upload__help-text">${this.helpText}</div>`:""}
+            </div>
+        `}};t.styles=[d,u],l([f(".file-upload__input")],t.prototype,"fileInput",2),l([f(".file-upload__dropzone")],t.prototype,"dropzone",2),l([o()],t.prototype,"files",2),l([o()],t.prototype,"isDragging",2),l([o()],t.prototype,"hasFocus",2),l([r()],t.prototype,"label",2),l([r({attribute:"help-text"})],t.prototype,"helpText",2),l([r()],t.prototype,"name",2),l([r({type:Boolean,reflect:!0})],t.prototype,"multiple",2),l([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),l([r({type:Boolean,reflect:!0})],t.prototype,"required",2),l([r()],t.prototype,"accept",2),l([r({type:Number,attribute:"max-file-size"})],t.prototype,"maxFileSize",2),l([r({type:Number,attribute:"max-files"})],t.prototype,"maxFiles",2);export{t as a};

package/dist/chunks/chunk.4CPC6T4W.js

@@ -0,0 +1,23 @@
+import{a as h}from"./chunk.ZXSLGF4Q.js";import{a as c}from"./chunk.EXISX4DM.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as r,b as n}from"./chunk.OTF3DTPS.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as u}from"lit/directives/class-map.js";import{html as f}from"lit";import{property as d,query as p,state as o}from"lit/decorators.js";var e=class extends n{constructor(){super(...arguments);this.isInitialized=!1;this.current=!1;this.selected=!1;this.hasHover=!1;this.value="";this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){this.isInitialized?customElements.whenDefined("terra-select").then(()=>{let l=this.closest("terra-select");l&&l.handleDefaultSlotChange()}):this.isInitialized=!0}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){typeof this.value!="string"&&(this.value=String(this.value)),this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){let l=this.childNodes,i="";return[...l].forEach(s=>{s.nodeType===Node.ELEMENT_NODE&&(s.hasAttribute("slot")||(i+=s.textContent)),s.nodeType===Node.TEXT_NODE&&(i+=s.textContent)}),i.trim()}render(){return f`
+            <div
+                part="base"
+                class=${u({option:!0,"option--current":this.current,"option--disabled":this.disabled,"option--selected":this.selected,"option--hover":this.hasHover})}
+                @mouseenter=${this.handleMouseEnter}
+                @mouseleave=${this.handleMouseLeave}
+            >
+                <terra-icon
+                    part="checked-icon"
+                    class="option__check"
+                    name="outline-check"
+                    library="heroicons"
+                    aria-hidden="true"
+                ></terra-icon>
+                <slot part="prefix" name="prefix" class="option__prefix"></slot>
+                <slot
+                    part="label"
+                    class="option__label"
+                    @slotchange=${this.handleDefaultSlotChange}
+                ></slot>
+                <slot part="suffix" name="suffix" class="option__suffix"></slot>
+            </div>
+        `}};e.styles=[r,h],e.dependencies={"terra-icon":c},t([p(".option__label")],e.prototype,"defaultSlot",2),t([o()],e.prototype,"current",2),t([o()],e.prototype,"selected",2),t([o()],e.prototype,"hasHover",2),t([d({reflect:!0})],e.prototype,"value",2),t([d({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a("disabled")],e.prototype,"handleDisabledChange",1),t([a("selected")],e.prototype,"handleSelectedChange",1),t([a("value")],e.prototype,"handleValueChange",1);export{e as a};

package/dist/chunks/chunk.4EI5AQ55.js

@@ -0,0 +1,47 @@
+import{a as u}from"./chunk.VENMBB5D.js";import{a as d}from"./chunk.URTV3MIW.js";import{a as c}from"./chunk.X5OPH5X7.js";import{b as h}from"./chunk.UTJA3S5Z.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a,b as n}from"./chunk.OTF3DTPS.js";import{e as l}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as p}from"lit";import{ifDefined as f}from"lit/directives/if-defined.js";import{live as y}from"lit/directives/live.js";import{property as i,query as C,state as k}from"lit/decorators.js";var e=class extends n{constructor(){super(...arguments);this.formControlController=new h(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,r)=>t.checked=r});this.hasSlotController=new s(this,"help-text");this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleInput(){this.emit("terra-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.checked=!this.checked,this.emit("terra-change")}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleKeyDown(t){t.key==="ArrowLeft"&&(t.preventDefault(),this.checked=!1,this.emit("terra-change"),this.emit("terra-input")),t.key==="ArrowRight"&&(t.preventDefault(),this.checked=!0,this.emit("terra-change"),this.emit("terra-input"))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("help-text"),r=this.helpText?!0:!!t;return p`
+            <div
+                class=${m({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":r})}
+            >
+                <label
+                    part="base"
+                    class=${m({toggle:!0,"toggle--checked":this.checked,"toggle--disabled":this.disabled,"toggle--focused":this.hasFocus,"toggle--small":this.size==="small","toggle--medium":this.size==="medium","toggle--large":this.size==="large"})}
+                >
+                    <input
+                        class="toggle__input"
+                        type="checkbox"
+                        title=${this.title}
+                        name=${this.name}
+                        value=${f(this.value)}
+                        .checked=${y(this.checked)}
+                        .disabled=${this.disabled}
+                        .required=${this.required}
+                        role="switch"
+                        aria-checked=${this.checked?"true":"false"}
+                        aria-describedby="help-text"
+                        @click=${this.handleClick}
+                        @input=${this.handleInput}
+                        @invalid=${this.handleInvalid}
+                        @blur=${this.handleBlur}
+                        @focus=${this.handleFocus}
+                        @keydown=${this.handleKeyDown}
+                    />
+
+                    <span part="control" class="toggle__control">
+                        <span part="thumb" class="toggle__thumb"></span>
+                    </span>
+
+                    <div part="label" class="toggle__label">
+                        <slot></slot>
+                    </div>
+                </label>
+
+                <div
+                    aria-hidden=${r?"false":"true"}
+                    class="form-control__help-text"
+                    id="help-text"
+                    part="form-control-help-text"
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `}};e.styles=[a,c,u],l([C('input[type="checkbox"]')],e.prototype,"input",2),l([k()],e.prototype,"hasFocus",2),l([i()],e.prototype,"title",2),l([i()],e.prototype,"name",2),l([i()],e.prototype,"value",2),l([i({reflect:!0})],e.prototype,"size",2),l([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),l([d("checked")],e.prototype,"defaultChecked",2),l([i({reflect:!0})],e.prototype,"form",2),l([i({type:Boolean,reflect:!0})],e.prototype,"required",2),l([i({attribute:"help-text"})],e.prototype,"helpText",2),l([o("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),l([o("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/dist/chunks/chunk.4MF3EOIE.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.UFDERNNG.js";var m=e;e.define("terra-time-series");export{m as a};

package/dist/chunks/chunk.4R54XEI5.js

@@ -0,0 +1,14 @@
+import{a as d}from"./chunk.DSG7TPJW.js";import{a as i,b as g}from"./chunk.OTF3DTPS.js";import{e as l}from"./chunk.INFVQQSJ.js";import{html as b}from"lit";import{property as m,query as f,state as h}from"lit/decorators.js";import{ifDefined as p}from"lit/directives/if-defined.js";var r=class extends g{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--focus",!0)}handleBlur(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--focus",!1)}handleMouseOver(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--hover",!0)}handleMouseOut(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--hover",!1)}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach(t=>{let n=e.indexOf(t),o=a(t);o&&(o.toggleAttribute("data-terra-button-group__button",!0),o.toggleAttribute("data-terra-button-group__button--first",n===0),o.toggleAttribute("data-terra-button-group__button--inner",n>0&&n<e.length-1),o.toggleAttribute("data-terra-button-group__button--last",n===e.length-1),o.toggleAttribute("data-terra-button-group__button--radio",o.tagName.toLowerCase()==="terra-radio-button"))})}render(){return b`
+            <div
+                part="base"
+                class="button-group"
+                role=${this.disableRole?"presentation":"group"}
+                aria-label=${p(this.label||void 0)}
+                @focusout=${this.handleBlur}
+                @focusin=${this.handleFocus}
+                @mouseover=${this.handleMouseOver}
+                @mouseout=${this.handleMouseOut}
+            >
+                <slot @slotchange=${this.handleSlotChange}></slot>
+            </div>
+        `}};r.styles=[i,d],l([f("slot")],r.prototype,"defaultSlot",2),l([h()],r.prototype,"disableRole",2),l([m()],r.prototype,"label",2);function a(s){var e;let u="terra-button, terra-radio-button";return(e=s.closest(u))!=null?e:s.querySelector(u)}export{r as a};

package/dist/chunks/chunk.52AIVMJA.js

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

package/dist/chunks/chunk.52DDN5Y5.js

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

package/dist/chunks/chunk.5AT7REMR.js

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

package/dist/chunks/chunk.5AYLTPSG.js

@@ -0,0 +1,55 @@
+import{a as r}from"./chunk.2BKQXNED.js";import{a as i,b as e}from"./chunk.OTF3DTPS.js";import{e as a}from"./chunk.INFVQQSJ.js";import{property as t}from"lit/decorators.js";import{html as o}from"lit";var l=class extends e{constructor(){super(...arguments);this.fullWidth=!1}render(){return o`
+            <nav class="navbar" aria-label="Main navigation">
+                <ul class="nav-list">
+                    <li><a href="#home">Home</a></li>
+                    <li><a href="#news">News</a></li>
+                    <li class="dropdown">
+                        <button
+                            class="dropbtn"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            id="megamenu-button"
+                        >
+                            Dropdown
+                            <i class="fa fa-caret-down" aria-hidden="true"></i>
+                        </button>
+                        <div
+                            class="dropdown-content"
+                            id="megamenu"
+                            role="region"
+                            aria-labelledby="megamenu-button"
+                        >
+                            <div class="header">
+                                <h2>Mega Menu</h2>
+                            </div>
+                            <div class="row">
+                                <div class="column">
+                                    <h3>Category 1</h3>
+                                    <ul>
+                                        <li><a href="#">Link 1</a></li>
+                                        <li><a href="#">Link 2</a></li>
+                                        <li><a href="#">Link 3</a></li>
+                                    </ul>
+                                </div>
+                                <div class="column">
+                                    <h3>Category 2</h3>
+                                    <ul>
+                                        <li><a href="#">Link 1</a></li>
+                                        <li><a href="#">Link 2</a></li>
+                                        <li><a href="#">Link 3</a></li>
+                                    </ul>
+                                </div>
+                                <div class="column">
+                                    <h3>Category 3</h3>
+                                    <ul>
+                                        <li><a href="#">Link 1</a></li>
+                                        <li><a href="#">Link 2</a></li>
+                                        <li><a href="#">Link 3</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </nav>
+        `}};l.styles=[i,r],a([t({type:Boolean,reflect:!0,attribute:"full-width"})],l.prototype,"fullWidth",2);export{l as a};

package/dist/chunks/chunk.5NVT3NMG.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.MAZZVNDV.js";var t=r;r.define("terra-radio-group");export{t as a};

package/dist/chunks/chunk.5ZJ22MI2.js

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