@nasa-terra/components 0.0.186 → 0.0.188

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

@@ -0,0 +1,43 @@
+import{a as m}from"./chunk.ACPZYKOT.js";import{a as p}from"./chunk.JR4CVT6A.js";import{a as u}from"./chunk.ZRFO26MR.js";import{a as d}from"./chunk.6AJD3EGC.js";import{a as h}from"./chunk.LC4WH54W.js";import{a as o,b as l}from"./chunk.6PEAAW4E.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as n,b as c}from"./chunk.EBSZILKQ.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as k}from"lit/directives/class-map.js";import{html as b}from"lit";import{property as i,query as f}from"lit/decorators.js";var e=class extends c{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.value="";this.loading=!1;this.disabled=!1;this.hasSlotController=new o(this,"submenu");this.submenuController=new p(this,this.hasSlotController);this.handleHostClick=s=>{this.disabled&&(s.preventDefault(),s.stopImmediatePropagation())};this.handleMouseOver=s=>{this.focus(),s.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return l(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let r=this.submenuController.isExpanded();return b`
+            <div
+                id="anchor"
+                part="base"
+                class=${k({"menu-item":!0,"menu-item--rtl":!1,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--loading":this.loading,"menu-item--has-submenu":this.isSubmenu(),"menu-item--submenu-expanded":r})}
+                ?aria-haspopup="${this.isSubmenu()}"
+                ?aria-expanded="${!!r}"
+            >
+                <span part="checked-icon" class="menu-item__check">
+                    <terra-icon
+                        name="solid-check"
+                        library="heroicons"
+                        aria-hidden="true"
+                    ></terra-icon>
+                </span>
+
+                <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
+
+                <slot
+                    part="label"
+                    class="menu-item__label"
+                    @slotchange=${this.handleDefaultSlotChange}
+                ></slot>
+
+                <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
+
+                <span part="submenu-icon" class="menu-item__chevron">
+                    <terra-icon
+                        name=${"chevron-right"}
+                        library="system"
+                        aria-hidden="true"
+                    ></terra-icon>
+                </span>
+
+                ${this.submenuController.renderSubmenu()}
+                ${this.loading?b`
+                          <terra-loader
+                              part="spinner"
+                              exportparts="base:spinner__base"
+                          ></terra-loader>
+                      `:""}
+            </div>
+        `}};e.styles=[n,m],e.dependencies={"terra-icon":h,"terra-popup":u,"terra-loader":d},t([f("slot:not([name])")],e.prototype,"defaultSlot",2),t([f(".menu-item")],e.prototype,"menuItem",2),t([i()],e.prototype,"type",2),t([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([i()],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"loading",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a("checked")],e.prototype,"handleCheckedChange",1),t([a("disabled")],e.prototype,"handleDisabledChange",1),t([a("type")],e.prototype,"handleTypeChange",1);export{e as a};

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

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

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

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

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

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

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

@@ -0,0 +1,37 @@
+import{a as n}from"./chunk.CUJNKBC6.js";import{a as l}from"./chunk.6PEAAW4E.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as h,b as d}from"./chunk.EBSZILKQ.js";import{a as u}from"./chunk.EP7VZEIL.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as s}from"lit";import{property as a,query as c,state as f}from"lit/decorators.js";var t=class t extends d{constructor(){super(...arguments);this.hasSlotController=new l(this,"icon","suffix");this.open=!1;this.closable=!1;this.variant="primary";this.appearance="filled";this.duration=1/0;this.remainingTime=this.duration}static get toastStack(){return this.currentToastStack||(this.currentToastStack=Object.assign(document.createElement("div"),{className:"terra-toast-stack"})),this.currentToastStack}firstUpdated(){this.base.hidden=!this.open}restartAutoHide(){this.handleCountdownChange(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration),this.remainingTime=this.duration,this.remainingTimeInterval=window.setInterval(()=>{this.remainingTime-=100},100))}pauseAutoHide(){var i;(i=this.countdownAnimation)==null||i.pause(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval)}resumeAutoHide(){var i;this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.remainingTime),this.remainingTimeInterval=window.setInterval(()=>{this.remainingTime-=100},100),(i=this.countdownAnimation)==null||i.play())}handleCountdownChange(){if(this.open&&this.duration<1/0&&this.countdown){let{countdownElement:i}=this,p="100%",v="0";this.countdownAnimation=i.animate([{width:p},{width:v}],{duration:this.duration,easing:"linear"})}}handleCloseClick(){this.hide()}async handleOpenChange(){this.base.hidden=!this.open,this.open?(this.emit("terra-show"),this.duration<1/0&&this.restartAutoHide(),this.emit("terra-after-show")):(this.emit("terra-hide"),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.emit("terra-after-hide"))}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.open)return this.open=!0,n(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,n(this,"terra-after-hide")}async toast(){return new Promise(i=>{this.handleCountdownChange(),t.toastStack.parentElement===null&&document.body.append(t.toastStack),t.toastStack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("terra-after-hide",()=>{t.toastStack.removeChild(this),i(),t.toastStack.querySelector("terra-alert")===null&&t.toastStack.remove()},{once:!0})})}render(){return s`
+            <div
+                part="base"
+                class=${m({alert:!0,"alert--open":this.open,"alert--closable":this.closable,"alert--has-countdown":!!this.countdown,"alert--has-icon":this.hasSlotController.test("icon"),"alert--primary":this.variant==="primary","alert--success":this.variant==="success","alert--neutral":this.variant==="neutral","alert--warning":this.variant==="warning","alert--danger":this.variant==="danger","alert--filled":this.appearance==="filled","alert--white":this.appearance==="white"})}
+                role="alert"
+                aria-hidden=${this.open?"false":"true"}
+                @mouseenter=${this.pauseAutoHide}
+                @mouseleave=${this.resumeAutoHide}
+            >
+                <div part="icon" class="alert__icon">
+                    <slot name="icon"></slot>
+                </div>
+
+                <div part="message" class="alert__message" aria-live="polite">
+                    <slot></slot>
+                </div>
+
+                ${this.closable?s`
+                          <terra-icon
+                              class="alert__close-button"
+                              name="solid-x-mark"
+                              library="heroicons"
+                              @click=${this.handleCloseClick}
+                          ></terra-icon>
+                      `:""}
+
+                <div role="timer" class="alert__timer">${this.remainingTime}</div>
+
+                ${this.countdown?s`
+                          <div
+                              class=${m({alert__countdown:!0,"alert__countdown--ltr":this.countdown==="ltr"})}
+                          >
+                              <div class="alert__countdown-elapsed"></div>
+                          </div>
+                      `:""}
+            </div>
+        `}};t.styles=[h,u],e([c('[part~="base"]')],t.prototype,"base",2),e([c(".alert__countdown-elapsed")],t.prototype,"countdownElement",2),e([a({type:Boolean,reflect:!0})],t.prototype,"open",2),e([a({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([a({reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0})],t.prototype,"appearance",2),e([a({type:Number})],t.prototype,"duration",2),e([a({type:String,reflect:!0})],t.prototype,"countdown",2),e([f()],t.prototype,"remainingTime",2),e([r("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([r("duration")],t.prototype,"handleDurationChange",1);var o=t;export{o as a};

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

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

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

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

package/dist/chunks/chunk.43FPERQ6.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.YRNKJ2HR.js";import*as r from"react";import{createComponent as a}from"@lit/react";var t="terra-date-range-slider";e.define("terra-date-range-slider");var o=a({tagName:t,elementClass:e,react:r,events:{},displayName:"TerraDateRangeSlider"}),i=o;export{i as a};

package/dist/chunks/chunk.47KREHD6.js

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

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.Z6ZKXGRO.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-input";e.define("terra-input");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraInput:"terra-input",onTerraChange:"terra-change",onTerraFocus:"terra-focus",onTerraBlur:"terra-blur",onTerraInvalid:"terra-invalid",onTerraClear:"terra-clear"},displayName:"TerraInput"}),T=a;export{T as a};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/chunks/chunk.6AJD3EGC.js

@@ -0,0 +1,65 @@
+import{a as o}from"./chunk.ZDSYFD3X.js";import{a as n,b as l}from"./chunk.EBSZILKQ.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as i,state as m}from"lit/decorators.js";import{html as s,nothing as a}from"lit";import{classMap as c}from"lit/directives/class-map.js";var t=class extends l{constructor(){super(...arguments);this.variant="large";this.percent="0";this.indeterminate=!1;this.role="progressbar";this._currentPercent=0}formatPercent(e){return parseInt(e)>100&&(e="100"),parseInt(e)>0?e+"%":""}render(){return this._currentPercent=parseInt(this.percent),s`
+            <div
+                class=${c({loader:!0,"loader--small":this.variant==="small","loader--large":this.variant==="large","loader--orbit":this.variant==="orbit"})}
+                aria-valuenow=${this.formatPercent(this.percent)}
+                .role=${this.role}
+                tabindex="-1"
+            >
+                ${this.variant==="large"||this.variant==="orbit"?s`
+                          <div
+                              class="percent ${this.variant=="orbit"?"number-14":"number-11"}"
+                          >
+                              ${this.formatPercent(this.percent)}
+                          </div>
+                      `:a}
+                ${this.variant==="orbit"?s`
+                          <svg viewBox="0 0 160 160">
+                              <circle class="planet" />
+
+                              <!-- total length of orbit ellipse = 298.2393493652344 -->
+                              <path
+                                  id="orbit"
+                                  d="M 53.528 96.775 C 73.584 124.975 100.654 140.601 115.393 130.137 C 132.613 117.912 119.246 79.55 105.434 60.525 C 90.233 39.587 60.506 18.543 44.962 30.114 C 29.456 41.657 38.219 75.25 53.528 96.775 Z"
+                              >
+                                  <animate
+                                      attributeName="stroke-dashoffset"
+                                      begin="-0.25s"
+                                      from="300"
+                                      to="0"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  />
+                              </path>
+
+                              <circle class="moon">
+                                  <animateMotion
+                                      begin="0s"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  >
+                                      <mpath href="#orbit"></mpath>
+                                  </animateMotion>
+                              </circle>
+
+                              <path
+                                  id="mask"
+                                  class="planet"
+                                  d="M 130.176 80.041 C 130.176 41.552 88.321 17.697 55.544 36.652 C 40.081 45.594 30.865 62.428 30.47 80.094 L 130.176 80.041 Z"
+                                  style="transform-box: fill-box; transform-origin: 49.8347% 100.62%;"
+                                  transform="matrix(-0.350367, -0.936613, 0.936613, -0.350367, -0.148117, -0.20884)"
+                              />
+                          </svg>
+                      `:a}
+                ${this.variant==="small"||this.variant==="large"?s`
+                          <svg
+                              viewBox=${this.variant=="small"?"0 0 30 30":"0 0 52 52"}
+                              aria-hidden="true"
+                              style="--progress: ${this.percent}"
+                              class="circular-progress ${this.indeterminate?"indeterminate":""}"
+                          >
+                              <circle class="bg"></circle>
+                              <circle class="fg"></circle>
+                          </svg>
+                      `:a}
+            </div>
+        `}};t.styles=[n,o],r([i({reflect:!0})],t.prototype,"variant",2),r([i({type:String})],t.prototype,"percent",2),r([i({type:Boolean})],t.prototype,"indeterminate",2),r([i({reflect:!0})],t.prototype,"role",2),r([m()],t.prototype,"_currentPercent",2);export{t as a};

package/dist/chunks/chunk.6BSZ76Z2.js

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

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

package/dist/chunks/chunk.6KGMHF2O.js

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

package/dist/chunks/chunk.6KK7RZNX.js

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

package/dist/chunks/chunk.6LIFKKEC.js

@@ -0,0 +1 @@
+import{a}from"./chunk.7XVQ23TB.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a as l,b as r}from"./chunk.EBSZILKQ.js";import{e}from"./chunk.INFVQQSJ.js";import{property as s}from"lit/decorators.js";var t=class extends r{constructor(){super(...arguments);this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};t.styles=[l,a],e([s({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([o("vertical")],t.prototype,"handleVerticalChange",1);export{t as a};

package/dist/chunks/chunk.6OQFZXRC.js

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

package/dist/chunks/chunk.6SUK7Y4R.js

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

package/dist/chunks/chunk.6YK2ZG6R.js

@@ -0,0 +1,35 @@
+import{a as T}from"./chunk.ZRFO26MR.js";import{a as L}from"./chunk.NP2QG5W4.js";import{b as y}from"./chunk.6MJMMDNP.js";import{a as p,c as m}from"./chunk.VOQBVUDI.js";import{a as c,c as f}from"./chunk.U6R2SR47.js";import{a as u}from"./chunk.CUJNKBC6.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as v,b as E}from"./chunk.EBSZILKQ.js";import{e as n}from"./chunk.INFVQQSJ.js";import{classMap as w}from"lit/directives/class-map.js";import{html as M}from"lit";import{ifDefined as b}from"lit/directives/if-defined.js";import{property as a,query as g}from"lit/decorators.js";var i=class extends E{constructor(){super(...arguments);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.hoist=!1;this.hover=!1;this.hoverTimeout=null;this.hideTimeout=null;this.sync=void 0;this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())};this.handleDocumentKeyDown=e=>{var t;if(e.key==="Escape"&&this.open&&!this.closeWatcher){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="terra-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}let s=(o,r)=>{if(!o)return null;let h=o.closest(r);if(h)return h;let l=o.getRootNode();return l instanceof ShadowRoot?s(l.host,r):null};setTimeout(()=>{var r;let o=((r=this.containingElement)==null?void 0:r.getRootNode())instanceof ShadowRoot?y():document.activeElement;(!this.containingElement||s(o,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}};this.handleDocumentMouseDown=e=>{let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()};this.handlePanelSelect=e=>{let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="terra-menu"&&(this.hide(),this.focusOnTrigger())};this.handleTriggerMouseEnter=()=>{!this.hover||this.disabled||(this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.hoverTimeout=window.setTimeout(()=>{this.open||this.show(),this.hoverTimeout=null},150))};this.handleTriggerMouseLeave=()=>{this.hover&&(this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))};this.handlePanelMouseEnter=()=>{this.hover&&this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)};this.handlePanelMouseLeave=()=>{this.hover&&(this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.updateComplete.then(()=>{this.attachHoverListeners()}),this.open&&(this.addOpenListeners(),this.popup.active=!0,this.attachPanelHoverListeners())}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.removeHoverListeners(),this.hide(),this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}removeHoverListeners(){var r,h;let t=(((r=this.trigger)==null?void 0:r.assignedElements({flatten:!0}))||[])[0];if(!t)return;let s=t;if(t.tagName.toLowerCase()==="terra-button"){let l=t.button;l&&(s=l)}s.removeEventListener("mouseenter",this.handleTriggerMouseEnter),s.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let o=(h=this.popup)==null?void 0:h.popup;o&&(o.removeEventListener("mouseenter",this.handlePanelMouseEnter),o.removeEventListener("mouseleave",this.handlePanelMouseLeave))}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="terra-menu")}handleTriggerClick(){this.hover||(this.open?this.hide():(this.show(),this.focusOnTrigger()))}async handleTriggerKeyDown(e){if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let s=t.getAllItems(),o=s[0],r=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||(this.show(),await this.updateComplete),s.length>0&&this.updateComplete.then(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(o),o.focus()),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(r),r.focus())}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger(),requestAnimationFrame(()=>{this.attachHoverListeners()})}attachHoverListeners(){if(!this.hover||!this.trigger)return;let t=this.trigger.assignedElements({flatten:!0})[0];if(!t)return;t.removeEventListener("mouseenter",this.handleTriggerMouseEnter),t.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let s=t;if(t.tagName.toLowerCase()==="terra-button"){let o=t.button;o&&(s=o)}s.addEventListener("mouseenter",this.handleTriggerMouseEnter),s.addEventListener("mouseleave",this.handleTriggerMouseLeave)}attachPanelHoverListeners(){this.hover&&this.updateComplete.then(()=>{var t;let e=(t=this.popup)==null?void 0:t.popup;e&&(e.removeEventListener("mouseenter",this.handlePanelMouseEnter),e.removeEventListener("mouseleave",this.handlePanelMouseLeave),e.addEventListener("mouseenter",this.handlePanelMouseEnter),e.addEventListener("mouseleave",this.handlePanelMouseLeave))})}updateAccessibleTrigger(){}async show(){if(!this.open)return this.open=!0,u(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"terra-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var e;this.panel.addEventListener("terra-select",this.handlePanelSelect),"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide(),this.focusOnTrigger()}):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var e;this.panel&&(this.panel.removeEventListener("terra-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("terra-show"),this.addOpenListeners(),this.attachPanelHoverListeners(),await m(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=f(this,"dropdown.show",{dir:"ltr"});await p(this.popup.popup,e,t),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await m(this);let{keyframes:e,options:t}=f(this,"dropdown.hide",{dir:"ltr"});await p(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}handleHoverChange(){this.attachHoverListeners()}render(){return M`
+            <terra-popup
+                part="base"
+                exportparts="popup:base__popup"
+                id="dropdown"
+                placement=${this.placement}
+                distance=${this.distance}
+                skidding=${this.skidding}
+                strategy=${this.hoist?"fixed":"absolute"}
+                flip
+                shift
+                auto-size="vertical"
+                auto-size-padding="10"
+                sync=${b(this.sync?this.sync:void 0)}
+                class=${w({dropdown:!0,"dropdown--open":this.open})}
+            >
+                <slot
+                    name="trigger"
+                    slot="anchor"
+                    part="trigger"
+                    class="dropdown__trigger"
+                    @click=${this.handleTriggerClick}
+                    @keydown=${this.handleTriggerKeyDown}
+                    @keyup=${this.handleTriggerKeyUp}
+                    @slotchange=${this.handleTriggerSlotChange}
+                ></slot>
+
+                <div
+                    aria-hidden=${this.open?"false":"true"}
+                    aria-labelledby="dropdown"
+                >
+                    <slot part="panel" class="dropdown__panel"></slot>
+                </div>
+            </terra-popup>
+        `}};i.styles=[v,L],i.dependencies={"terra-popup":T},n([g(".dropdown")],i.prototype,"popup",2),n([g(".dropdown__trigger")],i.prototype,"trigger",2),n([g(".dropdown__panel")],i.prototype,"panel",2),n([a({type:Boolean,reflect:!0})],i.prototype,"open",2),n([a({reflect:!0})],i.prototype,"placement",2),n([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),n([a({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],i.prototype,"stayOpenOnSelect",2),n([a({attribute:!1})],i.prototype,"containingElement",2),n([a({type:Number})],i.prototype,"distance",2),n([a({type:Number})],i.prototype,"skidding",2),n([a({type:Boolean})],i.prototype,"hoist",2),n([a({type:Boolean,reflect:!0})],i.prototype,"hover",2),n([a({reflect:!0})],i.prototype,"sync",2),n([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),n([d("hover",{waitUntilFirstUpdate:!0})],i.prototype,"handleHoverChange",1);c("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});c("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/dist/chunks/chunk.743ALC5H.js

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

package/dist/chunks/chunk.75HMCL2A.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.EBSZILKQ.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};