@nasa-terra/components 0.0.16 → 0.0.19

package/cdn/chunks/chunk.W7JRXR2Y.js

@@ -1,293 +0,0 @@
-// src/components/plot/plot.styles.ts
-import { css } from "lit";
-var plot_styles_default = css`
-    :host {
-        display: block;
-    }
-
-    :host::part(base) {
-        aspect-ratio: 4 / 3;
-    }
-
-    /**
-   * !Alert! The rest of this stylesheet is auto-generated!
-   * Unfortunately Plotly does not work well with Shadow DOM AND they don't supply a CSS file at all for us to import
-   * Because of this, a working solution is to copy their CSS over.
-   *
-   * Given that they use CSS, you can do npx -y sass ./node_modules/plotly.js/src/css/style.scss > plotly.css
-   * to generate the CSS, then copy the contents of plotly.css into this file
-   */
-    .js-plotly-plot .plotly,
-    .js-plotly-plot .plotly div {
-        direction: ltr;
-        font-family: 'Open Sans', verdana, arial, sans-serif;
-        margin: 0;
-        padding: 0;
-    }
-    .js-plotly-plot .plotly input,
-    .js-plotly-plot .plotly button {
-        font-family: 'Open Sans', verdana, arial, sans-serif;
-    }
-    .js-plotly-plot .plotly input:focus,
-    .js-plotly-plot .plotly button:focus {
-        outline: none;
-    }
-    .js-plotly-plot .plotly a {
-        text-decoration: none;
-    }
-    .js-plotly-plot .plotly a:hover {
-        text-decoration: none;
-    }
-    .js-plotly-plot .plotly .crisp {
-        shape-rendering: crispEdges;
-    }
-    .js-plotly-plot .plotly .user-select-none {
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        -o-user-select: none;
-        user-select: none;
-    }
-    .js-plotly-plot .plotly svg {
-        overflow: hidden;
-    }
-    .js-plotly-plot .plotly svg a {
-        fill: #447adb;
-    }
-    .js-plotly-plot .plotly svg a:hover {
-        fill: #3c6dc5;
-    }
-    .js-plotly-plot .plotly .main-svg {
-        position: absolute;
-        top: 0;
-        left: 0;
-        pointer-events: none;
-    }
-    .js-plotly-plot .plotly .main-svg .draglayer {
-        pointer-events: all;
-    }
-    .js-plotly-plot .plotly .cursor-default {
-        cursor: default;
-    }
-    .js-plotly-plot .plotly .cursor-pointer {
-        cursor: pointer;
-    }
-    .js-plotly-plot .plotly .cursor-crosshair {
-        cursor: crosshair;
-    }
-    .js-plotly-plot .plotly .cursor-move {
-        cursor: move;
-    }
-    .js-plotly-plot .plotly .cursor-col-resize {
-        cursor: col-resize;
-    }
-    .js-plotly-plot .plotly .cursor-row-resize {
-        cursor: row-resize;
-    }
-    .js-plotly-plot .plotly .cursor-ns-resize {
-        cursor: ns-resize;
-    }
-    .js-plotly-plot .plotly .cursor-ew-resize {
-        cursor: ew-resize;
-    }
-    .js-plotly-plot .plotly .cursor-sw-resize {
-        cursor: sw-resize;
-    }
-    .js-plotly-plot .plotly .cursor-s-resize {
-        cursor: s-resize;
-    }
-    .js-plotly-plot .plotly .cursor-se-resize {
-        cursor: se-resize;
-    }
-    .js-plotly-plot .plotly .cursor-w-resize {
-        cursor: w-resize;
-    }
-    .js-plotly-plot .plotly .cursor-e-resize {
-        cursor: e-resize;
-    }
-    .js-plotly-plot .plotly .cursor-nw-resize {
-        cursor: nw-resize;
-    }
-    .js-plotly-plot .plotly .cursor-n-resize {
-        cursor: n-resize;
-    }
-    .js-plotly-plot .plotly .cursor-ne-resize {
-        cursor: ne-resize;
-    }
-    .js-plotly-plot .plotly .cursor-grab {
-        cursor: -webkit-grab;
-        cursor: grab;
-    }
-    .js-plotly-plot .plotly .modebar {
-        position: absolute;
-        top: 2px;
-        right: 2px;
-    }
-    .js-plotly-plot .plotly .ease-bg {
-        -webkit-transition: background-color 0.3s ease 0s;
-        -moz-transition: background-color 0.3s ease 0s;
-        -ms-transition: background-color 0.3s ease 0s;
-        -o-transition: background-color 0.3s ease 0s;
-        transition: background-color 0.3s ease 0s;
-    }
-    .js-plotly-plot .plotly .modebar--hover > :not(.watermark) {
-        opacity: 0;
-        -webkit-transition: opacity 0.3s ease 0s;
-        -moz-transition: opacity 0.3s ease 0s;
-        -ms-transition: opacity 0.3s ease 0s;
-        -o-transition: opacity 0.3s ease 0s;
-        transition: opacity 0.3s ease 0s;
-    }
-    .js-plotly-plot .plotly:hover .modebar--hover .modebar-group {
-        opacity: 1;
-    }
-    .js-plotly-plot .plotly .modebar-group {
-        float: left;
-        display: inline-block;
-        box-sizing: border-box;
-        padding-left: 8px;
-        position: relative;
-        vertical-align: middle;
-        white-space: nowrap;
-    }
-    .js-plotly-plot .plotly .modebar-btn {
-        position: relative;
-        font-size: 16px;
-        padding: 3px 4px;
-        height: 22px;
-        /* display: inline-block; including this breaks 3d interaction in .embed mode. Chrome bug? */
-        cursor: pointer;
-        line-height: normal;
-        box-sizing: border-box;
-    }
-    .js-plotly-plot .plotly .modebar-btn svg {
-        position: relative;
-        top: 2px;
-    }
-    .js-plotly-plot .plotly .modebar.vertical {
-        display: flex;
-        flex-direction: column;
-        flex-wrap: wrap;
-        align-content: flex-end;
-        max-height: 100%;
-    }
-    .js-plotly-plot .plotly .modebar.vertical svg {
-        top: -1px;
-    }
-    .js-plotly-plot .plotly .modebar.vertical .modebar-group {
-        display: block;
-        float: none;
-        padding-left: 0px;
-        padding-bottom: 8px;
-    }
-    .js-plotly-plot .plotly .modebar.vertical .modebar-group .modebar-btn {
-        display: block;
-        text-align: center;
-    }
-    .js-plotly-plot .plotly [data-title] {
-        /**
-   * tooltip body
-   */
-    }
-    .js-plotly-plot .plotly [data-title]:before,
-    .js-plotly-plot .plotly [data-title]:after {
-        position: absolute;
-        -webkit-transform: translate3d(0, 0, 0);
-        -moz-transform: translate3d(0, 0, 0);
-        -ms-transform: translate3d(0, 0, 0);
-        -o-transform: translate3d(0, 0, 0);
-        transform: translate3d(0, 0, 0);
-        display: none;
-        opacity: 0;
-        z-index: 1001;
-        pointer-events: none;
-        top: 110%;
-        right: 50%;
-    }
-    .js-plotly-plot .plotly [data-title]:hover:before,
-    .js-plotly-plot .plotly [data-title]:hover:after {
-        display: block;
-        opacity: 1;
-    }
-    .js-plotly-plot .plotly [data-title]:before {
-        content: '';
-        position: absolute;
-        background: transparent;
-        border: 6px solid transparent;
-        z-index: 1002;
-        margin-top: -12px;
-        border-bottom-color: #69738a;
-        margin-right: -6px;
-    }
-    .js-plotly-plot .plotly [data-title]:after {
-        content: attr(data-title);
-        background: #69738a;
-        color: white;
-        padding: 8px 10px;
-        font-size: 12px;
-        line-height: 12px;
-        white-space: nowrap;
-        margin-right: -18px;
-        border-radius: 2px;
-    }
-    .js-plotly-plot .plotly .vertical [data-title]:before,
-    .js-plotly-plot .plotly .vertical [data-title]:after {
-        top: 0%;
-        right: 200%;
-    }
-    .js-plotly-plot .plotly .vertical [data-title]:before {
-        border: 6px solid transparent;
-        border-left-color: #69738a;
-        margin-top: 8px;
-        margin-right: -30px;
-    }
-
-    .plotly-notifier {
-        font-family: 'Open Sans', verdana, arial, sans-serif;
-        position: fixed;
-        top: 50px;
-        right: 20px;
-        z-index: 10000;
-        font-size: 10pt;
-        max-width: 180px;
-    }
-    .plotly-notifier p {
-        margin: 0;
-    }
-    .plotly-notifier .notifier-note {
-        min-width: 180px;
-        max-width: 250px;
-        border: 1px solid #fff;
-        z-index: 3000;
-        margin: 0;
-        background-color: #8c97af;
-        background-color: rgba(140, 151, 175, 0.9);
-        color: #fff;
-        padding: 10px;
-        overflow-wrap: break-word;
-        word-wrap: break-word;
-        -ms-hyphens: auto;
-        -webkit-hyphens: auto;
-        hyphens: auto;
-    }
-    .plotly-notifier .notifier-close {
-        color: #fff;
-        opacity: 0.8;
-        float: right;
-        padding: 0 5px;
-        background: none;
-        border: none;
-        font-size: 20px;
-        font-weight: bold;
-        line-height: 20px;
-    }
-    .plotly-notifier .notifier-close:hover {
-        color: #444;
-        text-decoration: none;
-        cursor: pointer;
-    }
-`;
-
-export {
-  plot_styles_default
-};

package/cdn/chunks/chunk.YL2ETAOO.js

@@ -1,153 +0,0 @@
-// src/components/browse-variables/browse-variables.styles.ts
-import { css } from "lit";
-var browse_variables_styles_default = css`
-    :host {
-        --light-blue-color: color-mix(
-            in hsl,
-            var(--terra-color-nasa-blue-tint) 65%,
-            white
-        ); /* this color doesn't exist in HDS, perhaps the design should change? */
-
-        background-color: var(--terra-color-nasa-blue-dark);
-        color: white;
-        display: block;
-        padding-bottom: 55%;
-        position: relative;
-        width: 100%;
-    }
-
-    h3 {
-        color: var(--light-blue-color);
-        margin-bottom: 1rem;
-    }
-
-    dialog {
-        position: absolute;
-        z-index: 999;
-        width: 100px;
-        height: 100px;
-        padding: 0;
-        place-self: center;
-    }
-
-    .container {
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        display: grid;
-        grid-template-rows: auto 1fr;
-    }
-
-    .scrollable {
-        overflow-y: auto;
-        display: grid;
-        grid-template-columns: 250px 1fr;
-        grid-column: span 2;
-        width: 100%;
-    }
-
-    header.search {
-        border-bottom: 1px solid var(--terra-color-nasa-blue-shade);
-        grid-column: span 2;
-        padding: 15px;
-        padding-bottom: 25px;
-        display: flex;
-        gap: 10px;
-    }
-
-    header.search button {
-        width: 36px;
-        height: 36px;
-    }
-
-    .browse-by-category aside {
-        padding: 0 15px;
-    }
-
-    .browse-by-category main {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-        gap: 2rem;
-        min-width: 800px;
-        overflow-x: auto;
-    }
-
-    .column {
-        min-width: 0; /* Prevents overflow issues */
-    }
-
-    .browse-by-category ul {
-        list-style: none;
-        padding: 0;
-    }
-
-    .browse-by-category li {
-        border-radius: 4px;
-        cursor: pointer;
-        margin: 0;
-        margin-bottom: 0.5rem;
-        padding: 8px;
-        transition: background-color 0.15s;
-    }
-
-    .browse-by-category li:hover {
-        background-color: rgba(255, 255, 255, 0.1);
-    }
-
-    .browse-by-category terra-button {
-        margin-top: 15px;
-    }
-
-    .browse-by-category terra-button::part(base) {
-        color: white;
-    }
-
-    label {
-        color: white;
-        display: flex;
-        align-items: center;
-    }
-
-    input[type='radio'] {
-        margin-right: 10px;
-    }
-
-    .variables-container {
-        display: grid;
-        grid-template-areas:
-            'header header'
-            'aside main';
-        grid-template-columns: 250px 1fr;
-        grid-template-rows: auto 1fr;
-    }
-
-    .variables-container header {
-        grid-area: header;
-        padding: 15px;
-        padding-bottom: 0;
-    }
-
-    .variables-container aside {
-        grid-area: aside;
-        padding: 15px;
-    }
-
-    .variables-container main {
-        grid-area: main;
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-        gap: 2rem;
-        overflow-x: auto;
-        padding: 15px;
-    }
-
-    .facet {
-        margin-left: 10px;
-    }
-`;
-
-export {
-  browse_variables_styles_default
-};

package/cdn/chunks/chunk.Z2ELMSYN.js

@@ -1,63 +0,0 @@
-import {
-  GiovanniRepository
-} from "./chunk.D3IGIATM.js";
-import {
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet
-} from "./chunk.TVFCHGU3.js";
-
-// src/components/browse-variables/browse-variables.controller.ts
-import { Task } from "@lit/task";
-var _host, _catalog, _getCatalogRepository, getCatalogRepository_fn;
-var BrowseVariablesController = class {
-  constructor(host) {
-    __privateAdd(this, _getCatalogRepository);
-    __privateAdd(this, _host, void 0);
-    __privateAdd(this, _catalog, void 0);
-    __privateSet(this, _host, host);
-    __privateSet(this, _catalog, __privateMethod(this, _getCatalogRepository, getCatalogRepository_fn).call(this));
-    this.task = new Task(host, {
-      task: async ([searchQuery, selectedFacets], { signal }) => {
-        const searchResponse = await __privateGet(this, _catalog).searchVariablesAndFacets(
-          searchQuery,
-          selectedFacets,
-          {
-            signal
-          }
-        );
-        return searchResponse;
-      },
-      args: () => [__privateGet(this, _host).searchQuery, __privateGet(this, _host).selectedFacets]
-    });
-  }
-  get facetsByCategory() {
-    var _a;
-    return (_a = this.task.value) == null ? void 0 : _a.facetsByCategory;
-  }
-  get variables() {
-    var _a, _b;
-    return (_b = (_a = this.task.value) == null ? void 0 : _a.variables) != null ? _b : [];
-  }
-  get total() {
-    var _a, _b;
-    return (_b = (_a = this.task.value) == null ? void 0 : _a.total) != null ? _b : 0;
-  }
-  render(renderFunctions) {
-    return this.task.render(renderFunctions);
-  }
-};
-_host = new WeakMap();
-_catalog = new WeakMap();
-_getCatalogRepository = new WeakSet();
-getCatalogRepository_fn = function() {
-  if (__privateGet(this, _host).catalog === "giovanni") {
-    return new GiovanniRepository();
-  }
-  throw new Error(`Invalid catalog: ${__privateGet(this, _host).catalog}`);
-};
-
-export {
-  BrowseVariablesController
-};