@nasa-terra/components 0.0.179 → 0.0.181

package/dist/chunks/chunk.UZ4RSTT6.js

@@ -0,0 +1,64 @@
+import{a as m}from"./chunk.URTV3MIW.js";import{a as u}from"./chunk.X5OPH5X7.js";import{a as p}from"./chunk.VZX3SFGZ.js";import{b as h}from"./chunk.UTJA3S5Z.js";import{a as d}from"./chunk.S3WSRAXA.js";import{a}from"./chunk.6PEAAW4E.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a as n,b as c}from"./chunk.OILCN37O.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as f}from"lit/directives/class-map.js";import{html as s}from"lit";import{ifDefined as k}from"lit/directives/if-defined.js";import{live as y}from"lit/directives/live.js";import{property as l,query as v,state as b}from"lit/decorators.js";var e=class extends c{constructor(){super(...arguments);this.formControlController=new h(this,{value:i=>i.checked?i.value||"on":void 0,defaultValue:i=>i.defaultChecked,setValue:(i,r)=>i.checked=r});this.hasSlotController=new a(this,"help-text");this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.indeterminate=!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()}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("terra-change")}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleInput(){this.emit("terra-input")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(i){this.input.focus(i)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){let i=this.hasSlotController.test("help-text"),r=this.helpText?!0:!!i;return s`
+            <div
+                class=${f({"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=${f({checkbox:!0,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--small":this.size==="small","checkbox--medium":this.size==="medium","checkbox--large":this.size==="large"})}
+                >
+                    <input
+                        class="checkbox__input"
+                        type="checkbox"
+                        title=${this.title}
+                        name=${this.name}
+                        value=${k(this.value)}
+                        .indeterminate=${y(this.indeterminate)}
+                        .checked=${y(this.checked)}
+                        .disabled=${this.disabled}
+                        .required=${this.required}
+                        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}
+                    />
+
+                    <span
+                        part="control${this.checked?" control--checked":""}${this.indeterminate?" control--indeterminate":""}"
+                        class="checkbox__control"
+                    >
+                        ${this.checked?s`
+                                  <terra-icon
+                                      part="checked-icon"
+                                      class="checkbox__checked-icon"
+                                      library="heroicons"
+                                      name="outline-check"
+                                  ></terra-icon>
+                              `:""}
+                        ${!this.checked&&this.indeterminate?s`
+                                  <terra-icon
+                                      part="indeterminate-icon"
+                                      class="checkbox__indeterminate-icon"
+                                      library="heroicons"
+                                      name="outline-minus"
+                                  ></terra-icon>
+                              `:""}
+                    </span>
+
+                    <div part="label" class="checkbox__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=[n,u,p],e.dependencies={"terra-icon":d},t([v('input[type="checkbox"]')],e.prototype,"input",2),t([b()],e.prototype,"hasFocus",2),t([l()],e.prototype,"title",2),t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([l({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),t([m("checked")],e.prototype,"defaultChecked",2),t([l({reflect:!0})],e.prototype,"form",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([l({attribute:"help-text"})],e.prototype,"helpText",2),t([o("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([o(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1);export{e as a};

package/dist/chunks/chunk.V6OBKZEU.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ZFIDO76G.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.V6ZDTBMM.js

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

package/dist/chunks/chunk.VBIWDPIC.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.OILCN37O.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.VZTQF4OE.js

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

package/dist/chunks/chunk.W753QEWS.js

@@ -0,0 +1,122 @@
+import{a as D}from"./chunk.FSSL6ZLQ.js";import{a as J}from"./chunk.2FKZOYDM.js";import{a as I,b as _}from"./chunk.EZI7VJCI.js";import{a as $}from"./chunk.VT3U2SB7.js";import{a as E}from"./chunk.QDFHF7LY.js";import{d as b,g as v,k as L,l as M}from"./chunk.QMLZIOGK.js";import{a as C}from"./chunk.E6LODOVJ.js";import{c as u}from"./chunk.BWCJXCND.js";import{a as k}from"./chunk.S3WSRAXA.js";import{a as x,b as P}from"./chunk.OILCN37O.js";import{a as m,e as l}from"./chunk.INFVQQSJ.js";import{html as n,nothing as q}from"lit";import{property as p,query as z,state as c}from"lit/decorators.js";var A=108,r=class extends E(P){constructor(){super(...arguments);this.limit=10;this.removeLabelsOnDelete=!1;this._scrollIndex=0;this._totalCount=0;this._loadedPages=new Map;this._pendingPages=new Set;this._authController=new $(this);this._removeLabelsOnDeleteMutation=new I(this,L());this.jobsQuery=new M(this,()=>v(m({page:1,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken}))}get _visibleCount(){var e,o;let t=(o=(e=this._viewportEl)==null?void 0:e.clientWidth)!=null?o:400;return Math.max(1,Math.floor(t/A))}get _allJobs(){return Array.from({length:this._totalCount},(t,e)=>{var s,a;let o=Math.floor(e/this.limit)+1,i=e%this.limit;return(a=(s=this._loadedPages.get(o))==null?void 0:s[i])!=null?a:null})}firstUpdated(){this._viewportEl&&typeof ResizeObserver!="undefined"&&(this._resizeObserver=new ResizeObserver(()=>{this._checkPagesInView()}),this._resizeObserver.observe(this._viewportEl))}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._resizeObserver)==null||t.disconnect()}updated(t){var o;super.updated(t);let e=(o=this.jobsQuery.result)==null?void 0:o.data;if(e&&e!==this._lastPage1Data){this._lastPage1Data=e,e.count!==this._totalCount&&(this._totalCount=e.count);let i=new Map(this._loadedPages);i.set(1,e.jobs),this._loadedPages=i,this._checkPagesInView()}}async _fetchPage(t){if(this._loadedPages.has(t)||this._pendingPages.has(t))return;let e=new Set(this._pendingPages);e.add(t),this._pendingPages=e;try{let o=await this.queryClient.fetchQuery(v(m({page:t,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken})),i=new Map(this._loadedPages);i.set(t,o.jobs),this._loadedPages=i}finally{let o=new Set(this._pendingPages);o.delete(t),this._pendingPages=o}}_checkPagesInView(){if(!this.bearerToken)return;let t=Math.min(this._scrollIndex+this._visibleCount,this._totalCount),e=Math.floor(this._scrollIndex/this.limit)+1,o=Math.floor(Math.max(0,t-1)/this.limit)+1;for(let i=e;i<=o;i++)i!==1&&this._fetchPage(i)}_scrollLeft(){this._scrollIndex=Math.max(0,this._scrollIndex-1),this._checkPagesInView()}_scrollRight(){let t=Math.max(0,this._totalCount-this._visibleCount);this._scrollIndex=Math.min(t,this._scrollIndex+1),this._checkPagesInView()}_handleWheel(t){t.preventDefault(),t.deltaY>0?this._scrollRight():this._scrollLeft()}async refresh(){this._scrollIndex=0,this._loadedPages=new Map,this._pendingPages=new Set,this._totalCount=0,this._lastPage1Data=void 0,await this.queryClient.invalidateQueries({queryKey:["harmony","jobs"]})}_showTooltip(t,e){var h,g,f;if(clearTimeout(this._hideTooltipTimer),clearTimeout(this._showTooltipTimer),!this._tooltip)return;let o=e!==null&&!b.has(e.status),i=e!=null&&e.request?_.fromUrl(e.request):null,s=document.createElement("div");if(i){let w=i.getLabelByPrefix("instrument-short-name"),y=i.getLabelByPrefix("time-interval"),T=i.getLabelByPrefix("units"),S=i.getLabelByPrefix("collection"),d=[];w&&d.push(w),y&&d.push(y),T&&d.push(T),S&&d.push(S),s.style.lineHeight="1.3",s.style.fontSize="12px",s.style.padding="5px",s.innerHTML=`
+                <div class="font-weight-semibold tooltip-row">${(h=i.getLabelByPrefix("variable-display-name"))!=null?h:e==null?void 0:e.jobID}</div>
+                <div class="text-gray-300 mb-1 tooltip-row">${d.join(" \u2022 ")}</div>
+                ${i.options.startDate&&i.options.endDate?`
+                    <div class="text-gray-300 tooltip-row">
+                        <terra-icon library="heroicons" name="solid-calendar-date-range"></terra-icon> 
+                        ${u(i.options.startDate)} to ${u(i.options.endDate)}
+                    </div>
+                `:""}
+                <div class="text-gray-300 mb-1 tooltip-row">
+                    <terra-icon library="heroicons" name="solid-map"></terra-icon>
+                    ${(g=i.options.location)==null?void 0:g.toString()}
+                </div>
+                ${o?`<div class="text-gray-300 tooltip-row">Status: ${e==null?void 0:e.status}</div>`:`<div class="text-gray-300 tooltip-row">
+                        Last updated: ${u((f=i.getLabelByPrefix("updated-at"))!=null?f:new Date)}
+                        </div>`}
+                
+            `}s.slot="content";let a=t.currentTarget;this._tooltip.open?(this._tooltip.innerHTML="",this._tooltip.appendChild(s),this._tooltip.popup.anchor=a,this._tooltip.popup.reposition()):this._showTooltipTimer=window.setTimeout(()=>{this._tooltip&&(this._tooltip.innerHTML="",this._tooltip.appendChild(s),this._tooltip.popup.anchor=a,this._tooltip.show())},100)}_hideTooltip(){clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer),this._hideTooltipTimer=window.setTimeout(()=>{var t;(t=this._tooltip)==null||t.hide()},250)}_handleThumbnailClick(t){t&&this.emit("terra-harmony-job-select",{detail:{job:t}})}async _handleDeleteClick(t,e){var s;if(t.stopPropagation(),!window.confirm("Are you sure you want to delete this history item?"))return;let i=(s=this.filterByLabels)==null?void 0:s.split(",").map(a=>a.trim()).filter(Boolean);this.removeLabelsOnDelete&&(i!=null&&i.length)?(await this._removeLabelsOnDeleteMutation.mutate({jobIDs:[e.jobID],labels:i,options:{bearerToken:this.bearerToken}}),await this.queryClient.invalidateQueries({queryKey:["harmony","jobs"]}),this._loadedPages=new Map,this._totalCount=0,this._scrollIndex=0):this.emit("terra-harmony-job-delete",{detail:{jobId:e.jobID}})}_renderThumbnail(t){var s,a;let e=t===null||!b.has(t.status),o=t!=null&&t.thumbnailBlob?URL.createObjectURL(t.thumbnailBlob):null,i=_.fromUrl((s=t==null?void 0:t.request)!=null?s:"");return n`
+            <div
+                part="thumbnail"
+                class="thumbnail"
+                @click=${()=>this._handleThumbnailClick(t)}
+                @mouseenter=${h=>this._showTooltip(h,t)}
+                @mouseleave=${this._hideTooltip}
+            >
+                <div class="thumbnail-inner">
+                    ${o?n`<img
+                              class="thumbnail-img"
+                              src=${o}
+                              alt=""
+                              aria-hidden="true"
+                          />`:n`<terra-icon
+                              library="heroicons"
+                              name=${i.getTerraIcon()}
+                              style="font-size: 1.5rem"
+                          ></terra-icon>`}
+                    ${e?n`<div class="loading-overlay">
+                              <terra-loader
+                                  indeterminate
+                                  variant="small"
+                              ></terra-loader>
+                          </div>`:q}
+                </div>
+                ${t?n`<button
+                          class="delete-button"
+                          aria-label="Delete job"
+                          ?disabled=${(a=this._removeLabelsOnDeleteMutation.result)==null?void 0:a.isPending}
+                          @click=${h=>this._handleDeleteClick(h,t)}
+                      >
+                          ×
+                      </button>`:q}
+            </div>
+        `}render(){var s;let t=this._allJobs,e=this._scrollIndex<=0,o=this._totalCount===0||this._scrollIndex>=this._totalCount-this._visibleCount,i=t.length===0&&((s=this.jobsQuery.result)==null?void 0:s.status)==="pending";return n`
+            <button
+                part="nav-button"
+                class="nav-button"
+                aria-label="Scroll left"
+                ?disabled=${e}
+                @click=${this._scrollLeft}
+            >
+                <svg
+                    width="16"
+                    height="16"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                    aria-hidden="true"
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M15 19l-7-7 7-7"
+                    />
+                </svg>
+            </button>
+
+            <div part="viewport" class="viewport" @wheel=${this._handleWheel}>
+                <div
+                    part="track"
+                    class="track"
+                    style="transform: translateX(-${this._scrollIndex*A}px)"
+                >
+                    ${i?n`<div class="empty-state">
+                              <terra-loader indeterminate></terra-loader>
+                          </div>`:t.map(a=>this._renderThumbnail(a))}
+                </div>
+            </div>
+
+            <button
+                part="nav-button"
+                class="nav-button"
+                aria-label="Scroll right"
+                ?disabled=${o}
+                @click=${this._scrollRight}
+            >
+                <svg
+                    width="16"
+                    height="16"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                    aria-hidden="true"
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M9 5l7 7-7 7"
+                    />
+                </svg>
+            </button>
+
+            <terra-tooltip
+                trigger="manual"
+                placement="top"
+                hoist
+                interactive
+                @mouseenter=${()=>{clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer)}}
+                @mouseleave=${this._hideTooltip}
+            ></terra-tooltip>
+        `}};r.styles=[x,J],r.dependencies={"terra-loader":C,"terra-tooltip":D,"terra-icon":k},l([p({attribute:"bearer-token"})],r.prototype,"bearerToken",2),l([p({type:Number})],r.prototype,"limit",2),l([p({attribute:"filter-by-labels"})],r.prototype,"filterByLabels",2),l([p({type:Boolean,attribute:"remove-labels-on-delete"})],r.prototype,"removeLabelsOnDelete",2),l([c()],r.prototype,"_scrollIndex",2),l([c()],r.prototype,"_totalCount",2),l([c()],r.prototype,"_loadedPages",2),l([c()],r.prototype,"_pendingPages",2),l([z('[part="viewport"]')],r.prototype,"_viewportEl",2),l([z("terra-tooltip")],r.prototype,"_tooltip",2);export{r as a};

package/dist/chunks/chunk.W7RCZIAS.js

@@ -0,0 +1,30 @@
+import{a as l}from"./chunk.REK2YOIL.js";import{a}from"./chunk.S3WSRAXA.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as o,b as i}from"./chunk.OILCN37O.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as m}from"lit/decorators.js";import{html as e}from"lit";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new s(this,"title","center","right");this.siteName=""}render(){let n=this.hasSlotController.test("title"),h=this.hasSlotController.test("right");return e`
+            <header part="base" class="site-header">
+                <div class="site-header__left">
+                    <div part="logo" class="site-header__logo">
+                        <terra-icon name="nasa-logo" font-size="4rem"></terra-icon>
+                    </div>
+                    <div part="title" class="site-header__title">
+                        ${n?e`<slot name="title"></slot>`:e`<span>${this.siteName}</span>`}
+                    </div>
+                </div>
+                <div part="center" class="site-header__center">
+                    <slot name="center"></slot>
+                </div>
+                <div part="right" class="site-header__right">
+                    ${h?e`<slot name="right"></slot>`:e`
+                              <button
+                                  class="site-header__search"
+                                  type="button"
+                                  title="Search"
+                                  aria-label="Search"
+                              >
+                                  <terra-icon
+                                      name="magnifying-glass"
+                                      library="heroicons"
+                                  ></terra-icon>
+                              </button>
+                          `}
+                </div>
+            </header>
+        `}};t.styles=[o,l],t.dependencies={"terra-icon":a},r([m({attribute:"site-name"})],t.prototype,"siteName",2);export{t as a};

package/dist/chunks/chunk.WGADCB3O.js

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

package/dist/chunks/chunk.WGYVWH4N.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.U2FNXZ4T.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-data-subsetter";e.define("terra-data-subsetter");var a=r({tagName:o,elementClass:e,react:t,events:{onTerraSubsetJobComplete:"terra-subset-job-complete"},displayName:"TerraDataSubsetter"}),l=a;export{l as a};

package/dist/chunks/chunk.WKLFO4CV.js

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

package/dist/chunks/chunk.WPYM7UE2.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.OILCN37O.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.WR22TB5Y.js

@@ -0,0 +1,106 @@
+import{css as o}from"lit";var i=o`
+    :host {
+        --max-width: 20rem;
+        --hide-delay: 0ms;
+        --show-delay: 150ms;
+
+        display: contents;
+    }
+
+    .tooltip {
+        --arrow-size: var(--terra-tooltip-arrow-size);
+        --arrow-color: var(--terra-tooltip-background-color);
+    }
+
+    .tooltip::part(popup) {
+        z-index: var(--terra-z-index-tooltip);
+    }
+
+    .tooltip[placement^='top']::part(popup) {
+        transform-origin: bottom;
+    }
+
+    .tooltip[placement^='bottom']::part(popup) {
+        transform-origin: top;
+    }
+
+    .tooltip[placement^='left']::part(popup) {
+        transform-origin: right;
+    }
+
+    .tooltip[placement^='right']::part(popup) {
+        transform-origin: left;
+    }
+
+    .tooltip__body {
+        display: block;
+        width: max-content;
+        max-width: var(--max-width);
+        border-radius: var(--terra-tooltip-border-radius);
+        background-color: var(--terra-tooltip-background-color);
+        font-family: var(--terra-tooltip-font-family);
+        font-size: var(--terra-tooltip-font-size);
+        font-weight: var(--terra-tooltip-font-weight);
+        line-height: var(--terra-tooltip-line-height);
+        text-align: start;
+        white-space: normal;
+        color: var(--terra-tooltip-color);
+        padding: var(--terra-tooltip-padding);
+        pointer-events: none;
+        user-select: none;
+        -webkit-user-select: none;
+    }
+
+    :host([interactive]) .tooltip__body {
+        pointer-events: auto;
+        user-select: text;
+        -webkit-user-select: text;
+    }
+
+    .tooltip__image {
+        display: none;
+    }
+
+    .tooltip__image ::slotted(*) {
+        display: block;
+    }
+
+    :host([variant='popover']) .tooltip__body {
+        /* Popovers are card-like panels with richer content */
+        width: auto;
+        min-width: 260px;
+        max-width: 320px;
+        border-radius: var(--terra-popover-border-radius);
+        background-color: var(--terra-popover-background-color);
+        color: var(--terra-popover-color);
+        font-family: var(--terra-popover-font-family);
+        font-size: var(--terra-popover-font-size);
+        font-weight: var(--terra-popover-font-weight);
+        line-height: var(--terra-popover-line-height);
+        padding: var(--terra-popover-padding);
+        box-shadow: var(--terra-popover-shadow);
+        overflow: hidden;
+        pointer-events: auto; /* allow interactive content such as links and buttons */
+    }
+
+    :host([variant='popover']) .tooltip {
+        --arrow-size: var(--terra-popover-arrow-size);
+        --arrow-color: var(--terra-popover-background-color);
+    }
+
+    :host([variant='popover']) .tooltip__image {
+        display: block;
+        margin: calc(-1 * var(--terra-popover-padding));
+        margin-bottom: var(--terra-popover-padding);
+    }
+
+    :host([variant='popover']) .tooltip__image ::slotted(img),
+    :host([variant='popover']) .tooltip__image ::slotted(picture),
+    :host([variant='popover']) .tooltip__image ::slotted(video) {
+        width: 100%;
+        max-height: 260px;
+        object-fit: cover;
+        border-top-left-radius: var(--terra-popover-border-radius);
+        border-top-right-radius: var(--terra-popover-border-radius);
+    }
+`;export{i as a};

package/dist/chunks/chunk.WT6GZVYY.js

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

package/dist/chunks/chunk.X6YUDBBQ.js

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

package/dist/chunks/chunk.XIJIRCHU.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.2C5SN5KH.js";import*as r from"react";import{createComponent as a}from"@lit/react";import"@lit/react";var t="terra-variable-keyword-search";e.define("terra-variable-keyword-search");var n=a({tagName:t,elementClass:e,react:r,events:{onTerraVariableKeywordSearchChange:"terra-variable-keyword-search-change",onTerraSearch:"terra-search"},displayName:"TerraVariableKeywordSearch"}),h=n;export{h as a};

package/dist/chunks/chunk.Y5KEEPVM.js

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

package/dist/chunks/chunk.YE2XHS7U.js

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

package/dist/chunks/chunk.YID2VH6X.js

@@ -0,0 +1,17 @@
+import{a as c}from"./chunk.XOXHOZNI.js";import{a as s}from"./chunk.OAYJFXJ7.js";import{a as m,b as u}from"./chunk.OILCN37O.js";import{e as i}from"./chunk.INFVQQSJ.js";import{html as w}from"lit";import{property as n}from"lit/decorators.js";var a=class extends u{constructor(){super(...arguments);this.variant="primary";this.duration=3e3;this.closable=!0}get alert(){return this.shadowRoot?this.shadowRoot.querySelector("terra-alert"):null}firstUpdated(){let t=this.alert;t&&(t.addEventListener("terra-show",()=>this.emit("terra-show")),t.addEventListener("terra-after-show",()=>this.emit("terra-after-show")),t.addEventListener("terra-hide",()=>this.emit("terra-hide")),t.addEventListener("terra-after-hide",()=>this.emit("terra-after-hide")))}async toast(){return new Promise(async t=>{await this.updateComplete,this.shadowRoot||await this.updateComplete;let r=this.alert;if(r||(await customElements.whenDefined("terra-alert"),await this.updateComplete,r=this.alert),!r){t();return}await r.updateComplete;let e=s.toastStack;e.parentElement===null&&document.body.append(e),e.appendChild(this),requestAnimationFrame(async()=>{this.clientWidth,await this.updateComplete,await r.updateComplete,r.open||await r.show()}),this.addEventListener("terra-after-hide",()=>{e.contains(this)&&e.removeChild(this),t(),e.querySelector("terra-toast")===null&&e.querySelector("terra-alert")===null&&e.remove()},{once:!0})})}async show(){await this.updateComplete;let t=this.alert;if(!t)throw new Error("TerraToast: Alert element not found");return await t.updateComplete,t.show()}async hide(){await this.updateComplete;let t=this.alert;if(!t)throw new Error("TerraToast: Alert element not found");return await t.updateComplete,t.hide()}static async notify(t,r="primary",e,p=3e3){let l=h=>{let d=document.createElement("div");return d.textContent=h,d.innerHTML},o=Object.assign(document.createElement("terra-toast"),{variant:r,duration:p,closable:!0,innerHTML:e?`
+                    <terra-icon name="${e}" slot="icon" library="heroicons"></terra-icon>
+                    ${l(t)}
+                `:l(t)});return document.body.append(o),await customElements.whenDefined("terra-toast"),await o.updateComplete,o.toast()}render(){return w`
+            <terra-alert
+                part="base"
+                exportparts="base:base__base, icon:base__icon, message:base__message"
+                variant=${this.variant}
+                duration=${this.duration}
+                closable=${this.closable}
+                countdown=${this.countdown||""}
+                appearance="filled"
+            >
+                <slot name="icon" slot="icon"></slot>
+                <slot></slot>
+            </terra-alert>
+        `}};a.styles=[m,c],a.dependencies={"terra-alert":s},i([n({reflect:!0})],a.prototype,"variant",2),i([n({type:Number})],a.prototype,"duration",2),i([n({type:Boolean,reflect:!0})],a.prototype,"closable",2),i([n({type:String,reflect:!0})],a.prototype,"countdown",2);export{a};

package/dist/chunks/chunk.YQG4O6JG.js

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

package/dist/chunks/chunk.YS7ZNM77.js

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

package/dist/chunks/chunk.YSJ2VJE5.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.W753QEWS.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.YVP42OKY.js

@@ -0,0 +1,26 @@
+import{a as l}from"./chunk.SRDW6MAE.js";import{a as c}from"./chunk.S3WSRAXA.js";import{a,b as n}from"./chunk.OILCN37O.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as i}from"lit";import{property as p}from"lit/decorators.js";var t=class extends n{constructor(){super(...arguments);this.state="upcoming";this.title="";this.hideCheckmark=!1}getStepperVariant(){let s=this.closest("terra-stepper");return s&&s.variant||"default"}render(){let r=this.getStepperVariant()==="condensed",o=this.state==="completed",d=this.state==="current";return i`
+            <div
+                part="base"
+                class=${m({"stepper-step":!0,"stepper-step--default":!r,"stepper-step--condensed":r,"stepper-step--completed":o,"stepper-step--current":d,"stepper-step--upcoming":this.state==="upcoming"})}
+            >
+                <div part="bar" class="stepper-step__bar"></div>
+                ${r?"":i`
+                          <div part="content" class="stepper-step__content">
+                              <div part="title" class="stepper-step__title">
+                                  ${o&&!this.hideCheckmark?i`
+                                            <terra-icon
+                                                part="icon"
+                                                name="solid-check"
+                                                library="heroicons"
+                                                class="stepper-step__icon"
+                                            ></terra-icon>
+                                        `:""}
+                                  ${this.title}
+                              </div>
+                              <div part="caption" class="stepper-step__caption">
+                                  <slot></slot>
+                              </div>
+                          </div>
+                      `}
+            </div>
+        `}};t.styles=[a,l],t.dependencies={"terra-icon":c},e([p({reflect:!0})],t.prototype,"state",2),e([p()],t.prototype,"title",2),e([p({type:Boolean,reflect:!0,attribute:"hide-checkmark"})],t.prototype,"hideCheckmark",2);export{t as a};

package/dist/chunks/chunk.Z25SA46F.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.BCYULSBS.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-scroll-hint";e.define("terra-scroll-hint");var a=t({tagName:o,elementClass:e,react:r,events:{onTerraScroll:"terra-scroll"},displayName:"TerraScrollHint"}),i=a;export{i as a};

package/dist/chunks/chunk.ZDHEJXMO.js

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

package/dist/chunks/chunk.ZEIMRQG5.js

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

package/dist/chunks/chunk.ZF3CXW3V.js

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

package/dist/chunks/chunk.ZFIDO76G.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.CD5ZQXGV.js";import{a as e,b as o}from"./chunk.OILCN37O.js";import{html as m}from"lit";var t=class extends o{render(){return m`<slot></slot>`}};t.styles=[e,r];export{t as a};

package/dist/chunks/chunk.ZHOOI52R.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.WGADCB3O.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-login";e.define("terra-login");var n=t({tagName:o,elementClass:e,react:r,events:{onTerraLogin:"terra-login"},displayName:"TerraLogin"}),g=n;export{g as a};

package/dist/chunks/chunk.ZIOKLPTQ.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.OILCN37O.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};