@nasa-terra/components 0.0.167 → 0.0.168

package/cdn/chunks/chunk.NU3XX242.js

@@ -0,0 +1,93 @@
+import {
+  f,
+  m
+} from "./chunk.YEINMQD6.js";
+import {
+  e,
+  i,
+  t
+} from "./chunk.JLIAPPXF.js";
+import {
+  E,
+  T
+} from "./chunk.3ZQGAH53.js";
+import {
+  u
+} from "./chunk.5NHXMCXD.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// node_modules/lit-html/directives/live.js
+init_dirname();
+init_buffer();
+init_process();
+var l = e(class extends i {
+  constructor(r) {
+    if (super(r), r.type !== t.PROPERTY && r.type !== t.ATTRIBUTE && r.type !== t.BOOLEAN_ATTRIBUTE)
+      throw Error("The `live` directive is not allowed on child or event bindings");
+    if (!f(r))
+      throw Error("`live` bindings can only contain a single expression");
+  }
+  render(r) {
+    return r;
+  }
+  update(i2, [t2]) {
+    if (t2 === T || t2 === E)
+      return t2;
+    const o = i2.element, l2 = i2.name;
+    if (i2.type === t.PROPERTY) {
+      if (t2 === o[l2])
+        return T;
+    } else if (i2.type === t.BOOLEAN_ATTRIBUTE) {
+      if (!!t2 === o.hasAttribute(l2))
+        return T;
+    } else if (i2.type === t.ATTRIBUTE && o.getAttribute(l2) === t2 + "")
+      return T;
+    return m(i2), t2;
+  }
+});
+
+// node_modules/lit/directives/live.js
+init_dirname();
+init_buffer();
+init_process();
+
+// src/internal/default-value.ts
+init_dirname();
+init_buffer();
+init_process();
+var defaultValue = (propertyName = "value") => (proto, key) => {
+  const ctor = proto.constructor;
+  const attributeChangedCallback = ctor.prototype.attributeChangedCallback;
+  ctor.prototype.attributeChangedCallback = function(name, old, value) {
+    var _a;
+    const options = ctor.getPropertyOptions(propertyName);
+    const attributeName = typeof options.attribute === "string" ? options.attribute : propertyName;
+    if (name === attributeName) {
+      const converter = options.converter || u;
+      const fromAttribute = typeof converter === "function" ? converter : (_a = converter == null ? void 0 : converter.fromAttribute) != null ? _a : u.fromAttribute;
+      const newValue = fromAttribute(value, options.type);
+      if (this[propertyName] !== newValue) {
+        this[key] = newValue;
+      }
+    }
+    attributeChangedCallback.call(this, name, old, value);
+  };
+};
+
+export {
+  l,
+  defaultValue
+};
+/*! Bundled license information:
+
+lit-html/directives/live.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.NX5ANPIE.js

@@ -0,0 +1,93 @@
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/plot-toolbar/notebooks/time-series-notebook.ts
+init_dirname();
+init_buffer();
+init_process();
+function getTimeSeriesNotebook(host) {
+  return [
+    {
+      cell_type: "markdown",
+      id: "367f56b9-7ca8-4435-9dcc-89bf586f33ab",
+      metadata: {},
+      source: [
+        "### Prerequisites:\n",
+        "\n",
+        "This notebook uses the `terra_ui_components`, `anywidget`, and `pandas` packages.\n",
+        "\n",
+        "After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."
+      ]
+    },
+    {
+      id: "2733501b-0de4-4067-8aff-864e1b4c76cb",
+      cell_type: "code",
+      source: '%pip install -q "terra_ui_components==0.0.167" "anywidget==0.9.15" "pandas"',
+      metadata: {
+        trusted: true
+      },
+      outputs: [],
+      execution_count: null
+    },
+    {
+      cell_type: "markdown",
+      id: "35aa4a00-8e2c-4478-9df7-de633fd8f6ce",
+      metadata: {},
+      source: [
+        `### Render ${host.location.split(",").length > 2 ? "an area-averaged" : "a point-based"} time series plot`
+      ]
+    },
+    {
+      id: "870c1384-e706-48ee-ba07-fd552a949869",
+      cell_type: "code",
+      source: `from terra_ui_components import TerraTimeSeries
+timeseries = TerraTimeSeries()
+
+timeseries.variableEntryId = '${host.variableEntryId}'
+timeseries.startDate = '${host.startDate}'
+timeseries.endDate = '${host.endDate}'
+timeseries.location = '${host.location}'
+timeseries.showJupyter = False
+
+timeseries`,
+      metadata: {
+        trusted: true
+      },
+      outputs: [],
+      execution_count: null
+    },
+    {
+      cell_type: "markdown",
+      id: "25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",
+      metadata: {},
+      source: [
+        "### Access the time series data\n",
+        "\n",
+        "Once the time series runs and you see a plot, you can access the data:"
+      ]
+    },
+    {
+      cell_type: "code",
+      execution_count: null,
+      id: "6b81a089-884d-4fd7-9d4e-c45a53307c20",
+      metadata: {},
+      outputs: [],
+      source: [
+        "import pandas as pd\n",
+        'if getattr(timeseries, "data", None):\n',
+        "    df = pd.DataFrame(timeseries.data)\n",
+        "    df['timestamp'] = pd.to_datetime(df['timestamp'])\n",
+        "    df['value'] = pd.to_numeric(df['value'])\n",
+        "    print(df.dtypes)\n",
+        "    print(df.head())"
+      ]
+    }
+  ];
+}
+
+export {
+  getTimeSeriesNotebook
+};

package/cdn/chunks/chunk.OGLWCOZI.js

@@ -0,0 +1,264 @@
+import {
+  waitForEvent
+} from "./chunk.DFBLDLFE.js";
+import {
+  HasSlotController
+} from "./chunk.YTY4DQKX.js";
+import {
+  e
+} from "./chunk.P3OLQVQM.js";
+import {
+  watch
+} from "./chunk.5WMSKURU.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e as e2,
+  n,
+  r
+} from "./chunk.EFDI6WO3.js";
+import {
+  alert_styles_default
+} from "./chunk.FQVBY6CM.js";
+import {
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/alert/alert.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var _TerraAlert = class _TerraAlert extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "icon", "suffix");
+    this.open = false;
+    this.closable = false;
+    this.variant = "primary";
+    this.appearance = "filled";
+    this.duration = Infinity;
+    this.remainingTime = this.duration;
+  }
+  static get toastStack() {
+    if (!this.currentToastStack) {
+      this.currentToastStack = Object.assign(document.createElement("div"), {
+        className: "terra-toast-stack"
+      });
+    }
+    return this.currentToastStack;
+  }
+  firstUpdated() {
+    this.base.hidden = !this.open;
+  }
+  restartAutoHide() {
+    this.handleCountdownChange();
+    clearTimeout(this.autoHideTimeout);
+    clearInterval(this.remainingTimeInterval);
+    if (this.open && this.duration < Infinity) {
+      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);
+      this.remainingTime = this.duration;
+      this.remainingTimeInterval = window.setInterval(() => {
+        this.remainingTime -= 100;
+      }, 100);
+    }
+  }
+  pauseAutoHide() {
+    var _a;
+    (_a = this.countdownAnimation) == null ? void 0 : _a.pause();
+    clearTimeout(this.autoHideTimeout);
+    clearInterval(this.remainingTimeInterval);
+  }
+  resumeAutoHide() {
+    var _a;
+    if (this.duration < Infinity) {
+      this.autoHideTimeout = window.setTimeout(
+        () => this.hide(),
+        this.remainingTime
+      );
+      this.remainingTimeInterval = window.setInterval(() => {
+        this.remainingTime -= 100;
+      }, 100);
+      (_a = this.countdownAnimation) == null ? void 0 : _a.play();
+    }
+  }
+  handleCountdownChange() {
+    if (this.open && this.duration < Infinity && this.countdown) {
+      const { countdownElement } = this;
+      const start = "100%";
+      const end = "0";
+      this.countdownAnimation = countdownElement.animate(
+        [{ width: start }, { width: end }],
+        {
+          duration: this.duration,
+          easing: "linear"
+        }
+      );
+    }
+  }
+  handleCloseClick() {
+    this.hide();
+  }
+  async handleOpenChange() {
+    this.base.hidden = !this.open;
+    if (this.open) {
+      this.emit("terra-show");
+      if (this.duration < Infinity) {
+        this.restartAutoHide();
+      }
+      this.emit("terra-after-show");
+    } else {
+      this.emit("terra-hide");
+      clearTimeout(this.autoHideTimeout);
+      clearInterval(this.remainingTimeInterval);
+      this.emit("terra-after-hide");
+    }
+  }
+  handleDurationChange() {
+    this.restartAutoHide();
+  }
+  /** Shows the alert. */
+  async show() {
+    if (this.open) {
+      return void 0;
+    }
+    this.open = true;
+    return waitForEvent(this, "terra-after-show");
+  }
+  /** Hides the alert */
+  async hide() {
+    if (!this.open) {
+      return void 0;
+    }
+    this.open = false;
+    return waitForEvent(this, "terra-after-hide");
+  }
+  /**
+   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
+   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
+   * calling this method again. The returned promise will resolve after the alert is hidden.
+   */
+  async toast() {
+    return new Promise((resolve) => {
+      this.handleCountdownChange();
+      if (_TerraAlert.toastStack.parentElement === null) {
+        document.body.append(_TerraAlert.toastStack);
+      }
+      _TerraAlert.toastStack.appendChild(this);
+      requestAnimationFrame(() => {
+        this.clientWidth;
+        this.show();
+      });
+      this.addEventListener(
+        "terra-after-hide",
+        () => {
+          _TerraAlert.toastStack.removeChild(this);
+          resolve();
+          if (_TerraAlert.toastStack.querySelector("terra-alert") === null) {
+            _TerraAlert.toastStack.remove();
+          }
+        },
+        { once: true }
+      );
+    });
+  }
+  render() {
+    return x`
+            <div
+                part="base"
+                class=${e({
+      alert: true,
+      "alert--open": this.open,
+      "alert--closable": this.closable,
+      "alert--has-countdown": !!this.countdown,
+      "alert--has-icon": this.hasSlotController.test("icon"),
+      "alert--primary": this.variant === "primary",
+      "alert--success": this.variant === "success",
+      "alert--neutral": this.variant === "neutral",
+      "alert--warning": this.variant === "warning",
+      "alert--danger": this.variant === "danger",
+      "alert--filled": this.appearance === "filled",
+      "alert--white": this.appearance === "white"
+    })}
+                role="alert"
+                aria-hidden=${this.open ? "false" : "true"}
+                @mouseenter=${this.pauseAutoHide}
+                @mouseleave=${this.resumeAutoHide}
+            >
+                <div part="icon" class="alert__icon">
+                    <slot name="icon"></slot>
+                </div>
+
+                <div part="message" class="alert__message" aria-live="polite">
+                    <slot></slot>
+                </div>
+
+                ${this.closable ? x`
+                          <terra-icon
+                              class="alert__close-button"
+                              name="solid-x-mark"
+                              library="heroicons"
+                              @click=${this.handleCloseClick}
+                          ></terra-icon>
+                      ` : ""}
+
+                <div role="timer" class="alert__timer">${this.remainingTime}</div>
+
+                ${this.countdown ? x`
+                          <div
+                              class=${e({
+      alert__countdown: true,
+      "alert__countdown--ltr": this.countdown === "ltr"
+    })}
+                          >
+                              <div class="alert__countdown-elapsed"></div>
+                          </div>
+                      ` : ""}
+            </div>
+        `;
+  }
+};
+_TerraAlert.styles = [component_styles_default, alert_styles_default];
+__decorateClass([
+  e2('[part~="base"]')
+], _TerraAlert.prototype, "base", 2);
+__decorateClass([
+  e2(".alert__countdown-elapsed")
+], _TerraAlert.prototype, "countdownElement", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], _TerraAlert.prototype, "open", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], _TerraAlert.prototype, "closable", 2);
+__decorateClass([
+  n({ reflect: true })
+], _TerraAlert.prototype, "variant", 2);
+__decorateClass([
+  n({ reflect: true })
+], _TerraAlert.prototype, "appearance", 2);
+__decorateClass([
+  n({ type: Number })
+], _TerraAlert.prototype, "duration", 2);
+__decorateClass([
+  n({ type: String, reflect: true })
+], _TerraAlert.prototype, "countdown", 2);
+__decorateClass([
+  r()
+], _TerraAlert.prototype, "remainingTime", 2);
+__decorateClass([
+  watch("open", { waitUntilFirstUpdate: true })
+], _TerraAlert.prototype, "handleOpenChange", 1);
+__decorateClass([
+  watch("duration")
+], _TerraAlert.prototype, "handleDurationChange", 1);
+var TerraAlert = _TerraAlert;
+
+export {
+  TerraAlert
+};

package/cdn/chunks/chunk.OIVFB25S.js

@@ -0,0 +1,30 @@
+import {
+  caption_styles_default
+} from "./chunk.BZNRBGO6.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.EFDI6WO3.js";
+import {
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/caption/caption.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraCaption = class extends TerraElement {
+  render() {
+    return x`<slot></slot>`;
+  }
+};
+TerraCaption.styles = [component_styles_default, caption_styles_default];
+
+export {
+  TerraCaption
+};

package/cdn/chunks/chunk.OWZEOKXJ.js

@@ -0,0 +1,19 @@
+import {
+  TerraPlotToolbar
+} from "./chunk.CNEFZTCX.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/plot-toolbar/plot-toolbar.ts
+init_dirname();
+init_buffer();
+init_process();
+var plot_toolbar_default = TerraPlotToolbar;
+TerraPlotToolbar.define("terra-plot-toolbar");
+
+export {
+  plot_toolbar_default
+};

package/cdn/chunks/chunk.OZPBFWKU.js

@@ -0,0 +1,19 @@
+import {
+  TerraMenuItem
+} from "./chunk.RMBF3K4K.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/menu-item/menu-item.ts
+init_dirname();
+init_buffer();
+init_process();
+var menu_item_default = TerraMenuItem;
+TerraMenuItem.define("terra-menu-item");
+
+export {
+  menu_item_default
+};