@nasa-terra/components 0.0.0

package/cdn/chunks/chunk.PQFHJHNO.js

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

@@ -0,0 +1,292 @@
+import {
+  i
+} from "./chunk.PH7RLQK2.js";
+
+// src/components/plot/plot.styles.ts
+var plot_styles_default = i`
+    :host {
+        display: block;
+    }
+
+    /**
+   * !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
+};