@nylas/web-elements 1.0.0-prealpha1

package/dist/components/forward.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const iconCss = ".sc-forward-icon-h{display:flex}";
+const ForwardIconStyle0 = iconCss;
+
+const ForwardIcon = proxyCustomElement(class ForwardIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: '4f51b5a4b2779e9877ce09164250017619114cb0', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b2f1b016bdaef66b1c014791dd681fdfbdb3a160', d: "m1246.246 64-90.496 90.496 477.952 477.952h-590.848C467.878 632.448.038 1100.416.038 1675.392v109.056h128v-109.056c0-504.576 410.368-914.944 914.816-914.944h590.848l-477.952 478.08 90.496 90.496 632.448-632.576L1246.246 64Z", "fill-rule": "evenodd" })));
+    }
+    static get style() { return ForwardIconStyle0; }
+}, [2, "forward-icon", {
+        "width": [1],
+        "height": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["forward-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "forward-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ForwardIcon);
+            }
+            break;
+    } });
+}
+
+export { ForwardIcon as F, defineCustomElement as d };
+
+//# sourceMappingURL=forward.js.map

package/dist/components/forward.js.map

@@ -0,0 +1 @@
+{"file":"forward.js","mappings":";;AAAA,MAAM,OAAO,GAAG,kCAAkC,CAAC;AACnD,0BAAe,OAAO;;MCMT,WAAW;;;;qBACE,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,4BAA4B,IACjH,6DACE,CAAC,EAAC,iOAAiO,eACzN,SAAS,GACnB,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=forward-icon&encapsulation=scoped","src/common/icons/forward.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'forward-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class ForwardIcon {\n  @Prop() width: string = '15';\n  @Prop() height: string = '15';\n\n  render() {\n    return (\n      <svg fill=\"auto\" width={this.width} height={this.height} viewBox=\"0 0 1920 1920\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m1246.246 64-90.496 90.496 477.952 477.952h-590.848C467.878 632.448.038 1100.416.038 1675.392v109.056h128v-109.056c0-504.576 410.368-914.944 914.816-914.944h590.848l-477.952 478.08 90.496 90.496 632.448-632.576L1246.246 64Z\"\n          fill-rule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/globe-icon.js

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

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

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

package/dist/components/globe.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const iconCss = ".sc-globe-icon-h{display:flex}";
+const GlobeIconStyle0 = iconCss;
+
+const GlobeIcon = proxyCustomElement(class GlobeIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.width = '16';
+        this.height = '16';
+    }
+    render() {
+        return (h("svg", { key: '81b372fb35acad3083b0c55e6008506a67ed1c2d', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '1a04560040321d73a460eeffc0c3174d8853337a', d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" })));
+    }
+    static get style() { return GlobeIconStyle0; }
+}, [2, "globe-icon", {
+        "width": [1],
+        "height": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["globe-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "globe-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GlobeIcon);
+            }
+            break;
+    } });
+}
+
+export { GlobeIcon as G, defineCustomElement as d };
+
+//# sourceMappingURL=globe.js.map

package/dist/components/globe.js.map

@@ -0,0 +1 @@
+{"file":"globe.js","mappings":";;AAAA,MAAM,OAAO,GAAG,gCAAgC,CAAC;AACjD,wBAAe,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,CAAC,EAAC,uiDAAuiD,EACziD,IAAI,EAAC,cAAc,GACnB,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=globe-icon&encapsulation=scoped","src/common/icons/globe.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'globe-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 16 16\" fill=\"none\">\n        <path\n          d=\"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/inbox-icon.js

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

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

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

package/dist/components/inbox.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const iconCss = ".sc-inbox-icon-h{display:flex}";
+const InboxIconStyle0 = iconCss;
+
+const InboxIcon = proxyCustomElement(class InboxIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        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" })));
+    }
+    static get style() { return InboxIconStyle0; }
+}, [2, "inbox-icon", {
+        "width": [1],
+        "height": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["inbox-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "inbox-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, InboxIcon);
+            }
+            break;
+    } });
+}
+
+export { InboxIcon as I, defineCustomElement as d };
+
+//# sourceMappingURL=inbox.js.map

package/dist/components/inbox.js.map

@@ -0,0 +1 @@
+{"file":"inbox.js","mappings":";;AAAA,MAAM,OAAO,GAAG,gCAAgC,CAAC;AACjD,wBAAe,OAAO;;MCMT,SAAS;;;;qBACI,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,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,0HAA0H,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,EACtK,6DAAM,CAAC,EAAC,mBAAmB,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,CAC3D,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=inbox-icon&encapsulation=scoped","src/common/icons/inbox.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'inbox-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class InboxIcon {\n  @Prop() width: string = '15';\n  @Prop() height: string = '15';\n\n  render() {\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=\"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\" />\n        <path d=\"M2 5L12 12.5L22 5\" stroke=\"auto\" stroke-width=\"1.5\" />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;