@nasa-terra/components 0.0.181 → 0.0.182

package/cdn/chunks/chunk.ZC2YQQZ3.js

@@ -1,33 +0,0 @@
-import {
-  TerraTabs
-} from "./chunk.GCDBZ3W7.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/tabs/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-tabs";
-TerraTabs.define("terra-tabs");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraTabs,
-  react: React,
-  events: {
-    onTerraTabShow: "terra-tab-show",
-    onTerraTabHide: "terra-tab-hide"
-  },
-  displayName: "TerraTabs"
-});
-var tabs_default = reactWrapper;
-
-export {
-  tabs_default
-};

package/cdn/chunks/chunk.ZFOTRE5C.js

@@ -1,19 +0,0 @@
-import {
-  TerraStepper
-} from "./chunk.YJA73KAA.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/stepper/stepper.ts
-init_dirname();
-init_buffer();
-init_process();
-var stepper_default = TerraStepper;
-TerraStepper.define("terra-stepper");
-
-export {
-  stepper_default
-};

package/cdn/chunks/chunk.ZKC2RGQN.js

@@ -1,33 +0,0 @@
-import {
-  TerraHarmonyHistory
-} from "./chunk.CIVGGIRX.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/harmony-history/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-harmony-history";
-TerraHarmonyHistory.define("terra-harmony-history");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraHarmonyHistory,
-  react: React,
-  events: {
-    onTerraHarmonyJobSelect: "terra-harmony-job-select",
-    onTerraHarmonyJobDelete: "terra-harmony-job-delete"
-  },
-  displayName: "TerraHarmonyHistory"
-});
-var harmony_history_default = reactWrapper;
-
-export {
-  harmony_history_default
-};

package/cdn/chunks/chunk.ZTRMYR7K.js

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

package/cdn/chunks/chunk.ZVIECZDH.js

@@ -1,155 +0,0 @@
-import {
-  progress_bar_styles_default
-} from "./chunk.LBHEG35U.js";
-import {
-  o
-} from "./chunk.VH7AMLEP.js";
-import {
-  e as e2
-} from "./chunk.KGXAA5I2.js";
-import {
-  e,
-  i,
-  t
-} from "./chunk.GREJIXMV.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.XQO3ZO7J.js";
-import {
-  E,
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.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 E;
-  }
-});
-
-// 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 b`
-            <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 ? b`
-                              <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.ZZFZ22B2.js

@@ -1,288 +0,0 @@
-import {
-  TerraDataSubsetter
-} from "./chunk.PNBVXM3Y.js";
-import {
-  TerraDialog
-} from "./chunk.4NU6XC7B.js";
-import {
-  DataSubsetterHistoryController
-} from "./chunk.WF7MTEF2.js";
-import {
-  data_subsetter_history_styles_default
-} from "./chunk.ZM6WMVSY.js";
-import {
-  AuthController
-} from "./chunk.7DYV7ZXX.js";
-import {
-  TerraIcon
-} from "./chunk.QRJLBELU.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n,
-  r
-} from "./chunk.XQO3ZO7J.js";
-import {
-  A,
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/data-subsetter-history/data-subsetter-history.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var _controller, _renderHistoryItems, renderHistoryItems_fn, _renderSubsetterHistoryItem, renderSubsetterHistoryItem_fn, _handleHistoryItemClick, handleHistoryItemClick_fn, _parseLabelsAsJson, parseLabelsAsJson_fn;
-var TerraDataSubsetterHistory = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _renderHistoryItems);
-    __privateAdd(this, _renderSubsetterHistoryItem);
-    __privateAdd(this, _handleHistoryItemClick);
-    __privateAdd(this, _parseLabelsAsJson);
-    this.label = "History";
-    this.alwaysShow = true;
-    this.collapsed = true;
-    this.hideCancelled = true;
-    __privateAdd(this, _controller, new DataSubsetterHistoryController(this));
-    this._authController = new AuthController(this);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addController(__privateGet(this, _controller));
-  }
-  toggleCollapsed() {
-    this.collapsed = !this.collapsed;
-  }
-  render() {
-    const jobs = __privateGet(this, _controller).jobs;
-    const hasJobs = jobs && jobs.jobs.length > 0;
-    if (!hasJobs) {
-      return A;
-    }
-    return b`
-            <div class="${this.collapsed ? "collapsed" : ""}">
-                <div class="history-header" @click=${this.toggleCollapsed}>
-                    <span>${this.label}</span>
-                </div>
-
-                <div class="history-panel">
-                    ${hasJobs ? b`
-                              <div class="history-link-row">
-                                  <label>
-                                      <input
-                                          type="checkbox"
-                                          .checked=${this.hideCancelled}
-                                          @change=${(e2) => {
-      this.hideCancelled = e2.target.checked;
-    }}
-                                      />
-                                      Hide Cancelled
-                                  </label>
-
-                                  <a
-                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
-                                      target="_blank"
-                                      rel="noopener noreferrer"
-                                      class="history-link"
-                                  >
-                                      View all
-                                      <terra-icon
-                                          name="outline-arrow-top-right-on-square"
-                                          library="heroicons"
-                                          size="32px"
-                                      ></terra-icon>
-                                  </a>
-                              </div>
-                          ` : A}
-
-                    <div class="history-list">
-                        ${jobs ? hasJobs ? __privateMethod(this, _renderHistoryItems, renderHistoryItems_fn).call(this, jobs) : b`<div class="history-alert-message">
-                                      You haven't made any requests yet.<br />
-                                      Get started by
-                                      <a
-                                          href="#"
-                                          class="history-alert-link"
-                                          @click=${(e2) => {
-      var _a;
-      e2.preventDefault();
-      this.selectedJob = void 0;
-      this.selectedCollectionEntryId = void 0;
-      (_a = this.dialog) == null ? void 0 : _a.show();
-    }}
-                                      >
-                                          creating your first request!</a
-                                      >.
-                                  </div>` : b`<div class="history-alert-message">
-                                  Retrieving your requests....
-                              </div>`}
-                    </div>
-                </div>
-            </div>
-
-            <terra-data-subsetter
-                .jobId=${this.selectedJob}
-                .collectionEntryId=${this.selectedCollectionEntryId}
-                .bearerToken=${this.bearerToken}
-                is-history-view
-                dialog="history-dialog"
-                part="subsetter"
-            ></terra-data-subsetter>
-        `;
-  }
-};
-_controller = new WeakMap();
-_renderHistoryItems = new WeakSet();
-renderHistoryItems_fn = function(subsetJobs) {
-  const filteredJobs = subsetJobs.jobs.slice().filter((job) => {
-    if (this.hideCancelled) {
-      return job.status !== "canceled" /* CANCELED */;
-    }
-    return true;
-  }).sort(
-    (a, b2) => new Date(b2.createdAt).getTime() - new Date(a.createdAt).getTime()
-  );
-  if (!filteredJobs.length) {
-    return b`
-                <div class="history-alert-message">
-                    There are no active requests to show.<br />
-                    If you'd like, you can
-                    <a
-                        href="#"
-                        class="history-alert-link"
-                        @click=${(e2) => {
-      var _a;
-      e2.preventDefault();
-      this.selectedJob = void 0;
-      this.selectedCollectionEntryId = void 0;
-      (_a = this.dialog) == null ? void 0 : _a.show();
-    }}
-                    >
-                        create a new request.</a
-                    >
-                </div>
-            `;
-  }
-  return filteredJobs.map((job) => {
-    let fillColor = "#0066cc";
-    if (job.status === "successful" /* SUCCESSFUL */ || job.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ || job.status === "running_with_errors" /* RUNNING_WITH_ERRORS */) {
-      fillColor = "#28a745";
-    } else if (job.status === "failed" /* FAILED */) {
-      fillColor = "#dc3545";
-    } else if (job.status === "canceled" /* CANCELED */) {
-      fillColor = "#ffc107";
-    }
-    const progressLabel = job.status === "failed" /* FAILED */ || job.status === "canceled" /* CANCELED */ ? job.status : `${job.progress}%`;
-    const progress = job.status === "failed" /* FAILED */ || job.status === "canceled" /* CANCELED */ ? 100 : job.progress;
-    const parsedLabels = __privateMethod(this, _parseLabelsAsJson, parseLabelsAsJson_fn).call(this, job.labels || []);
-    return b`
-                <div
-                    class="history-item"
-                    @click=${__privateMethod(this, _handleHistoryItemClick, handleHistoryItemClick_fn).bind(this, job)}
-                >
-                    <div class="item-header">
-                        <div class="item-title">
-                            ${__privateMethod(this, _renderSubsetterHistoryItem, renderSubsetterHistoryItem_fn).call(this, job, parsedLabels)}
-                        </div>
-                    </div>
-
-                    <div class="progress-bar">
-                        <div
-                            class="progress-fill"
-                            style="width: ${progress}%; background-color: ${fillColor}"
-                        >
-                            ${progressLabel}
-                        </div>
-                    </div>
-                </div>
-            `;
-  });
-};
-_renderSubsetterHistoryItem = new WeakSet();
-renderSubsetterHistoryItem_fn = function(job, labels) {
-  var _a;
-  return b`
-            <div class="subsetter-history-item">
-                <div class="history-item-title">
-                    ${(_a = labels["collection-entry-id"]) != null ? _a : job.jobID}
-                </div>
-                <div>${new Date(job.createdAt).toLocaleString()}</div>
-            </div>
-        `;
-};
-_handleHistoryItemClick = new WeakSet();
-handleHistoryItemClick_fn = function(job) {
-  var _a;
-  const parsedLabels = __privateMethod(this, _parseLabelsAsJson, parseLabelsAsJson_fn).call(this, job.labels || []);
-  this.selectedJob = job.jobID;
-  this.selectedCollectionEntryId = parsedLabels["collection-entry-id"];
-  (_a = this.subsetter) == null ? void 0 : _a.showDialog();
-};
-_parseLabelsAsJson = new WeakSet();
-parseLabelsAsJson_fn = function(labels) {
-  try {
-    return Object.fromEntries(
-      labels.map((line) => {
-        const [key, ...rest] = line.split(":");
-        const valueRaw = rest.join(":").trim();
-        let value = valueRaw;
-        if (valueRaw.startsWith("{") || valueRaw.startsWith("[")) {
-          try {
-            value = JSON.parse(valueRaw);
-          } catch (e2) {
-            value = valueRaw;
-          }
-        }
-        return [key.trim(), value];
-      })
-    );
-  } catch (e2) {
-    return {};
-  }
-};
-TerraDataSubsetterHistory.dependencies = {
-  "terra-icon": TerraIcon,
-  "terra-data-subsetter": TerraDataSubsetter,
-  "terra-dialog": TerraDialog
-};
-TerraDataSubsetterHistory.styles = [component_styles_default, data_subsetter_history_styles_default];
-__decorateClass([
-  n()
-], TerraDataSubsetterHistory.prototype, "label", 2);
-__decorateClass([
-  n({ attribute: "bearer-token" })
-], TerraDataSubsetterHistory.prototype, "bearerToken", 2);
-__decorateClass([
-  n({ attribute: "always-show", type: Boolean })
-], TerraDataSubsetterHistory.prototype, "alwaysShow", 2);
-__decorateClass([
-  r()
-], TerraDataSubsetterHistory.prototype, "collapsed", 2);
-__decorateClass([
-  r()
-], TerraDataSubsetterHistory.prototype, "selectedJob", 2);
-__decorateClass([
-  r()
-], TerraDataSubsetterHistory.prototype, "selectedCollectionEntryId", 2);
-__decorateClass([
-  r()
-], TerraDataSubsetterHistory.prototype, "hideCancelled", 2);
-__decorateClass([
-  e('[part~="dialog"]')
-], TerraDataSubsetterHistory.prototype, "dialog", 2);
-__decorateClass([
-  e('[part~="subsetter"]')
-], TerraDataSubsetterHistory.prototype, "subsetter", 2);
-
-export {
-  TerraDataSubsetterHistory
-};

package/dist/chunks/chunk.244CTE3T.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.S3WSRAXA.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-icon";e.define("terra-icon");var a=t({tagName:o,elementClass:e,react:r,events:{onTerraLoad:"terra-load",onTerraError:"terra-error"},displayName:"TerraIcon"}),f=a;export{f as a};

package/dist/chunks/chunk.27Y756GG.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.OAYJFXJ7.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-alert";e.define("terra-alert");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraAlert"}),i=n;export{i as a};

package/dist/chunks/chunk.2BHAYNPS.js

@@ -1,33 +0,0 @@
-import{a as c}from"./chunk.ACIJ7WID.js";import{a as r,b as a}from"./chunk.OILCN37O.js";import{e as t,f as o,g as m}from"./chunk.INFVQQSJ.js";import{property as i}from"lit/decorators.js";import{html as n,nothing as p}from"lit";import{classMap as l}from"lit/directives/class-map.js";var s,e=class extends a{constructor(){super(...arguments);this.size="medium";this.closeable=!1;this.stack=!1;m(this,s,()=>{this.emit("terra-remove"),this.remove()})}render(){return n`
-            <div
-                class="${l({"chip--small":this.size==="small","chip--medium":this.size==="medium","chip--large":this.size==="large"})}
-                chip"
-            >
-                <div
-                    class="${l({"chip-content--small":this.size==="small","chip-content--medium":this.size==="medium","chip-content--large":this.size==="large"})}
-                    chip-content"
-                >
-                    <slot part="content" class="tag__content"></slot>
-                </div>
-                ${this.closeable?n`
-                          <button
-                              class="chip-close"
-                              @click="${o(this,s)}"
-                          >
-                              <svg
-                                  class="${l({"chip-svg--small":this.size==="small","chip-svg--medium":this.size==="medium","chip-svg--large":this.size==="large"})}
-                        chip-svg"
-                                  focusable="false"
-                                  viewBox="0 0 500 500"
-                                  aria-hidden="true"
-                              >
-                                  <path
-                                      d="M 227 56.036 H 265 V 227.037 H 436 V 265.036 H 265 V 436.036 H 227 V 265.036 H 56 V 227.037 H 227 Z"
-                                      style="paint-order: fill; fill-rule: nonzero; stroke-width: 0px; transform-origin: 246px 246.036px;"
-                                      transform="matrix(0.707107007504, 0.707107007504, -0.707107007504, 0.707107007504, -9.98393e-7, -0.000026419743)"
-                                  ></path>
-                              </svg>
-                          </button>
-                      `:p}
-            </div>
-        `}};s=new WeakMap,e.styles=[r,c],t([i({reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"closeable",2),t([i({type:Boolean,reflect:!0})],e.prototype,"stack",2);export{e as a};

package/dist/chunks/chunk.2C5SN5KH.js

@@ -1,74 +0,0 @@
-import{b as W,c as u,d as v}from"./chunk.6WTTSLOK.js";import{a as w}from"./chunk.Q6Y44MV7.js";import{a as Q}from"./chunk.6VRE7YNG.js";import{a as O}from"./chunk.36AZ2XCI.js";import{a as N}from"./chunk.EDBJ4VFC.js";import{a as U}from"./chunk.J5Q4TWEG.js";import{a as R,b as F}from"./chunk.OILCN37O.js";import{a as q,b as C,e as o,f as t,g as l,h as m,i as d}from"./chunk.INFVQQSJ.js";import j from"fuse.js";import{LitElement as z,html as E,nothing as B}from"lit";import{property as b,state as $}from"lit/decorators.js";import{map as D}from"lit/directives/map.js";import{ref as A}from"lit/directives/ref.js";var a,x,r,L,c,k,M,H,f,y,p,g,T,P,s=class s extends F{constructor(){super(...arguments);l(this,p);l(this,T);l(this,a,null);l(this,x,new w(this));l(this,r,null);l(this,L,null);l(this,c,null);this.label="Enter search terms (e.g., precipitation, AOD)";this.hideLabel=!0;this.searchConfig={keys:["id"],useExtendedSearch:!0};this.isExpanded=!1;this.query=s.initialQuery;this.searchResults=[];l(this,k,i=>{var n;let e=i.target;this.query=e.value,e.value&&(this.isExpanded=!0),this.searchResults=(n=t(this,L))==null?void 0:n.search(e.value).map(({item:h})=>h)});l(this,M,i=>{let e=i.composedPath(),[n]=e.filter(h=>h.role==="option");n&&(t(this,y).call(this,n),d(this,p,g).call(this,this.query))});l(this,H,i=>{var e;switch(i.key){case"ArrowDown":{if(!this.isExpanded)return;u(t(this,a),t(this,r)),v(t(this,c),t(this,a),"next");break}case"ArrowUp":{if(!this.isExpanded)return;u(t(this,a),t(this,r)),v(t(this,c),t(this,a),"previous");break}case"Enter":{let n=(e=t(this,c))==null?void 0:e.currentNode;n.role==="option"&&t(this,y).call(this,n),d(this,p,g).call(this,this.query);break}case"Escape":{u(t(this,a),t(this,r)),this.isExpanded?(this.isExpanded=!1,this.dispatchEvent(new Event("cancel"))):this.query=s.initialQuery;break}default:break}});l(this,f,i=>{i.composedPath().some(h=>h.localName===s.tagName)||(this.isExpanded=!1)});l(this,y,i=>{this.query=i.id,this.emit("terra-variable-keyword-search-change",{detail:i.id}),this.isExpanded=!1,u(t(this,a),t(this,r))})}async valueChanged(i,e){this.query=e}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f))}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("click",t(this,f))}clear(){this.query=s.initialQuery}close(){this.isExpanded=!1}toggle(){this.isExpanded=!this.isExpanded}render(){var i;return E`<search part="base" title="Search through the list.">
-            <label for="combobox" class=${this.hideLabel?"sr-only":"input-label"}
-                >${this.label}</label
-            >
-            <div class="search-input-group">
-                <terra-button
-                    @click=${()=>d(this,p,g).call(this,this.query)}
-                    aria-label=${this.query?`Search for ${this.query}.`:"Enter search term to enable search."}
-                    circle
-                    class="search-button search-input-button"
-                    outline
-                    tabindex="-1"
-                    type="button"
-                >
-                    <slot name="label">
-                        <terra-icon
-                            font-size="1.5em"
-                            library="heroicons"
-                            name="outline-magnifying-glass"
-                        ></terra-icon>
-                    </slot>
-                </terra-button>
-
-                <input
-                    ${A(e=>{var n;e&&((n=t(this,a))!=null||m(this,a,e))})}
-                    aria-autocomplete="list"
-                    aria-controls="listbox"
-                    aria-haspopup="list"
-                    aria-expanded=${this.isExpanded}
-                    autocomplete="off"
-                    class="combobox"
-                    id="combobox"
-                    part="combobox"
-                    role="combobox"
-                    type="text"
-                    .placeholder=${(i=this.placeholder)!=null?i:`${this.label}\u2026`}
-                    .value=${this.query}
-                    @input=${t(this,k)}
-                    @keydown=${t(this,H)}
-                />
-
-                ${this.query.length?E`<terra-button
-                          @click=${()=>d(this,T,P).call(this)}
-                          aria-label="Clear the searched term and start over."
-                          circle
-                          class="clear-button search-input-button"
-                          outline
-                          tabindex="-1"
-                          type="button"
-                      >
-                          <slot name="label">
-                              <terra-icon
-                                  font-size="1.5em"
-                                  library="heroicons"
-                                  name="outline-x-circle"
-                              ></terra-icon>
-                          </slot>
-                      </terra-button>`:B}
-            </div>
-
-            <ul
-                ${A(e=>{var n;e&&((n=t(this,r))!=null||m(this,r,e))})}
-                ?inert=${!this.isExpanded}
-                ?open=${this.isExpanded}
-                @click=${t(this,M)}
-                aria-label=${this.query?`Keywords Matching ${this.query}`:"Keywords"}
-                id="listbox"
-                part="listbox"
-                role="listbox"
-                class="search-results"
-            >
-                ${t(this,x).render({initial:()=>E`<li class="updating">Updating List of Keywords</li>`,pending:()=>E`<li class="updating">Updating List of Keywords</li>`,complete:e=>(m(this,L,new j(e,this.searchConfig)),m(this,c,document.createTreeWalker(t(this,r),NodeFilter.SHOW_ELEMENT,n=>{var h;return["option","listbox"].includes((h=n.role)!=null?h:"")?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP})),D(this.searchResults,W)),error:e=>E`<li class="error">${e}</li>`})}
-            </ul>
-        </search>`}};a=new WeakMap,x=new WeakMap,r=new WeakMap,L=new WeakMap,c=new WeakMap,k=new WeakMap,M=new WeakMap,H=new WeakMap,f=new WeakMap,y=new WeakMap,p=new WeakSet,g=function(i){i.length&&this.emit("terra-search",{detail:this.query})},T=new WeakSet,P=function(){var i;this.query=s.initialQuery,this.emit("terra-search",{detail:this.query}),u(t(this,a),t(this,r)),(i=t(this,a))==null||i.focus()},s.dependencies={"terra-button":N,"terra-icon":O},s.styles=[R,Q],s.shadowRootOptions=C(q({},z.shadowRootOptions),{delegatesFocus:!0}),s.tagName="terra-variable-keyword-search",s.initialQuery="",o([b()],s.prototype,"label",2),o([b()],s.prototype,"placeholder",2),o([b({attribute:"hide-label",type:Boolean})],s.prototype,"hideLabel",2),o([b({reflect:!1,type:Object})],s.prototype,"searchConfig",2),o([b()],s.prototype,"value",2),o([$()],s.prototype,"isExpanded",2),o([$()],s.prototype,"query",2),o([$()],s.prototype,"searchResults",2),o([U("value")],s.prototype,"valueChanged",1);var I=s;export{I as a};