@nasa-terra/components 0.0.178 → 0.0.179

package/cdn/chunks/chunk.RRCYT4LP.js

@@ -0,0 +1,374 @@
+import {
+  y
+} from "./chunk.JS5TDQ5C.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// node_modules/lit-html/lit-html.js
+init_dirname();
+init_buffer();
+init_process();
+var t = globalThis;
+var i = (t2) => t2;
+var s = t.trustedTypes;
+var e = s ? s.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0;
+var h = "$lit$";
+var o = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var n = "?" + o;
+var r = `<${n}>`;
+var l = document;
+var c = () => l.createComment("");
+var a = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2;
+var u = Array.isArray;
+var d = (t2) => u(t2) || "function" == typeof (t2 == null ? void 0 : t2[Symbol.iterator]);
+var f = "[ 	\n\f\r]";
+var v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var _ = /-->/g;
+var m = />/g;
+var p = RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var g = /'/g;
+var $ = /"/g;
+var y2 = /^(?:script|style|textarea|title)$/i;
+var x = (t2) => (i3, ...s3) => ({ _$litType$: t2, strings: i3, values: s3 });
+var b = x(1);
+var w = x(2);
+var T = x(3);
+var E = Symbol.for("lit-noChange");
+var A = Symbol.for("lit-nothing");
+var C = /* @__PURE__ */ new WeakMap();
+var P = l.createTreeWalker(l, 129);
+function V(t2, i3) {
+  if (!u(t2) || !t2.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return void 0 !== e ? e.createHTML(i3) : i3;
+}
+var N = (t2, i3) => {
+  const s3 = t2.length - 1, e2 = [];
+  let n2, l2 = 2 === i3 ? "<svg>" : 3 === i3 ? "<math>" : "", c2 = v;
+  for (let i4 = 0; i4 < s3; i4++) {
+    const s4 = t2[i4];
+    let a2, u2, d2 = -1, f2 = 0;
+    for (; f2 < s4.length && (c2.lastIndex = f2, u2 = c2.exec(s4), null !== u2); )
+      f2 = c2.lastIndex, c2 === v ? "!--" === u2[1] ? c2 = _ : void 0 !== u2[1] ? c2 = m : void 0 !== u2[2] ? (y2.test(u2[2]) && (n2 = RegExp("</" + u2[2], "g")), c2 = p) : void 0 !== u2[3] && (c2 = p) : c2 === p ? ">" === u2[0] ? (c2 = n2 != null ? n2 : v, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c2.lastIndex - u2[2].length, a2 = u2[1], c2 = void 0 === u2[3] ? p : '"' === u2[3] ? $ : g) : c2 === $ || c2 === g ? c2 = p : c2 === _ || c2 === m ? c2 = v : (c2 = p, n2 = void 0);
+    const x2 = c2 === p && t2[i4 + 1].startsWith("/>") ? " " : "";
+    l2 += c2 === v ? s4 + r : d2 >= 0 ? (e2.push(a2), s4.slice(0, d2) + h + s4.slice(d2) + o + x2) : s4 + o + (-2 === d2 ? i4 : x2);
+  }
+  return [V(t2, l2 + (t2[s3] || "<?>") + (2 === i3 ? "</svg>" : 3 === i3 ? "</math>" : "")), e2];
+};
+var S = class _S {
+  constructor({ strings: t2, _$litType$: i3 }, e2) {
+    let r2;
+    this.parts = [];
+    let l2 = 0, a2 = 0;
+    const u2 = t2.length - 1, d2 = this.parts, [f2, v2] = N(t2, i3);
+    if (this.el = _S.createElement(f2, e2), P.currentNode = this.el.content, 2 === i3 || 3 === i3) {
+      const t3 = this.el.content.firstChild;
+      t3.replaceWith(...t3.childNodes);
+    }
+    for (; null !== (r2 = P.nextNode()) && d2.length < u2; ) {
+      if (1 === r2.nodeType) {
+        if (r2.hasAttributes())
+          for (const t3 of r2.getAttributeNames())
+            if (t3.endsWith(h)) {
+              const i4 = v2[a2++], s3 = r2.getAttribute(t3).split(o), e3 = /([.?@])?(.*)/.exec(i4);
+              d2.push({ type: 1, index: l2, name: e3[2], strings: s3, ctor: "." === e3[1] ? I : "?" === e3[1] ? L : "@" === e3[1] ? z : H }), r2.removeAttribute(t3);
+            } else
+              t3.startsWith(o) && (d2.push({ type: 6, index: l2 }), r2.removeAttribute(t3));
+        if (y2.test(r2.tagName)) {
+          const t3 = r2.textContent.split(o), i4 = t3.length - 1;
+          if (i4 > 0) {
+            r2.textContent = s ? s.emptyScript : "";
+            for (let s3 = 0; s3 < i4; s3++)
+              r2.append(t3[s3], c()), P.nextNode(), d2.push({ type: 2, index: ++l2 });
+            r2.append(t3[i4], c());
+          }
+        }
+      } else if (8 === r2.nodeType)
+        if (r2.data === n)
+          d2.push({ type: 2, index: l2 });
+        else {
+          let t3 = -1;
+          for (; -1 !== (t3 = r2.data.indexOf(o, t3 + 1)); )
+            d2.push({ type: 7, index: l2 }), t3 += o.length - 1;
+        }
+      l2++;
+    }
+  }
+  static createElement(t2, i3) {
+    const s3 = l.createElement("template");
+    return s3.innerHTML = t2, s3;
+  }
+};
+function M(t2, i3, s3 = t2, e2) {
+  var _a4, _b, _c;
+  if (i3 === E)
+    return i3;
+  let h2 = void 0 !== e2 ? (_a4 = s3._$Co) == null ? void 0 : _a4[e2] : s3._$Cl;
+  const o3 = a(i3) ? void 0 : i3._$litDirective$;
+  return (h2 == null ? void 0 : h2.constructor) !== o3 && ((_b = h2 == null ? void 0 : h2._$AO) == null ? void 0 : _b.call(h2, false), void 0 === o3 ? h2 = void 0 : (h2 = new o3(t2), h2._$AT(t2, s3, e2)), void 0 !== e2 ? ((_c = s3._$Co) != null ? _c : s3._$Co = [])[e2] = h2 : s3._$Cl = h2), void 0 !== h2 && (i3 = M(t2, h2._$AS(t2, i3.values), h2, e2)), i3;
+}
+var R = class {
+  constructor(t2, i3) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i3;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t2) {
+    var _a4;
+    const { el: { content: i3 }, parts: s3 } = this._$AD, e2 = ((_a4 = t2 == null ? void 0 : t2.creationScope) != null ? _a4 : l).importNode(i3, true);
+    P.currentNode = e2;
+    let h2 = P.nextNode(), o3 = 0, n2 = 0, r2 = s3[0];
+    for (; void 0 !== r2; ) {
+      if (o3 === r2.index) {
+        let i4;
+        2 === r2.type ? i4 = new k(h2, h2.nextSibling, this, t2) : 1 === r2.type ? i4 = new r2.ctor(h2, r2.name, r2.strings, this, t2) : 6 === r2.type && (i4 = new Z(h2, this, t2)), this._$AV.push(i4), r2 = s3[++n2];
+      }
+      o3 !== (r2 == null ? void 0 : r2.index) && (h2 = P.nextNode(), o3++);
+    }
+    return P.currentNode = l, e2;
+  }
+  p(t2) {
+    let i3 = 0;
+    for (const s3 of this._$AV)
+      void 0 !== s3 && (void 0 !== s3.strings ? (s3._$AI(t2, s3, i3), i3 += s3.strings.length - 2) : s3._$AI(t2[i3])), i3++;
+  }
+};
+var k = class _k {
+  get _$AU() {
+    var _a4, _b;
+    return (_b = (_a4 = this._$AM) == null ? void 0 : _a4._$AU) != null ? _b : this._$Cv;
+  }
+  constructor(t2, i3, s3, e2) {
+    var _a4;
+    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t2, this._$AB = i3, this._$AM = s3, this.options = e2, this._$Cv = (_a4 = e2 == null ? void 0 : e2.isConnected) != null ? _a4 : true;
+  }
+  get parentNode() {
+    let t2 = this._$AA.parentNode;
+    const i3 = this._$AM;
+    return void 0 !== i3 && 11 === (t2 == null ? void 0 : t2.nodeType) && (t2 = i3.parentNode), t2;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t2, i3 = this) {
+    t2 = M(this, t2, i3), a(t2) ? t2 === A || null == t2 || "" === t2 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t2 !== this._$AH && t2 !== E && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : d(t2) ? this.k(t2) : this._(t2);
+  }
+  O(t2) {
+    return this._$AA.parentNode.insertBefore(t2, this._$AB);
+  }
+  T(t2) {
+    this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
+  }
+  _(t2) {
+    this._$AH !== A && a(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(l.createTextNode(t2)), this._$AH = t2;
+  }
+  $(t2) {
+    var _a4;
+    const { values: i3, _$litType$: s3 } = t2, e2 = "number" == typeof s3 ? this._$AC(t2) : (void 0 === s3.el && (s3.el = S.createElement(V(s3.h, s3.h[0]), this.options)), s3);
+    if (((_a4 = this._$AH) == null ? void 0 : _a4._$AD) === e2)
+      this._$AH.p(i3);
+    else {
+      const t3 = new R(e2, this), s4 = t3.u(this.options);
+      t3.p(i3), this.T(s4), this._$AH = t3;
+    }
+  }
+  _$AC(t2) {
+    let i3 = C.get(t2.strings);
+    return void 0 === i3 && C.set(t2.strings, i3 = new S(t2)), i3;
+  }
+  k(t2) {
+    u(this._$AH) || (this._$AH = [], this._$AR());
+    const i3 = this._$AH;
+    let s3, e2 = 0;
+    for (const h2 of t2)
+      e2 === i3.length ? i3.push(s3 = new _k(this.O(c()), this.O(c()), this, this.options)) : s3 = i3[e2], s3._$AI(h2), e2++;
+    e2 < i3.length && (this._$AR(s3 && s3._$AB.nextSibling, e2), i3.length = e2);
+  }
+  _$AR(t2 = this._$AA.nextSibling, s3) {
+    var _a4;
+    for ((_a4 = this._$AP) == null ? void 0 : _a4.call(this, false, true, s3); t2 !== this._$AB; ) {
+      const s4 = i(t2).nextSibling;
+      i(t2).remove(), t2 = s4;
+    }
+  }
+  setConnected(t2) {
+    var _a4;
+    void 0 === this._$AM && (this._$Cv = t2, (_a4 = this._$AP) == null ? void 0 : _a4.call(this, t2));
+  }
+};
+var H = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t2, i3, s3, e2, h2) {
+    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t2, this.name = i3, this._$AM = e2, this.options = h2, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = A;
+  }
+  _$AI(t2, i3 = this, s3, e2) {
+    const h2 = this.strings;
+    let o3 = false;
+    if (void 0 === h2)
+      t2 = M(this, t2, i3, 0), o3 = !a(t2) || t2 !== this._$AH && t2 !== E, o3 && (this._$AH = t2);
+    else {
+      const e3 = t2;
+      let n2, r2;
+      for (t2 = h2[0], n2 = 0; n2 < h2.length - 1; n2++)
+        r2 = M(this, e3[s3 + n2], i3, n2), r2 === E && (r2 = this._$AH[n2]), o3 || (o3 = !a(r2) || r2 !== this._$AH[n2]), r2 === A ? t2 = A : t2 !== A && (t2 += (r2 != null ? r2 : "") + h2[n2 + 1]), this._$AH[n2] = r2;
+    }
+    o3 && !e2 && this.j(t2);
+  }
+  j(t2) {
+    t2 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 != null ? t2 : "");
+  }
+};
+var I = class extends H {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t2) {
+    this.element[this.name] = t2 === A ? void 0 : t2;
+  }
+};
+var L = class extends H {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t2) {
+    this.element.toggleAttribute(this.name, !!t2 && t2 !== A);
+  }
+};
+var z = class extends H {
+  constructor(t2, i3, s3, e2, h2) {
+    super(t2, i3, s3, e2, h2), this.type = 5;
+  }
+  _$AI(t2, i3 = this) {
+    var _a4;
+    if ((t2 = (_a4 = M(this, t2, i3, 0)) != null ? _a4 : A) === E)
+      return;
+    const s3 = this._$AH, e2 = t2 === A && s3 !== A || t2.capture !== s3.capture || t2.once !== s3.once || t2.passive !== s3.passive, h2 = t2 !== A && (s3 === A || e2);
+    e2 && this.element.removeEventListener(this.name, this, s3), h2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
+  }
+  handleEvent(t2) {
+    var _a4, _b;
+    "function" == typeof this._$AH ? this._$AH.call((_b = (_a4 = this.options) == null ? void 0 : _a4.host) != null ? _b : this.element, t2) : this._$AH.handleEvent(t2);
+  }
+};
+var Z = class {
+  constructor(t2, i3, s3) {
+    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i3, this.options = s3;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t2) {
+    M(this, t2);
+  }
+};
+var j = { M: h, P: o, A: n, C: 1, L: N, R, D: d, V: M, I: k, H, N: L, U: z, B: I, F: Z };
+var B = t.litHtmlPolyfillSupport;
+var _a;
+B == null ? void 0 : B(S, k), ((_a = t.litHtmlVersions) != null ? _a : t.litHtmlVersions = []).push("3.3.2");
+var D = (t2, i3, s3) => {
+  var _a4, _b;
+  const e2 = (_a4 = s3 == null ? void 0 : s3.renderBefore) != null ? _a4 : i3;
+  let h2 = e2._$litPart$;
+  if (void 0 === h2) {
+    const t3 = (_b = s3 == null ? void 0 : s3.renderBefore) != null ? _b : null;
+    e2._$litPart$ = h2 = new k(i3.insertBefore(c(), t3), t3, void 0, s3 != null ? s3 : {});
+  }
+  return h2._$AI(t2), h2;
+};
+
+// node_modules/lit-element/lit-element.js
+init_dirname();
+init_buffer();
+init_process();
+var s2 = globalThis;
+var i2 = class extends y {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var _a4, _b;
+    const t2 = super.createRenderRoot();
+    return (_b = (_a4 = this.renderOptions).renderBefore) != null ? _b : _a4.renderBefore = t2.firstChild, t2;
+  }
+  update(t2) {
+    const r2 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Do = D(r2, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    var _a4;
+    super.connectedCallback(), (_a4 = this._$Do) == null ? void 0 : _a4.setConnected(true);
+  }
+  disconnectedCallback() {
+    var _a4;
+    super.disconnectedCallback(), (_a4 = this._$Do) == null ? void 0 : _a4.setConnected(false);
+  }
+  render() {
+    return E;
+  }
+};
+var _a2;
+i2._$litElement$ = true, i2["finalized"] = true, (_a2 = s2.litElementHydrateSupport) == null ? void 0 : _a2.call(s2, { LitElement: i2 });
+var o2 = s2.litElementPolyfillSupport;
+o2 == null ? void 0 : o2({ LitElement: i2 });
+var _a3;
+((_a3 = s2.litElementVersions) != null ? _a3 : s2.litElementVersions = []).push("4.2.2");
+
+// node_modules/lit/index.js
+init_dirname();
+init_buffer();
+init_process();
+
+// node_modules/lit-html/is-server.js
+init_dirname();
+init_buffer();
+init_process();
+
+export {
+  b,
+  w,
+  T,
+  E,
+  A,
+  j,
+  D,
+  i2 as i
+};
+/*! Bundled license information:
+
+lit-html/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.RSLF75JQ.js

@@ -0,0 +1,276 @@
+import {
+  defaultValue,
+  l
+} from "./chunk.F7QE3QNK.js";
+import {
+  form_control_styles_default
+} from "./chunk.LNM5ZU6K.js";
+import {
+  checkbox_styles_default
+} from "./chunk.YX2HWNCK.js";
+import {
+  FormControlController
+} from "./chunk.BJIN2WV3.js";
+import {
+  o
+} from "./chunk.VH7AMLEP.js";
+import {
+  TerraIcon
+} from "./chunk.3KFZES7Q.js";
+import {
+  HasSlotController
+} from "./chunk.PACUQ7ID.js";
+import {
+  e
+} from "./chunk.KGXAA5I2.js";
+import {
+  watch
+} from "./chunk.MPVZOQYA.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e as e2,
+  n,
+  r
+} from "./chunk.FPMFEQWC.js";
+import {
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/checkbox/checkbox.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraCheckbox = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.formControlController = new FormControlController(this, {
+      value: (control) => control.checked ? control.value || "on" : void 0,
+      defaultValue: (control) => control.defaultChecked,
+      setValue: (control, checked) => control.checked = checked
+    });
+    this.hasSlotController = new HasSlotController(this, "help-text");
+    this.hasFocus = false;
+    this.title = "";
+    this.name = "";
+    this.size = "medium";
+    this.disabled = false;
+    this.checked = false;
+    this.indeterminate = false;
+    this.defaultChecked = false;
+    this.form = "";
+    this.required = false;
+    this.helpText = "";
+  }
+  /** Gets the validity state object */
+  get validity() {
+    return this.input.validity;
+  }
+  /** Gets the validation message */
+  get validationMessage() {
+    return this.input.validationMessage;
+  }
+  firstUpdated() {
+    this.formControlController.updateValidity();
+  }
+  handleClick() {
+    this.checked = !this.checked;
+    this.indeterminate = false;
+    this.emit("terra-change");
+  }
+  handleBlur() {
+    this.hasFocus = false;
+    this.emit("terra-blur");
+  }
+  handleInput() {
+    this.emit("terra-input");
+  }
+  handleInvalid(event) {
+    this.formControlController.setValidity(false);
+    this.formControlController.emitInvalidEvent(event);
+  }
+  handleFocus() {
+    this.hasFocus = true;
+    this.emit("terra-focus");
+  }
+  handleDisabledChange() {
+    this.formControlController.setValidity(this.disabled);
+  }
+  handleStateChange() {
+    this.input.checked = this.checked;
+    this.input.indeterminate = this.indeterminate;
+    this.formControlController.updateValidity();
+  }
+  /** Simulates a click on the checkbox. */
+  click() {
+    this.input.click();
+  }
+  /** Sets focus on the checkbox. */
+  focus(options) {
+    this.input.focus(options);
+  }
+  /** Removes focus from the checkbox. */
+  blur() {
+    this.input.blur();
+  }
+  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
+  checkValidity() {
+    return this.input.checkValidity();
+  }
+  /** Gets the associated form, if one exists. */
+  getForm() {
+    return this.formControlController.getForm();
+  }
+  /** Checks for validity and shows the browser's validation message if the control is invalid. */
+  reportValidity() {
+    return this.input.reportValidity();
+  }
+  /**
+   * Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
+   * the custom validation message, call this method with an empty string.
+   */
+  setCustomValidity(message) {
+    this.input.setCustomValidity(message);
+    this.formControlController.updateValidity();
+  }
+  render() {
+    const hasHelpTextSlot = this.hasSlotController.test("help-text");
+    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
+    return b`
+            <div
+                class=${e({
+      "form-control": true,
+      "form-control--small": this.size === "small",
+      "form-control--medium": this.size === "medium",
+      "form-control--large": this.size === "large",
+      "form-control--has-help-text": hasHelpText
+    })}
+            >
+                <label
+                    part="base"
+                    class=${e({
+      checkbox: true,
+      "checkbox--checked": this.checked,
+      "checkbox--disabled": this.disabled,
+      "checkbox--focused": this.hasFocus,
+      "checkbox--indeterminate": this.indeterminate,
+      "checkbox--small": this.size === "small",
+      "checkbox--medium": this.size === "medium",
+      "checkbox--large": this.size === "large"
+    })}
+                >
+                    <input
+                        class="checkbox__input"
+                        type="checkbox"
+                        title=${this.title}
+                        name=${this.name}
+                        value=${o(this.value)}
+                        .indeterminate=${l(this.indeterminate)}
+                        .checked=${l(this.checked)}
+                        .disabled=${this.disabled}
+                        .required=${this.required}
+                        aria-checked=${this.checked ? "true" : "false"}
+                        aria-describedby="help-text"
+                        @click=${this.handleClick}
+                        @input=${this.handleInput}
+                        @invalid=${this.handleInvalid}
+                        @blur=${this.handleBlur}
+                        @focus=${this.handleFocus}
+                    />
+
+                    <span
+                        part="control${this.checked ? " control--checked" : ""}${this.indeterminate ? " control--indeterminate" : ""}"
+                        class="checkbox__control"
+                    >
+                        ${this.checked ? b`
+                                  <terra-icon
+                                      part="checked-icon"
+                                      class="checkbox__checked-icon"
+                                      library="heroicons"
+                                      name="outline-check"
+                                  ></terra-icon>
+                              ` : ""}
+                        ${!this.checked && this.indeterminate ? b`
+                                  <terra-icon
+                                      part="indeterminate-icon"
+                                      class="checkbox__indeterminate-icon"
+                                      library="heroicons"
+                                      name="outline-minus"
+                                  ></terra-icon>
+                              ` : ""}
+                    </span>
+
+                    <div part="label" class="checkbox__label">
+                        <slot></slot>
+                    </div>
+                </label>
+
+                <div
+                    aria-hidden=${hasHelpText ? "false" : "true"}
+                    class="form-control__help-text"
+                    id="help-text"
+                    part="form-control-help-text"
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `;
+  }
+};
+TerraCheckbox.styles = [component_styles_default, form_control_styles_default, checkbox_styles_default];
+TerraCheckbox.dependencies = { "terra-icon": TerraIcon };
+__decorateClass([
+  e2('input[type="checkbox"]')
+], TerraCheckbox.prototype, "input", 2);
+__decorateClass([
+  r()
+], TerraCheckbox.prototype, "hasFocus", 2);
+__decorateClass([
+  n()
+], TerraCheckbox.prototype, "title", 2);
+__decorateClass([
+  n()
+], TerraCheckbox.prototype, "name", 2);
+__decorateClass([
+  n()
+], TerraCheckbox.prototype, "value", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraCheckbox.prototype, "size", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraCheckbox.prototype, "disabled", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraCheckbox.prototype, "checked", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraCheckbox.prototype, "indeterminate", 2);
+__decorateClass([
+  defaultValue("checked")
+], TerraCheckbox.prototype, "defaultChecked", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraCheckbox.prototype, "form", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraCheckbox.prototype, "required", 2);
+__decorateClass([
+  n({ attribute: "help-text" })
+], TerraCheckbox.prototype, "helpText", 2);
+__decorateClass([
+  watch("disabled", { waitUntilFirstUpdate: true })
+], TerraCheckbox.prototype, "handleDisabledChange", 1);
+__decorateClass([
+  watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
+], TerraCheckbox.prototype, "handleStateChange", 1);
+
+export {
+  TerraCheckbox
+};