@nylas/web-elements 1.0.0-prealpha1

package/dist/components/translate-icon.js

@@ -0,0 +1,8 @@
+import { G as GlobeIcon, d as defineCustomElement$1 } from './translate.js';
+
+const TranslateIcon = GlobeIcon;
+const defineCustomElement = defineCustomElement$1;
+
+export { TranslateIcon, defineCustomElement };
+
+//# sourceMappingURL=translate-icon.js.map

package/dist/components/translate-icon.js.map

@@ -0,0 +1 @@
+{"file":"translate-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/translate.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const iconCss = ".sc-translate-icon-h{display:flex}";
+const TranslateIconStyle0 = iconCss;
+
+const GlobeIcon = proxyCustomElement(class GlobeIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.width = '16';
+        this.height = '16';
+    }
+    render() {
+        return (h("svg", { key: '93f4045436c498e2937a32dd67409fed924a67cc', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '32d07c388a30298da67cfae2143134b909123af0', fill: "currentColor", d: "M14.1663 4.02867C14.4267 4.12081 14.563 4.40654 14.4709 4.66685C14.3501 5.00788 14.2182 5.4771 14.1178 5.86047C14.6877 5.77587 15.2665 5.65653 15.8867 5.51288C16.1557 5.45058 16.4243 5.61815 16.4866 5.88717C16.5489 6.15619 16.3814 6.42479 16.1123 6.4871C15.339 6.66621 14.6101 6.81289 13.8717 6.90283C13.7759 7.35654 13.7014 7.77084 13.6451 8.15021C14.1202 8.04599 14.5738 8.00553 14.9996 8.02075L14.9996 8C14.9996 7.72386 15.2235 7.5 15.4996 7.5C15.7758 7.5 15.9996 7.72386 15.9996 8C15.9996 8.05657 15.9991 8.11281 15.9979 8.16871C17.1392 8.47838 17.9781 9.23987 18.3435 10.2263C18.9579 11.8853 18.1287 13.8787 15.7027 14.9569C15.4504 15.069 15.1549 14.9554 15.0427 14.7031C14.9306 14.4507 15.0442 14.1552 15.2966 14.0431C17.3705 13.1213 17.7913 11.6147 17.4057 10.5737C17.1874 9.984 16.6776 9.44916 15.9129 9.18633C15.6829 10.7237 15.021 11.9466 14.229 12.7925C14.3126 12.9656 14.3958 13.1436 14.4641 13.3151C14.5662 13.5717 14.441 13.8625 14.1844 13.9646C13.9278 14.0667 13.637 13.9415 13.5349 13.6849C13.5066 13.6137 13.4777 13.5463 13.448 13.4802C13.028 13.7794 12.5905 13.9869 12.1705 14.0835C11.5942 14.2161 10.963 14.1517 10.534 13.6942C9.88917 13.0053 9.84361 11.8611 10.2855 10.8412C10.6652 9.96479 11.4186 9.11781 12.5848 8.54034C12.6387 8.07338 12.7199 7.55894 12.8332 6.98891C12.3926 7.00755 11.9403 7.00326 11.4659 6.97127C11.1904 6.95269 10.9821 6.71428 11.0007 6.43876C11.0192 6.16325 11.2577 5.95496 11.5332 5.97353C12.0633 6.00928 12.5641 6.00772 13.0566 5.97553C13.1605 5.55444 13.3512 4.8331 13.5282 4.33317C13.6203 4.07286 13.906 3.93653 14.1663 4.02867ZM12.501 9.74109C11.8436 10.1821 11.427 10.7219 11.2031 11.2387C10.8542 12.0439 10.9881 12.716 11.2638 13.0105C11.2637 13.0104 11.2639 13.0106 11.2638 13.0105C11.3573 13.11 11.5624 13.1973 11.9463 13.109C12.2578 13.0373 12.6311 12.8571 13.0121 12.5576C12.8658 12.22 12.7272 11.8324 12.6313 11.353C12.5405 10.8996 12.4899 10.3743 12.501 9.74109ZM13.7808 11.7797C14.316 11.0956 14.759 10.1665 14.9271 9.01632C14.539 9.00681 14.1111 9.05601 13.6457 9.17854C13.605 9.19274 13.5647 9.20726 13.525 9.22209C13.4663 10.0545 13.5146 10.671 13.6118 11.1568C13.6578 11.3868 13.7156 11.5913 13.7808 11.7797ZM6.92028 5.2159C5.77942 4.88398 4.78409 5.00841 4.07616 5.21575C3.72264 5.3193 3.439 5.44393 3.24121 5.5443C3.14215 5.59457 3.0641 5.63901 3.00903 5.67212C2.98147 5.68868 2.95962 5.70244 2.9437 5.71271L2.92429 5.72542L2.91797 5.72966L2.91566 5.73123L2.91393 5.73241C2.91384 5.73249 2.91436 5.73325 2.94925 5.78397C3.23698 6.20225 3.1703 6.10548 2.91393 5.73241C2.68634 5.88881 2.62863 6.20009 2.78502 6.42767C2.94134 6.65514 3.25207 6.71313 3.47963 6.55703L3.4788 6.5576L3.48576 6.55305C3.49318 6.54826 3.50608 6.5401 3.52423 6.52919C3.56057 6.50735 3.6177 6.47463 3.69373 6.43605C3.84612 6.35872 4.07228 6.2589 4.35724 6.17544C4.92619 6.0088 5.72242 5.90898 6.64043 6.17595C7.35305 6.38517 7.66747 6.76919 7.82692 7.16112C7.98173 7.54163 8.0026 7.95751 8.00531 8.33243C7.46199 8.18407 6.79336 8.03682 6.08385 8.00744C5.04808 7.96456 3.8874 8.17096 2.87738 9.01102C1.98877 9.75011 1.78345 10.8818 2.07014 11.853C2.35713 12.8252 3.14925 13.692 4.31803 13.9348C5.22351 14.123 6.18016 13.8639 6.9599 13.5212C7.3403 13.354 7.69572 13.1594 8.0057 12.9665V13.5C8.0057 13.7761 8.22956 14 8.5057 14C8.78184 14 9.0057 13.7754 9.0057 13.4993L9.0057 8.44586C9.0058 8.05404 9.00595 7.40554 8.7532 6.78428C8.48142 6.11625 7.93342 5.51313 6.92136 5.21622L6.92028 5.2159ZM6.04249 9.00659C6.76366 9.03645 7.44769 9.209 8.0057 9.37205V11.757C7.65814 12.0182 7.13927 12.35 6.55757 12.6057C5.85264 12.9155 5.12729 13.0816 4.52148 12.9557C3.75127 12.7957 3.22322 12.2271 3.02922 11.5699C2.83491 10.9116 2.98777 10.2199 3.51683 9.77985C4.27958 9.14545 5.16917 8.97043 6.04249 9.00659Z" })));
+    }
+    static get style() { return TranslateIconStyle0; }
+}, [2, "translate-icon", {
+        "width": [1],
+        "height": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["translate-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "translate-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GlobeIcon);
+            }
+            break;
+    } });
+}
+
+export { GlobeIcon as G, defineCustomElement as d };
+
+//# sourceMappingURL=translate.js.map

package/dist/components/translate.js.map

@@ -0,0 +1 @@
+{"file":"translate.js","mappings":";;AAAA,MAAM,OAAO,GAAG,oCAAoC,CAAC;AACrD,4BAAe,OAAO;;MCMT,SAAS;;;;qBACI,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,IAC7G,6DACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,upHAAupH,GACzpH,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=translate-icon&encapsulation=scoped","src/common/icons/translate.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'translate-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class GlobeIcon {\n  @Prop() width: string = '16';\n  @Prop() height: string = '16';\n\n  render() {\n    return (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width={this.width} height={this.height} viewBox=\"0 0 20 20\" fill=\"none\">\n        <path\n          fill=\"currentColor\"\n          d=\"M14.1663 4.02867C14.4267 4.12081 14.563 4.40654 14.4709 4.66685C14.3501 5.00788 14.2182 5.4771 14.1178 5.86047C14.6877 5.77587 15.2665 5.65653 15.8867 5.51288C16.1557 5.45058 16.4243 5.61815 16.4866 5.88717C16.5489 6.15619 16.3814 6.42479 16.1123 6.4871C15.339 6.66621 14.6101 6.81289 13.8717 6.90283C13.7759 7.35654 13.7014 7.77084 13.6451 8.15021C14.1202 8.04599 14.5738 8.00553 14.9996 8.02075L14.9996 8C14.9996 7.72386 15.2235 7.5 15.4996 7.5C15.7758 7.5 15.9996 7.72386 15.9996 8C15.9996 8.05657 15.9991 8.11281 15.9979 8.16871C17.1392 8.47838 17.9781 9.23987 18.3435 10.2263C18.9579 11.8853 18.1287 13.8787 15.7027 14.9569C15.4504 15.069 15.1549 14.9554 15.0427 14.7031C14.9306 14.4507 15.0442 14.1552 15.2966 14.0431C17.3705 13.1213 17.7913 11.6147 17.4057 10.5737C17.1874 9.984 16.6776 9.44916 15.9129 9.18633C15.6829 10.7237 15.021 11.9466 14.229 12.7925C14.3126 12.9656 14.3958 13.1436 14.4641 13.3151C14.5662 13.5717 14.441 13.8625 14.1844 13.9646C13.9278 14.0667 13.637 13.9415 13.5349 13.6849C13.5066 13.6137 13.4777 13.5463 13.448 13.4802C13.028 13.7794 12.5905 13.9869 12.1705 14.0835C11.5942 14.2161 10.963 14.1517 10.534 13.6942C9.88917 13.0053 9.84361 11.8611 10.2855 10.8412C10.6652 9.96479 11.4186 9.11781 12.5848 8.54034C12.6387 8.07338 12.7199 7.55894 12.8332 6.98891C12.3926 7.00755 11.9403 7.00326 11.4659 6.97127C11.1904 6.95269 10.9821 6.71428 11.0007 6.43876C11.0192 6.16325 11.2577 5.95496 11.5332 5.97353C12.0633 6.00928 12.5641 6.00772 13.0566 5.97553C13.1605 5.55444 13.3512 4.8331 13.5282 4.33317C13.6203 4.07286 13.906 3.93653 14.1663 4.02867ZM12.501 9.74109C11.8436 10.1821 11.427 10.7219 11.2031 11.2387C10.8542 12.0439 10.9881 12.716 11.2638 13.0105C11.2637 13.0104 11.2639 13.0106 11.2638 13.0105C11.3573 13.11 11.5624 13.1973 11.9463 13.109C12.2578 13.0373 12.6311 12.8571 13.0121 12.5576C12.8658 12.22 12.7272 11.8324 12.6313 11.353C12.5405 10.8996 12.4899 10.3743 12.501 9.74109ZM13.7808 11.7797C14.316 11.0956 14.759 10.1665 14.9271 9.01632C14.539 9.00681 14.1111 9.05601 13.6457 9.17854C13.605 9.19274 13.5647 9.20726 13.525 9.22209C13.4663 10.0545 13.5146 10.671 13.6118 11.1568C13.6578 11.3868 13.7156 11.5913 13.7808 11.7797ZM6.92028 5.2159C5.77942 4.88398 4.78409 5.00841 4.07616 5.21575C3.72264 5.3193 3.439 5.44393 3.24121 5.5443C3.14215 5.59457 3.0641 5.63901 3.00903 5.67212C2.98147 5.68868 2.95962 5.70244 2.9437 5.71271L2.92429 5.72542L2.91797 5.72966L2.91566 5.73123L2.91393 5.73241C2.91384 5.73249 2.91436 5.73325 2.94925 5.78397C3.23698 6.20225 3.1703 6.10548 2.91393 5.73241C2.68634 5.88881 2.62863 6.20009 2.78502 6.42767C2.94134 6.65514 3.25207 6.71313 3.47963 6.55703L3.4788 6.5576L3.48576 6.55305C3.49318 6.54826 3.50608 6.5401 3.52423 6.52919C3.56057 6.50735 3.6177 6.47463 3.69373 6.43605C3.84612 6.35872 4.07228 6.2589 4.35724 6.17544C4.92619 6.0088 5.72242 5.90898 6.64043 6.17595C7.35305 6.38517 7.66747 6.76919 7.82692 7.16112C7.98173 7.54163 8.0026 7.95751 8.00531 8.33243C7.46199 8.18407 6.79336 8.03682 6.08385 8.00744C5.04808 7.96456 3.8874 8.17096 2.87738 9.01102C1.98877 9.75011 1.78345 10.8818 2.07014 11.853C2.35713 12.8252 3.14925 13.692 4.31803 13.9348C5.22351 14.123 6.18016 13.8639 6.9599 13.5212C7.3403 13.354 7.69572 13.1594 8.0057 12.9665V13.5C8.0057 13.7761 8.22956 14 8.5057 14C8.78184 14 9.0057 13.7754 9.0057 13.4993L9.0057 8.44586C9.0058 8.05404 9.00595 7.40554 8.7532 6.78428C8.48142 6.11625 7.93342 5.51313 6.92136 5.21622L6.92028 5.2159ZM6.04249 9.00659C6.76366 9.03645 7.44769 9.209 8.0057 9.37205V11.757C7.65814 12.0182 7.13927 12.35 6.55757 12.6057C5.85264 12.9155 5.12729 13.0816 4.52148 12.9557C3.75127 12.7957 3.22322 12.2271 3.02922 11.5699C2.83491 10.9116 2.98777 10.2199 3.51683 9.77985C4.27958 9.14545 5.16917 8.97043 6.04249 9.00659Z\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/trash-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TrashIcon extends Components.TrashIcon, HTMLElement {}
+export const TrashIcon: {
+    prototype: TrashIcon;
+    new (): TrashIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/trash-icon.js

@@ -0,0 +1,8 @@
+import { T as TrashIcon$1, d as defineCustomElement$1 } from './trash.js';
+
+const TrashIcon = TrashIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { TrashIcon, defineCustomElement };
+
+//# sourceMappingURL=trash-icon.js.map

package/dist/components/trash-icon.js.map

@@ -0,0 +1 @@
+{"file":"trash-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/trash.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const iconCss = ".sc-trash-icon-h{display:flex}";
+const TrashIconStyle0 = iconCss;
+
+const TrashIcon = proxyCustomElement(class TrashIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: '8d05e6938b2462ac983b3536cb19fb8ce840b690', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e740487d505d872259e0ca035525b2caa3fac45f', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '2755f35e8e1de9e148456adcd17ca8f6e580d5ce', d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '750e4c62517a5822d85bbeccfa3506188eb8eb4e', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '82b18c5f39fc2f42c5b0c97a88f6f683a083b092', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
+    }
+    static get style() { return TrashIconStyle0; }
+}, [2, "trash-icon", {
+        "width": [1],
+        "height": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["trash-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "trash-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TrashIcon);
+            }
+            break;
+    } });
+}
+
+export { TrashIcon as T, defineCustomElement as d };
+
+//# sourceMappingURL=trash.js.map

package/dist/components/trash.js.map

@@ -0,0 +1 @@
+{"file":"trash.js","mappings":";;AAAA,MAAM,OAAO,GAAG,gCAAgC,CAAC;AACjD,wBAAe,OAAO;;MCMT,SAAS;;;;qBACI,IAAI;sBACH,IAAI;;IAE7B,MAAM;QAEJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC7G,6DAAM,CAAC,EAAC,WAAW,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,EACvD,6DACE,CAAC,EAAC,sUAAsU,EACxU,MAAM,EAAC,MAAM,kBACA,KAAK,GAClB,EACF,6DAAM,CAAC,EAAC,WAAW,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,EACvD,6DAAM,CAAC,EAAC,WAAW,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,CACnD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=trash-icon&encapsulation=scoped","src/common/icons/trash.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'trash-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class TrashIcon {\n  @Prop() width: string = '15';\n  @Prop() height: string = '15';\n\n  render() {\n    // Trash icon svg\n    return (\n      <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"auto\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M3 6H5H21\" stroke=\"auto\" stroke-width=\"1.5\" />\n        <path\n          d=\"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z\"\n          stroke=\"auto\"\n          stroke-width=\"1.5\"\n        />\n        <path d=\"M10 11V17\" stroke=\"auto\" stroke-width=\"1.5\" />\n        <path d=\"M14 11V17\" stroke=\"auto\" stroke-width=\"1.5\" />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/underline-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UnderlineIcon extends Components.UnderlineIcon, HTMLElement {}
+export const UnderlineIcon: {
+    prototype: UnderlineIcon;
+    new (): UnderlineIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/underline-icon.js

@@ -0,0 +1,8 @@
+import { U as UnderlineIcon$1, d as defineCustomElement$1 } from './underline.js';
+
+const UnderlineIcon = UnderlineIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { UnderlineIcon, defineCustomElement };
+
+//# sourceMappingURL=underline-icon.js.map

package/dist/components/underline-icon.js.map

@@ -0,0 +1 @@
+{"file":"underline-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/underline.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const iconCss = ".sc-underline-icon-h{display:flex}";
+const UnderlineIconStyle0 = iconCss;
+
+const UnderlineIcon = proxyCustomElement(class UnderlineIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: '815f8a312406afb56b66ed016b955711b1fa125d', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8dc4ce7ea64d15912c3bf783a9d1444d34127f2f', d: "M19 4V10C19 13.866 15.866 17 12 17C8.13401 17 5 13.866 5 10V4M8.5 4V10C8.5 13.2218 10.6766 15.9352 13.6395 16.7501M4 21H20M3 4L10.5 4M17 4L21 4", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+    }
+    static get style() { return UnderlineIconStyle0; }
+}, [2, "underline-icon", {
+        "width": [1],
+        "height": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["underline-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "underline-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UnderlineIcon);
+            }
+            break;
+    } });
+}
+
+export { UnderlineIcon as U, defineCustomElement as d };
+
+//# sourceMappingURL=underline.js.map

package/dist/components/underline.js.map

@@ -0,0 +1 @@
+{"file":"underline.js","mappings":";;AAAA,MAAM,OAAO,GAAG,oCAAoC,CAAC;AACrD,4BAAe,OAAO;;MCMT,aAAa;;;;qBACA,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QAEE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC7G,6DACE,CAAC,EAAC,iJAAiJ,EACnJ,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,GACvB,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=underline-icon&encapsulation=scoped","src/common/icons/underline.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'underline-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class UnderlineIcon {\n  @Prop() width: string = '15';\n  @Prop() height: string = '15';\n\n  render() {\n    return (\n      // Underline icon svg\n      <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M19 4V10C19 13.866 15.866 17 12 17C8.13401 17 5 13.866 5 10V4M8.5 4V10C8.5 13.2218 10.6766 15.9352 13.6395 16.7501M4 21H20M3 4L10.5 4M17 4L21 4\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utils.js

@@ -0,0 +1,140 @@
+function debug(...args) {
+    if (window && window.localStorage && window.localStorage.getItem('debug')) {
+        console.debug(...args);
+    }
+}
+function error(...args) {
+    console.error(...args);
+}
+function uniqueID() {
+    return Math.random().toString(36).substr(2, 9);
+}
+function formatEventName(propKey) {
+    return propKey.toString().replace(/^on/, '');
+}
+function formatDateTime(dateTimestamp) {
+    const date = new Date(dateTimestamp * 1000);
+    const now = new Date();
+    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+    if (date >= today) {
+        const formatter = new Intl.DateTimeFormat('default', {
+            hour: 'numeric',
+            minute: 'numeric',
+            hour12: true,
+        });
+        return formatter.format(date);
+    }
+    else {
+        const formatter = new Intl.DateTimeFormat('default', {
+            month: 'short',
+            day: 'numeric',
+        });
+        return formatter.format(date);
+    }
+}
+function formatRecipient(recipient) {
+    return recipient.name ? `${recipient.name} - ${recipient.email}` : recipient.email;
+}
+function formatParticipants(participants, meEmail = '', messageCount = 1, max = 3) {
+    const me = participants.find(p => p.email?.toLowerCase() === meEmail.toLowerCase());
+    const others = participants.filter(p => p.email?.toLowerCase() !== meEmail.toLowerCase());
+    const othersCount = others.length;
+    const othersString = others
+        .slice(0, max)
+        .map(r => r.name || r.email)
+        .join(', ');
+    if (othersCount === 0) {
+        return me ? 'me' : '';
+    }
+    else if (othersCount === 1) {
+        return me && messageCount > 1 ? `me, ${othersString}` : othersString;
+    }
+    else if (othersCount === 2) {
+        return me ? `me, ${othersString}` : `${othersString}`;
+    }
+    else {
+        return me ? `me, ${othersString}, +${othersCount - max}` : `${othersString}, +${othersCount - max}`;
+    }
+}
+const DIVISIONS = [
+    { amount: 60, name: 'seconds' },
+    { amount: 60, name: 'minutes' },
+    { amount: 24, name: 'hours' },
+    { amount: 7, name: 'days' },
+    { amount: 4.34524, name: 'weeks' },
+    { amount: 12, name: 'months' },
+    { amount: Number.POSITIVE_INFINITY, name: 'years' },
+];
+const formatTimeAgo = (date) => {
+    const formatter = new Intl.RelativeTimeFormat(undefined, {
+        numeric: 'auto',
+    });
+    const now = new Date();
+    let duration = (date.getTime() - now.getTime()) / 1000;
+    for (let i = 0; i <= DIVISIONS.length; i++) {
+        const division = DIVISIONS[i];
+        if (Math.abs(duration) < division.amount) {
+            return formatter.format(Math.round(duration), division.name);
+        }
+        duration /= division.amount;
+    }
+};
+function getLastDayOfMonth(date) {
+    return new Date(date.getFullYear(), date.getMonth() + 1, 0);
+}
+function getFirstDayOfMonth(date) {
+    return new Date(date.getFullYear(), date.getMonth(), 1);
+}
+function isSameDay(date1, date2) {
+    return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
+}
+function isSameMonth(date1, date2) {
+    return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth();
+}
+function toTitleCase(str) {
+    return str.replace(/\w\S*/g, txt => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase());
+}
+function formatFolderName(folderName) {
+    return folderName.replace('CATEGORY_', '').replace(/_/g, ' ');
+}
+function detectHTMLOrPlainText(html) {
+    const regex = /<[^>]*>/g;
+    return regex.test(html) ? 'html' : 'plain';
+}
+function detectIfMessageIsHTML(message) {
+    const headers = message.headers;
+    const contentType = (headers && headers.find(h => h.name === 'Content-Type')?.value) || '';
+    const contentDisposition = (headers && headers.find(h => h.name === 'Content-Disposition')?.value) || '';
+    if (contentType.includes('text/html')) {
+        return true;
+    }
+    if (contentDisposition.includes('inline')) {
+        return true;
+    }
+    if (message.body && detectHTMLOrPlainText(message.body) === 'html') {
+        return true;
+    }
+    return false;
+}
+function parsePlainTextToHTML(text) {
+    const paragraphs = text.split('\n').filter(line => line.trim().length > 0);
+    const wrappedParagraphs = paragraphs.map(paragraph => `<p>${paragraph}</p>`);
+    let body = wrappedParagraphs.join('');
+    const regex = /((?:https?|ftp):\/\/[^\s]+)/g;
+    body = body.replace(regex, '<a href="$1">$1</a>');
+    return body;
+}
+function htmlToPlainText(html) {
+    const doc = new DOMParser().parseFromString(html, 'text/html');
+    return doc.body.textContent || '';
+}
+function get24HourTime(date) {
+    return `${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`;
+}
+function getUserTimezone() {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone;
+}
+
+export { getFirstDayOfMonth as a, isSameMonth as b, formatParticipants as c, debug as d, error as e, formatFolderName as f, getLastDayOfMonth as g, formatDateTime as h, isSameDay as i, formatEventName as j, get24HourTime as k, getUserTimezone as l, htmlToPlainText as m, detectIfMessageIsHTML as n, detectHTMLOrPlainText as o, parsePlainTextToHTML as p, formatTimeAgo as q, formatRecipient as r, toTitleCase as t, uniqueID as u };
+
+//# sourceMappingURL=utils.js.map

package/dist/components/utils.js.map

@@ -0,0 +1 @@
+{"file":"utils.js","mappings":"SAgBgB,KAAK,CAAC,GAAG,IAAW;IAClC,IAAI,MAAM,IAAI,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QACzE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;KACxB;AACH,CAAC;SAEe,KAAK,CAAC,GAAG,IAAW;IAClC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;AACzB,CAAC;SAEe,QAAQ;IACtB,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACjD,CAAC;SAEe,eAAe,CAAC,OAAe;IAC7C,OAAO,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAC/C,CAAC;SAMe,cAAc,CAAC,aAAqB;IAClD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IACvB,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;IACzE,IAAI,IAAI,IAAI,KAAK,EAAE;QAEjB,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;YACnD,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QACH,OAAO,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;KAC/B;SAAM;QAGL,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;YACnD,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,SAAS;SACf,CAAC,CAAC;QACH,OAAO,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;KAC/B;AACH,CAAC;SAEe,eAAe,CAAC,SAAoB;IAClD,OAAO,SAAS,CAAC,IAAI,GAAG,GAAG,SAAS,CAAC,IAAI,MAAM,SAAS,CAAC,KAAK,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC;AACrF,CAAC;SAGe,kBAAkB,CAAC,YAAyB,EAAE,UAAkB,EAAE,EAAE,eAAuB,CAAC,EAAE,MAAc,CAAC;IAC3H,MAAM,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IACpF,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC1F,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC;IAClC,MAAM,YAAY,GAAG,MAAM;SACxB,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC;SACb,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC;SAC3B,IAAI,CAAC,IAAI,CAAC,CAAC;IACd,IAAI,WAAW,KAAK,CAAC,EAAE;QACrB,OAAO,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;KACvB;SAAM,IAAI,WAAW,KAAK,CAAC,EAAE;QAC5B,OAAO,EAAE,IAAI,YAAY,GAAG,CAAC,GAAG,OAAO,YAAY,EAAE,GAAG,YAAY,CAAC;KACtE;SAAM,IAAI,WAAW,KAAK,CAAC,EAAE;QAC5B,OAAO,EAAE,GAAG,OAAO,YAAY,EAAE,GAAG,GAAG,YAAY,EAAE,CAAC;KACvD;SAAM;QACL,OAAO,EAAE,GAAG,OAAO,YAAY,MAAM,WAAW,GAAG,GAAG,EAAE,GAAG,GAAG,YAAY,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC;KACrG;AACH,CAAC;AAGD,MAAM,SAAS,GAGV;IACH,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC/B,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC/B,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;IAC7B,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;IAC3B,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;IAClC,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC9B,EAAE,MAAM,EAAE,MAAM,CAAC,iBAAiB,EAAE,IAAI,EAAE,OAAO,EAAE;CACpD,CAAC;MAEW,aAAa,GAAG,CAAC,IAAU;IACtC,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE;QACvD,OAAO,EAAE,MAAM;KAChB,CAAC,CAAC;IACH,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IACvB,IAAI,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC;IAEvD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC1C,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE;YACxC,OAAO,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;SAC9D;QACD,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC;KAC7B;AACH,EAAE;SAEc,iBAAiB,CAAC,IAAU;IAC1C,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9D,CAAC;SAEe,kBAAkB,CAAC,IAAU;IAC3C,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;AAC1D,CAAC;SAMe,SAAS,CAAC,KAAW,EAAE,KAAW;IAChD,OAAO,KAAK,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE,IAAI,KAAK,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,EAAE,IAAI,KAAK,CAAC,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,EAAE,CAAC;AACrI,CAAC;SAEe,WAAW,CAAC,KAAW,EAAE,KAAW;IAClD,OAAO,KAAK,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE,IAAI,KAAK,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC;AAC9F,CAAC;SAEe,WAAW,CAAC,GAAW;IACrC,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AACjG,CAAC;SAEe,gBAAgB,CAAC,UAAkB;IACjD,OAAO,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAChE,CAAC;SAEe,qBAAqB,CAAC,IAAY;IAChD,MAAM,KAAK,GAAG,UAAU,CAAC;IACzB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7C,CAAC;SAEe,qBAAqB,CAAC,OAAgB;IACpD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,MAAM,WAAW,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,cAAc,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;IAC3F,MAAM,kBAAkB,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,qBAAqB,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;IAGzG,IAAI,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QACrC,OAAO,IAAI,CAAC;KACb;IAGD,IAAI,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QACzC,OAAO,IAAI,CAAC;KACb;IAGD,IAAI,OAAO,CAAC,IAAI,IAAI,qBAAqB,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,MAAM,EAAE;QAClE,OAAO,IAAI,CAAC;KACb;IAGD,OAAO,KAAK,CAAC;AACf,CAAC;SAEe,oBAAoB,CAAC,IAAY;IAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC3E,MAAM,iBAAiB,GAAG,UAAU,CAAC,GAAG,CAAC,SAAS,IAAI,MAAM,SAAS,MAAM,CAAC,CAAC;IAC7E,IAAI,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAGtC,MAAM,KAAK,GAAG,8BAA8B,CAAC;IAC7C,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC;IAElD,OAAO,IAAI,CAAC;AACd,CAAC;SAEe,eAAe,CAAC,IAAY;IAC1C,MAAM,GAAG,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAC/D,OAAO,GAAG,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;AACpC,CAAC;SAWe,aAAa,CAAC,IAAU;IACtC,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;AAC3G,CAAC;SAEe,eAAe;IAC7B,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;AAC1D;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["import { EmailName, Message } from '@nylas/core';\n\nexport function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\n// Utility function to remove undefined values from an object\nexport function removeUndefined(obj: any) {\n  return Object.keys(obj).reduce((acc: { [key: string]: any }, key) => {\n    if (obj[key] !== undefined) {\n      acc[key] = obj[key];\n    }\n    return acc;\n  }, {});\n}\n\nexport function debug(...args: any[]) {\n  if (window && window.localStorage && window.localStorage.getItem('debug')) {\n    console.debug(...args);\n  }\n}\n\nexport function error(...args: any[]) {\n  console.error(...args);\n}\n\nexport function uniqueID() {\n  return Math.random().toString(36).substr(2, 9);\n}\n\nexport function formatEventName(propKey: string) {\n  return propKey.toString().replace(/^on/, '');\n}\n\n// Utility function to format a date as a time if it is today, or a short\n// date format if it is not toda, using the new Intl API. For example:\n// If the date is today, it will return \"12:00 PM\"\n// If the date is not today, it will return \"Jan 4, 23\"\nexport function formatDateTime(dateTimestamp: number) {\n  const date = new Date(dateTimestamp * 1000);\n  const now = new Date();\n  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  if (date >= today) {\n    // If the day is not today, we return the month and day (e.g. Jan 4)\n    const formatter = new Intl.DateTimeFormat('default', {\n      hour: 'numeric',\n      minute: 'numeric',\n      hour12: true,\n    });\n    return formatter.format(date);\n  } else {\n    // If the day is today, we only return the time (e.g. 12:00 PM) without\n    // the month and day\n    const formatter = new Intl.DateTimeFormat('default', {\n      month: 'short',\n      day: 'numeric',\n    });\n    return formatter.format(date);\n  }\n}\n\nexport function formatRecipient(recipient: EmailName) {\n  return recipient.name ? `${recipient.name} - ${recipient.email}` : recipient.email;\n}\n\n// Formats the particpants of a thread into a string\nexport function formatParticipants(participants: EmailName[], meEmail: string = '', messageCount: number = 1, max: number = 3) {\n  const me = participants.find(p => p.email?.toLowerCase() === meEmail.toLowerCase());\n  const others = participants.filter(p => p.email?.toLowerCase() !== meEmail.toLowerCase());\n  const othersCount = others.length;\n  const othersString = others\n    .slice(0, max)\n    .map(r => r.name || r.email)\n    .join(', ');\n  if (othersCount === 0) {\n    return me ? 'me' : '';\n  } else if (othersCount === 1) {\n    return me && messageCount > 1 ? `me, ${othersString}` : othersString;\n  } else if (othersCount === 2) {\n    return me ? `me, ${othersString}` : `${othersString}`;\n  } else {\n    return me ? `me, ${othersString}, +${othersCount - max}` : `${othersString}, +${othersCount - max}`;\n  }\n}\n\n// https://blog.webdevsimplified.com/2020-07/relative-time-format/\nconst DIVISIONS: Array<{\n  amount: number;\n  name: Intl.RelativeTimeFormatUnit;\n}> = [\n  { amount: 60, name: 'seconds' },\n  { amount: 60, name: 'minutes' },\n  { amount: 24, name: 'hours' },\n  { amount: 7, name: 'days' },\n  { amount: 4.34524, name: 'weeks' },\n  { amount: 12, name: 'months' },\n  { amount: Number.POSITIVE_INFINITY, name: 'years' },\n];\n\nexport const formatTimeAgo = (date: Date) => {\n  const formatter = new Intl.RelativeTimeFormat(undefined, {\n    numeric: 'auto',\n  });\n  const now = new Date();\n  let duration = (date.getTime() - now.getTime()) / 1000;\n\n  for (let i = 0; i <= DIVISIONS.length; i++) {\n    const division = DIVISIONS[i];\n    if (Math.abs(duration) < division.amount) {\n      return formatter.format(Math.round(duration), division.name);\n    }\n    duration /= division.amount;\n  }\n};\n\nexport function getLastDayOfMonth(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0);\n}\n\nexport function getFirstDayOfMonth(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function getFirstHourOfDay(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0);\n}\n\nexport function isSameDay(date1: Date, date2: Date) {\n  return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();\n}\n\nexport function isSameMonth(date1: Date, date2: Date) {\n  return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth();\n}\n\nexport function toTitleCase(str: string) {\n  return str.replace(/\\w\\S*/g, txt => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase());\n}\n\nexport function formatFolderName(folderName: string) {\n  return folderName.replace('CATEGORY_', '').replace(/_/g, ' ');\n}\n\nexport function detectHTMLOrPlainText(html: string) {\n  const regex = /<[^>]*>/g;\n  return regex.test(html) ? 'html' : 'plain';\n}\n\nexport function detectIfMessageIsHTML(message: Message) {\n  const headers = message.headers;\n  const contentType = (headers && headers.find(h => h.name === 'Content-Type')?.value) || '';\n  const contentDisposition = (headers && headers.find(h => h.name === 'Content-Disposition')?.value) || '';\n\n  // If the content type is HTML, then we know it's HTML\n  if (contentType.includes('text/html')) {\n    return true;\n  }\n\n  // If the content disposition is inline, then we know it's HTML\n  if (contentDisposition.includes('inline')) {\n    return true;\n  }\n\n  // If the body is HTML, then we know it's HTML\n  if (message.body && detectHTMLOrPlainText(message.body) === 'html') {\n    return true;\n  }\n\n  // Otherwise, we assume it's plain text\n  return false;\n}\n\nexport function parsePlainTextToHTML(text: string) {\n  const paragraphs = text.split('\\n').filter(line => line.trim().length > 0);\n  const wrappedParagraphs = paragraphs.map(paragraph => `<p>${paragraph}</p>`);\n  let body = wrappedParagraphs.join('');\n\n  // Replace links with anchor tags\n  const regex = /((?:https?|ftp):\\/\\/[^\\s]+)/g;\n  body = body.replace(regex, '<a href=\"$1\">$1</a>');\n\n  return body;\n}\n\nexport function htmlToPlainText(html: string) {\n  const doc = new DOMParser().parseFromString(html, 'text/html');\n  return doc.body.textContent || '';\n}\n\nexport function getStartHourOfDay(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0);\n}\n\nexport function getEndHourOfDay(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23);\n}\n\n// Zero pad a number to two digits\nexport function get24HourTime(date: Date) {\n  return `${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`;\n}\n\nexport function getUserTimezone() {\n  return Intl.DateTimeFormat().resolvedOptions().timeZone;\n}\n"],"version":3}

package/dist/components/warning-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface WarningIcon extends Components.WarningIcon, HTMLElement {}
+export const WarningIcon: {
+    prototype: WarningIcon;
+    new (): WarningIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/warning-icon.js

@@ -0,0 +1,8 @@
+import { W as WarningIcon$1, d as defineCustomElement$1 } from './warning.js';
+
+const WarningIcon = WarningIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { WarningIcon, defineCustomElement };
+
+//# sourceMappingURL=warning-icon.js.map

package/dist/components/warning-icon.js.map

@@ -0,0 +1 @@
+{"file":"warning-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/warning.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const iconCss = ".sc-warning-icon-h{display:flex}";
+const WarningIconStyle0 = iconCss;
+
+const WarningIcon = proxyCustomElement(class WarningIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.width = '16';
+        this.height = '16';
+    }
+    render() {
+        return (h("svg", { key: '617fa976a2cbd047050de131b8e5cbf6f3a47e74', width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6e6f4018f180bfb09e37ad897c2b95f74cb5297f', d: "M10.149 7.054a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0v-4a.5.5 0 0 1 .5-.5Zm0 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM8.834 2.906a1.5 1.5 0 0 1 2.63 0l6.558 11.925a1.5 1.5 0 0 1-1.314 2.223H3.59a1.5 1.5 0 0 1-1.314-2.223L8.834 2.906Zm1.753.482a.5.5 0 0 0-.876 0L3.15 15.313a.5.5 0 0 0 .439.741h13.117a.5.5 0 0 0 .439-.741l-6.56-11.925Z", fill: "currentColor" })));
+    }
+    static get style() { return WarningIconStyle0; }
+}, [2, "warning-icon", {
+        "width": [1],
+        "height": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["warning-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "warning-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, WarningIcon);
+            }
+            break;
+    } });
+}
+
+export { WarningIcon as W, defineCustomElement as d };
+
+//# sourceMappingURL=warning.js.map

package/dist/components/warning.js.map

@@ -0,0 +1 @@
+{"file":"warning.js","mappings":";;AAAA,MAAM,OAAO,GAAG,kCAAkC,CAAC;AACnD,0BAAe,OAAO;;MCMT,WAAW;;;;qBACE,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IACxE,6DACE,CAAC,EAAC,2UAA2U,EAC7U,IAAI,EAAC,cAAc,GACnB,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=warning-icon&encapsulation=scoped","src/common/icons/warning.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'warning-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class WarningIcon {\n  @Prop() width: string = '16';\n  @Prop() height: string = '16';\n\n  render() {\n    return (\n      <svg width=\"21\" height=\"21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M10.149 7.054a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0v-4a.5.5 0 0 1 .5-.5Zm0 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM8.834 2.906a1.5 1.5 0 0 1 2.63 0l6.558 11.925a1.5 1.5 0 0 1-1.314 2.223H3.59a1.5 1.5 0 0 1-1.314-2.223L8.834 2.906Zm1.753.482a.5.5 0 0 0-.876 0L3.15 15.313a.5.5 0 0 0 .439.741h13.117a.5.5 0 0 0 .439-.741l-6.56-11.925Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/_commonjsHelpers-57e89916.js

@@ -0,0 +1,20 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+export { commonjsGlobal as c, getAugmentedNamespace as g };
+
+//# sourceMappingURL=_commonjsHelpers-57e89916.js.map

package/dist/esm/_commonjsHelpers-57e89916.js.map

@@ -0,0 +1 @@
+{"file":"_commonjsHelpers-57e89916.js","mappings":";;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/app-globals-47969cee.js

@@ -0,0 +1,9 @@
+async function appGlobalScript () {
+    await import('./elements-60ebdb01.js');
+}
+
+const globalScripts = appGlobalScript;
+
+export { globalScripts as g };
+
+//# sourceMappingURL=app-globals-47969cee.js.map

package/dist/esm/app-globals-47969cee.js.map

@@ -0,0 +1 @@
+{"file":"app-globals-47969cee.js","mappings":"AAAe;IACb,MAAM,OAAO,wBAA6C,CAAC,CAAC;AAC9D;;ACDY,MAAC,aAAa,GAAG;;;;","names":[],"sources":["src/common/global.ts","@stencil/core/internal/app-globals"],"sourcesContent":["export default async function () {\n  await import('@spectrum-web-components/bundle/elements.js');\n}\n","import appGlobalScript from '/Users/aarondemello/Developer/nylas/nylas/packages/nylas-web-elements/src/common/global.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}

package/dist/esm/archive-icon_7.entry.js

@@ -0,0 +1,110 @@
+import { r as registerInstance, h } from './index-b2270b4a.js';
+
+const iconCss$6 = ".sc-archive-icon-h{display:flex}";
+const ArchiveIconStyle0 = iconCss$6;
+
+const ArchiveIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: '0329bd3ce631ac955a329c082153db1221ca1237', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd1e0976f40a05045ee782b1ba061d6c1e1dbf9f0', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'aee7f407210afd75d8e30c340695a6324d7f9e9a', d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '3f0f86b34ebd7ea3648f21dc858dd5b81a33335f', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '482a3c137b13722870b1b36cfa111ad7ccafc48e', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
+    }
+};
+ArchiveIcon.style = ArchiveIconStyle0;
+
+const iconCss$5 = ".sc-folder-icon-h{display:flex}";
+const FolderIconStyle0 = iconCss$5;
+
+const FolderIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: 'c0702f8ece1b14671f64810c217227334d73de6c', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f2d75e6d1c4c958d937e4ea12c7789a0d02dc945', d: "M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z", stroke: "auto", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+    }
+};
+FolderIcon.style = FolderIconStyle0;
+
+const iconCss$4 = ".sc-inbox-icon-h{display:flex}";
+const InboxIconStyle0 = iconCss$4;
+
+const InboxIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: 'f6e5dbde80e252a006336eed6966876b0983c6d3', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '433599dc1fe9f5bfeebfbb74e7f121dd9fd0bab1', d: "M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '5d9d3398bd89df400614405fbadf926f2967810b', d: "M2 5L12 12.5L22 5", stroke: "auto", "stroke-width": "1.5" })));
+    }
+};
+InboxIcon.style = InboxIconStyle0;
+
+const iconCss$3 = ".sc-sent-icon-h{display:flex}";
+const SentIconStyle0 = iconCss$3;
+
+const SentIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: 'a56b6925b675c170b4a7982fe1e0b168baaeceda', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0896c8c34a8ff0d347250dce6857991a20fe77a2', d: "M21.5 12L3.5 3.5L3.5 20.5L21.5 12Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '9c62dc2663993187e4356689d5cdda56e71383be', d: "M3.5 3.5L12 10.5", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '12608ff7122f9710fcc3dd7b796e5b1c6da2a33b', d: "M3.5 20.5L12 13.5", stroke: "auto", "stroke-width": "1.5" })));
+    }
+};
+SentIcon.style = SentIconStyle0;
+
+const iconCss$2 = ".sc-spam-icon-h{display:flex}";
+const SpamIconStyle0 = iconCss$2;
+
+const SpamIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: '7eed20535ff6abe59cbb633a137911a69c82b5ae', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ed8fbfe1c5010249598077844db4ec62d02e6a49', d: "M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '7116f0a20c00d708dad4f368e247fd35e875e33e', d: "M2 5L12 12.5L22 5", stroke: "auto", "stroke-width": "1.5" })));
+    }
+};
+SpamIcon.style = SpamIconStyle0;
+
+const iconCss$1 = ".sc-star-icon-h{display:flex}";
+const StarIconStyle0 = iconCss$1;
+
+const StarIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: 'cffea749ac68b3082143934428ec1d3c922ec34c', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9f53f69c1a4e360ff95c5ac0bacc86ce5b4dcdb1', d: "M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z", stroke: "auto", "stroke-width": "1.5" })));
+    }
+};
+StarIcon.style = StarIconStyle0;
+
+const iconCss = ".sc-trash-icon-h{display:flex}";
+const TrashIconStyle0 = iconCss;
+
+const TrashIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: '8d05e6938b2462ac983b3536cb19fb8ce840b690', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e740487d505d872259e0ca035525b2caa3fac45f', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '2755f35e8e1de9e148456adcd17ca8f6e580d5ce', d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '750e4c62517a5822d85bbeccfa3506188eb8eb4e', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '82b18c5f39fc2f42c5b0c97a88f6f683a083b092', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
+    }
+};
+TrashIcon.style = TrashIconStyle0;
+
+export { ArchiveIcon as archive_icon, FolderIcon as folder_icon, InboxIcon as inbox_icon, SentIcon as sent_icon, SpamIcon as spam_icon, StarIcon as star_icon, TrashIcon as trash_icon };
+
+//# sourceMappingURL=archive-icon_7.entry.js.map