@nasa-terra/components 0.0.146 → 0.0.148

package/cdn/chunks/chunk.2ERJP7EQ.js

@@ -0,0 +1,19 @@
+import {
+  TerraTimeAverageMap
+} from "./chunk.JTNRV7ID.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/time-average-map/time-average-map.ts
+init_dirname();
+init_buffer();
+init_process();
+var time_average_map_default = TerraTimeAverageMap;
+TerraTimeAverageMap.define("terra-time-average-map");
+
+export {
+  time_average_map_default
+};

package/cdn/chunks/chunk.2H5RKQQE.js

@@ -0,0 +1,29 @@
+import {
+  TerraButtonGroup
+} from "./chunk.4N5QSR7H.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/react/button-group/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-button-group";
+TerraButtonGroup.define("terra-button-group");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraButtonGroup,
+  react: React,
+  events: {},
+  displayName: "TerraButtonGroup"
+});
+var button_group_default = reactWrapper;
+
+export {
+  button_group_default
+};

package/cdn/chunks/chunk.2HBCWWZY.js

@@ -0,0 +1,155 @@
+import {
+  progress_bar_styles_default
+} from "./chunk.SLPZU6ID.js";
+import {
+  o
+} from "./chunk.TVDMMEGB.js";
+import {
+  e as e2
+} from "./chunk.P3OLQVQM.js";
+import {
+  e,
+  i,
+  t
+} from "./chunk.JLIAPPXF.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n
+} from "./chunk.YO4X3RWQ.js";
+import {
+  T,
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/progress-bar/progress-bar.component.ts
+init_dirname();
+init_buffer();
+init_process();
+
+// node_modules/lit/directives/style-map.js
+init_dirname();
+init_buffer();
+init_process();
+
+// node_modules/lit-html/directives/style-map.js
+init_dirname();
+init_buffer();
+init_process();
+var n2 = "important";
+var i2 = " !" + n2;
+var o2 = e(class extends i {
+  constructor(t2) {
+    var _a;
+    if (super(t2), t2.type !== t.ATTRIBUTE || "style" !== t2.name || ((_a = t2.strings) == null ? void 0 : _a.length) > 2)
+      throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+  }
+  render(t2) {
+    return Object.keys(t2).reduce((e3, r) => {
+      const s = t2[r];
+      return null == s ? e3 : e3 + `${r = r.includes("-") ? r : r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
+    }, "");
+  }
+  update(e3, [r]) {
+    const { style: s } = e3.element;
+    if (void 0 === this.ft)
+      return this.ft = new Set(Object.keys(r)), this.render(r);
+    for (const t2 of this.ft)
+      null == r[t2] && (this.ft.delete(t2), t2.includes("-") ? s.removeProperty(t2) : s[t2] = null);
+    for (const t2 in r) {
+      const e4 = r[t2];
+      if (null != e4) {
+        this.ft.add(t2);
+        const r2 = "string" == typeof e4 && e4.endsWith(i2);
+        t2.includes("-") || r2 ? s.setProperty(t2, r2 ? e4.slice(0, -11) : e4, r2 ? n2 : "") : s[t2] = e4;
+      }
+    }
+    return T;
+  }
+});
+
+// src/components/progress-bar/progress-bar.component.ts
+var TerraProgressBar = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.value = 0;
+    this.indeterminate = false;
+    this.label = "";
+    this.variant = "primary";
+    this.title = "";
+  }
+  // make reactive to pass through
+  render() {
+    const isRtl = getComputedStyle(this).direction === "rtl";
+    return x`
+            <div
+                part="base"
+                class=${e2({
+      "progress-bar": true,
+      "progress-bar--indeterminate": this.indeterminate,
+      "progress-bar--rtl": isRtl,
+      "progress-bar--default": this.variant === "default",
+      "progress-bar--primary": this.variant === "primary",
+      "progress-bar--success": this.variant === "success",
+      "progress-bar--warning": this.variant === "warning",
+      "progress-bar--danger": this.variant === "danger"
+    })}
+                role="progressbar"
+                title=${o(this.title || void 0)}
+                aria-label=${this.label || "Progress"}
+                aria-valuemin="0"
+                aria-valuemax="100"
+                aria-valuenow=${o(
+      this.indeterminate ? void 0 : this.value
+    )}
+            >
+                <div
+                    part="indicator"
+                    class="progress-bar__indicator"
+                    style=${o2({
+      width: this.indeterminate ? void 0 : `${this.value}%`
+    })}
+                >
+                    ${!this.indeterminate ? x`
+                              <slot part="label" class="progress-bar__label"></slot>
+                          ` : ""}
+                </div>
+            </div>
+        `;
+  }
+};
+TerraProgressBar.styles = [component_styles_default, progress_bar_styles_default];
+__decorateClass([
+  n({ type: Number, reflect: true })
+], TerraProgressBar.prototype, "value", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraProgressBar.prototype, "indeterminate", 2);
+__decorateClass([
+  n()
+], TerraProgressBar.prototype, "label", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraProgressBar.prototype, "variant", 2);
+__decorateClass([
+  n()
+], TerraProgressBar.prototype, "title", 2);
+
+export {
+  TerraProgressBar
+};
+/*! Bundled license information:
+
+lit-html/directives/style-map.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.2MOKVZJ5.js

@@ -0,0 +1,110 @@
+import {
+  e,
+  i,
+  t
+} from "./chunk.JLIAPPXF.js";
+import {
+  M,
+  m,
+  p,
+  s,
+  v
+} from "./chunk.YEINMQD6.js";
+import {
+  T
+} from "./chunk.3ZQGAH53.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// node_modules/lit-html/directives/repeat.js
+init_dirname();
+init_buffer();
+init_process();
+var u = (e2, s2, t2) => {
+  const r = /* @__PURE__ */ new Map();
+  for (let l = s2; l <= t2; l++)
+    r.set(e2[l], l);
+  return r;
+};
+var c = e(class extends i {
+  constructor(e2) {
+    if (super(e2), e2.type !== t.CHILD)
+      throw Error("repeat() can only be used in text expressions");
+  }
+  dt(e2, s2, t2) {
+    let r;
+    void 0 === t2 ? t2 = s2 : void 0 !== s2 && (r = s2);
+    const l = [], o = [];
+    let i2 = 0;
+    for (const s3 of e2)
+      l[i2] = r ? r(s3, i2) : i2, o[i2] = t2(s3, i2), i2++;
+    return { values: o, keys: l };
+  }
+  render(e2, s2, t2) {
+    return this.dt(e2, s2, t2).values;
+  }
+  update(s2, [t2, r, c2]) {
+    var _a;
+    const d = p(s2), { values: p2, keys: a } = this.dt(t2, r, c2);
+    if (!Array.isArray(d))
+      return this.ut = a, p2;
+    const h = (_a = this.ut) != null ? _a : this.ut = [], v2 = [];
+    let m2, y, x = 0, j = d.length - 1, k = 0, w = p2.length - 1;
+    for (; x <= j && k <= w; )
+      if (null === d[x])
+        x++;
+      else if (null === d[j])
+        j--;
+      else if (h[x] === a[k])
+        v2[k] = v(d[x], p2[k]), x++, k++;
+      else if (h[j] === a[w])
+        v2[w] = v(d[j], p2[w]), j--, w--;
+      else if (h[x] === a[w])
+        v2[w] = v(d[x], p2[w]), s(s2, v2[w + 1], d[x]), x++, w--;
+      else if (h[j] === a[k])
+        v2[k] = v(d[j], p2[k]), s(s2, d[x], d[j]), j--, k++;
+      else if (void 0 === m2 && (m2 = u(a, k, w), y = u(h, x, j)), m2.has(h[x]))
+        if (m2.has(h[j])) {
+          const e2 = y.get(a[k]), t3 = void 0 !== e2 ? d[e2] : null;
+          if (null === t3) {
+            const e3 = s(s2, d[x]);
+            v(e3, p2[k]), v2[k] = e3;
+          } else
+            v2[k] = v(t3, p2[k]), s(s2, d[x], t3), d[e2] = null;
+          k++;
+        } else
+          M(d[j]), j--;
+      else
+        M(d[x]), x++;
+    for (; k <= w; ) {
+      const e2 = s(s2, v2[w + 1]);
+      v(e2, p2[k]), v2[k++] = e2;
+    }
+    for (; x <= j; ) {
+      const e2 = d[x++];
+      null !== e2 && M(e2);
+    }
+    return this.ut = a, m(s2, v2), T;
+  }
+});
+
+// node_modules/lit/directives/repeat.js
+init_dirname();
+init_buffer();
+init_process();
+
+export {
+  c
+};
+/*! Bundled license information:
+
+lit-html/directives/repeat.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.2OATTCJS.js

@@ -0,0 +1,60 @@
+import {
+  card_styles_default
+} from "./chunk.6F6BC7HB.js";
+import {
+  HasSlotController
+} from "./chunk.YTY4DQKX.js";
+import {
+  e
+} from "./chunk.P3OLQVQM.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.YO4X3RWQ.js";
+import {
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/card/card.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraCard = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(
+      this,
+      "footer",
+      "header",
+      "image"
+    );
+  }
+  render() {
+    return x`
+            <div
+                part="base"
+                class=${e({
+      card: true,
+      "card--has-footer": this.hasSlotController.test("footer"),
+      "card--has-image": this.hasSlotController.test("image"),
+      "card--has-header": this.hasSlotController.test("header")
+    })}
+            >
+                <slot name="image" part="image" class="card__image"></slot>
+                <slot name="header" part="header" class="card__header"></slot>
+                <slot part="body" class="card__body"></slot>
+                <slot name="footer" part="footer" class="card__footer"></slot>
+            </div>
+        `;
+  }
+};
+TerraCard.styles = [component_styles_default, card_styles_default];
+
+export {
+  TerraCard
+};

package/cdn/chunks/chunk.2QLCPLJA.js

@@ -0,0 +1,83 @@
+import {
+  site_header_styles_default
+} from "./chunk.GC6ROUDW.js";
+import {
+  HasSlotController
+} from "./chunk.YTY4DQKX.js";
+import {
+  TerraIcon
+} from "./chunk.GVVU2QFZ.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n
+} from "./chunk.YO4X3RWQ.js";
+import {
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/site-header/site-header.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraSiteHeader = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(
+      this,
+      "title",
+      "center",
+      "right"
+    );
+    this.siteName = "";
+  }
+  render() {
+    const hasTitleSlot = this.hasSlotController.test("title");
+    const hasRightSlot = this.hasSlotController.test("right");
+    return x`
+            <header part="base" class="site-header">
+                <div class="site-header__left">
+                    <div part="logo" class="site-header__logo">
+                        <terra-icon name="nasa-logo" font-size="4rem"></terra-icon>
+                    </div>
+                    <div part="title" class="site-header__title">
+                        ${hasTitleSlot ? x`<slot name="title"></slot>` : x`<span>${this.siteName}</span>`}
+                    </div>
+                </div>
+                <div part="center" class="site-header__center">
+                    <slot name="center"></slot>
+                </div>
+                <div part="right" class="site-header__right">
+                    ${hasRightSlot ? x`<slot name="right"></slot>` : x`
+                              <button
+                                  class="site-header__search"
+                                  type="button"
+                                  title="Search"
+                                  aria-label="Search"
+                              >
+                                  <terra-icon
+                                      name="magnifying-glass"
+                                      library="heroicons"
+                                  ></terra-icon>
+                              </button>
+                          `}
+                </div>
+            </header>
+        `;
+  }
+};
+TerraSiteHeader.styles = [component_styles_default, site_header_styles_default];
+TerraSiteHeader.dependencies = { "terra-icon": TerraIcon };
+__decorateClass([
+  n({ attribute: "site-name" })
+], TerraSiteHeader.prototype, "siteName", 2);
+
+export {
+  TerraSiteHeader
+};

package/cdn/chunks/chunk.2U7IQRQF.js

@@ -0,0 +1,29 @@
+import {
+  TerraSlider
+} from "./chunk.GWLLGOGA.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/react/slider/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-slider";
+TerraSlider.define("terra-slider");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraSlider,
+  react: React,
+  events: {},
+  displayName: "TerraSlider"
+});
+var slider_default = reactWrapper;
+
+export {
+  slider_default
+};

package/cdn/chunks/chunk.3EEC7I6T.js

@@ -0,0 +1,77 @@
+import {
+  e,
+  i
+} from "./chunk.JLIAPPXF.js";
+import {
+  e as e2,
+  h,
+  l,
+  m,
+  p,
+  s
+} from "./chunk.YEINMQD6.js";
+import {
+  B,
+  E
+} from "./chunk.3ZQGAH53.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// node_modules/lit-html/directives/cache.js
+init_dirname();
+init_buffer();
+init_process();
+var d = (t) => l(t) ? t._$litType$.h : t.strings;
+var h2 = e(class extends i {
+  constructor(t) {
+    super(t), this.et = /* @__PURE__ */ new WeakMap();
+  }
+  render(t) {
+    return [t];
+  }
+  update(s2, [e3]) {
+    const u = e2(this.it) ? d(this.it) : null, h3 = e2(e3) ? d(e3) : null;
+    if (null !== u && (null === h3 || u !== h3)) {
+      const e4 = p(s2).pop();
+      let o = this.et.get(u);
+      if (void 0 === o) {
+        const s3 = document.createDocumentFragment();
+        o = B(E, s3), o.setConnected(false), this.et.set(u, o);
+      }
+      m(o, [e4]), s(o, void 0, e4);
+    }
+    if (null !== h3) {
+      if (null === u || u !== h3) {
+        const t = this.et.get(h3);
+        if (void 0 !== t) {
+          const i2 = p(t).pop();
+          h(s2), s(s2, void 0, i2), m(s2, [i2]);
+        }
+      }
+      this.it = e3;
+    } else
+      this.it = void 0;
+    return this.render(e3);
+  }
+});
+
+// node_modules/lit/directives/cache.js
+init_dirname();
+init_buffer();
+init_process();
+
+export {
+  h2 as h
+};
+/*! Bundled license information:
+
+lit-html/directives/cache.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.3FMOE22A.js

@@ -0,0 +1,29 @@
+import {
+  TerraBrowseVariables
+} from "./chunk.IG5VNZ6L.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/react/browse-variables/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-browse-variables";
+TerraBrowseVariables.define("terra-browse-variables");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraBrowseVariables,
+  react: React,
+  events: {},
+  displayName: "TerraBrowseVariables"
+});
+var browse_variables_default = reactWrapper;
+
+export {
+  browse_variables_default
+};

package/cdn/chunks/chunk.3GXOGKXF.js

@@ -0,0 +1,19 @@
+import {
+  TerraStepperStep
+} from "./chunk.RWM4STRJ.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/stepper-step/stepper-step.ts
+init_dirname();
+init_buffer();
+init_process();
+var stepper_step_default = TerraStepperStep;
+TerraStepperStep.define("terra-stepper-step");
+
+export {
+  stepper_step_default
+};

package/cdn/chunks/chunk.3IITJSKJ.js

@@ -0,0 +1,19 @@
+import {
+  TerraSkeleton
+} from "./chunk.YAQ7CZNB.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/skeleton/skeleton.ts
+init_dirname();
+init_buffer();
+init_process();
+var skeleton_default = TerraSkeleton;
+TerraSkeleton.define("terra-skeleton");
+
+export {
+  skeleton_default
+};

package/cdn/chunks/chunk.3IIWIDHX.js

@@ -0,0 +1,19 @@
+import {
+  TerraCheckbox
+} from "./chunk.HNE4DLKP.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/checkbox/checkbox.ts
+init_dirname();
+init_buffer();
+init_process();
+var checkbox_default = TerraCheckbox;
+TerraCheckbox.define("terra-checkbox");
+
+export {
+  checkbox_default
+};