@nasa-terra/components 0.0.184 → 0.0.186

package/dist/chunks/chunk.XIHTKMYV.js

@@ -1,121 +0,0 @@
-import{a as u}from"./chunk.BKGRXBHT.js";import{a as d,b as h}from"./chunk.HA6P2NGF.js";import{e as l}from"./chunk.INFVQQSJ.js";import{property as r,query as f,state as o}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import{html as n}from"lit";import{ifDefined as c}from"lit/directives/if-defined.js";var t=class extends h{constructor(){super(...arguments);this.files=[];this.isDragging=!1;this.hasFocus=!1;this.label="Upload";this.helpText="";this.name="";this.multiple=!1;this.disabled=!1;this.required=!1;this.accept="";this.handleDragOver=e=>{this.disabled||(e.preventDefault(),e.stopPropagation(),this.isDragging=!0)};this.handleDragLeave=e=>{this.disabled||(e.preventDefault(),e.stopPropagation(),this.isDragging=!1)};this.handleDrop=e=>{var s;if(this.disabled)return;e.preventDefault(),e.stopPropagation(),this.isDragging=!1;let i=(s=e.dataTransfer)==null?void 0:s.files;i&&i.length>0&&this.handleFiles(Array.from(i))};this.handleFileInputChange=e=>{let i=e.target;i.files&&i.files.length>0&&this.handleFiles(Array.from(i.files))};this.handleClick=()=>{this.disabled||this.fileInput.click()};this.handleChangeFiles=()=>{this.handleClick()};this.handleFocus=()=>{this.hasFocus=!0,this.emit("terra-focus")};this.handleBlur=()=>{this.hasFocus=!1,this.emit("terra-blur")}}connectedCallback(){super.connectedCallback()}firstUpdated(){this.setupDragAndDrop()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupDragAndDrop(),this.files.forEach(e=>{e.preview&&e.preview.startsWith("blob:")&&URL.revokeObjectURL(e.preview)})}setupDragAndDrop(){this.dropzone&&(this.dropzone.addEventListener("dragover",this.handleDragOver),this.dropzone.addEventListener("dragleave",this.handleDragLeave),this.dropzone.addEventListener("drop",this.handleDrop))}cleanupDragAndDrop(){this.dropzone&&(this.dropzone.removeEventListener("dragover",this.handleDragOver),this.dropzone.removeEventListener("dragleave",this.handleDragLeave),this.dropzone.removeEventListener("drop",this.handleDrop))}handleFiles(e){let i=e;if(this.multiple&&this.maxFiles){let a=this.maxFiles-this.files.length;if(a<=0)return;i=i.slice(0,a)}else this.multiple||(i=[i[0]]);this.maxFileSize&&(i=i.filter(a=>a.size<=this.maxFileSize));let s=i.map(a=>{let p=a;return a.type.startsWith("image/")&&(p.preview=URL.createObjectURL(a)),p});this.multiple?this.files=[...this.files,...s]:(this.files.forEach(a=>{a.preview&&a.preview.startsWith("blob:")&&URL.revokeObjectURL(a.preview)}),this.files=s),this.emit("terra-change")}getFiles(){return[...this.files]}clearFiles(){this.files.forEach(e=>{e.preview&&e.preview.startsWith("blob:")&&URL.revokeObjectURL(e.preview)}),this.files=[],this.fileInput&&(this.fileInput.value=""),this.emit("terra-change")}render(){let e=this.files.length>0,i=this.files.length;return n`
-            <div class="file-upload-wrapper">
-                ${this.label?n`
-                          <label for="file-input" class="file-upload__label">
-                              ${this.label}
-                              ${this.required?n`<span class="file-upload__required-indicator"
-                                        >*</span
-                                    >`:""}
-                          </label>
-                      `:""}
-                ${e?n`
-                          <div class="file-upload__preview">
-                              <div class="file-upload__preview-header">
-                                  <strong class="file-upload__file-count"
-                                      >${i}
-                                      ${i===1?"file":"files"}
-                                      selected</strong
-                                  >
-                                  <button
-                                      type="button"
-                                      class="file-upload__change-link"
-                                      @click=${this.handleChangeFiles}
-                                      ?disabled=${this.disabled}
-                                  >
-                                      Change files
-                                  </button>
-                              </div>
-                              <div class="file-upload__file-list">
-                                  ${this.files.map(s=>n`
-                                          <div
-                                              class="file-upload__file-item"
-                                              part="file-item"
-                                          >
-                                              ${s.preview?n`
-                                                        <img
-                                                            part="file-thumbnail"
-                                                            class="file-upload__thumbnail"
-                                                            src=${s.preview}
-                                                            alt=${s.name}
-                                                        />
-                                                    `:n`
-                                                        <div
-                                                            class="file-upload__thumbnail file-upload__thumbnail--placeholder"
-                                                        >
-                                                            <svg
-                                                                width="24"
-                                                                height="24"
-                                                                viewBox="0 0 24 24"
-                                                                fill="none"
-                                                                xmlns="http://www.w3.org/2000/svg"
-                                                            >
-                                                                <path
-                                                                    d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z"
-                                                                    stroke="currentColor"
-                                                                    stroke-width="2"
-                                                                    stroke-linecap="round"
-                                                                    stroke-linejoin="round"
-                                                                />
-                                                                <path
-                                                                    d="M14 2V8H20"
-                                                                    stroke="currentColor"
-                                                                    stroke-width="2"
-                                                                    stroke-linecap="round"
-                                                                    stroke-linejoin="round"
-                                                                />
-                                                            </svg>
-                                                        </div>
-                                                    `}
-                                              <span
-                                                  part="file-name"
-                                                  class="file-upload__file-name"
-                                                  >${s.name}</span
-                                              >
-                                          </div>
-                                      `)}
-                              </div>
-                          </div>
-                      `:n`
-                          <div
-                              part="dropzone"
-                              class=${v({"file-upload__dropzone":!0,"file-upload__dropzone--dragging":this.isDragging,"file-upload__dropzone--focused":this.hasFocus,"file-upload__dropzone--disabled":this.disabled})}
-                              @click=${this.handleClick}
-                              @keydown=${s=>{(s.key==="Enter"||s.key===" ")&&!this.disabled&&(s.preventDefault(),this.handleClick())}}
-                              @focus=${this.handleFocus}
-                              @blur=${this.handleBlur}
-                              tabindex=${this.disabled?"-1":"0"}
-                              role="button"
-                              aria-label="Upload files"
-                          >
-                              <slot>
-                                  <span class="file-upload__dropzone-text">
-                                      Drag files here or
-                                      <button
-                                          type="button"
-                                          class="file-upload__browse-link"
-                                          @click=${s=>{s.stopPropagation(),this.handleClick()}}
-                                      >
-                                          choose from folder
-                                      </button>
-                                  </span>
-                              </slot>
-                          </div>
-                      `}
-
-                <input
-                    part="file-input"
-                    class="file-upload__input"
-                    id="file-input"
-                    type="file"
-                    name=${c(this.name||void 0)}
-                    ?multiple=${this.multiple}
-                    ?disabled=${this.disabled}
-                    ?required=${this.required}
-                    accept=${c(this.accept||void 0)}
-                    @change=${this.handleFileInputChange}
-                    tabindex="-1"
-                />
-
-                ${this.helpText?n`<div class="file-upload__help-text">${this.helpText}</div>`:""}
-            </div>
-        `}};t.styles=[d,u],l([f(".file-upload__input")],t.prototype,"fileInput",2),l([f(".file-upload__dropzone")],t.prototype,"dropzone",2),l([o()],t.prototype,"files",2),l([o()],t.prototype,"isDragging",2),l([o()],t.prototype,"hasFocus",2),l([r()],t.prototype,"label",2),l([r({attribute:"help-text"})],t.prototype,"helpText",2),l([r()],t.prototype,"name",2),l([r({type:Boolean,reflect:!0})],t.prototype,"multiple",2),l([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),l([r({type:Boolean,reflect:!0})],t.prototype,"required",2),l([r()],t.prototype,"accept",2),l([r({type:Number,attribute:"max-file-size"})],t.prototype,"maxFileSize",2),l([r({type:Number,attribute:"max-files"})],t.prototype,"maxFiles",2);export{t as a};

package/dist/chunks/chunk.YBAVJC4E.js

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

package/dist/chunks/chunk.YBBNCQST.js

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

package/dist/chunks/chunk.YBQKGN4M.js

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

package/dist/chunks/chunk.YGKYURTA.js

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

package/dist/chunks/chunk.YJO5RZSX.js

@@ -1,43 +0,0 @@
-import{a as d}from"./chunk.KAEEI4RX.js";import{a as n}from"./chunk.URTV3MIW.js";import{a as h}from"./chunk.X5OPH5X7.js";import{b as a}from"./chunk.UTJA3S5Z.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as s,b as o}from"./chunk.HA6P2NGF.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as c}from"lit";import{ifDefined as p}from"lit/directives/if-defined.js";import{live as f}from"lit/directives/live.js";import{property as l,query as C,state as k}from"lit/decorators.js";var e=class extends o{constructor(){super(...arguments);this.formControlController=new a(this,{value:i=>i.checked?i.value||"on":void 0,defaultValue:i=>i.defaultChecked,setValue:(i,u)=>i.checked=u});this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleClick(){this.disabled||(this.checked=!0,this.emit("terra-change"))}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleInput(){this.emit("terra-input")}handleChange(){this.checked=this.input.checked,this.emit("terra-change")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(i){this.input.focus(i)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){return c`
-            <label
-                part="base"
-                class=${m({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--small":this.size==="small","radio--medium":this.size==="medium","radio--large":this.size==="large"})}
-            >
-                <input
-                    class="radio__input"
-                    type="radio"
-                    title=${this.title}
-                    name=${this.name}
-                    value=${p(this.value)}
-                    .checked=${f(this.checked)}
-                    .disabled=${this.disabled}
-                    .required=${this.required}
-                    aria-checked=${this.checked?"true":"false"}
-                    @click=${this.handleClick}
-                    @input=${this.handleInput}
-                    @change=${this.handleChange}
-                    @invalid=${this.handleInvalid}
-                    @blur=${this.handleBlur}
-                    @focus=${this.handleFocus}
-                />
-
-                <span
-                    part="${`control${this.checked?" control--checked":""}`}"
-                    class="radio__control"
-                >
-                    ${this.checked?c`
-                              <svg
-                                  part="checked-icon"
-                                  class="radio__checked-icon"
-                                  viewBox="0 0 24 24"
-                                  fill="none"
-                                  xmlns="http://www.w3.org/2000/svg"
-                              >
-                                  <circle cx="12" cy="12" r="6" fill="currentColor" />
-                              </svg>
-                          `:""}
-                </span>
-
-                <slot part="label" class="radio__label"></slot>
-            </label>
-        `}};e.styles=[s,h,d],t([C('input[type="radio"]')],e.prototype,"input",2),t([k()],e.prototype,"hasFocus",2),t([l()],e.prototype,"title",2),t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([n("checked")],e.prototype,"defaultChecked",2),t([l({reflect:!0})],e.prototype,"form",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([r("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1);export{e as a};

package/dist/chunks/chunk.YMIN3REJ.js

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

package/dist/chunks/chunk.YMY3NKIZ.js

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

package/dist/chunks/chunk.YU2YLT7T.js

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

package/dist/chunks/chunk.Z5EIIROL.js

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