@nasa-terra/components 0.0.188 → 0.0.191

package/dist/chunks/chunk.Z47EAJ4R.js

@@ -1,66 +0,0 @@
-import{css as r}from"lit";var i=r`
-    :host {
-        --border-color: var(--terra-panel-border-color);
-        --border-radius: var(--terra-border-radius-medium);
-        --border-width: var(--terra-panel-border-width);
-        --padding: var(--terra-spacing-large);
-
-        display: inline-block;
-    }
-
-    .card {
-        display: flex;
-        flex-direction: column;
-        background-color: var(--terra-panel-background-color);
-        box-shadow: var(--terra-shadow-x-small);
-        border: solid var(--border-width) var(--border-color);
-        border-radius: var(--border-radius);
-    }
-
-    .card__image {
-        display: flex;
-        border-top-left-radius: var(--border-radius);
-        border-top-right-radius: var(--border-radius);
-        margin: calc(-1 * var(--border-width));
-        overflow: hidden;
-    }
-
-    .card__image::slotted(img) {
-        display: block;
-        width: 100%;
-    }
-
-    .card:not(.card--has-image) .card__image {
-        display: none;
-    }
-
-    .card__header {
-        display: block;
-        border-bottom: solid var(--border-width) var(--border-color);
-        padding: calc(var(--padding) / 2) var(--padding);
-    }
-
-    .card:not(.card--has-header) .card__header {
-        display: none;
-    }
-
-    .card:not(.card--has-image) .card__header {
-        border-top-left-radius: var(--border-radius);
-        border-top-right-radius: var(--border-radius);
-    }
-
-    .card__body {
-        display: block;
-        padding: var(--padding);
-    }
-
-    .card--has-footer .card__footer {
-        display: block;
-        border-top: solid var(--border-width) var(--border-color);
-        padding: var(--padding);
-    }
-
-    .card:not(.card--has-footer) .card__footer {
-        display: none;
-    }
-`;export{i as a};

package/dist/chunks/chunk.Z655PVER.js

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

package/dist/chunks/chunk.Z6ZKXGRO.js

@@ -1,154 +0,0 @@
-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 x}from"./chunk.LC4WH54W.js";import{a as b}from"./chunk.6PEAAW4E.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as v,b as y}from"./chunk.EBSZILKQ.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.Z7LPYJQ5.js

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

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

package/dist/chunks/chunk.ZGHSH2C2.js

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

package/dist/chunks/chunk.ZNSBJSLZ.js

@@ -1,55 +0,0 @@
-import{a as b}from"./chunk.Q3RQ2KGF.js";import{a as C}from"./chunk.X5OPH5X7.js";import{b as p,c as v,d as y,e as g}from"./chunk.UTJA3S5Z.js";import{a as m}from"./chunk.6PEAAW4E.js";import{a as h}from"./chunk.J5Q4TWEG.js";import{a as u,b as f}from"./chunk.EBSZILKQ.js";import{e as l}from"./chunk.INFVQQSJ.js";import{classMap as E}from"lit/directives/class-map.js";import{html as V}from"lit";import{property as n,query as M,state as k}from"lit/decorators.js";var i=class extends f{constructor(){super(...arguments);this.formControlController=new p(this);this.hasSlotController=new m(this,"help-text","label");this.customValidityMessage="";this.errorMessage="";this.defaultValue="";this.label="";this.helpText="";this.name="option";this.value="";this.size="medium";this.form="";this.required=!1}get validity(){let e=this.required&&!this.value;return this.customValidityMessage!==""?g:e?y:v}get validationMessage(){let e=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:e?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("terra-radio")]}handleRadioClick(e){let t=e.target.closest("terra-radio"),o=this.getAllRadios(),r=this.value;!t||t.disabled||(this.value=t.value,o.forEach(a=>a.checked=a===t),this.value!==r&&(this.emit("terra-change"),this.emit("terra-input")))}handleKeyDown(e){var c;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key))return;let t=this.getAllRadios().filter(d=>!d.disabled),o=(c=t.find(d=>d.checked))!=null?c:t[0],r=e.key===" "?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1,a=this.value,s=t.indexOf(o)+r;s<0&&(s=t.length-1),s>t.length-1&&(s=0),this.getAllRadios().forEach(d=>{d.checked=!1}),this.value=t[s].value,t[s].checked=!0,t[s].focus(),this.value!==a&&(this.emit("terra-change"),this.emit("terra-input")),e.preventDefault()}handleLabelClick(){this.focus()}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}async syncRadioElements(){let e=this.getAllRadios();await Promise.all(e.map(async t=>{await t.updateComplete,t.checked=t.value===this.value,t.size=this.size})),e.forEach(t=>{t.name=this.name})}syncRadios(){this.getAllRadios().forEach(t=>{t.name=this.name}),customElements.get("terra-radio")?this.syncRadioElements():customElements.whenDefined("terra-radio").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(t=>t.checked=t.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleNameChange(){this.getAllRadios().forEach(t=>{t.name=this.name})}handleSizeChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}checkValidity(){let e=this.required&&!this.value,t=this.customValidityMessage!=="";return e||t?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let e=this.validity.valid;return this.errorMessage=this.customValidityMessage||e?"":this.validationInput.validationMessage,this.formControlController.setValidity(e),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),e||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),e}setCustomValidity(e=""){this.customValidityMessage=e,this.errorMessage=e,this.validationInput.setCustomValidity(e),this.formControlController.updateValidity()}focus(e){let t=this.getAllRadios(),o=t.find(s=>s.checked),r=t.find(s=>!s.disabled),a=o||r;a&&a.focus(e)}render(){let e=this.hasSlotController.test("label"),t=this.hasSlotController.test("help-text"),o=this.label?!0:!!e,r=this.helpText?!0:!!t,a=V`
-            <slot
-                @slotchange=${this.syncRadios}
-                @click=${this.handleRadioClick}
-                @keydown=${this.handleKeyDown}
-            ></slot>
-        `;return V`
-            <fieldset
-                part="form-control"
-                class=${E({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--radio-group":!0,"form-control--has-label":o,"form-control--has-help-text":r})}
-                role="radiogroup"
-                aria-labelledby="label"
-                aria-describedby="help-text"
-                aria-errormessage="error-message"
-            >
-                <label
-                    part="form-control-label"
-                    id="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">
-                    <div class="visually-hidden">
-                        <div id="error-message" aria-live="assertive">
-                            ${this.errorMessage}
-                        </div>
-                        <label class="radio-group__validation">
-                            <input
-                                type="text"
-                                class="radio-group__validation-input"
-                                ?required=${this.required}
-                                tabindex="-1"
-                                hidden
-                                @invalid=${this.handleInvalid}
-                            />
-                        </label>
-                    </div>
-
-                    ${a}
-                </div>
-
-                <div
-                    part="form-control-help-text"
-                    id="help-text"
-                    class="form-control__help-text"
-                    aria-hidden=${r?"false":"true"}
-                >
-                    <slot name="help-text">${this.helpText}</slot>
-                </div>
-            </fieldset>
-        `}};i.styles=[u,C,b],l([M("slot:not([name])")],i.prototype,"defaultSlot",2),l([M(".radio-group__validation-input")],i.prototype,"validationInput",2),l([k()],i.prototype,"errorMessage",2),l([k()],i.prototype,"defaultValue",2),l([n()],i.prototype,"label",2),l([n({attribute:"help-text"})],i.prototype,"helpText",2),l([n()],i.prototype,"name",2),l([n({reflect:!0})],i.prototype,"value",2),l([n({reflect:!0})],i.prototype,"size",2),l([n({reflect:!0})],i.prototype,"form",2),l([n({type:Boolean,reflect:!0})],i.prototype,"required",2),l([h("name",{waitUntilFirstUpdate:!0})],i.prototype,"handleNameChange",1),l([h("size",{waitUntilFirstUpdate:!0})],i.prototype,"handleSizeChange",1),l([h("value")],i.prototype,"handleValueChange",1);export{i as a};

package/dist/chunks/chunk.ZORILGBU.js

@@ -1,48 +0,0 @@
-import{b as w,c as k}from"./chunk.UTJA3S5Z.js";import{a as C}from"./chunk.R4D7NLOS.js";import{a as D}from"./chunk.LC4WH54W.js";import{a as b}from"./chunk.6PEAAW4E.js";import{a as f}from"./chunk.J5Q4TWEG.js";import{a as y,b as v}from"./chunk.EBSZILKQ.js";import{e,g,i as d}from"./chunk.INFVQQSJ.js";import{classMap as x}from"lit/directives/class-map.js";import{html as m,literal as $}from"lit/static-html.js";import{ifDefined as r}from"lit/directives/if-defined.js";import{property as o,query as L,state as c}from"lit/decorators.js";var n,u,t=class extends v{constructor(){super(...arguments);g(this,n);this.formControlController=new w(this,{assumeInteractionOn:["click"]});this.hasSlotController=new b(this,"[default]","prefix","suffix");this.hasFocus=!1;this.invalid=!1;this.title="";this.variant="primary";this.size="medium";this.caret=!1;this.disabled=!1;this.loading=!1;this.outline=!1;this.circle=!1;this.type="button";this.name="";this.value="";this.href="";this.rel="noreferrer noopener";this.role="button";this.expanded=!1}get validity(){return this.isButton()?this.button.validity:k}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}connectedCallback(){super.connectedCallback(),this.forDialog&&(document.addEventListener("terra-dialog-show",d(this,n,u).bind(this)),document.addEventListener("terra-dialog-hide",d(this,n,u).bind(this)))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("terra-dialog-show",d(this,n,u).bind(this)),document.removeEventListener("terra-dialog-hide",d(this,n,u).bind(this))}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleClick(){if(this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this),this.forDialog){let i=document.getElementById(this.forDialog);if(!i){let a=l=>{if("getElementById"in l&&typeof l.getElementById=="function"){let s=l.getElementById(this.forDialog);if(s)return s}let E=l.querySelectorAll("*");for(let s of E){if(s.id===this.forDialog&&s.tagName.toLowerCase()==="terra-dialog")return s;if(s.shadowRoot&&s.shadowRoot.mode==="open"){let p=a(s.shadowRoot);if(p)return p}}return null},h=a(document);h&&(i=h)}i==null||i.show()}}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}handleHrefChange(){this.role=this.isLink()?null:"button"}click(){this.button.click()}focus(i){this.button.focus(i)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(i){this.isButton()&&(this.button.setCustomValidity(i),this.formControlController.updateValidity())}setPageLinkIcon(i){let h=new URL(i).hostname,l=globalThis.location.hostname;return h===l?"outline-arrow-right":"outline-arrow-up-right"}setFontSize(i){switch(i){case"small":return".8rem";case"medium":return"1.2rem";case"large":return"1.5rem";default:return"1.5rem"}}render(){let i=this.isLink(),a=i?$`a`:$`button`;return m`
-      <${a}
-        part="base"
-        class=${x({button:!0,"button--default":this.variant==="default","button--primary":this.variant==="primary","button--success":this.variant==="success","button--warning":this.variant==="warning","button--danger":this.variant==="danger","button--text":this.variant==="text","button--pagelink":this.variant==="pagelink","button--small":this.size==="small","button--medium":this.size==="medium","button--large":this.size==="large","button--caret":this.caret,"button--square-left":this.shape==="square-left","button--square":this.shape==="square","button--square-right":this.shape==="square-right","button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})}
-        ?disabled=${r(i?void 0:this.disabled)}
-        type=${r(i?void 0:this.type)}
-        title=${this.title}
-        name=${r(i?void 0:this.name)}
-        value=${r(i?void 0:this.value)}
-        href=${r(i?this.href:void 0)}
-        target=${r(i?this.target:void 0)}
-        download=${r(i?this.download:void 0)}
-        rel=${r(i?this.rel:void 0)}
-        role=${r(this.role)}
-        aria-disabled=${this.disabled?"true":"false"}
-        tabindex=${this.disabled?"-1":"0"}
-        @blur=${this.handleBlur}
-        @focus=${this.handleFocus}
-        @invalid=${this.isButton()?this.handleInvalid:null}
-        @click=${this.handleClick}
-        aria-controls=${r(this.forDialog||void 0)} 
-        ?aria-haspopup=${this.forDialog?"dialog":void 0}
-        aria-expanded=${r(this.forDialog?this.expanded:void 0)}
-      >
-        <slot name="prefix" part="prefix" class="button__prefix"></slot>
-        <slot part="label" class="button__label"></slot>
-        <slot name="suffix" part="suffix" class="button__suffix">
-            ${this.variant=="pagelink"?m`
-                          <span>
-                              <terra-icon
-                                  name=${this.setPageLinkIcon(this.href)}
-                                  library="heroicons"
-                                  font-size=${this.setFontSize(this.size)}
-                              ></terra-icon>
-                          </span>
-                      `:""}
-        </slot>
-        ${this.caret?m`
-                      <span part="caret" class="button__caret">
-                          <terra-icon
-                              name="solid-chevron-down"
-                              library="heroicons"
-                              aria-hidden="true"
-                          ></terra-icon>
-                      </span>
-                  `:""}
-      </${a}>
-    `}};n=new WeakSet,u=function(i){this.forDialog&&this.forDialog===i.target.id&&(this.expanded=i.target.open)},t.styles=[y,C],t.dependencies={"terra-icon":D},e([L(".button")],t.prototype,"button",2),e([c()],t.prototype,"hasFocus",2),e([c()],t.prototype,"invalid",2),e([o()],t.prototype,"title",2),e([o({reflect:!0})],t.prototype,"variant",2),e([o({reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"caret",2),e([o({reflect:!0})],t.prototype,"shape",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:Boolean,reflect:!0})],t.prototype,"outline",2),e([o({type:Boolean,reflect:!0})],t.prototype,"circle",2),e([o()],t.prototype,"type",2),e([o()],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o()],t.prototype,"href",2),e([o()],t.prototype,"target",2),e([o()],t.prototype,"rel",2),e([o()],t.prototype,"download",2),e([o()],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([o({attribute:"for-dialog"})],t.prototype,"forDialog",2),e([o({reflect:!0})],t.prototype,"role",2),e([c()],t.prototype,"expanded",2),e([f("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([f("href")],t.prototype,"handleHrefChange",1);export{t as a};

package/dist/chunks/chunk.ZRFO26MR.js

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

package/dist/chunks/chunk.ZWO53CYQ.js

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

package/dist/chunks/chunk.ZXSLGF4Q.js

@@ -1,86 +0,0 @@
-import{css as e}from"lit";var a=e`
-    :host {
-        display: block;
-        user-select: none;
-        -webkit-user-select: none;
-    }
-
-    :host(:focus) {
-        outline: none;
-    }
-
-    .option {
-        position: relative;
-        display: flex;
-        align-items: center;
-        font-family: var(--terra-font-family--inter);
-        font-size: var(--terra-font-size-medium);
-        font-weight: var(--terra-font-weight-normal);
-        line-height: var(--terra-line-height-normal);
-        letter-spacing: var(--terra-letter-spacing-normal);
-        color: var(--terra-color-carbon-70);
-        padding: var(--terra-spacing-x-small) var(--terra-spacing-medium)
-            var(--terra-spacing-x-small) var(--terra-spacing-x-small);
-        transition: var(--terra-transition-fast) fill;
-        cursor: pointer;
-    }
-
-    .option--hover:not(.option--current):not(.option--disabled) {
-        background-color: var(--terra-color-carbon-10);
-        color: var(--terra-color-carbon-90);
-    }
-
-    .option--current,
-    .option--current.option--disabled {
-        background-color: var(--terra-color-nasa-blue);
-        color: var(--terra-color-spacesuit-white);
-        opacity: 1;
-    }
-
-    .option--disabled {
-        outline: none;
-        opacity: 0.5;
-        cursor: not-allowed;
-    }
-
-    .option__label {
-        flex: 1 1 auto;
-        display: inline-block;
-        line-height: var(--terra-line-height-dense);
-    }
-
-    .option .option__check {
-        flex: 0 0 auto;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        visibility: hidden;
-        padding-inline-end: var(--terra-spacing-2x-small);
-    }
-
-    .option--selected .option__check {
-        visibility: visible;
-    }
-
-    .option__prefix,
-    .option__suffix {
-        flex: 0 0 auto;
-        display: flex;
-        align-items: center;
-    }
-
-    .option__prefix::slotted(*) {
-        margin-inline-end: var(--terra-spacing-x-small);
-    }
-
-    .option__suffix::slotted(*) {
-        margin-inline-start: var(--terra-spacing-x-small);
-    }
-
-    @media (forced-colors: active) {
-        :host(:hover:not([aria-disabled='true'])) .option {
-            outline: dashed 1px SelectedItem;
-            outline-offset: -1px;
-        }
-    }
-`;export{a};