@nylas/react 1.0.0-prealpha1

package/dist/nylas-view-thread.entry-fe51c1f6.js

@@ -0,0 +1,204 @@
+import { r as k, c as p, h as a, F as m, H as M, g as x } from "./index-4f65b6f9.js";
+import { R as E } from "./register-component-55376f31-5eaf8954.js";
+import { d, t as D, h as S, a as T, i as g } from "./utils-5074a070-ce33ee6b.js";
+import "react";
+import "react-dom";
+function R(t, e, s, o, r) {
+  if (!o || !s || s.children.length > 0)
+    return;
+  d("[nylas-view-thread] Rendering email", { message: t, attachments: e, viewEmailElement: o });
+  const n = o.cloneNode(!0);
+  n.message = t.data, n.parent = r, s.appendChild(n);
+}
+const u = ({ viewEmailElement: t, message: e, attachments: s, onMessageClick: o, onShowContactDataClick: r, parent: n }) => {
+  var l, i, c, v, w, f, b;
+  return a(
+    m,
+    null,
+    a(
+      "div",
+      { key: e.id, class: "message" },
+      a(
+        "div",
+        { class: "sub-header", "data-id": e.data.id, onClick: o },
+        a("div", { class: "avatar" }, e.data.from && ((l = e.data.from[0]) == null ? void 0 : l.name) && ((c = (i = e.data.from[0]) == null ? void 0 : i.name[0]) == null ? void 0 : c.toUpperCase())),
+        a(
+          "div",
+          { class: "from" },
+          a("span", { class: "name" }, e.data.from && ((v = e.data.from[0]) == null ? void 0 : v.name)),
+          " ",
+          a("span", { class: "email" }, e.data.from && ((w = e.data.from[0]) == null ? void 0 : w.email))
+        ),
+        a(
+          "div",
+          { class: "date" },
+          new Date(e.data.date * 1e3).toLocaleTimeString(void 0, {
+            timeStyle: "short"
+          }),
+          " ",
+          "(",
+          S(new Date(e.data.date * 1e3)),
+          ")"
+        ),
+        a(
+          "sp-button-group",
+          { class: "buttons" },
+          a("nylas-summarize-message-button", { message: e.data })
+        ),
+        e.collapse && a("div", { class: "snippet" }, e.data.snippet),
+        !e.collapse && e.data.to && a(
+          "div",
+          { class: "to" },
+          a("span", null, "to"),
+          " ",
+          T(e.data.to),
+          " ",
+          a(
+            "button",
+            { type: "button", value: e.data.id, onClick: r, class: {
+              expand: !0,
+              "expand--showContactData": e.showContactData
+            } },
+            a("chevron-icon", null)
+          )
+        )
+      ),
+      e.showContactData && a(
+        "div",
+        { class: "address-info" },
+        a("div", { class: "label" }, "From"),
+        a("div", { class: "value" }, g((f = e.data) != null && f.from ? (b = e == null ? void 0 : e.data) == null ? void 0 : b.from[0] : { name: "", email: "" })),
+        e.data.to && a(
+          m,
+          null,
+          a("div", { class: "label" }, "To"),
+          a("div", { class: "value" }, e.data.to.map((h) => a("div", null, g(h))))
+        ),
+        typeof e.data.cc < "u" && e.data.cc.length > 0 && a(
+          m,
+          null,
+          a("div", { class: "label" }, "CC"),
+          a("div", { class: "value" }, e.data.cc.map((h) => a("div", null, g(h))))
+        )
+      ),
+      !e.collapse && t && a("div", { key: e.id, ref: (h) => R(e, s, h, t, n) }),
+      !e.collapse && !t && a("nylas-view-email", { key: e.id, message: e.data, parent: n })
+    ),
+    a("hr", null)
+  );
+}, A = ':host{display:block;font-size:inherit}.avatar{z-index:1;border-radius:100%;background-color:var(--nylas-color-primary-200);height:40px;width:40px;align-items:center;display:flex;justify-content:center;border:1px solid var(--nylas-color-primary-200)}.view-thread{display:grid;grid-auto-flow:row;width:100%}.view-thread .header{display:grid;grid-gap:1rem;align-items:center;margin-bottom:1rem}.view-thread .header .subject{font-size:1.25rem;font-weight:600;line-height:1.5rem}.view-thread .header .folders{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;overflow-x:auto;gap:1rem}.view-thread .header .folders .folder{padding:0 0.5rem;font-size:0.9rem;color:var(--nylas-color-primary-900);background-color:var(--nylas-color-primary-300)}.view-thread .messages{display:grid;gap:1rem}.view-thread .messages hr{margin:0;width:100%;border:1px solid var(--nylas-color-primary-200)}.view-thread .messages hr:last-of-type{display:none}.view-thread .messages .message{display:grid;grid-auto-flow:row;gap:1rem}.view-thread .messages .message:last-of-type .sub-header{cursor:default}.view-thread .messages .message .sub-header{display:grid;grid-template:"avatar from date buttons" "avatar to to buttons";grid-column-gap:1rem;grid-template-columns:auto 1fr auto auto;cursor:pointer}.view-thread .messages .message .sub-header>*{pointer-events:none}.view-thread .messages .message .sub-header .avatar{grid-area:avatar}.view-thread .messages .message .sub-header .from{grid-area:from}.view-thread .messages .message .sub-header .from span.email{display:none;color:var(--nylas-color-primary-400);font-weight:600}.view-thread .messages .message .sub-header .buttons{grid-area:buttons;align-self:center}.view-thread .messages .message .sub-header .buttons *{pointer-events:all}.view-thread .messages .message .sub-header .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .snippet{width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--nylas-color-primary-600)}.view-thread .messages .message .sub-header .to{grid-area:to;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to>span{color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to button{border:0;background-color:transparent;cursor:pointer;pointer-events:all;padding:0;margin:0}.view-thread .messages .message .sub-header .to button>*{pointer-events:none}.view-thread .messages .message .sub-header .to button chevron-icon{display:inline-table;fill:var(--nylas-color-primary-400);width:15px;height:15px;vertical-align:middle}.view-thread .messages .message .sub-header .to button chevron-icon svg{width:15px;height:15px;transform:rotate(90deg)}.view-thread .messages .message .sub-header .to button.expand--showContactData chevron-icon svg{transform:rotate(270deg)}.view-thread .messages .message .address-info{display:grid;column-gap:1rem;row-gap:0.5rem;grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:1rem 2rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-color-primary-200);align-items:flex-start;color:var(--nylas-color-primary-600)}.view-thread .messages .message .address-info .label{color:var(--nylas-color-primary-400);font-weight:600}.show-more{position:relative;display:flex;width:100%}.show-more .sr-only{display:none}.show-more button{position:relative;display:inline-flex;width:100%;padding:0;border:0;background-color:transparent;cursor:pointer;text-align:left;overflow:hidden}.show-more button span{border:1px solid var(--nylas-color-primary-400)}.show-more button:hover span{background-color:var(--nylas-color-primary-700)}.show-more button::after{border-top:1px solid rgba(100, 121, 143, 0.122);border-bottom:1px solid rgba(100, 121, 143, 0.122);content:"";height:4px;width:100%;position:absolute;top:50%}.loading{position:absolute;width:100%;height:100%;background-color:var(--loading__background-color);top:0;bottom:0;left:0;z-index:1;display:grid;justify-content:center;align-items:center;font-weight:600;overflow:hidden}.reply-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;gap:1rem;margin-top:1rem}.reply-buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.reply-buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.reply-buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.reply-buttons sp-button chevron-icon{display:inline-block}@media only screen and (min-width: 768px){.view-thread .messages .message .sub-header .from span.email{display:inline}}', V = A;
+var _ = function(t, e, s, o) {
+  var r = arguments.length, n = r < 3 ? e : o === null ? o = Object.getOwnPropertyDescriptor(e, s) : o, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    n = Reflect.decorate(t, e, s, o);
+  else
+    for (var i = t.length - 1; i >= 0; i--)
+      (l = t[i]) && (n = (r < 3 ? l(n) : r > 3 ? l(e, s, n) : l(e, s)) || n);
+  return r > 3 && n && Object.defineProperty(e, s, n), n;
+}, y = function(t, e) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(t, e);
+};
+const C = class {
+  constructor(t) {
+    k(this, t), this.threadSelected = p(this, "threadSelected", 7), this.showContactDataClicked = p(this, "showContactDataClicked", 7), this.messageClicked = p(this, "messageClicked", 7), this.nylasViewEmailElement = null, this.nylasComposerElement = null, this.onShowContactDataClick = (e) => {
+      e.stopPropagation();
+      const o = e.target.value, r = this.internalMessages.find((l) => l.data.id === o);
+      if (!r) {
+        d(`[nylas-view-thread] Could not find message ${o}`);
+        return;
+      }
+      this.showContactDataClicked.emit(r.data).defaultPrevented || (r.showContactData = !r.showContactData, this.internalMessages = [...this.internalMessages]), d(`[nylas-view-thread] show contact data clicked ${o} ${r.showContactData ? "collapsed" : "expanded"}`);
+    }, this.onMessageClick = (e) => {
+      var l;
+      const o = e.target.dataset.id, r = this.internalMessages.find((i) => i.data.id === o);
+      if (!r) {
+        d(`[nylas-view-thread] Could not find message ${o}`);
+        return;
+      }
+      this.messageClicked.emit(r.data).defaultPrevented || (r.id !== ((l = this.internalMessages[this.internalMessages.length - 1]) == null ? void 0 : l.id) && (r.collapse = !r.collapse, r.collapse && (r.showContactData = !1)), this.internalMessages = [...this.internalMessages]), d(`[nylas-view-thread] message clicked ${o} ${r.collapse ? "collapsed" : "expanded"}`);
+    }, this.onShowAllEmailsClick = () => {
+      this.showAllEmails = !this.showAllEmails;
+    }, this.showComposerClick = () => {
+      this.showComposer = !this.showComposer;
+    }, this.draft = void 0, this.thread = void 0, this.messages = [], this.attachments = [], this.state = "loading", this.internalMessages = [], this.showAllEmails = !1, this.showComposer = !1;
+  }
+  connectedCallback() {
+  }
+  disconnectedCallback() {
+  }
+  async componentWillLoad() {
+    d("[nylas-view-thread] Component will load"), this.updateInternalMessages(this.messages);
+    const t = this.host.querySelector("template.nylas-view-email");
+    if (!t) {
+      d("[nylas-view-thread] Could not find template");
+      return;
+    }
+    const e = document.importNode(t.content, !0);
+    this.nylasViewEmailElement = e.querySelector("nylas-view-email");
+    const s = this.host.querySelector("template.nylas-composer");
+    if (!s) {
+      d("[nylas-view-thread] Could not find composer template");
+      return;
+    }
+    const o = document.importNode(s.content, !0);
+    this.nylasComposerElement = o.querySelector("nylas-composer");
+  }
+  async componentDidLoad() {
+    d("[nylas-view-thread] Component did load");
+  }
+  async threadChanged(t) {
+    d("[nylas-view-thread] Thread changed", { thread: t }), this.internalMessages = [], this.threadSelected.emit(t).defaultPrevented || d("[nylas-view-thread] Default event not prevented, initializing");
+  }
+  updateInternalMessages(t) {
+    d("[nylas-view-thread] Updating internal messages", { messages: t });
+    const e = t.sort((s, o) => s.date > o.date ? 1 : -1).map((s, o) => ({
+      id: s.id,
+      data: s,
+      collapse: o !== t.length - 1,
+      showContactData: !1
+    }));
+    this.internalMessages = e;
+  }
+  render() {
+    var r, n, l;
+    const t = this.internalMessages.length > 2 ? this.internalMessages[0] : null, e = this.internalMessages.slice(this.internalMessages.length - 2, this.internalMessages.length), s = this.internalMessages.slice(1, this.internalMessages.length - 2), o = this.internalMessages[this.internalMessages.length - 1];
+    return a(M, { key: "99b11b1bd476708c89e6284a7d8fda1da9d886ff" }, a("sp-theme", { key: "23bc8c7387f08654aa38a187ee0da13e860ad207", scale: "medium", color: "dark" }, a("div", { key: "fd78702832a02c3469dfea1b91aea94282cc566d", class: "view-thread" }, a("div", { key: "2405c194d2a7f80802cc25794129496453781445", class: "header" }, a("div", { key: "f69ceef2127c53c38acb2be2033fd1e5b5502aad", class: "subject" }, (r = this.thread) == null ? void 0 : r.subject), a("div", { key: "2aceb0fa163a30aaa3e6a8f95b52b6ba0583d904", class: "folders" }, (l = (n = this.thread) == null ? void 0 : n.folders) == null ? void 0 : l.map((i) => a("sp-tag", { size: "s" }, D(i.replace("CATEGORY_", "").replace("_", " ")))))), a("div", { key: "33a0f1c33dfd2072681c356a5144eaba7ef9522b", class: "messages" }, t && a(u, { message: t, attachments: this.attachments.filter((i) => i.messageId === t.id), onMessageClick: this.onMessageClick, onShowContactDataClick: this.onShowContactDataClick, parent: this.host, viewEmailElement: this.nylasViewEmailElement, composerElement: this.nylasComposerElement }), s.length > 0 && this.messages.length > 1 && !this.showAllEmails && e.length > 0 && a(m, null, a("div", { class: "show-more" }, a("button", { type: "button", onClick: this.onShowAllEmailsClick }, a("span", { class: "avatar" }, s.length), " ", a("span", { class: "sr-only" }, "Show ", s.length, " more emails"))), a("hr", null)), s.length > 0 && this.showAllEmails && this.messages.length > 2 && s.map((i) => a(u, { message: i, attachments: this.attachments.filter((c) => c.messageId === (t == null ? void 0 : t.id)), onMessageClick: this.onMessageClick, onShowContactDataClick: this.onShowContactDataClick, parent: this.host, viewEmailElement: this.nylasViewEmailElement, composerElement: this.nylasComposerElement })), e.length > 0 && e.map((i) => a(u, { message: i, attachments: this.attachments.filter((c) => c.messageId === (t == null ? void 0 : t.id)), onMessageClick: this.onMessageClick, onShowContactDataClick: this.onShowContactDataClick, parent: this.host, viewEmailElement: this.nylasViewEmailElement, composerElement: this.nylasComposerElement }))), !(this.showComposer && o) && a("div", { class: "reply-buttons" }, a("sp-button", { variant: "cta", type: "button", onClick: this.showComposerClick }, a("span", { slot: "icon" }, a("reply-icon", null)), a("span", null, "Reply")), a("sp-button", { variant: "cta", type: "button" }, a("span", { slot: "icon" }, a("reply-all-icon", null)), a("span", null, "Reply All")), a("sp-button", { variant: "cta", type: "button" }, a("span", { slot: "icon" }, a("forward-icon", null)), a("span", null, "Forward"))), this.showComposer && o && a("div", { class: "composer" }, a("nylas-composer", { message: o.data, onClose: this.showComposerClick, onSend: (i) => {
+      d("[nylas-view-thread] Send event", { message: i.detail.message, replyBody: i.detail.replyBody });
+    } })))));
+  }
+  get host() {
+    return x(this);
+  }
+  static get watchers() {
+    return {
+      thread: ["threadChanged"],
+      messages: ["updateInternalMessages"]
+    };
+  }
+};
+_([
+  E({
+    name: "nylas-view-thread",
+    stateToProps: /* @__PURE__ */ new Map([
+      ["mailbox.selectedThread", "thread"],
+      ["mailbox.messages", "messages"],
+      ["mailbox.state", "state"]
+    ]),
+    eventToProps: {
+      threadSelected: async (t, e) => {
+        d("[nylas-view-thread] Nylas init event. Fetching thread messages.", { event: t });
+        const s = t.detail;
+        s && s.id && await e.messages.getThreadMessages(s.id);
+      }
+    },
+    fireRegisterEvent: !0
+  }),
+  y("design:type", Function),
+  y("design:paramtypes", []),
+  y("design:returntype", void 0)
+], C.prototype, "render", null);
+C.style = V;
+export {
+  C as nylas_view_thread
+};

package/dist/play-icon_2.entry-8e156535.js

@@ -0,0 +1,25 @@
+import { r as o, h as t } from "./index-4f65b6f9.js";
+import "react";
+import "react-dom";
+const e = ".sc-play-icon-h{display:flex}", i = e, h = class {
+  constructor(s) {
+    o(this, s), this.width = "15", this.height = "15";
+  }
+  render() {
+    return t("svg", { key: "5f4b005784b461f0f7c5da20c0a3b3289f51100a", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "88fbd7a18f4e3f5e88cf134246af8d319d309352", d: "M21 12L3 21V3L21 12Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }));
+  }
+};
+h.style = i;
+const n = ".sc-stop-icon-h{display:flex}", a = n, r = class {
+  constructor(s) {
+    o(this, s), this.width = "15", this.height = "15";
+  }
+  render() {
+    return t("svg", { key: "1738ceb2d3e19179e090b1e8788cf71248abe6da", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "22daa75c459a24bb2d8af5784e306eb87aa4f98a", d: "M4 4H20V20H4V4Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }));
+  }
+};
+r.style = a;
+export {
+  h as play_icon,
+  r as stop_icon
+};

package/dist/play-icon_2.entry-cf1cbc8d.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-29d0e781.cjs");require("react");require("react-dom");const o=".sc-play-icon-h{display:flex}",n=o,s=class{constructor(e){t.registerInstance(this,e),this.width="15",this.height="15"}render(){return t.h("svg",{key:"5f4b005784b461f0f7c5da20c0a3b3289f51100a",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"88fbd7a18f4e3f5e88cf134246af8d319d309352",d:"M21 12L3 21V3L21 12Z",stroke:"auto","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}};s.style=n;const h=".sc-stop-icon-h{display:flex}",r=h,i=class{constructor(e){t.registerInstance(this,e),this.width="15",this.height="15"}render(){return t.h("svg",{key:"1738ceb2d3e19179e090b1e8788cf71248abe6da",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"22daa75c459a24bb2d8af5784e306eb87aa4f98a",d:"M4 4H20V20H4V4Z",stroke:"auto","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}};i.style=r;exports.play_icon=s;exports.stop_icon=i;

package/dist/property-0065dde7-83dc9cc4.cjs

@@ -0,0 +1,23 @@
+"use strict";/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const N=window,R=N.ShadowRoot&&(N.ShadyCSS===void 0||N.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,W=Symbol(),K=new WeakMap;class nt{constructor(t,e,i){if(this._$cssResult$=!0,i!==W)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(R&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=K.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&K.set(e,t))}return t}toString(){return this.cssText}}const yt=n=>new nt(typeof n=="string"?n:n+"",void 0,W),gt=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((i,s,r)=>i+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+n[r+1],n[0]);return new nt(e,n,W)},mt=(n,t)=>{R?n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{const i=document.createElement("style"),s=N.litNonce;s!==void 0&&i.setAttribute("nonce",s),i.textContent=e.cssText,n.appendChild(i)})},Z=R?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return yt(e)})(n):n;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var M;const T=window,J=T.trustedTypes,Et=J?J.emptyScript:"",F=T.reactiveElementPolyfillSupport,I={toAttribute(n,t){switch(t){case Boolean:n=n?Et:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},ot=(n,t)=>t!==n&&(t==t||n==n),L={attribute:!0,type:String,converter:I,reflect:!1,hasChanged:ot},V="finalized";class m extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach((e,i)=>{const s=this._$Ep(i,e);s!==void 0&&(this._$Ev.set(s,i),t.push(s))}),t}static createProperty(t,e=L){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i=typeof t=="symbol"?Symbol():"__"+t,s=this.getPropertyDescriptor(t,i,e);s!==void 0&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(s){const r=this[t];this[e]=s,this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||L}static finalize(){if(this.hasOwnProperty(V))return!1;this[V]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,i=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const s of i)this.createProperty(s,e[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const s of i)e.unshift(Z(s))}else t!==void 0&&e.push(Z(t));return e}static _$Ep(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,i;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)===null||i===void 0||i.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;const e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return mt(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostConnected)===null||i===void 0?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostDisconnected)===null||i===void 0?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=L){var s;const r=this.constructor._$Ep(t,i);if(r!==void 0&&i.reflect===!0){const o=(((s=i.converter)===null||s===void 0?void 0:s.toAttribute)!==void 0?i.converter:I).toAttribute(e,i.type);this._$El=t,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$El=null}}_$AK(t,e){var i;const s=this.constructor,r=s._$Ev.get(t);if(r!==void 0&&this._$El!==r){const o=s.getPropertyOptions(r),a=typeof o.converter=="function"?{fromAttribute:o.converter}:((i=o.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?o.converter:I;this._$El=r,this[r]=a.fromAttribute(e,o.type),this._$El=null}}requestUpdate(t,e,i){let s=!0;t!==void 0&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||ot)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,i))):s=!1),!this.isUpdatePending&&s&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this._$Ei&&(this._$Ei.forEach((s,r)=>this[r]=s),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),(t=this._$ES)===null||t===void 0||t.forEach(s=>{var r;return(r=s.hostUpdate)===null||r===void 0?void 0:r.call(s)}),this.update(i)):this._$Ek()}catch(s){throw e=!1,this._$Ek(),s}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(i=>{var s;return(s=i.hostUpdated)===null||s===void 0?void 0:s.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,i)=>this._$EO(i,this[i],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}m[V]=!0,m.elementProperties=new Map,m.elementStyles=[],m.shadowRootOptions={mode:"open"},F==null||F({ReactiveElement:m}),((M=T.reactiveElementVersions)!==null&&M!==void 0?M:T.reactiveElementVersions=[]).push("1.6.3");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var j;const O=window,E=O.trustedTypes,G=E?E.createPolicy("lit-html",{createHTML:n=>n}):void 0,k="$lit$",v=`lit$${(Math.random()+"").slice(9)}$`,q="?"+v,St=`<${q}>`,f=document,w=()=>f.createComment(""),P=n=>n===null||typeof n!="object"&&typeof n!="function",rt=Array.isArray,lt=n=>rt(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",z=`[ 	
+\f\r]`,b=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Q=/-->/g,X=/>/g,_=RegExp(`>|${z}(?:([^\\s"'>=/]+)(${z}*=${z}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Y=/'/g,tt=/"/g,ht=/^(?:script|style|textarea|title)$/i,at=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),bt=at(1),Ct=at(2),y=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),et=new WeakMap,A=f.createTreeWalker(f,129,null,!1);function dt(n,t){if(!Array.isArray(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return G!==void 0?G.createHTML(t):t}const ct=(n,t)=>{const e=n.length-1,i=[];let s,r=t===2?"<svg>":"",o=b;for(let a=0;a<e;a++){const l=n[a];let h,d,c=-1,p=0;for(;p<l.length&&(o.lastIndex=p,d=o.exec(l),d!==null);)p=o.lastIndex,o===b?d[1]==="!--"?o=Q:d[1]!==void 0?o=X:d[2]!==void 0?(ht.test(d[2])&&(s=RegExp("</"+d[2],"g")),o=_):d[3]!==void 0&&(o=_):o===_?d[0]===">"?(o=s??b,c=-1):d[1]===void 0?c=-2:(c=o.lastIndex-d[2].length,h=d[1],o=d[3]===void 0?_:d[3]==='"'?tt:Y):o===tt||o===Y?o=_:o===Q||o===X?o=b:(o=_,s=void 0);const $=o===_&&n[a+1].startsWith("/>")?" ":"";r+=o===b?l+St:c>=0?(i.push(h),l.slice(0,c)+k+l.slice(c)+v+$):l+v+(c===-2?(i.push(void 0),a):$)}return[dt(n,r+(n[e]||"<?>")+(t===2?"</svg>":"")),i]};class x{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let r=0,o=0;const a=t.length-1,l=this.parts,[h,d]=ct(t,e);if(this.el=x.createElement(h,i),A.currentNode=this.el.content,e===2){const c=this.el.content,p=c.firstChild;p.remove(),c.append(...p.childNodes)}for(;(s=A.nextNode())!==null&&l.length<a;){if(s.nodeType===1){if(s.hasAttributes()){const c=[];for(const p of s.getAttributeNames())if(p.endsWith(k)||p.startsWith(v)){const $=d[o++];if(c.push(p),$!==void 0){const ft=s.getAttribute($.toLowerCase()+k).split(v),H=/([.?@])?(.*)/.exec($);l.push({type:1,index:r,name:H[2],strings:ft,ctor:H[1]==="."?pt:H[1]==="?"?$t:H[1]==="@"?vt:U})}else l.push({type:6,index:r})}for(const p of c)s.removeAttribute(p)}if(ht.test(s.tagName)){const c=s.textContent.split(v),p=c.length-1;if(p>0){s.textContent=E?E.emptyScript:"";for(let $=0;$<p;$++)s.append(c[$],w()),A.nextNode(),l.push({type:2,index:++r});s.append(c[p],w())}}}else if(s.nodeType===8)if(s.data===q)l.push({type:2,index:r});else{let c=-1;for(;(c=s.data.indexOf(v,c+1))!==-1;)l.push({type:7,index:r}),c+=v.length-1}r++}}static createElement(t,e){const i=f.createElement("template");return i.innerHTML=t,i}}function g(n,t,e=n,i){var s,r,o,a;if(t===y)return t;let l=i!==void 0?(s=e._$Co)===null||s===void 0?void 0:s[i]:e._$Cl;const h=P(t)?void 0:t._$litDirective$;return(l==null?void 0:l.constructor)!==h&&((r=l==null?void 0:l._$AO)===null||r===void 0||r.call(l,!1),h===void 0?l=void 0:(l=new h(n),l._$AT(n,e,i)),i!==void 0?((o=(a=e)._$Co)!==null&&o!==void 0?o:a._$Co=[])[i]=l:e._$Cl=l),l!==void 0&&(t=g(n,l._$AS(n,t.values),l,i)),t}class ut{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:i},parts:s}=this._$AD,r=((e=t==null?void 0:t.creationScope)!==null&&e!==void 0?e:f).importNode(i,!0);A.currentNode=r;let o=A.nextNode(),a=0,l=0,h=s[0];for(;h!==void 0;){if(a===h.index){let d;h.type===2?d=new S(o,o.nextSibling,this,t):h.type===1?d=new h.ctor(o,h.name,h.strings,this,t):h.type===6&&(d=new _t(o,this,t)),this._$AV.push(d),h=s[++l]}a!==(h==null?void 0:h.index)&&(o=A.nextNode(),a++)}return A.currentNode=f,r}v(t){let e=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class S{constructor(t,e,i,s){var r;this.type=2,this._$AH=u,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cp=(r=s==null?void 0:s.isConnected)===null||r===void 0||r}get _$AU(){var t,e;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=g(this,t,e),P(t)?t===u||t==null||t===""?(this._$AH!==u&&this._$AR(),this._$AH=u):t!==this._$AH&&t!==y&&this._(t):t._$litType$!==void 0?this.g(t):t.nodeType!==void 0?this.$(t):lt(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==u&&P(this._$AH)?this._$AA.nextSibling.data=t:this.$(f.createTextNode(t)),this._$AH=t}g(t){var e;const{values:i,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=x.createElement(dt(s.h,s.h[0]),this.options)),s);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===r)this._$AH.v(i);else{const o=new ut(r,this),a=o.u(this.options);o.v(i),this.$(a),this._$AH=o}}_$AC(t){let e=et.get(t.strings);return e===void 0&&et.set(t.strings,e=new x(t)),e}T(t){rt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const r of t)s===e.length?e.push(i=new S(this.k(w()),this.k(w()),this,this.options)):i=e[s],i._$AI(r),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,e);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){var e;this._$AM===void 0&&(this._$Cp=t,(e=this._$AP)===null||e===void 0||e.call(this,t))}}class U{constructor(t,e,i,s,r){this.type=1,this._$AH=u,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=r,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=u}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){const r=this.strings;let o=!1;if(r===void 0)t=g(this,t,e,0),o=!P(t)||t!==this._$AH&&t!==y,o&&(this._$AH=t);else{const a=t;let l,h;for(t=r[0],l=0;l<r.length-1;l++)h=g(this,a[i+l],e,l),h===y&&(h=this._$AH[l]),o||(o=!P(h)||h!==this._$AH[l]),h===u?t=u:t!==u&&(t+=(h??"")+r[l+1]),this._$AH[l]=h}o&&!s&&this.j(t)}j(t){t===u?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class pt extends U{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===u?void 0:t}}const wt=E?E.emptyScript:"";class $t extends U{constructor(){super(...arguments),this.type=4}j(t){t&&t!==u?this.element.setAttribute(this.name,wt):this.element.removeAttribute(this.name)}}class vt extends U{constructor(t,e,i,s,r){super(t,e,i,s,r),this.type=5}_$AI(t,e=this){var i;if((t=(i=g(this,t,e,0))!==null&&i!==void 0?i:u)===y)return;const s=this._$AH,r=t===u&&s!==u||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==u&&(s===u||r);r&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;typeof this._$AH=="function"?this._$AH.call((i=(e=this.options)===null||e===void 0?void 0:e.host)!==null&&i!==void 0?i:this.element,t):this._$AH.handleEvent(t)}}class _t{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){g(this,t)}}const Pt={O:k,P:v,A:q,C:1,M:ct,L:ut,R:lt,D:g,I:S,V:U,H:$t,N:vt,U:pt,F:_t},it=O.litHtmlPolyfillSupport;it==null||it(x,S),((j=O.litHtmlVersions)!==null&&j!==void 0?j:O.litHtmlVersions=[]).push("2.8.0");const At=(n,t,e)=>{var i,s;const r=(i=e==null?void 0:e.renderBefore)!==null&&i!==void 0?i:t;let o=r._$litPart$;if(o===void 0){const a=(s=e==null?void 0:e.renderBefore)!==null&&s!==void 0?s:null;r._$litPart$=o=new S(t.insertBefore(w(),a),a,void 0,e??{})}return o._$AI(n),o};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var D,B;class C extends m{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=At(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return y}}C.finalized=!0,C._$litElement$=!0,(D=globalThis.litElementHydrateSupport)===null||D===void 0||D.call(globalThis,{LitElement:C});const st=globalThis.litElementPolyfillSupport;st==null||st({LitElement:C});((B=globalThis.litElementVersions)!==null&&B!==void 0?B:globalThis.litElementVersions=[]).push("3.3.3");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const xt=(n,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(e){e.createProperty(t.key,n)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(e){e.createProperty(t.key,n)}},Ut=(n,t,e)=>{t.constructor.createProperty(e,n)};function Ht(n){return(t,e)=>e!==void 0?Ut(n,t,e):xt(n,t)}exports.A=u;exports.D=At;exports.T=y;exports.b=Ct;exports.e$3=R;exports.i$2=gt;exports.j=Pt;exports.n=Ht;exports.s=C;exports.x=bt;