@nasa-terra/components 0.0.192 → 0.0.194

package/cdn/chunks/chunk.FT3IPXUI.js

@@ -1,32 +0,0 @@
-import {
-  TerraVariableCombobox
-} from "./chunk.TQQ2KJQP.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/variable-combobox/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-variable-combobox";
-TerraVariableCombobox.define("terra-variable-combobox");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraVariableCombobox,
-  react: React,
-  events: {
-    onTerraComboboxChange: "terra-combobox-change"
-  },
-  displayName: "TerraVariableCombobox"
-});
-var variable_combobox_default = reactWrapper;
-
-export {
-  variable_combobox_default
-};

package/cdn/chunks/chunk.G3CPLL72.js

@@ -1,19 +0,0 @@
-import {
-  TerraDivider
-} from "./chunk.5MJBTEGL.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/divider/divider.ts
-init_dirname();
-init_buffer();
-init_process();
-var divider_default = TerraDivider;
-TerraDivider.define("terra-divider");
-
-export {
-  divider_default
-};

package/cdn/chunks/chunk.G6PX4ZZR.js

@@ -1,78 +0,0 @@
-import {
-  stepper_styles_default
-} from "./chunk.B42N7DPY.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e as e2,
-  n
-} from "./chunk.4MXAJRHY.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/stepper/stepper.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraStepper = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.variant = "default";
-  }
-  handleSlotChange() {
-    const slottedElements = [
-      ...this.defaultSlot.assignedElements({ flatten: true })
-    ];
-    slottedElements.forEach((el, index) => {
-      const step = findStep(el);
-      if (step) {
-        step.toggleAttribute("data-terra-stepper__step", true);
-        step.toggleAttribute("data-terra-stepper__step--first", index === 0);
-        step.toggleAttribute(
-          "data-terra-stepper__step--last",
-          index === slottedElements.length - 1
-        );
-      }
-    });
-  }
-  render() {
-    return b`
-            <div
-                part="base"
-                class=${e({
-      stepper: true,
-      "stepper--default": this.variant === "default",
-      "stepper--condensed": this.variant === "condensed"
-    })}
-            >
-                <slot @slotchange=${this.handleSlotChange}></slot>
-            </div>
-        `;
-  }
-};
-TerraStepper.styles = [component_styles_default, stepper_styles_default];
-__decorateClass([
-  e2("slot")
-], TerraStepper.prototype, "defaultSlot", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraStepper.prototype, "variant", 2);
-function findStep(el) {
-  var _a;
-  const selector = "terra-stepper-step";
-  return (_a = el.closest(selector)) != null ? _a : el.querySelector(selector);
-}
-
-export {
-  TerraStepper
-};

package/cdn/chunks/chunk.GLC3GLWY.js

@@ -1,359 +0,0 @@
-import {
-  file_upload_styles_default
-} from "./chunk.CYUIF2ZE.js";
-import {
-  o
-} from "./chunk.VH7AMLEP.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e as e2,
-  n,
-  r
-} from "./chunk.4MXAJRHY.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/file-upload/file-upload.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraFileUpload = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.files = [];
-    this.isDragging = false;
-    this.hasFocus = false;
-    this.label = "Upload";
-    this.helpText = "";
-    this.name = "";
-    this.multiple = false;
-    this.disabled = false;
-    this.required = false;
-    this.accept = "";
-    this.handleDragOver = (event) => {
-      if (this.disabled)
-        return;
-      event.preventDefault();
-      event.stopPropagation();
-      this.isDragging = true;
-    };
-    this.handleDragLeave = (event) => {
-      if (this.disabled)
-        return;
-      event.preventDefault();
-      event.stopPropagation();
-      this.isDragging = false;
-    };
-    this.handleDrop = (event) => {
-      var _a;
-      if (this.disabled)
-        return;
-      event.preventDefault();
-      event.stopPropagation();
-      this.isDragging = false;
-      const droppedFiles = (_a = event.dataTransfer) == null ? void 0 : _a.files;
-      if (droppedFiles && droppedFiles.length > 0) {
-        this.handleFiles(Array.from(droppedFiles));
-      }
-    };
-    this.handleFileInputChange = (event) => {
-      const input = event.target;
-      if (input.files && input.files.length > 0) {
-        this.handleFiles(Array.from(input.files));
-      }
-    };
-    this.handleClick = () => {
-      if (!this.disabled) {
-        this.fileInput.click();
-      }
-    };
-    this.handleChangeFiles = () => {
-      this.handleClick();
-    };
-    this.handleFocus = () => {
-      this.hasFocus = true;
-      this.emit("terra-focus");
-    };
-    this.handleBlur = () => {
-      this.hasFocus = false;
-      this.emit("terra-blur");
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  firstUpdated() {
-    this.setupDragAndDrop();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.cleanupDragAndDrop();
-    this.files.forEach((file) => {
-      if (file.preview && file.preview.startsWith("blob:")) {
-        URL.revokeObjectURL(file.preview);
-      }
-    });
-  }
-  setupDragAndDrop() {
-    if (this.dropzone) {
-      this.dropzone.addEventListener("dragover", this.handleDragOver);
-      this.dropzone.addEventListener("dragleave", this.handleDragLeave);
-      this.dropzone.addEventListener("drop", this.handleDrop);
-    }
-  }
-  cleanupDragAndDrop() {
-    if (this.dropzone) {
-      this.dropzone.removeEventListener("dragover", this.handleDragOver);
-      this.dropzone.removeEventListener("dragleave", this.handleDragLeave);
-      this.dropzone.removeEventListener("drop", this.handleDrop);
-    }
-  }
-  handleFiles(newFiles) {
-    let filesToAdd = newFiles;
-    if (this.multiple && this.maxFiles) {
-      const remaining = this.maxFiles - this.files.length;
-      if (remaining <= 0) {
-        return;
-      }
-      filesToAdd = filesToAdd.slice(0, remaining);
-    } else if (!this.multiple) {
-      filesToAdd = [filesToAdd[0]];
-    }
-    if (this.maxFileSize) {
-      filesToAdd = filesToAdd.filter((file) => file.size <= this.maxFileSize);
-    }
-    const filesWithPreviews = filesToAdd.map((file) => {
-      const fileWithPreview = file;
-      if (file.type.startsWith("image/")) {
-        fileWithPreview.preview = URL.createObjectURL(file);
-      }
-      return fileWithPreview;
-    });
-    if (this.multiple) {
-      this.files = [...this.files, ...filesWithPreviews];
-    } else {
-      this.files.forEach((file) => {
-        if (file.preview && file.preview.startsWith("blob:")) {
-          URL.revokeObjectURL(file.preview);
-        }
-      });
-      this.files = filesWithPreviews;
-    }
-    this.emit("terra-change");
-  }
-  /** Gets the current files. */
-  getFiles() {
-    return [...this.files];
-  }
-  /** Clears all selected files. */
-  clearFiles() {
-    this.files.forEach((file) => {
-      if (file.preview && file.preview.startsWith("blob:")) {
-        URL.revokeObjectURL(file.preview);
-      }
-    });
-    this.files = [];
-    if (this.fileInput) {
-      this.fileInput.value = "";
-    }
-    this.emit("terra-change");
-  }
-  render() {
-    const hasFiles = this.files.length > 0;
-    const fileCount = this.files.length;
-    return b`
-            <div class="file-upload-wrapper">
-                ${this.label ? b`
-                          <label for="file-input" class="file-upload__label">
-                              ${this.label}
-                              ${this.required ? b`<span class="file-upload__required-indicator"
-                                        >*</span
-                                    >` : ""}
-                          </label>
-                      ` : ""}
-                ${hasFiles ? b`
-                          <div class="file-upload__preview">
-                              <div class="file-upload__preview-header">
-                                  <strong class="file-upload__file-count"
-                                      >${fileCount}
-                                      ${fileCount === 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(
-      (file) => b`
-                                          <div
-                                              class="file-upload__file-item"
-                                              part="file-item"
-                                          >
-                                              ${file.preview ? b`
-                                                        <img
-                                                            part="file-thumbnail"
-                                                            class="file-upload__thumbnail"
-                                                            src=${file.preview}
-                                                            alt=${file.name}
-                                                        />
-                                                    ` : b`
-                                                        <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"
-                                                  >${file.name}</span
-                                              >
-                                          </div>
-                                      `
-    )}
-                              </div>
-                          </div>
-                      ` : b`
-                          <div
-                              part="dropzone"
-                              class=${e({
-      "file-upload__dropzone": true,
-      "file-upload__dropzone--dragging": this.isDragging,
-      "file-upload__dropzone--focused": this.hasFocus,
-      "file-upload__dropzone--disabled": this.disabled
-    })}
-                              @click=${this.handleClick}
-                              @keydown=${(e3) => {
-      if ((e3.key === "Enter" || e3.key === " ") && !this.disabled) {
-        e3.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=${(e3) => {
-      e3.stopPropagation();
-      this.handleClick();
-    }}
-                                      >
-                                          choose from folder
-                                      </button>
-                                  </span>
-                              </slot>
-                          </div>
-                      `}
-
-                <input
-                    part="file-input"
-                    class="file-upload__input"
-                    id="file-input"
-                    type="file"
-                    name=${o(this.name || void 0)}
-                    ?multiple=${this.multiple}
-                    ?disabled=${this.disabled}
-                    ?required=${this.required}
-                    accept=${o(this.accept || void 0)}
-                    @change=${this.handleFileInputChange}
-                    tabindex="-1"
-                />
-
-                ${this.helpText ? b`<div class="file-upload__help-text">${this.helpText}</div>` : ""}
-            </div>
-        `;
-  }
-};
-TerraFileUpload.styles = [component_styles_default, file_upload_styles_default];
-__decorateClass([
-  e2(".file-upload__input")
-], TerraFileUpload.prototype, "fileInput", 2);
-__decorateClass([
-  e2(".file-upload__dropzone")
-], TerraFileUpload.prototype, "dropzone", 2);
-__decorateClass([
-  r()
-], TerraFileUpload.prototype, "files", 2);
-__decorateClass([
-  r()
-], TerraFileUpload.prototype, "isDragging", 2);
-__decorateClass([
-  r()
-], TerraFileUpload.prototype, "hasFocus", 2);
-__decorateClass([
-  n()
-], TerraFileUpload.prototype, "label", 2);
-__decorateClass([
-  n({ attribute: "help-text" })
-], TerraFileUpload.prototype, "helpText", 2);
-__decorateClass([
-  n()
-], TerraFileUpload.prototype, "name", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraFileUpload.prototype, "multiple", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraFileUpload.prototype, "disabled", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraFileUpload.prototype, "required", 2);
-__decorateClass([
-  n()
-], TerraFileUpload.prototype, "accept", 2);
-__decorateClass([
-  n({ type: Number, attribute: "max-file-size" })
-], TerraFileUpload.prototype, "maxFileSize", 2);
-__decorateClass([
-  n({ type: Number, attribute: "max-files" })
-], TerraFileUpload.prototype, "maxFiles", 2);
-
-export {
-  TerraFileUpload
-};

package/cdn/chunks/chunk.GQYYZEYB.js

@@ -1,29 +0,0 @@
-import {
-  TerraTabPanel
-} from "./chunk.PYFO4TDY.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/tab-panel/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-tab-panel";
-TerraTabPanel.define("terra-tab-panel");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraTabPanel,
-  react: React,
-  events: {},
-  displayName: "TerraTabPanel"
-});
-var tab_panel_default = reactWrapper;
-
-export {
-  tab_panel_default
-};