@nasa-terra/components 0.0.179 → 0.0.182

package/dist/chunks/chunk.W6XVQOLT.js

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

package/dist/chunks/chunk.WCR7D3KN.js

@@ -0,0 +1,49 @@
+import{a as k}from"./chunk.E2WOMCTG.js";import{a as V}from"./chunk.UFDERNNG.js";import{a as f,b as M}from"./chunk.PKC6WTWN.js";import{a as E}from"./chunk.NV3RRECJ.js";import{a as T}from"./chunk.G5YTXJ3A.js";import{a as S}from"./chunk.T7GB532E.js";import{b as v}from"./chunk.BWCJXCND.js";import{a as x,b as C}from"./chunk.OTF3DTPS.js";import{e as a,g as l,i as o}from"./chunk.INFVQQSJ.js";import{property as s,state as h}from"lit/decorators.js";import{html as c}from"lit";var g,P,b,_,m,W,p,D,u,I,e=class extends C{constructor(){super(...arguments);l(this,g);l(this,b);l(this,m);l(this,p);l(this,u);this._fetchVariableTask=M(this)}get variableBoundingBox(){let t=this.catalogVariable;if(!t)return;let{dataProductWest:r,dataProductSouth:i,dataProductEast:n,dataProductNorth:d}=t;if(!(r==null||i==null||n==null||d==null))return`${r}, ${i}, ${n}, ${d}`}compatibilityWarning(){if(this.spatialWarningMessage=void 0,!this.catalogVariable||!this.location)return;let{dataProductWest:t,dataProductSouth:r,dataProductEast:i,dataProductNorth:n}=this.catalogVariable;if(t==null||r==null||i==null||n==null)return;let[d,w]=this.location.split(","),$=Number(d),y=Number(w);y>=t&&y<=i&&$>=r&&$<=n||(this.spatialWarningMessage=this.lastChanged==="variable"?"This variable has no data at the selected location.":"The selected location is outside the coverage of this variable.")}render(){var i,n;let t=this.catalogVariable?v(this.catalogVariable.dataProductBeginDateTime):void 0,r=this.catalogVariable?v(this.catalogVariable.dataProductEndDateTime):void 0;return c`
+            ${this.spatialWarningMessage&&this.lastChanged==="location"?c`<div class="warning">⚠️ ${this.spatialWarningMessage}</div>`:null}
+            <terra-variable-combobox
+                exportparts="base:variable-combobox__base, combobox:variable-combobox__combobox, button:variable-combobox__button, listbox:variable-combobox__listbox"
+                .value=${f(this)}
+                .bearerToken=${(i=this.bearerToken)!=null?i:null}
+                .useTags=${!0}
+                @terra-combobox-change="${o(this,m,W)}"
+            ></terra-variable-combobox>
+
+            ${this.spatialWarningMessage&&this.lastChanged==="variable"?c`<div class="warning">⚠️ ${this.spatialWarningMessage}</div>`:null}
+            <terra-spatial-picker
+                initial-value=${this.location}
+                .spatialConstraints=${this.variableBoundingBox}
+                exportparts="map:spatial-picker__map"
+                label="Select Point"
+                @terra-map-change=${o(this,p,D)}
+            ></terra-spatial-picker>
+
+            <terra-time-series
+                variable-entry-id=${f(this)}
+                start-date=${this.startDate}
+                end-date=${this.endDate}
+                .location=${(n=this.location)!=null?n:void 0}
+                bearer-token=${this.bearerToken}
+                show-citation=${!0}
+                @terra-date-range-change=${o(this,u,I)}
+            >
+                <li slot="help-links">
+                    <a
+                        href="https://disc.gsfc.nasa.gov/information/tools?title=Hydrology%20Time%20Series"
+                        >User Guide</a
+                    >
+                </li>
+            </terra-time-series>
+
+            <terra-date-range-slider
+                exportparts="slider:date-range-slider__slider"
+                min-date=${t}
+                max-date=${r}
+                start-date=${this.startDate}
+                end-date=${this.endDate}
+                @terra-date-range-change="${o(this,g,P)}"
+                @terra-date-selection-invalid="${o(this,b,_)}"
+            ></terra-date-range-slider>
+            ${this.dateErrorMessage?c`<div class="date-error" style="color: red;">
+                      ${this.dateErrorMessage}
+                  </div>`:null}
+        `}};g=new WeakSet,P=function(t){this.startDate=t.detail.startDate,this.endDate=t.detail.endDate},b=new WeakSet,_=function(t){this.dateErrorMessage=t.detail.message},m=new WeakSet,W=function(t){let r=t.detail.entryId;!this.variableEntryId||r===this.variableEntryId||(this.variableEntryId=r,this.location=void 0,this.lastChanged="variable",this.compatibilityWarning())},p=new WeakSet,D=function(t){t.detail.type==="point"&&(this.location=`${t.detail.latLng.lat.toFixed(4)},${t.detail.latLng.lng.toFixed(4)}`,this.lastChanged="location",this.compatibilityWarning())},u=new WeakSet,I=function(t){this.startDate=t.detail.startDate,this.endDate=t.detail.endDate},e.styles=[x,T],e.dependencies={"terra-time-series":V,"terra-date-range-slider":E,"terra-spatial-picker":S,"terra-variable-combobox":k},a([s({attribute:"variable-entry-id",reflect:!0})],e.prototype,"variableEntryId",2),a([s({reflect:!0})],e.prototype,"collection",2),a([s({reflect:!0})],e.prototype,"variable",2),a([s({attribute:"start-date",reflect:!0})],e.prototype,"startDate",2),a([s({attribute:"end-date",reflect:!0})],e.prototype,"endDate",2),a([s({reflect:!0})],e.prototype,"location",2),a([s({attribute:"bearer-token",reflect:!1})],e.prototype,"bearerToken",2),a([h()],e.prototype,"catalogVariable",2),a([h()],e.prototype,"dateErrorMessage",2),a([h()],e.prototype,"lastChanged",2),a([h()],e.prototype,"spatialWarningMessage",2);export{e as a};

package/dist/chunks/chunk.WETDUXP5.js

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

@@ -0,0 +1 @@
+import{a as r}from"./chunk.63XFDLLU.js";var t=r;r.define("terra-progress-bar");export{t as a};

package/dist/chunks/chunk.WLKVTAB4.js

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

package/dist/chunks/chunk.WNYSCJWU.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PZM3CPCG.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-checkbox";e.define("terra-checkbox");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraBlur:"terra-blur",onTerraChange:"terra-change",onTerraFocus:"terra-focus",onTerraInput:"terra-input",onTerraInvalid:"terra-invalid"},displayName:"TerraCheckbox"}),T=a;export{T 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.WSSQCROT.js

@@ -0,0 +1,62 @@
+import{a as y,b as v}from"./chunk.77X2UDZ7.js";import{a as O}from"./chunk.YZOJBYJJ.js";import{a as _,b as W}from"./chunk.6MJMMDNP.js";import{a as c,c as h}from"./chunk.VOQBVUDI.js";import{a as d,c as u}from"./chunk.U6R2SR47.js";import{a as F}from"./chunk.PAOPYU6H.js";import{a as b}from"./chunk.CUJNKBC6.js";import{a as L}from"./chunk.6PEAAW4E.js";import{a as M}from"./chunk.EXISX4DM.js";import{a as A}from"./chunk.J5Q4TWEG.js";import{a as H,b as x}from"./chunk.OTF3DTPS.js";import{e as r}from"./chunk.INFVQQSJ.js";var R=o=>{var t;let{activeElement:i}=document;i&&o.contains(i)&&((t=document.activeElement)==null||t.blur())};import{classMap as U}from"lit/directives/class-map.js";import{html as q}from"lit";import{ifDefined as N}from"lit/directives/if-defined.js";import{property as S,query as C}from"lit/decorators.js";var D=new WeakMap;function K(o){let i=D.get(o);return i||(i=window.getComputedStyle(o,null),D.set(o,i)),i}function I(o){if(typeof o.checkVisibility=="function")return o.checkVisibility({checkOpacity:!1,checkVisibilityCSS:!0});let i=K(o);return i.visibility!=="hidden"&&i.display!=="none"}function $(o){let i=K(o),{overflowY:t,overflowX:s}=i;return t==="scroll"||s==="scroll"?!0:t!=="auto"||s!=="auto"?!1:o.scrollHeight>o.clientHeight&&t==="auto"||o.scrollWidth>o.clientWidth&&s==="auto"}function P(o){let i=o.tagName.toLowerCase(),t=Number(o.getAttribute("tabindex"));return o.hasAttribute("tabindex")&&(isNaN(t)||t<=-1)||o.hasAttribute("disabled")||o.closest("[inert]")||i==="input"&&o.getAttribute("type")==="radio"&&!o.hasAttribute("checked")||!I(o)?!1:(i==="audio"||i==="video")&&o.hasAttribute("controls")||o.hasAttribute("tabindex")||o.hasAttribute("contenteditable")&&o.getAttribute("contenteditable")!=="false"||["button","input","select","textarea","a","audio","video","summary","iframe"].includes(i)?!0:$(o)}function B(o,i){var t;return((t=o.getRootNode({composed:!0}))==null?void 0:t.host)!==i}function T(o){let i=new WeakMap,t=[];function s(e){if(e instanceof Element){if(e.hasAttribute("inert")||e.closest("[inert]")||i.has(e))return;i.set(e,!0),!t.includes(e)&&P(e)&&t.push(e),e instanceof HTMLSlotElement&&B(e,o)&&e.assignedElements({flatten:!0}).forEach(a=>{s(a)}),e.shadowRoot!==null&&e.shadowRoot.mode==="open"&&s(e.shadowRoot)}for(let a of e.children)s(a)}return s(o),t.sort((e,a)=>{let p=Number(e.getAttribute("tabindex"))||0;return(Number(a.getAttribute("tabindex"))||0)-p})}var m=[],f=class{constructor(i){this.tabDirection="forward";this.handleFocusIn=()=>{this.isActive()&&this.checkFocus()};this.handleKeyDown=i=>{var p;if(i.key!=="Tab"||this.isExternalActivated||!this.isActive())return;let t=W();if(this.previousFocus=t,this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus))return;i.shiftKey?this.tabDirection="backward":this.tabDirection="forward";let s=T(this.element),e=s.findIndex(l=>l===t);this.previousFocus=this.currentFocus;let a=this.tabDirection==="forward"?1:-1;for(;;){e+a>=s.length?e=0:e+a<0?e=s.length-1:e+=a,this.previousFocus=this.currentFocus;let l=s[e];if(this.tabDirection==="backward"&&this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus)||l&&this.possiblyHasTabbableChildren(l))return;i.preventDefault(),this.currentFocus=l,(p=this.currentFocus)==null||p.focus({preventScroll:!1});let k=[..._()];if(k.includes(this.currentFocus)||!k.includes(this.previousFocus))break}setTimeout(()=>this.checkFocus())};this.handleKeyUp=()=>{this.tabDirection="forward"};this.element=i,this.elementsWithTabbableControls=["iframe"]}activate(){m.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){m=m.filter(i=>i!==this.element),this.currentFocus=null,document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return m[m.length-1]===this.element}activateExternal(){this.isExternalActivated=!0}deactivateExternal(){this.isExternalActivated=!1}checkFocus(){if(this.isActive()&&!this.isExternalActivated){let i=T(this.element);if(!this.element.matches(":focus-within")){let t=i[0],s=i[i.length-1],e=this.tabDirection==="forward"?t:s;typeof(e==null?void 0:e.focus)=="function"&&(this.currentFocus=e,e.focus({preventScroll:!1}))}}}possiblyHasTabbableChildren(i){return this.elementsWithTabbableControls.includes(i.tagName.toLowerCase())||i.hasAttribute("controls")}};var n=class extends x{constructor(){super(...arguments);this.hasSlotController=new L(this,"footer");this.modal=new f(this);this.open=!1;this.label="";this.noHeader=!1;this.handleDocumentKeyDown=t=>{t.key==="Escape"&&this.modal.isActive()&&this.open&&(t.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),y(this))}disconnectedCallback(){super.disconnectedCallback(),this.modal.deactivate(),v(this),this.removeOpenListeners()}requestClose(t){if(this.emit("terra-dialog-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){let e=u(this,"dialog.denyClose",{dir:getComputedStyle(this).direction});c(this.panel,e.keyframes,e.options);return}this.hide()}addOpenListeners(){var t;"CloseWatcher"in window?((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard")):document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){var t;(t=this.closeWatcher)==null||t.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){if(this.open){this.emit("terra-dialog-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),y(this);let t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([h(this.dialog),h(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("terra-dialog-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")});let s=u(this,"dialog.show",{dir:getComputedStyle(this).direction}),e=u(this,"dialog.overlay.show",{dir:getComputedStyle(this).direction});await Promise.all([c(this.panel,s.keyframes,s.options),c(this.overlay,e.keyframes,e.options)]),this.emit("terra-dialog-after-show")}else{R(this),this.emit("terra-dialog-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([h(this.dialog),h(this.overlay)]);let t=u(this,"dialog.hide",{dir:getComputedStyle(this).direction}),s=u(this,"dialog.overlay.hide",{dir:getComputedStyle(this).direction});await Promise.all([c(this.overlay,s.keyframes,s.options).then(()=>{this.overlay.hidden=!0}),c(this.panel,t.keyframes,t.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,v(this);let e=this.originalTrigger;typeof(e==null?void 0:e.focus)=="function"&&setTimeout(()=>e.focus()),this.emit("terra-dialog-after-hide")}}async show(){if(!this.open)return this.open=!0,b(this,"terra-dialog-after-show")}async hide(){if(this.open)return this.open=!1,b(this,"terra-dialog-after-hide")}render(){return q`
+            <div
+                part="base"
+                class=${U({dialog:!0,"dialog--open":this.open,"dialog--has-footer":this.hasSlotController.test("footer")})}
+            >
+                <div
+                    part="overlay"
+                    class="dialog__overlay"
+                    @click=${()=>this.requestClose("overlay")}
+                    tabindex="-1"
+                ></div>
+
+                <div
+                    part="panel"
+                    class="dialog__panel"
+                    role="dialog"
+                    aria-modal="true"
+                    aria-hidden=${this.open?"false":"true"}
+                    aria-label=${N(this.noHeader?this.label:void 0)}
+                    aria-labelledby=${N(this.noHeader?void 0:"title")}
+                    tabindex="-1"
+                >
+                    ${this.noHeader?"":q`
+                              <header part="header" class="dialog__header">
+                                  <h2 part="title" class="dialog__title" id="title">
+                                      <slot name="label">
+                                          ${this.label.length>0?this.label:"\uFEFF"}
+                                      </slot>
+                                  </h2>
+                                  <div
+                                      part="header-actions"
+                                      class="dialog__header-actions"
+                                  >
+                                      <slot name="header-actions"></slot>
+                                      <terra-button
+                                          part="close-button"
+                                          exportparts="base:close-button__base"
+                                          class="dialog__close"
+                                          circle
+                                          variant="text"
+                                          @click="${()=>this.requestClose("close-button")}"
+                                          aria-label="Close"
+                                      >
+                                          <terra-icon
+                                              name="solid-x-mark"
+                                              library="heroicons"
+                                              font-size="1.25rem"
+                                          ></terra-icon>
+                                      </terra-button>
+                                  </div>
+                              </header>
+                          `}
+                    <div part="body" class="dialog__body" tabindex="-1">
+                        <slot></slot>
+                    </div>
+
+                    <footer part="footer" class="dialog__footer">
+                        <slot name="footer"></slot>
+                    </footer>
+                </div>
+            </div>
+        `}};n.styles=[H,O],n.dependencies={"terra-button":F,"terra-icon":M},r([C(".dialog")],n.prototype,"dialog",2),r([C(".dialog__panel")],n.prototype,"panel",2),r([C(".dialog__overlay")],n.prototype,"overlay",2),r([S({type:Boolean,reflect:!0})],n.prototype,"open",2),r([S({reflect:!0})],n.prototype,"label",2),r([S({attribute:"no-header",type:Boolean,reflect:!0})],n.prototype,"noHeader",2),r([A("open",{waitUntilFirstUpdate:!0})],n.prototype,"handleOpenChange",1);d("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});d("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});d("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});d("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});d("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{n as a};

package/dist/chunks/chunk.WSV3Y476.js

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

package/dist/chunks/chunk.WUMKEMAE.js

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

package/dist/chunks/chunk.WUQDOY44.js

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

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

@@ -0,0 +1,154 @@
+import{a as w}from"./chunk.QZWCO7EF.js";import{a as C}from"./chunk.URTV3MIW.js";import{a as _}from"./chunk.X5OPH5X7.js";import{b as g}from"./chunk.UTJA3S5Z.js";import{a as b}from"./chunk.6PEAAW4E.js";import{a as x}from"./chunk.EXISX4DM.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as v,b as y}from"./chunk.OTF3DTPS.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as s,query as M,state as $}from"lit/decorators.js";import{classMap as V}from"lit/directives/class-map.js";import{html as o}from"lit";import{ifDefined as l}from"lit/directives/if-defined.js";import{live as k}from"lit/directives/live.js";var e=class extends y{constructor(){super(...arguments);this.formControlController=new g(this,{value:t=>t.value,defaultValue:t=>t.defaultValue,setValue:(t,a)=>t.value=a});this.hasSlotController=new b(this,"help-text","error","clear-icon","show-password-icon","hide-password-icon");this.hasFocus=!1;this.validationErrorMessage="";this.__numberInput=Object.assign(document.createElement("input"),{type:"number"});this.__dateInput=Object.assign(document.createElement("input"),{type:"date"});this.title="";this.type="text";this.name="";this.value="";this.placeholder="";this.size="medium";this.filled=!1;this.pill=!1;this.disabled=!1;this.readonly=!1;this.required=!1;this.inputMode="text";this.label="";this.hideLabel=!1;this.helpText="";this.errorText="";this.clearable=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.noSpinButtons=!1;this.autofocus=!1;this.spellcheck=!0;this.defaultValue="";this.resettable=!1;this.form=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}get valueAsDate(){var t;return this.__dateInput.type=this.type,this.__dateInput.value=this.value,((t=this.input)==null?void 0:t.valueAsDate)||this.__dateInput.valueAsDate}set valueAsDate(t){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=t,this.value=this.__dateInput.value}get valueAsNumber(){var t;return this.__numberInput.value=this.value,((t=this.input)==null?void 0:t.valueAsNumber)||this.__numberInput.valueAsNumber}set valueAsNumber(t){this.__numberInput.valueAsNumber=t,this.value=this.__numberInput.value}firstUpdated(){this.formControlController.updateValidity()}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.updateValidationErrorMessage(),this.emit("terra-input")}handleChange(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("terra-change")}handleInvalid(t){this.formControlController.setValidity(!1),this.updateValidationErrorMessage(),this.formControlController.emitInvalidEvent(t)}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.formControlController.updateValidity(),this.updateValidationErrorMessage(),this.emit("terra-blur")}handleKeyDown(t){let a=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!a&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}updateValidationErrorMessage(){this.input?this.input.validity.valid?this.validationErrorMessage="":this.validationErrorMessage=this.input.validationMessage:this.validationErrorMessage=""}handleReset(t){t.preventDefault(),t.stopPropagation(),!(this.disabled||this.readonly)&&(this.value=this.defaultValue||"",this.input.value=this.value,this.formControlController.updateValidity(),this.emit("terra-change"),this.input.focus())}handleClearClick(t){t.preventDefault(),this.value!==""&&(this.value="",this.emit("terra-clear"),this.emit("terra-input"),this.emit("terra-change")),this.input.focus()}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input&&(this.input.step=String(this.step),this.formControlController.updateValidity())}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(t,a,r="none"){this.input.setSelectionRange(t,a,r)}setRangeText(t,a,r,n="preserve"){let d=a!=null?a:this.input.selectionStart,h=r!=null?r:this.input.selectionEnd;this.input.setRangeText(t,d,h,n),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}render(){let t=this.querySelector('[slot="prefix"]')!==null,a=this.querySelector('[slot="suffix"]')!==null,r=this.hasSlotController.test("help-text"),n=this.helpText?!0:!!r,d=this.hasSlotController.test("error"),h=this.hasAttribute("data-user-invalid"),u=h&&(this.errorText||d||this.validationErrorMessage),E=h&&(this.errorText||this.validationErrorMessage)||"",m=this.clearable&&!this.disabled&&!this.readonly,f=m&&(typeof this.value=="number"||this.value.length>0),c=this.resettable&&!this.clearable&&this.value!==""&&this.value!==this.defaultValue&&this.type!=="search",S=m||c||this.passwordToggle&&this.type==="password"||a;return o`
+            <div
+                part="form-control"
+                class=${V({"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":n&&!u,"form-control--has-error-text":u})}
+            >
+                ${this.label?o`
+                          <label
+                              for="input"
+                              part="form-control-label"
+                              class=${this.hideLabel?"input__label input__label--hidden":"input__label"}
+                          >
+                              ${this.label}
+                              ${this.required?o`<span class="input__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+
+                <div part="form-control-input" class="form-control-input">
+                    <div
+                        part="base"
+                        class=${V({input:!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--pill":this.pill,"input--standard":!this.filled,"input--filled":this.filled,"input--disabled":this.disabled,"input--focused":this.hasFocus,"input--empty":!this.value,"input--no-spin-buttons":this.noSpinButtons,"input--has-prefix":t,"input--has-suffix":S})}
+                    >
+                        ${t?o`
+                                  <span part="prefix" class="input__prefix">
+                                      <slot name="prefix"></slot>
+                                  </span>
+                              `:""}
+
+                        <input
+                            part="input"
+                            id="input"
+                            class="input__control"
+                            type=${this.type==="password"&&this.passwordVisible?"text":this.type}
+                            title=${this.title}
+                            name=${l(this.name||void 0)}
+                            ?disabled=${this.disabled}
+                            ?readonly=${this.readonly}
+                            ?required=${this.required}
+                            placeholder=${l(this.placeholder||void 0)}
+                            minlength=${l(this.minlength)}
+                            maxlength=${l(this.maxlength)}
+                            min=${l(this.min)}
+                            max=${l(this.max)}
+                            step=${l(this.step)}
+                            .value=${k(this.value)}
+                            autocapitalize=${l(this.getAttribute("autocapitalize"))}
+                            autocomplete=${l(this.autocomplete)}
+                            autocorrect=${l(this.getAttribute("autocorrect"))}
+                            ?autofocus=${this.autofocus}
+                            spellcheck=${this.spellcheck}
+                            pattern=${l(this.pattern)}
+                            enterkeyhint=${l(this.enterkeyhint)}
+                            inputmode=${l(this.inputMode)}
+                            aria-describedby=${u?"error-text":n?"help-text":void 0}
+                            aria-invalid=${u?"true":void 0}
+                            @input=${this.handleInput}
+                            @change=${this.handleChange}
+                            @invalid=${this.handleInvalid}
+                            @focus=${this.handleFocus}
+                            @blur=${this.handleBlur}
+                            @keydown=${this.handleKeyDown}
+                        />
+
+                        ${f?o`
+                                  <button
+                                      part="clear-button"
+                                      class="input__clear"
+                                      type="button"
+                                      aria-label="Clear input"
+                                      @click=${this.handleClearClick}
+                                      tabindex="-1"
+                                  >
+                                      <slot name="clear-icon">
+                                          <terra-icon
+                                              name="solid-x-circle"
+                                              library="heroicons"
+                                              font-size="1.2rem"
+                                          ></terra-icon>
+                                      </slot>
+                                  </button>
+                              `:""}
+                        ${this.passwordToggle&&this.type==="password"&&!this.disabled?o`
+                                  <button
+                                      part="password-toggle-button"
+                                      class="input__password-toggle"
+                                      type="button"
+                                      aria-label=${this.passwordVisible?"Hide password":"Show password"}
+                                      @click=${this.handlePasswordToggle}
+                                      tabindex="-1"
+                                  >
+                                      ${this.passwordVisible?o`
+                                                <slot name="show-password-icon">
+                                                    <terra-icon
+                                                        name="solid-eye-slash"
+                                                        library="heroicons"
+                                                    ></terra-icon>
+                                                </slot>
+                                            `:o`
+                                                <slot name="hide-password-icon">
+                                                    <terra-icon
+                                                        name="solid-eye"
+                                                        library="heroicons"
+                                                    ></terra-icon>
+                                                </slot>
+                                            `}
+                                  </button>
+                              `:""}
+                        ${c?o`
+                                  <button
+                                      type="button"
+                                      class="input__reset"
+                                      @click=${this.handleReset}
+                                      ?disabled=${this.disabled||this.readonly}
+                                      aria-label="Clear input"
+                                      tabindex="-1"
+                                  >
+                                      <terra-icon
+                                          name="solid-x-circle"
+                                          library="heroicons"
+                                          font-size="1.2rem"
+                                      ></terra-icon>
+                                  </button>
+                              `:""}
+                        ${a&&!f&&!c&&!(this.passwordToggle&&this.type==="password")?o`
+                                  <span part="suffix" class="input__suffix">
+                                      <slot name="suffix"></slot>
+                                  </span>
+                              `:""}
+                    </div>
+                </div>
+
+                ${u?o`
+                          <div
+                              aria-live="polite"
+                              aria-hidden="false"
+                              class="form-control__error-text"
+                              id="error-text"
+                              part="form-control-error-text"
+                          >
+                              <slot name="error">${E}</slot>
+                          </div>
+                      `:n?o`
+                            <div
+                                aria-hidden="false"
+                                class="form-control__help-text"
+                                id="help-text"
+                                part="form-control-help-text"
+                            >
+                                <slot name="help-text">${this.helpText}</slot>
+                            </div>
+                        `:""}
+            </div>
+        `}};e.styles=[v,_,w],e.dependencies={"terra-icon":x},i([M(".input__control")],e.prototype,"input",2),i([$()],e.prototype,"hasFocus",2),i([$()],e.prototype,"validationErrorMessage",2),i([s()],e.prototype,"title",2),i([s({reflect:!0})],e.prototype,"type",2),i([s()],e.prototype,"name",2),i([s()],e.prototype,"value",2),i([s()],e.prototype,"placeholder",2),i([s({reflect:!0})],e.prototype,"size",2),i([s({type:Boolean,reflect:!0})],e.prototype,"filled",2),i([s({type:Boolean,reflect:!0})],e.prototype,"pill",2),i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([s({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([s({type:Boolean,reflect:!0})],e.prototype,"required",2),i([s()],e.prototype,"autocomplete",2),i([s({type:Number})],e.prototype,"minlength",2),i([s({type:Number})],e.prototype,"maxlength",2),i([s()],e.prototype,"min",2),i([s()],e.prototype,"max",2),i([s()],e.prototype,"step",2),i([s()],e.prototype,"pattern",2),i([s({attribute:"input-mode"})],e.prototype,"inputMode",2),i([s()],e.prototype,"label",2),i([s({attribute:"hide-label",type:Boolean})],e.prototype,"hideLabel",2),i([s({attribute:"help-text"})],e.prototype,"helpText",2),i([s({attribute:"error-text"})],e.prototype,"errorText",2),i([s({type:Boolean})],e.prototype,"clearable",2),i([s({attribute:"password-toggle",type:Boolean})],e.prototype,"passwordToggle",2),i([s({attribute:"password-visible",type:Boolean})],e.prototype,"passwordVisible",2),i([s({attribute:"no-spin-buttons",type:Boolean})],e.prototype,"noSpinButtons",2),i([s({type:Boolean})],e.prototype,"autofocus",2),i([s()],e.prototype,"enterkeyhint",2),i([s({type:Boolean,converter:{fromAttribute:t=>!(!t||t==="false"),toAttribute:t=>t?"true":"false"}})],e.prototype,"spellcheck",2),i([C("value")],e.prototype,"defaultValue",2),i([s({type:Boolean,reflect:!0})],e.prototype,"resettable",2),i([s({reflect:!0})],e.prototype,"form",2),i([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([p("step",{waitUntilFirstUpdate:!0})],e.prototype,"handleStepChange",1),i([p("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1);export{e as a};

package/dist/chunks/chunk.XA74HUUF.js

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

package/dist/chunks/chunk.XAR5NYEQ.js

@@ -0,0 +1,19 @@
+import{a}from"./chunk.32TDAXC6.js";import{a as l}from"./chunk.EXISX4DM.js";import{a as n}from"./chunk.J5Q4TWEG.js";import{a as r,b as o}from"./chunk.OTF3DTPS.js";import{e}from"./chunk.INFVQQSJ.js";import{html as c}from"lit";import{property as s,state as m}from"lit/decorators.js";var t=class extends o{constructor(){super(...arguments);this.inline=!1;this.dark=!1;this.inactivityDelay=3e3;this.visible=!1;this.handleScroll=()=>{if(this.inline)return;this.isAtBottomOfPage()?(this.visible&&this.hide(),this.clearTimers()):this.visible&&(this.hide(),this.startInactivityTimer())};this.handleDocumentClick=i=>{this.contains(i.target)||!this.inline&&this.visible&&(this.hide(),this.startInactivityTimer())};this.handleClick=()=>{this.emit("terra-scroll"),this.inline||(this.hide(),setTimeout(()=>{this.startInactivityTimer()},100)),this.scrollDown()}}handleInlineChange(){this.inline?(this.visible=!0,this.clearTimers()):(this.visible=!1,this.clearTimers(),this.startInactivityTimer())}connectedCallback(){super.connectedCallback(),this.setupEventListeners(),this.inline?this.visible=!0:this.startInactivityTimer()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupEventListeners(),this.clearTimers()}setupEventListeners(){window.addEventListener("scroll",this.handleScroll,{passive:!0}),document.addEventListener("click",this.handleDocumentClick)}cleanupEventListeners(){window.removeEventListener("scroll",this.handleScroll),document.removeEventListener("click",this.handleDocumentClick)}isAtBottomOfPage(){let i=window.innerHeight,h=document.documentElement.scrollHeight;return(window.scrollY||document.documentElement.scrollTop)+i>=h-100}scrollDown(){let i=window.innerHeight;window.scrollBy({top:i,behavior:"smooth"})}hide(){this.visible=!1,this.clearTimers()}startInactivityTimer(){this.inline||this.isAtBottomOfPage()||(this.inactivityTimeout=window.setTimeout(()=>{this.isAtBottomOfPage()||(this.visible=!0)},this.inactivityDelay))}clearTimers(){clearTimeout(this.scrollTimeout),clearTimeout(this.clickTimeout),clearTimeout(this.inactivityTimeout)}render(){return this.visible?c`
+            <button
+                part="button"
+                class="scroll-hint"
+                @click="${this.handleClick}"
+                aria-label="Scroll to continue"
+            >
+                <div part="icon-container" class="scroll-hint__icon-container">
+                    <div part="ring" class="scroll-hint__ring"></div>
+                    <div part="icon" class="scroll-hint__icon">
+                        <terra-icon
+                            name="chevron-down"
+                            library="default"
+                        ></terra-icon>
+                    </div>
+                </div>
+                <span part="text" class="scroll-hint__text">SCROLL TO CONTINUE</span>
+            </button>
+        `:c``}};t.styles=[r,a],t.dependencies={"terra-icon":l},e([s({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([s({type:Boolean,reflect:!0})],t.prototype,"dark",2),e([s({type:Number})],t.prototype,"inactivityDelay",2),e([m()],t.prototype,"visible",2),e([n("inline")],t.prototype,"handleInlineChange",1);export{t as a};

package/dist/chunks/chunk.XBLQSPUU.js

@@ -0,0 +1,39 @@
+import{a as u}from"./chunk.PJ2G5T64.js";import{a as h}from"./chunk.EXISX4DM.js";import{a as m,b as p}from"./chunk.OTF3DTPS.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as e}from"lit/decorators.js";import{html as s,nothing as n}from"lit";import{classMap as a}from"lit/directives/class-map.js";var t=class extends p{constructor(){super(...arguments);this.variant="content";this.size="medium";this.iconLibrary="default";this.stack=!1;this.dark=!1;this.handleClick=r=>{this.variant==="topic"&&this.emit("terra-click",{detail:{originalEvent:r}})}}render(){let r=this.variant==="topic"&&this.href,o=this.variant==="content",l={tag:!0,"tag--content":o,"tag--topic":this.variant==="topic","tag--urgent":this.variant==="urgent","tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large"},c=s`
+            ${o?s`
+                      <span
+                          part="icon"
+                          class="${a({tag__icon:!0,"tag__icon--small":this.size==="small","tag__icon--medium":this.size==="medium","tag__icon--large":this.size==="large"})}"
+                      >
+                          <slot name="icon">
+                              ${this.icon?s`
+                                        <terra-icon
+                                            name="${this.icon}"
+                                            library="${this.iconLibrary}"
+                                        ></terra-icon>
+                                    `:n}
+                          </slot>
+                      </span>
+                  `:n}
+            <span part="label" class="tag__label">
+                <slot></slot>
+            </span>
+        `;return r?s`
+                <a
+                    part="base"
+                    href="${this.href}"
+                    class="${a(l)}"
+                    @click="${this.handleClick}"
+                >
+                    ${c}
+                </a>
+            `:s`
+            <div
+                part="base"
+                class="${a(l)}"
+                @click="${this.handleClick}"
+                role="${this.variant==="topic"?"button":n}"
+                tabindex="${this.variant==="topic"&&!this.href?"0":n}"
+            >
+                ${c}
+            </div>
+        `}};t.styles=[m,u],t.dependencies={"terra-icon":h},i([e({reflect:!0})],t.prototype,"variant",2),i([e({reflect:!0})],t.prototype,"size",2),i([e({reflect:!0})],t.prototype,"icon",2),i([e({reflect:!0})],t.prototype,"iconLibrary",2),i([e({type:Boolean,reflect:!0})],t.prototype,"stack",2),i([e({type:Boolean,reflect:!0})],t.prototype,"dark",2),i([e()],t.prototype,"href",2);export{t as a};

package/dist/chunks/chunk.XOZSKLSU.js

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

package/dist/chunks/chunk.XQ2DODLW.js

@@ -0,0 +1 @@
+import{a as h}from"./chunk.74OC24MY.js";import{i as c,j as p,k as y,m as S}from"./chunk.NH6VLJ6J.js";import{f as r,g as a,h as o,i as m}from"./chunk.INFVQQSJ.js";var s,i,u,n,l,b,g,d=class{constructor(t){this.host=t;a(this,b);a(this,s,null);a(this,i,void 0);a(this,u,void 0);a(this,n,void 0);a(this,l,void 0);t.addController(this),o(this,u,new h(t,p())),o(this,n,new S(t,()=>c(r(this,s),r(this,i)))),o(this,l,new h(t,y()))}hostConnected(){}async startJob(t){o(this,i,t.options),o(this,s,"new");try{let e=await r(this,u).mutate(t);return o(this,s,e.jobID),e}catch(e){throw o(this,s,null),e}finally{this.host.requestUpdate()}}async cancelJob(t){return r(this,l).mutate(t)}startPollForJobStatus(t){o(this,s,t)}reset(){o(this,s,null),o(this,i,void 0),this.host.requestUpdate()}get jobId(){return r(this,s)}get data(){var t,e;return r(this,s)==="new"?m(this,b,g).call(this):(e=(t=r(this,n).result)==null?void 0:t.data)!=null?e:null}get progress(){var t,e;return(e=(t=this.data)==null?void 0:t.progress)!=null?e:0}get status(){var t,e;return r(this,s)==="new"?"running":(e=(t=r(this,n).result)==null?void 0:t.data)==null?void 0:e.status}get isCreating(){var t,e;return r(this,s)==="new"?!0:(e=(t=r(this,u).result)==null?void 0:t.isPending)!=null?e:!1}get isPolling(){var t;return((t=r(this,n).result)==null?void 0:t.fetchStatus)==="fetching"}};s=new WeakMap,i=new WeakMap,u=new WeakMap,n=new WeakMap,l=new WeakMap,b=new WeakSet,g=function(){return{jobID:"",status:"running",message:"Your job is being created and will start soon.",progress:0,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),dataExpiration:"",request:"",numInputGranules:0,links:[]}};export{d as a};

package/dist/chunks/chunk.XUXVJHWD.js

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

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