@nasa-terra/components 0.0.179 → 0.0.182

package/dist/chunks/chunk.AIKRJW76.js

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

package/dist/chunks/chunk.AXB5O266.js

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

package/dist/chunks/chunk.AZFD4LBL.js

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

package/dist/chunks/chunk.B4W7MOEM.js

@@ -1,145 +0,0 @@
-import{a as P}from"./chunk.OIUVQPNF.js";import{a as L,b as T}from"./chunk.WXZVHMVF.js";import{a as O}from"./chunk.J5Q4TWEG.js";import{a as q,b as A}from"./chunk.EXKNLUSQ.js";import{a as S,b as G,e as n,f as t,g as l,h as u}from"./chunk.INFVQQSJ.js";import F from"fuse.js";import{LitElement as W,html as h,nothing as H}from"lit";import{property as c,state as N}from"lit/decorators.js";import{ref as U}from"lit/directives/ref.js";import{repeat as C}from"lit/directives/repeat.js";import{cache as B}from"lit/directives/cache.js";import{choose as Q}from"lit/directives/choose.js";import{map as x}from"lit/directives/map.js";var r,p,m,d,E,b,I,k,g,v,$,w,M,f,y,a=class a extends A{constructor(){super(...arguments);l(this,r,null);l(this,p,null);l(this,m,null);l(this,d,null);this.label="Search for Items";this.name="Item";this.hideHelp=!1;this.hideLabel=!1;this.status="INITIAL";this.content={type:"GroupedListItem",data:[]};this.isExpanded=!1;this.query=a.initialQuery;this.searchResults=[];l(this,E,(e,i)=>h`
-            <li
-                id="listbox-option-${i}"
-                role="option"
-                class="listbox-option"
-                data-name=${e.name}
-                data-event-detail=${JSON.stringify({name:e.name,value:e.value})}
-            >
-                ${e.name}
-            </li>
-        `);l(this,b,(e,i)=>h`
-            <li class="listbox-option-group" data-tree-walker="filter_skip">
-                <span class="group-title" data-tree-walker="filter_skip"
-                    >${e.name}</span
-                >
-                <ul data-tree-walker="filter_skip">
-                    ${C(e.items,s=>`${s.name}_${s.value}`,(s,o)=>h`
-                                <li
-                                    id="listbox-option-${i}.${o}"
-                                    role="option"
-                                    class="listbox-option"
-                                    data-name=${s.title?s.title:s.name}
-                                    data-event-detail=${JSON.stringify({name:s.name,value:s.value})}
-                                >
-                                    ${s.title?s.title:s.name}
-                                </li>
-                            `)}
-                </ul>
-            </li>
-        `);l(this,I,()=>h`
-            <li class="error listbox-option-group">${this.content.data}</li>
-        `);l(this,k,()=>h`
-            <li class="skeleton listbox-option-group">
-                <span class="skeleton-title"></span>
-                <ul>
-                    <li class="listbox-option"></li>
-                </ul>
-            </li>
-            <li class="skeleton listbox-option-group">
-                <span class="skeleton-title"></span>
-                <ul>
-                    <li class="listbox-option"></li>
-                </ul>
-            </li>
-            <li class="skeleton listbox-option-group">
-                <span class="skeleton-title"></span>
-                <ul>
-                    <li class="listbox-option"></li>
-                </ul>
-            </li>
-        `);l(this,g,e=>{this.emit("terra-combobox-change",{detail:JSON.parse(e)})});l(this,v,()=>{var e;this.isExpanded=!this.isExpanded,(e=t(this,r))==null||e.focus()});l(this,$,e=>{var s;let i=e.target;this.query=i.value,i.value&&(this.isExpanded=!0),this.searchResults=(s=t(this,m))==null?void 0:s.search(i.value).map(({item:o})=>o)});l(this,w,e=>{let i=e.composedPath(),[s]=i.filter(o=>o.role==="option");s&&t(this,y).call(this,s)});l(this,M,e=>{var i;switch(e.key){case"ArrowDown":{if(L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),e.altKey)break;T(t(this,d),t(this,r),"next");break}case"ArrowUp":{L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),T(t(this,d),t(this,r),"previous");break}case"Enter":{t(this,y).call(this,(i=t(this,d))==null?void 0:i.currentNode);break}case"Escape":{L(t(this,r),t(this,p)),this.isExpanded?this.isExpanded=!1:this.query=a.initialQuery;break}default:break}});l(this,f,e=>{e.composedPath().some(o=>o.localName===a.tagName)||(this.isExpanded=!1)});l(this,y,e=>{let{name:i,eventDetail:s}=e.dataset;this.query=`${i}`,t(this,g).call(this,s),this.isExpanded=!1,L(t(this,r),t(this,p))})}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f));let e=this.content.type==="GroupedListItem"||this.content.type==="ListItem"?this.content.data:[];u(this,m,new F(e,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}disconnectedCallback(){super.disconnectedCallback(),globalThis.addEventListener("click",t(this,f))}contentChanged(e,i){let s=i.type==="GroupedListItem"||i.type==="ListItem"?i.data:[];u(this,m,new F(s,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}render(){var e;return h`<search part="base" title="Search through the list.">
-            <label for="combobox" class=${this.hideLabel?"sr-only":"input-label"}
-                >${this.label}</label
-            >
-            <div class="search-input-group">
-                <input
-                    ${U(i=>{var s;i&&((s=t(this,r))!=null||u(this,r,i))})}
-                    aria-autocomplete="list"
-                    aria-controls="listbox"
-                    aria-expanded=${this.isExpanded}
-                    class="combobox"
-                    id="combobox"
-                    part="combobox"
-                    role="combobox"
-                    type="text"
-                    .placeholder=${(e=this.placeholder)!=null?e:`${this.label}\u2026`}
-                    .value=${this.query}
-                    @input=${t(this,$)}
-                    @keydown=${t(this,M)}
-                />
-                <terra-button
-                    shape="square-left"
-                    aria-controls="listbox"
-                    aria-expanded=${this.isExpanded}
-                    aria-label="List of Searchable Items"
-                    class="combobox-button"
-                    id="combobox-button"
-                    part="button"
-                    tabindex="-1"
-                    type="button"
-                    @click=${t(this,v)}
-                >
-                    ${["COMPLETE","ERROR","INITIAL"].includes(this.status)?h`<svg
-                              aria-hidden="true"
-                              class="button-icon chevron"
-                              focusable="false"
-                              viewBox="0 0 400 400"
-                              xmlns="http://www.w3.org/2000/svg"
-                              fill="currentColor"
-                          >
-                              <path
-                                  d="m4.2 122.2 195.1 195.1 196.5-196.6-37.9-38-157.8 157.8-156.8-156.8z"
-                              ></path>
-                          </svg> `:h`<svg
-                              class="button-icon spinner"
-                              stroke="currentColor"
-                              viewBox="0 0 24 24"
-                              xmlns="http://www.w3.org/2000/svg"
-                          >
-                              <circle
-                                  cx="12"
-                                  cy="12"
-                                  r="9.5"
-                                  fill="none"
-                                  stroke-width="3"
-                              ></circle>
-                          </svg>`}
-                </terra-button>
-
-                ${this.hideHelp?H:h`<p class="search-help">
-                          See
-                          <a
-                              href="https://www.fusejs.io/examples.html#extended-search"
-                              rel="noopener noreferrer"
-                              target="_blank"
-                              >extended search syntax
-                              <svg
-                                  aria-hidden="true"
-                                  class="external-link"
-                                  xmlns="http://www.w3.org/2000/svg"
-                                  width="14"
-                                  height="14"
-                                  viewBox="0 0 24 24"
-                              >
-                                  <path
-                                      d="M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
-                                  /></svg></a
-                          >.
-                      </p>`}
-            </div>
-
-            <ul
-                ${U(i=>{var s;i&&((s=t(this,p))!=null||u(this,p,i),u(this,d,document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT,o=>o.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
-                ?inert=${!this.isExpanded}
-                ?open=${this.isExpanded}
-                @click=${t(this,w)}
-                aria-label=${this.query?`${this.name} Matching ${this.query}`:this.name}
-                id="listbox"
-                part="listbox"
-                role="listbox"
-                class="search-results"
-            >
-                ${Q(this.status,[["INITIAL",()=>H],["PENDING",t(this,k)],["COMPLETE",()=>this.content.type==="ListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,E)):x(this.searchResults,t(this,E))):this.content.type==="GroupedListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,b)):x(this.searchResults,t(this,b))):H],["ERROR",t(this,I)]])}
-            </ul>
-        </search>`}};r=new WeakMap,p=new WeakMap,m=new WeakMap,d=new WeakMap,E=new WeakMap,b=new WeakMap,I=new WeakMap,k=new WeakMap,g=new WeakMap,v=new WeakMap,$=new WeakMap,w=new WeakMap,M=new WeakMap,f=new WeakMap,y=new WeakMap,a.styles=[q,P],a.shadowRootOptions=G(S({},W.shadowRootOptions),{delegatesFocus:!0}),a.tagName="terra-combobox",a.initialQuery="",n([c()],a.prototype,"label",2),n([c()],a.prototype,"name",2),n([c()],a.prototype,"placeholder",2),n([c({attribute:"hide-help",type:Boolean})],a.prototype,"hideHelp",2),n([c({attribute:"hide-label",type:Boolean})],a.prototype,"hideLabel",2),n([c()],a.prototype,"status",2),n([c({type:Object})],a.prototype,"content",2),n([N()],a.prototype,"isExpanded",2),n([N()],a.prototype,"query",2),n([N()],a.prototype,"searchResults",2),n([O("content")],a.prototype,"contentChanged",1);var R=a;export{R as a};

package/dist/chunks/chunk.B6IOO3S6.js

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

package/dist/chunks/chunk.B7Z7LN4Y.js

@@ -1,157 +0,0 @@
-import{a as $}from"./chunk.KIOEQ552.js";import{a as I}from"./chunk.GXTFJZWR.js";import{c as D}from"./chunk.77X2UDZ7.js";import{a as E}from"./chunk.3YYQOQRG.js";import{a as f,c as g}from"./chunk.VOQBVUDI.js";import{a as b,c as v}from"./chunk.U6R2SR47.js";import{a as k}from"./chunk.X5OPH5X7.js";import{b as x}from"./chunk.UTJA3S5Z.js";import{a as w}from"./chunk.TRM2XUGL.js";import{a as m}from"./chunk.CUJNKBC6.js";import{a as y}from"./chunk.6PEAAW4E.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as C,b as O}from"./chunk.EXKNLUSQ.js";import{e as s}from"./chunk.INFVQQSJ.js";import{classMap as L}from"lit/directives/class-map.js";import{html as p}from"lit";import{property as n,query as c,state as u}from"lit/decorators.js";import{unsafeHTML as _}from"lit/directives/unsafe-html.js";var i=class extends O{constructor(){super(...arguments);this.formControlController=new x(this,{assumeInteractionOn:["terra-blur","terra-input"]});this.hasSlotController=new y(this,"help-text","label");this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.name="";this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptionsVisible=3;this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.filled=!1;this.pill=!1;this.label="";this.placement="bottom";this.helpText="";this.form="";this.required=!1;this.getTag=t=>p`
-            <terra-tag
-                part="tag"
-                variant="topic"
-                size=${this.size}
-                @terra-remove=${e=>this.handleTagRemove(e,t)}
-            >
-                ${t.getTextLabel()}
-            </terra-tag>
-        `;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let e=t.target,o=e.closest(".select__clear")!==null,l=e.closest("terra-icon-button")!==null;if(!(o||l)){if(t.key==="Escape"&&this.open&&!this.closeWatcher&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let r=this.getAllOptions(),a=r.indexOf(this.currentOption),h=Math.max(0,a);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"?(h=a+1,h>r.length-1&&(h=0)):t.key==="ArrowUp"?(h=a-1,h<0&&(h=r.length-1)):t.key==="Home"?h=0:t.key==="End"&&(h=r.length-1),this.setCurrentOption(r[h])}if(t.key&&t.key.length===1||t.key==="Backspace"){let r=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let a of r)if(a.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(a);break}}}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}get value(){return this._value}set value(t){this.multiple?t=Array.isArray(t)?t:t.split(" "):t=Array.isArray(t)?t.join(" "):t,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.handleDefaultSlotChange()}),this.open=!1}addOpenListeners(){var t;document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn),"CloseWatcher"in window&&((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){var t;document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn),(t=this.closeWatcher)==null||t.destroy()}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(t){let o=t.composedPath().some(l=>l instanceof Element&&l.tagName.toLowerCase()==="terra-icon-button");this.disabled||o||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(t){t.key!=="Tab"&&(t.stopPropagation(),this.handleDocumentKeyDown(t))}handleClearClick(t){t.stopPropagation(),this.valueHasChanged=!0,this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("terra-clear"),this.emit("terra-input"),this.emit("terra-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let o=t.target.closest("terra-option"),l=this.value;o&&!o.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(o):this.setSelectedOptions(o),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==l&&this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){customElements.get("terra-option")||customElements.whenDefined("terra-option").then(()=>this.handleDefaultSlotChange());let t=this.getAllOptions(),e=this.valueHasChanged?this.value:this.defaultValue,o=Array.isArray(e)?e:[e],l=[];t.forEach(r=>l.push(r.value)),this.setSelectedOptions(t.filter(r=>o.includes(r.value)))}handleTagRemove(t,e){t.stopPropagation(),this.valueHasChanged=!0,this.disabled||(this.toggleOptionSelection(e,!1),this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}))}getAllOptions(){return[...this.querySelectorAll("terra-option")]}getFirstOption(){return this.querySelector("terra-option")}setCurrentOption(t){this.getAllOptions().forEach(o=>{o.current=!1,o.tabIndex=-1}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus())}setSelectedOptions(t){let e=this.getAllOptions(),o=Array.isArray(t)?t:[t];e.forEach(l=>l.selected=!1),o.length&&o.forEach(l=>l.selected=!0),this.selectionChanged()}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var o,l,r;let t=this.getAllOptions();this.selectedOptions=t.filter(a=>a.selected);let e=this.valueHasChanged;if(this.multiple)this.value=this.selectedOptions.map(a=>a.value),this.placeholder&&this.value.length===0?this.displayLabel="":this.displayLabel=`${this.selectedOptions.length} selected`;else{let a=this.selectedOptions[0];this.value=(o=a==null?void 0:a.value)!=null?o:"",this.displayLabel=(r=(l=a==null?void 0:a.getTextLabel)==null?void 0:l.call(a))!=null?r:""}this.valueHasChanged=e,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let o=this.getTag(t,e);return p`<div
-                    @terra-remove=${l=>this.handleTagRemove(l,t)}
-                >
-                    ${typeof o=="string"?_(o):o}
-                </div>`}else if(e===this.maxOptionsVisible)return p`<terra-tag size=${this.size}
-                    >+${this.selectedOptions.length-e}</terra-tag
-                >`;return p``})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}attributeChangedCallback(t,e,o){if(super.attributeChangedCallback(t,e,o),t==="value"){let l=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=l}}handleValueChange(){if(!this.valueHasChanged){let o=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=o}let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(o=>e.includes(o.value)))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("terra-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=v(this,"select.show",{dir:"ltr"});await f(this.popup.popup,t,e),this.currentOption&&D(this.currentOption,this.listbox,"vertical","auto"),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await g(this);let{keyframes:t,options:e}=v(this,"select.hide",{dir:"ltr"});await f(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,m(this,"terra-after-show")}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,m(this,"terra-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}render(){let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),o=this.label?!0:!!t,l=this.helpText?!0:!!e,r=this.clearable&&!this.disabled&&this.value.length>0,a=this.placeholder&&this.value&&this.value.length<=0;return p`
-            <div
-                part="form-control"
-                class=${L({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":o,"form-control--has-help-text":l})}
-            >
-                <label
-                    id="label"
-                    part="form-control-label"
-                    class="form-control__label"
-                    aria-hidden=${o?"false":"true"}
-                    @click=${this.handleLabelClick}
-                >
-                    <slot name="label">${this.label}</slot>
-                </label>
-
-                <div part="form-control-input" class="form-control-input">
-                    <terra-popup
-                        class=${L({select:!0,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":a,"select--top":this.placement==="top","select--bottom":this.placement==="bottom","select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large"})}
-                        placement=${this.placement}
-                        strategy=${this.hoist?"fixed":"absolute"}
-                        flip
-                        shift
-                        sync="width"
-                        auto-size="vertical"
-                        auto-size-padding="10"
-                    >
-                        <div
-                            part="combobox"
-                            class="select__combobox"
-                            slot="anchor"
-                            @keydown=${this.handleComboboxKeyDown}
-                            @mousedown=${this.handleComboboxMouseDown}
-                        >
-                            <slot
-                                part="prefix"
-                                name="prefix"
-                                class="select__prefix"
-                            ></slot>
-
-                            <input
-                                part="display-input"
-                                class="select__display-input"
-                                type="text"
-                                placeholder=${this.placeholder}
-                                .disabled=${this.disabled}
-                                .value=${this.displayLabel}
-                                autocomplete="off"
-                                spellcheck="false"
-                                autocapitalize="off"
-                                readonly
-                                aria-controls="listbox"
-                                aria-expanded=${this.open?"true":"false"}
-                                aria-haspopup="listbox"
-                                aria-labelledby="label"
-                                aria-disabled=${this.disabled?"true":"false"}
-                                aria-describedby="help-text"
-                                role="combobox"
-                                tabindex="0"
-                                @focus=${this.handleFocus}
-                                @blur=${this.handleBlur}
-                            />
-
-                            ${this.multiple?p`<div part="tags" class="select__tags">
-                                      ${this.tags}
-                                  </div>`:""}
-
-                            <input
-                                class="select__value-input"
-                                type="text"
-                                ?disabled=${this.disabled}
-                                ?required=${this.required}
-                                .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
-                                tabindex="-1"
-                                aria-hidden="true"
-                                @focus=${()=>this.focus()}
-                                @invalid=${this.handleInvalid}
-                            />
-
-                            ${r?p`
-                                      <button
-                                          part="clear-button"
-                                          class="select__clear"
-                                          type="button"
-                                          aria-label="Clear selection"
-                                          @mousedown=${this.handleClearMouseDown}
-                                          @click=${this.handleClearClick}
-                                          tabindex="-1"
-                                      >
-                                          <slot name="clear-icon">
-                                              <terra-icon
-                                                  name="solid-x-circle"
-                                                  library="heroicons"
-                                              ></terra-icon>
-                                          </slot>
-                                      </button>
-                                  `:""}
-
-                            <slot
-                                name="suffix"
-                                part="suffix"
-                                class="select__suffix"
-                            ></slot>
-
-                            <slot
-                                name="expand-icon"
-                                part="expand-icon"
-                                class="select__expand-icon"
-                            >
-                                <terra-icon
-                                    library="heroicons"
-                                    name="solid-chevron-down"
-                                ></terra-icon>
-                            </slot>
-                        </div>
-
-                        <div
-                            id="listbox"
-                            role="listbox"
-                            aria-expanded=${this.open?"true":"false"}
-                            aria-multiselectable=${this.multiple?"true":"false"}
-                            aria-labelledby="label"
-                            part="listbox"
-                            class="select__listbox"
-                            tabindex="-1"
-                            @mouseup=${this.handleOptionClick}
-                            @slotchange=${this.handleDefaultSlotChange}
-                        >
-                            <slot></slot>
-                        </div>
-                    </terra-popup>
-                </div>
-
-                <div
-                    part="form-control-help-text"
-                    id="help-text"
-                    class="form-control__help-text"
-                    aria-hidden=${l?"false":"true"}
-                >
-                    <slot name="help-text">${this.helpText}</slot>
-                </div>
-            </div>
-        `}};i.styles=[C,k,I],i.dependencies={"terra-icon":w,"terra-popup":E,"terra-tag":$},s([c(".select")],i.prototype,"popup",2),s([c(".select__combobox")],i.prototype,"combobox",2),s([c(".select__display-input")],i.prototype,"displayInput",2),s([c(".select__value-input")],i.prototype,"valueInput",2),s([c(".select__listbox")],i.prototype,"listbox",2),s([u()],i.prototype,"hasFocus",2),s([u()],i.prototype,"displayLabel",2),s([u()],i.prototype,"currentOption",2),s([u()],i.prototype,"selectedOptions",2),s([u()],i.prototype,"valueHasChanged",2),s([n()],i.prototype,"name",2),s([u()],i.prototype,"value",1),s([n({attribute:"value"})],i.prototype,"defaultValue",2),s([n({reflect:!0})],i.prototype,"size",2),s([n()],i.prototype,"placeholder",2),s([n({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([n({attribute:"max-options-visible",type:Number})],i.prototype,"maxOptionsVisible",2),s([n({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([n({type:Boolean})],i.prototype,"clearable",2),s([n({type:Boolean,reflect:!0})],i.prototype,"open",2),s([n({type:Boolean})],i.prototype,"hoist",2),s([n({type:Boolean,reflect:!0})],i.prototype,"filled",2),s([n({type:Boolean,reflect:!0})],i.prototype,"pill",2),s([n()],i.prototype,"label",2),s([n({reflect:!0})],i.prototype,"placement",2),s([n({attribute:"help-text"})],i.prototype,"helpText",2),s([n({reflect:!0})],i.prototype,"form",2),s([n({type:Boolean,reflect:!0})],i.prototype,"required",2),s([n()],i.prototype,"getTag",2),s([d("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),s([d(["defaultValue","value"],{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),s([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1);b("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});b("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/dist/chunks/chunk.BDTBEGUV.js

@@ -1,30 +0,0 @@
-import{a as n}from"./chunk.P5Z2X5RJ.js";import{a as m}from"./chunk.TRM2XUGL.js";import{a as s}from"./chunk.J5Q4TWEG.js";import{a as o,b as l}from"./chunk.EXKNLUSQ.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as c}from"lit/directives/class-map.js";import{html as a}from"lit";import{property as r,state as d}from"lit/decorators.js";var i=class extends l{constructor(){super(...arguments);this.hasError=!1;this.image="";this.label="";this.initials="";this.loading="eager";this.shape="circle"}handleImageChange(){this.hasError=!1}handleImageLoadError(){this.hasError=!0,this.emit("terra-error")}render(){let h=a`
-            <img
-                part="image"
-                class="avatar__image"
-                src="${this.image}"
-                loading="${this.loading}"
-                alt=""
-                @error="${this.handleImageLoadError}"
-            />
-        `,t=a``;return this.initials?t=a`<div part="initials" class="avatar__initials">
-                ${this.initials}
-            </div>`:t=a`
-                <div part="icon" class="avatar__icon" aria-hidden="true">
-                    <slot name="icon">
-                        <terra-icon
-                            name="solid-user"
-                            library="heroicons"
-                        ></terra-icon>
-                    </slot>
-                </div>
-            `,a`
-            <div
-                part="base"
-                class=${c({avatar:!0,"avatar--circle":this.shape==="circle","avatar--rounded":this.shape==="rounded","avatar--square":this.shape==="square"})}
-                role="img"
-                aria-label=${this.label}
-            >
-                ${this.image&&!this.hasError?h:t}
-            </div>
-        `}};i.styles=[o,n],i.dependencies={"terra-icon":m},e([d()],i.prototype,"hasError",2),e([r()],i.prototype,"image",2),e([r()],i.prototype,"label",2),e([r()],i.prototype,"initials",2),e([r()],i.prototype,"loading",2),e([r({reflect:!0})],i.prototype,"shape",2),e([s("image")],i.prototype,"handleImageChange",1);export{i as a};

package/dist/chunks/chunk.BML4OHUL.js

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

package/dist/chunks/chunk.BVJU5S2L.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.2QP3CLLZ.js";var T=e;e.define("terra-tabs");export{T as a};

package/dist/chunks/chunk.BWUUT4P3.js

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

package/dist/chunks/chunk.C3LDULRW.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.46LCWODR.js";var d=e;e.define("terra-loader");export{d as a};

package/dist/chunks/chunk.C5IAOI5P.js

@@ -1,75 +0,0 @@
-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.EXKNLUSQ.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};