@konemono/nostr-login-components 1.0.4

package/dist/components/nl-signin-read-only2.js.map

@@ -0,0 +1 @@
+{"file":"nl-signin-read-only2.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,w9zCAAw9zC,CAAC;AACr/zC,+BAAe,mBAAmB;;MCOrB,gBAAgB;;;;;;0BACN,qBAAqB;2BACpB,uDAAuD;sBAC3D,KAAK;;IAKvB,iBAAiB,CAAC,KAAY;QAC5B,KAAK,CAAC,gBAAgB,CAAC,SAAS,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAC5E,IAAI,CAAC,YAAY,CAAC,IAAI,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;KAClE;IAED,WAAW,CAAC,CAAa;QACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;KAC7D;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,UAAU,CAAM,EAC1E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,eAAe,IACxB,8DACE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACvC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,2JAA2J,EACjK,WAAW,EAAC,qBAAqB,EACjC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,SAAS,GACvC,EACF,4DAAK,KAAK,EAAC,kIAAkI,IAC3I,4DACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,KAAK,EAClB,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,cAAc,EAChD,KAAK,EAAC,qCAAqC,IAE3C,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,0LAA0L,GAC5L,EACF,+EAAqB,OAAO,qBAAiB,OAAO,EAAC,CAAC,EAAC,qCAAqC,GAAG,CAC3F,CACF,CACF,EAEN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,0DAA0D,IAAE,KAAK,CAAC,KAAK,CAAK,CACjF,EAEN,oEAAa,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IACxF,KAAK,CAAC,SAAS,KACd,6DACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2IAA2I,EACjJ,IAAI,EAAC,QAAQ,gBACF,SAAS,GACd,CACT,CACW,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-signin-read-only/nl-signin-read-only.css?tag=nl-signin-read-only","src/components/nl-signin-read-only/nl-signin-read-only.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Prop, Fragment, Event, EventEmitter } from '@stencil/core';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-signin-read-only',\n  styleUrl: 'nl-signin-read-only.css',\n  shadow: false,\n})\nexport class NlSigninReadOnly {\n  @Prop() titleLogin = 'Log in to read only';\n  @Prop() description = 'Please enter the user name or npub of any Nostr user.';\n  @State() isGood = false;\n\n  @Event() nlLoginReadOnly: EventEmitter<string>;\n  @Event() nlCheckLogin: EventEmitter<string>;\n\n  handleInputChange(event: Event) {\n    state.nlSigninReadOnly.loginName = (event.target as HTMLInputElement).value;\n    this.nlCheckLogin.emit((event.target as HTMLInputElement).value); // .emit(this.loginName);\n  }\n\n  handleLogin(e: MouseEvent) {\n    e.preventDefault();\n    this.nlLoginReadOnly.emit(state.nlSigninReadOnly.loginName);\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-2xl\">{this.titleLogin}</h1>\n          <p class=\"nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-72 mx-auto\">\n          <div class=\"relative mb-2\">\n            <input\n              onInput={e => this.handleInputChange(e)}\n              type=\"text\"\n              class=\"nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent\"\n              placeholder=\"npub or name@domain\"\n              value={state.nlSigninReadOnly.loginName}\n            />\n            <div class=\"absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke-width=\"1.5\"\n                stroke={this.isGood ? '#00cc00' : 'currentColor'}\n                class=\"flex-shrink-0 w-4 h-4 text-gray-500\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\"\n                />\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" />\n              </svg>\n            </div>\n          </div>\n\n          <div class=\"ps-4 pe-4 overflow-y-auto\">\n            <p class=\"nl-error font-light text-center text-sm max-w-96 mx-auto\">{state.error}</p>\n          </div>\n\n          <button-base titleBtn=\"Log in\" disabled={state.isLoading} onClick={e => this.handleLogin(e)}>\n            {state.isLoading && (\n              <span\n                slot=\"icon-start\"\n                class=\"animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full\"\n                role=\"status\"\n                aria-label=\"loading\"\n              ></span>\n            )}\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nl-signin.d.ts

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

package/dist/components/nl-signin.js

@@ -0,0 +1,8 @@
+import { N as NlSignin$1, d as defineCustomElement$1 } from './nl-signin2.js';
+
+const NlSignin = NlSignin$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { NlSignin, defineCustomElement };
+
+//# sourceMappingURL=nl-signin.js.map

package/dist/components/nl-signin.js.map

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

package/dist/components/nl-signin2.js

@@ -0,0 +1,59 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
+import { s as state } from './index3.js';
+import { d as defineCustomElement$1 } from './button-base2.js';
+
+import { baseCss } from './css.js';
+const nlSigninCss = baseCss;
+
+const NlSigninStyle0 = nlSigninCss;
+
+const NlSignin = /*@__PURE__*/ proxyCustomElement(class NlSignin extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.nlLogin = createEvent(this, "nlLogin", 7);
+        this.nlCheckLogin = createEvent(this, "nlCheckLogin", 7);
+        this.titleLogin = 'Connect to key store';
+        this.description = 'Please enter your user name.';
+        this.isGood = false;
+    }
+    handleInputChange(event) {
+        state.nlSignin.loginName = event.target.value;
+        this.nlCheckLogin.emit(event.target.value);
+    }
+    handleLogin(e) {
+        e.preventDefault();
+        this.nlLogin.emit(state.nlSignin.loginName);
+    }
+    render() {
+        return (h(Fragment, { key: '99d2ba8db8b4c128b0b2ebcaabd3a7c572b2a29b' }, h("div", { key: '10ab2ef35332ead65ff7237154de29b47bdb7915', class: "p-4 overflow-y-auto" }, h("h1", { key: '348f2f889d45ebc390e9d9a1c2ed8d498a9ac61e', class: "nl-title font-bold text-center text-2xl" }, this.titleLogin), h("p", { key: 'd75636377a88d4fe061be086bf983e7a818f76ac', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: 'b2d426fb8650e4217ab24b4480a0079b81bd4e21', class: "max-w-72 mx-auto" }, h("div", { key: 'f63f1d33d9eff8300091c855ed794bff4718e354', class: "relative mb-2" }, h("input", { key: '2cd859d59e9f22cf724587cf974f27c16379f92c', onInput: e => this.handleInputChange(e), type: "text", class: "nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent", placeholder: "name@domain.com", value: state.nlSignin.loginName }), h("div", { key: '443d4eeb79e38561aa1e38141029a5d1c05a6561', class: "absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none" }, h("svg", { key: 'c7341463008446bdac06f0c734a57ce334fb97d6', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "2", stroke: this.isGood ? '#00cc00' : 'currentColor', class: "flex-shrink-0 w-4 h-4 text-gray-500" }, h("path", { key: 'b96b2147b4db810dfd8566f8c45530f98f5282df', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" })))), h("div", { key: '542444014b64bf32595682ef1cf9ca1b971ae5f7', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '1c4d8164bbbbe0837b95dedf247778729f089442', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: '964f2403cdbb7758cf3ee79f1da5bfdffc539bd1', titleBtn: "Connect", disabled: state.isLoading, onClick: e => this.handleLogin(e) }, state.isLoading ? (h("span", { slot: "icon-start", class: "animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full", role: "status", "aria-label": "loading" })) : (h("svg", { style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25" })))))));
+    }
+    static get style() { return NlSigninStyle0; }
+}, [0, "nl-signin", {
+        "titleLogin": [1, "title-login"],
+        "description": [1],
+        "isGood": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nl-signin", "button-base"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nl-signin":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NlSignin);
+            }
+            break;
+        case "button-base":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { NlSignin as N, defineCustomElement as d };
+
+//# sourceMappingURL=nl-signin2.js.map

package/dist/components/nl-signin2.js.map

@@ -0,0 +1 @@
+{"file":"nl-signin2.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,w9zCAAw9zC,CAAC;AAC7+zC,uBAAe,WAAW;;MCOb,QAAQ;;;;;;0BACE,sBAAsB;2BACrB,8BAA8B;sBAClC,KAAK;;IAKvB,iBAAiB,CAAC,KAAY;QAC5B,KAAK,CAAC,QAAQ,CAAC,SAAS,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QACpE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;KAClE;IAED,WAAW,CAAC,CAAa;QACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;KAC7C;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,UAAU,CAAM,EAC1E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,eAAe,IACxB,8DACE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACvC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,2JAA2J,EACjK,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,GAC/B,EACF,4DAAK,KAAK,EAAC,kIAAkI,IAQ3I,4DACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,GAAG,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,cAAc,EAChD,KAAK,EAAC,qCAAqC,IAE3C,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,yJAAyJ,GAC3J,CACE,CACF,CACF,EAEN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,0DAA0D,IAAE,KAAK,CAAC,KAAK,CAAK,CACjF,EAEN,oEAAa,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IACzF,KAAK,CAAC,SAAS,IACd,YACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2IAA2I,EACjJ,IAAI,EAAC,QAAQ,gBACF,SAAS,GACd,KAER,WAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC9J,8BACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,wJAAwJ,GAC1J,CACE,CACT,CACe,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-signin/nl-signin.css?tag=nl-signin","src/components/nl-signin/nl-signin.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Prop, Fragment, Event, EventEmitter } from '@stencil/core';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-signin',\n  styleUrl: 'nl-signin.css',\n  shadow: false,\n})\nexport class NlSignin {\n  @Prop() titleLogin = 'Connect to key store';\n  @Prop() description = 'Please enter your user name.';\n  @State() isGood = false;\n\n  @Event() nlLogin: EventEmitter<string>;\n  @Event() nlCheckLogin: EventEmitter<string>;\n\n  handleInputChange(event: Event) {\n    state.nlSignin.loginName = (event.target as HTMLInputElement).value;\n    this.nlCheckLogin.emit((event.target as HTMLInputElement).value);\n  }\n\n  handleLogin(e: MouseEvent) {\n    e.preventDefault();\n\n    this.nlLogin.emit(state.nlSignin.loginName);\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-2xl\">{this.titleLogin}</h1>\n          <p class=\"nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-72 mx-auto\">\n          <div class=\"relative mb-2\">\n            <input\n              onInput={e => this.handleInputChange(e)}\n              type=\"text\"\n              class=\"nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent\"\n              placeholder=\"name@domain.com\"\n              value={state.nlSignin.loginName}\n            />\n            <div class=\"absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none\">\n              {/* <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"flex-shrink-0 w-4 h-4 text-gray-500\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                d=\"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244\"\n              />\n            </svg> */}\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke-width=\"2\"\n                stroke={this.isGood ? '#00cc00' : 'currentColor'}\n                class=\"flex-shrink-0 w-4 h-4 text-gray-500\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z\"\n                />\n              </svg>\n            </div>\n          </div>\n\n          <div class=\"ps-4 pe-4 overflow-y-auto\">\n            <p class=\"nl-error font-light text-center text-sm max-w-96 mx-auto\">{state.error}</p>\n          </div>\n\n          <button-base titleBtn=\"Connect\" disabled={state.isLoading} onClick={e => this.handleLogin(e)}>\n            {state.isLoading ? (\n              <span\n                slot=\"icon-start\"\n                class=\"animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full\"\n                role=\"status\"\n                aria-label=\"loading\"\n              ></span>\n            ) : (\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                d=\"M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25\"\n              />\n            </svg>\n        )}\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nl-signup.d.ts

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

package/dist/components/nl-signup.js

@@ -0,0 +1,8 @@
+import { N as NlSignup$1, d as defineCustomElement$1 } from './nl-signup2.js';
+
+const NlSignup = NlSignup$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { NlSignup, defineCustomElement };
+
+//# sourceMappingURL=nl-signup.js.map

package/dist/components/nl-signup.js.map

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

package/dist/components/nl-signup2.js

@@ -0,0 +1,89 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
+import { s as state } from './index3.js';
+import { d as defineCustomElement$2 } from './button-base2.js';
+import { d as defineCustomElement$1 } from './nl-select2.js';
+
+import { baseCss } from './css.js';
+const nlSignupCss = baseCss;
+
+const NlSignupStyle0 = nlSignupCss;
+
+const NlSignup = /*@__PURE__*/ proxyCustomElement(class NlSignup extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.nlSignup = createEvent(this, "nlSignup", 7);
+        this.nlCheckSignup = createEvent(this, "nlCheckSignup", 7);
+        this.fetchHandler = createEvent(this, "fetchHandler", 7);
+        this.titleSignup = 'Create keys with key store';
+        this.description = 'Choose some username and a key store service.';
+        this.bunkers = 'nsec.app,highlighter.com';
+        this.isAvailable = false;
+    }
+    formatServers(bunkers) {
+        return bunkers.split(',').map(d => ({
+            name: '@' + d,
+            value: d,
+        }));
+    }
+    handleInputChange(event) {
+        state.nlSignup.signupName = event.target.value;
+        this.nlCheckSignup.emit(`${event.target.value}@${state.nlSignup.domain}`);
+    }
+    handleDomainSelect(event) {
+        state.nlSignup.domain = event.detail;
+        this.nlCheckSignup.emit(`${state.nlSignup.signupName}@${event.detail}`);
+    }
+    handleCreateAccount(e) {
+        e.preventDefault();
+        this.nlSignup.emit(`${state.nlSignup.signupName}@${state.nlSignup.domain}`);
+    }
+    watchBunkersHandler(newValue) {
+        state.nlSignup.servers = this.formatServers(newValue);
+    }
+    componentWillLoad() {
+        state.nlSignup.servers = this.formatServers(this.bunkers);
+    }
+    render() {
+        return (h(Fragment, { key: '2da5a8d5c5da9b8d46a98c7ccd8ba3ceca2032d2' }, h("div", { key: '057b84dfe96b0bbfc540f1436717461dbcb1e879', class: "p-4 overflow-y-auto" }, h("h1", { key: '831e244c62ebf7757787b95ccb0cadbfc34920e7', class: "nl-title font-bold text-center text-2xl" }, this.titleSignup), h("p", { key: '50d51d19cfde07afe87c218af38bfd4fdb1ce984', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: '761a06e469569d74d1c5040b710f55f2ef46ba47', class: "max-w-72 mx-auto" }, h("div", { key: '322e736b3322c4475fcf4e4cca2d82f82203a78f', class: "relative mb-2" }, h("input", { key: '4a7575a413d0245ae113bf872fadcd6a12fec3cd', onInput: e => this.handleInputChange(e), type: "text", class: "nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent", placeholder: "Name", value: state.nlSignup.signupName }), h("div", { key: 'd575427931ecc0e7d5750d8df177bef1a63b611e', class: "absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none" }, h("svg", { key: 'dc538f0127699f877468bfc042cdae229678049e', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "2", stroke: this.isAvailable ? '#00cc00' : 'currentColor', class: "flex-shrink-0 w-4 h-4 text-gray-500" }, h("path", { key: '925a4d3a06ded2dc84dc27814a8a7beacd833ef6', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" })))), h("div", { key: '3f731880af7fa0bbe0c47768f41a2caf2c4eb983', class: "mb-2" }, h("nl-select", { key: '023dbd00a7d243bda87bb55ca2070c7b1c08332f', onSelectDomain: e => this.handleDomainSelect(e), selected: 0, options: state.nlSignup.servers })), h("div", { key: '01fbbc525cc87ef69618ac5cfeb6beba87cc678b', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '176f3b62ea1339eec1b01de652c2cdcca06897c4', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: '6a3bf7d252042c0cc3d0e945486d796e4d5e6c29', disabled: state.isLoading, onClick: e => this.handleCreateAccount(e), titleBtn: "Create profile" }, state.isLoading ? (h("span", { slot: "icon-start", class: "animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full", role: "status", "aria-label": "loading" })) : (h("svg", { slot: "icon-start", style: { display: 'none' }, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z" })))))));
+    }
+    static get watchers() { return {
+        "bunkers": ["watchBunkersHandler"]
+    }; }
+    static get style() { return NlSignupStyle0; }
+}, [0, "nl-signup", {
+        "titleSignup": [1, "title-signup"],
+        "description": [1],
+        "bunkers": [1],
+        "isAvailable": [32]
+    }, undefined, {
+        "bunkers": ["watchBunkersHandler"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nl-signup", "button-base", "nl-select"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nl-signup":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NlSignup);
+            }
+            break;
+        case "button-base":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "nl-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { NlSignup as N, defineCustomElement as d };
+
+//# sourceMappingURL=nl-signup2.js.map

package/dist/components/nl-signup2.js.map

@@ -0,0 +1 @@
+{"file":"nl-signup2.js","mappings":"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","names":[],"sources":["src/components/nl-signup/nl-signup.css?tag=nl-signup","src/components/nl-signup/nl-signup.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, Fragment, State, Prop, Event, EventEmitter, Watch } from '@stencil/core';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-signup',\n  styleUrl: 'nl-signup.css',\n  shadow: false,\n})\nexport class NlSignup {\n  @Prop() titleSignup = 'Create keys with key store';\n  @Prop() description = 'Choose some username and a key store service.';\n  @Prop() bunkers: string = 'nsec.app,highlighter.com';\n\n  @State() isAvailable = false;\n\n  @Event() nlSignup: EventEmitter<string>;\n  @Event() nlCheckSignup: EventEmitter<string>;\n  @Event() fetchHandler: EventEmitter<boolean>;\n\n  formatServers(bunkers: string) {\n    return bunkers.split(',').map(d => ({\n      name: '@' + d,\n      value: d,\n    }));\n  }\n\n  handleInputChange(event: Event) {\n    state.nlSignup.signupName = (event.target as HTMLInputElement).value;\n    this.nlCheckSignup.emit(`${(event.target as HTMLInputElement).value}@${state.nlSignup.domain}`);\n  }\n\n  handleDomainSelect(event: CustomEvent<string>) {\n    state.nlSignup.domain = event.detail;\n    this.nlCheckSignup.emit(`${state.nlSignup.signupName}@${event.detail}`);\n  }\n\n  handleCreateAccount(e: MouseEvent) {\n    e.preventDefault();\n\n    this.nlSignup.emit(`${state.nlSignup.signupName}@${state.nlSignup.domain}`);\n  }\n\n  @Watch('bunkers')\n  watchBunkersHandler(newValue: string) {\n    state.nlSignup.servers = this.formatServers(newValue);\n  }\n\n  componentWillLoad() {\n    state.nlSignup.servers = this.formatServers(this.bunkers);\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-2xl\">{this.titleSignup}</h1>\n          <p class=\"nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-72 mx-auto\">\n          <div class=\"relative mb-2\">\n            <input\n              onInput={e => this.handleInputChange(e)}\n              type=\"text\"\n              class=\"nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent\"\n              placeholder=\"Name\"\n              value={state.nlSignup.signupName}\n            />\n            <div class=\"absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke-width=\"2\"\n                stroke={this.isAvailable ? '#00cc00' : 'currentColor'}\n                class=\"flex-shrink-0 w-4 h-4 text-gray-500\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z\"\n                />\n              </svg>\n            </div>\n          </div>\n          {/* {inputStatus && (\n          <p class={classError}>{textError}</p>\n        )} */}\n          <div class=\"mb-2\">\n            {/*<select class=\"nl-select border-transparent py-3 px-4 pe-9 block w-full rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none\">*/}\n            {/*  <option selected value=\"@nsec.app\">*/}\n            {/*    @nsec.app*/}\n            {/*  </option>*/}\n            {/*</select>*/}\n            <nl-select onSelectDomain={e => this.handleDomainSelect(e)} selected={0} options={state.nlSignup.servers}></nl-select>\n          </div>\n          {/* <p class=\"nl-title font-light text-sm mb-2\">Choose a service to manage your Nostr keys.</p> */}\n\n          <div class=\"ps-4 pe-4 overflow-y-auto\">\n            <p class=\"nl-error font-light text-center text-sm max-w-96 mx-auto\">{state.error}</p>\n          </div>\n\n          <button-base disabled={state.isLoading} onClick={e => this.handleCreateAccount(e)} titleBtn=\"Create profile\">\n            {state.isLoading ? (\n              <span\n                slot=\"icon-start\"\n                class=\"animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full\"\n                role=\"status\"\n                aria-label=\"loading\"\n              ></span>\n            ) : (\n              <svg slot=\"icon-start\" style={{ display: 'none' }} xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z\"\n                />\n              </svg>\n            )}\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nl-welcome-signin.d.ts

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

package/dist/components/nl-welcome-signin.js

@@ -0,0 +1,8 @@
+import { N as NlWelcomeSignIn, d as defineCustomElement$1 } from './nl-welcome-signin2.js';
+
+const NlWelcomeSignin = NlWelcomeSignIn;
+const defineCustomElement = defineCustomElement$1;
+
+export { NlWelcomeSignin, defineCustomElement };
+
+//# sourceMappingURL=nl-welcome-signin.js.map

package/dist/components/nl-welcome-signin.js.map

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

package/dist/components/nl-welcome-signin2.js

@@ -0,0 +1,64 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
+import { C as CURRENT_MODULE } from './index2.js';
+import { s as state } from './index3.js';
+import { d as defineCustomElement$1 } from './button-base2.js';
+
+import { baseCss } from './css.js';
+const nlWelcomeSigninCss = baseCss;
+
+const NlWelcomeSigninStyle0 = nlWelcomeSigninCss;
+
+const NlWelcomeSignIn = /*@__PURE__*/ proxyCustomElement(class NlWelcomeSignIn extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.nlLoginExtension = createEvent(this, "nlLoginExtension", 7);
+        this.titleWelcome = 'Log in';
+        this.hasExtension = false;
+        this.authMethods = [];
+        this.hasOTP = false;
+    }
+    handleChangeScreen(screen) {
+        state.path = [...state.path, screen];
+        if (screen === CURRENT_MODULE.EXTENSION)
+            this.nlLoginExtension.emit();
+    }
+    allowAuthMethod(m) {
+        return !this.authMethods.length || this.authMethods.includes(m);
+    }
+    renderSignInWithExtension() {
+        return (h("button-base", { onClick: () => this.handleChangeScreen(CURRENT_MODULE.EXTENSION), titleBtn: "With extension" }, h("svg", { style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6ZM7.5 6h.008v.008H7.5V6Zm2.25 0h.008v.008H9.75V6Z" }))));
+    }
+    render() {
+        return (h(Fragment, { key: 'd90de58d7e7f85eeffa2e18a5c77ecad831844b6' }, h("div", { key: 'bf91e23586083599e8d0b0272ebe583380f4b0c9', class: "p-4 overflow-y-auto" }, h("h1", { key: '7e77326e6f82322aa298ce68ed1335f302864cc4', class: "nl-title font-bold text-center text-3xl" }, this.titleWelcome)), h("div", { key: 'd533e0cbc87215c1c207b198725d6ccec81adcd9', class: "max-w-52 mx-auto pb-5" }, h("div", { key: '3e3cf378ebc948897878f2f13938ad1e5a150336', class: "flex gap-3 flex-col" }, this.allowAuthMethod('connect') && (h("button-base", { key: '201067719ddfc8fb088bd2e9839037c83f565355', titleBtn: "Connect", onClick: () => this.handleChangeScreen(CURRENT_MODULE.CONNECT) }, h("svg", { key: '6affbaa24c1888cb7547b664926aa67845991cb8', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: 'c522bf049143050e892d1f624f8399ac0500c224', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25" })))), this.allowAuthMethod('readOnly') && (h("button-base", { key: 'eec61a7f9f09bb53d5b271c30a26affa115020e5', onClick: () => this.handleChangeScreen(CURRENT_MODULE.LOGIN_READ_ONLY), titleBtn: "Read only" }, h("svg", { key: '42ec47e9264038035cad835a947b553fcec62da2', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '719a104b52d42aa612beeff3223d82d50be93f66', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" }), h("path", { key: '8a8047c0ee4a83448b101091e80ad9e0738524cc', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })))), this.hasOTP && this.allowAuthMethod('otp') && (h("button-base", { key: '6554323c2593124d5c774fe0607d8be2e9ae3cae', titleBtn: "One-time code", onClick: () => this.handleChangeScreen(CURRENT_MODULE.LOGIN_OTP) }, h("svg", { key: '711cd40d998151239eb12b51283e38d4c1d3edcf', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '6add362751ebed10cdef6eb9b4b9434436a54008', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })))), this.hasExtension && this.allowAuthMethod('extension') && this.renderSignInWithExtension(), !this.allowAuthMethod('connect') && !this.hasExtension && h("p", { key: '5cd05cb1181d44dab32e1b0e58527bf18ce2ef3b', class: "nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto" }, "No Nostr extension!"), !this.allowAuthMethod('connect') && this.hasExtension && !this.allowAuthMethod('extension') && (h("p", { key: 'fe0930c861cd4237bdb7cc3bd7ee6e413b480efc', class: "nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto" }, "Use advanced options."))))));
+    }
+    static get style() { return NlWelcomeSigninStyle0; }
+}, [0, "nl-welcome-signin", {
+        "titleWelcome": [1, "title-welcome"],
+        "hasExtension": [4, "has-extension"],
+        "authMethods": [16],
+        "hasOTP": [4, "has-o-t-p"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nl-welcome-signin", "button-base"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nl-welcome-signin":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NlWelcomeSignIn);
+            }
+            break;
+        case "button-base":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { NlWelcomeSignIn as N, defineCustomElement as d };
+
+//# sourceMappingURL=nl-welcome-signin2.js.map

package/dist/components/nl-welcome-signin2.js.map

@@ -0,0 +1 @@
+{"file":"nl-welcome-signin2.js","mappings":"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","names":[],"sources":["src/components/nl-welcome-signin/nl-welcome-signin.css?tag=nl-welcome-signin","src/components/nl-welcome-signin/nl-welcome-signin.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Event, EventEmitter, Fragment, h, Prop } from '@stencil/core';\nimport { AuthMethod, CURRENT_MODULE } from '@/types';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-welcome-signin',\n  styleUrl: 'nl-welcome-signin.css',\n  shadow: false,\n})\nexport class NlWelcomeSignIn {\n  @Prop() titleWelcome = 'Log in';\n  @Prop() hasExtension: boolean = false;\n  @Prop() authMethods: AuthMethod[] = [];\n  @Prop() hasOTP: boolean = false;\n  @Event() nlLoginExtension: EventEmitter<void>;\n\n  handleChangeScreen(screen) {\n    state.path = [...state.path, screen];\n    if (screen === CURRENT_MODULE.EXTENSION) this.nlLoginExtension.emit();\n  }\n\n  allowAuthMethod(m: AuthMethod) {\n    return !this.authMethods.length || this.authMethods.includes(m);\n  }\n\n  renderSignInWithExtension() {\n    return (\n        <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.EXTENSION)} titleBtn=\"With extension\">\n          <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              d=\"M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6ZM7.5 6h.008v.008H7.5V6Zm2.25 0h.008v.008H9.75V6Z\"\n            />\n          </svg>\n        </button-base>\n    );\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-3xl\">{this.titleWelcome}</h1>\n        </div>\n\n        <div class=\"max-w-52 mx-auto pb-5\">\n          <div class=\"flex gap-3 flex-col\">\n            {this.allowAuthMethod('connect') && (\n              <button-base titleBtn=\"Connect\" onClick={() => this.handleChangeScreen(CURRENT_MODULE.CONNECT)}>\n                <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    d=\"M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25\"\n                  />\n                </svg>\n              </button-base>\n            )}\n\n            {this.allowAuthMethod('readOnly') && (\n              <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.LOGIN_READ_ONLY)} titleBtn=\"Read only\">\n                <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    d=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\"\n                  />\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" />\n                </svg>\n              </button-base>\n            )}\n\n            {this.hasOTP && this.allowAuthMethod('otp') && (\n              <button-base titleBtn=\"One-time code\" onClick={() => this.handleChangeScreen(CURRENT_MODULE.LOGIN_OTP)}>\n                <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\" />\n                </svg>\n              </button-base>\n            )}\n\n              {this.hasExtension && this.allowAuthMethod('extension') && this.renderSignInWithExtension()}\n              {!this.allowAuthMethod('connect') && !this.hasExtension && <p class=\"nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto\">No Nostr extension!</p>}\n              {!this.allowAuthMethod('connect') && this.hasExtension && !this.allowAuthMethod('extension') && (\n                <p class=\"nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto\">Use advanced options.</p>\n              )}\n          </div>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nl-welcome-signup.d.ts

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

package/dist/components/nl-welcome-signup.js

@@ -0,0 +1,8 @@
+import { N as NlWelcomeSignUp, d as defineCustomElement$1 } from './nl-welcome-signup2.js';
+
+const NlWelcomeSignup = NlWelcomeSignUp;
+const defineCustomElement = defineCustomElement$1;
+
+export { NlWelcomeSignup, defineCustomElement };
+
+//# sourceMappingURL=nl-welcome-signup.js.map

package/dist/components/nl-welcome-signup.js.map

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

package/dist/components/nl-welcome-signup2.js

@@ -0,0 +1,51 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { C as CURRENT_MODULE } from './index2.js';
+import { s as state } from './index3.js';
+import { d as defineCustomElement$1 } from './button-base2.js';
+
+import { baseCss } from './css.js';
+const nlWelcomeSignupCss = baseCss;
+
+const NlWelcomeSignupStyle0 = nlWelcomeSignupCss;
+
+const NlWelcomeSignUp = /*@__PURE__*/ proxyCustomElement(class NlWelcomeSignUp extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.titleWelcome = 'Sign up';
+        this.description = 'Nostr profiles are based on cryptographic keys. You can create keys right here, or with a key storage app.';
+    }
+    handleChangeScreen(screen) {
+        state.path = [...state.path, screen];
+    }
+    render() {
+        return (h(Fragment, { key: 'bce57ee3ab94509f4b439169210fc7deb283ab08' }, h("div", { key: 'e6301e131a166409934b4abbf1efe06219026656', class: "p-4 overflow-y-auto" }, h("h1", { key: '4d7112a0ce9490cf6b29af18768be2b42f465901', class: "nl-title font-bold text-center text-3xl" }, this.titleWelcome), h("p", { key: '59adc370514fe2d1d32d44154ff37cdb023707cd', class: "nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: '22cea595655e8ee0c22bcefac4aa0d18c3f77b3b', class: "max-w-52 mx-auto pb-5" }, h("div", { key: '9255d38e69e05fcce6ccfd3e3d205ae05d03ee61', class: "flex gap-3 flex-col" }, h("button-base", { key: '08b7eb84cdfd01c47f69779c208fa26d2d9e9f44', onClick: () => this.handleChangeScreen(CURRENT_MODULE.LOCAL_SIGNUP), titleBtn: "Create keys" }, h("svg", { key: '4b2e1448d60f9523878556771d497245bb631869', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '3376365a583e8a39158c42042cb1dc31ff9d1668', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z" }))), h("button-base", { key: '36dfffa95b423f7d7251ffe60f4c7802ac37382f', onClick: () => this.handleChangeScreen(CURRENT_MODULE.SIGNUP), titleBtn: "With key store" }, h("svg", { key: '02c12bd164c444efc902742c6a5ebca051f00675', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '63453ace94e3fe21aa476e108cb154c996ddf6ef', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" })))))));
+    }
+    static get style() { return NlWelcomeSignupStyle0; }
+}, [0, "nl-welcome-signup", {
+        "titleWelcome": [1, "title-welcome"],
+        "description": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nl-welcome-signup", "button-base"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nl-welcome-signup":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NlWelcomeSignUp);
+            }
+            break;
+        case "button-base":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { NlWelcomeSignUp as N, defineCustomElement as d };
+
+//# sourceMappingURL=nl-welcome-signup2.js.map

package/dist/components/nl-welcome-signup2.js.map

@@ -0,0 +1 @@
+{"file":"nl-welcome-signup2.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,w9zCAAw9zC,CAAC;AACp/zC,8BAAe,kBAAkB;;MCQpB,eAAe;;;;4BACH,SAAS;2BACV,4GAA4G;;IAElI,kBAAkB,CAAC,MAAM;QACvB,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KACtC;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,YAAY,CAAM,EAC5E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,uBAAuB,IAChC,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,oEAAa,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAC,aAAa,IACtG,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,iNAAiN,GACnN,CACE,CACM,EAEd,oEAAa,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAC,gBAAgB,IACnG,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,uWAAuW,GACzW,CACE,CACM,CACV,CACF,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-welcome-signup/nl-welcome-signup.css?tag=nl-welcome-signup","src/components/nl-welcome-signup/nl-welcome-signup.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { CURRENT_MODULE } from '@/types';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-welcome-signup',\n  styleUrl: 'nl-welcome-signup.css',\n  shadow: false,\n})\nexport class NlWelcomeSignUp {\n  @Prop() titleWelcome = 'Sign up';\n  @Prop() description = 'Nostr profiles are based on cryptographic keys. You can create keys right here, or with a key storage app.';\n\n  handleChangeScreen(screen) {\n    state.path = [...state.path, screen];\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-3xl\">{this.titleWelcome}</h1>\n          <p class=\"nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-52 mx-auto pb-5\">\n          <div class=\"flex gap-3 flex-col\">\n            <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.LOCAL_SIGNUP)} titleBtn=\"Create keys\">\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z\"\n                />\n              </svg>\n            </button-base>\n\n            <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.SIGNUP)} titleBtn=\"With key store\">\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125\"\n                />\n              </svg>\n            </button-base>\n          </div>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nl-welcome.d.ts

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

package/dist/components/nl-welcome.js

@@ -0,0 +1,8 @@
+import { N as NlWelcome$1, d as defineCustomElement$1 } from './nl-welcome2.js';
+
+const NlWelcome = NlWelcome$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { NlWelcome, defineCustomElement };
+
+//# sourceMappingURL=nl-welcome.js.map

package/dist/components/nl-welcome.js.map

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

package/dist/components/nl-welcome2.js

@@ -0,0 +1,51 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { C as CURRENT_MODULE } from './index2.js';
+import { s as state } from './index3.js';
+import { d as defineCustomElement$1 } from './button-base2.js';
+
+import { baseCss } from './css.js';
+const nlWelcomeCss = baseCss;
+
+const NlWelcomeStyle0 = nlWelcomeCss;
+
+const NlWelcome = /*@__PURE__*/ proxyCustomElement(class NlWelcome extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.titleWelcome = 'Welcome to Nostr!';
+        this.description = 'This website is part of the Nostr network. Log in with your Nostr profile or sign up to join.';
+    }
+    handleChangeScreen(screen) {
+        state.path = [...state.path, screen];
+    }
+    render() {
+        return (h(Fragment, { key: 'e883dc29503a99d283d4ea42de9c0760fb5e742f' }, h("div", { key: '51cd8692b39b84a8f5a9f6e15e337bf11c5fa0ac', class: "p-4 overflow-y-auto" }, h("h1", { key: '182eb89c5b269779b6ea8b3b8e794182b8989423', class: "nl-title font-bold text-center text-4xl" }, this.titleWelcome), h("p", { key: '20dbabe4ffdec91b6365c47fd288ac89b208d925', class: "nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: '857a7a7bc493c31149bf2c265c41f18e4384d585', class: "max-w-52 mx-auto pb-5" }, h("div", { key: '29c611753c270c0de73f0a2210c89a075a8ae879', class: "flex gap-3 flex-col mb-2" }, h("button-base", { key: '22bd358eb32f00152cc99cc3576b3fb174fffd43', titleBtn: "Log in", onClick: () => this.handleChangeScreen(CURRENT_MODULE.WELCOME_LOGIN) }, h("svg", { key: 'e624c3cfdd535ba49c675988eb2891e02af9fa89', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '8e76a70421edcbd9e28f54d9c5b62f1b0b97259d', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z" })))), h("button-base", { key: '46521f9de6018580964f10d7417409414d8f2bfa', onClick: () => this.handleChangeScreen(CURRENT_MODULE.WELCOME_SIGNUP), titleBtn: "Sign up" }, h("svg", { key: '8e59f0403d90ae5a50efbeca187eb8e586ddf8db', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: 'f2eb1c0af6e98fa3f235418b7d83c8e485b859cc', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z" }))))));
+    }
+    static get style() { return NlWelcomeStyle0; }
+}, [0, "nl-welcome", {
+        "titleWelcome": [1, "title-welcome"],
+        "description": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nl-welcome", "button-base"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nl-welcome":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NlWelcome);
+            }
+            break;
+        case "button-base":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { NlWelcome as N, defineCustomElement as d };
+
+//# sourceMappingURL=nl-welcome2.js.map

package/dist/components/nl-welcome2.js.map

@@ -0,0 +1 @@
+{"file":"nl-welcome2.js","mappings":";;;;;AAAA,MAAM,YAAY,GAAG,w9zCAAw9zC,CAAC;AAC9+zC,wBAAe,YAAY;;MCQd,SAAS;;;;4BACG,mBAAmB;2BACpB,+FAA+F;;IAErH,kBAAkB,CAAC,MAAM;QACvB,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KACtC;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,YAAY,CAAM,EAC5E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,uBAAuB,IAChC,4DAAK,KAAK,EAAC,0BAA0B,IACnC,oEAAa,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,aAAa,CAAC,IACjG,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,iNAAiN,GACnN,CACE,CACM,CACV,EAIN,oEAAa,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAC,SAAS,IACpG,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,yMAAyM,GAC3M,CACE,CACM,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-welcome/nl-welcome.css?tag=nl-welcome","src/components/nl-welcome/nl-welcome.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { CURRENT_MODULE } from '@/types';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-welcome',\n  styleUrl: 'nl-welcome.css',\n  shadow: false,\n})\nexport class NlWelcome {\n  @Prop() titleWelcome = 'Welcome to Nostr!';\n  @Prop() description = 'This website is part of the Nostr network. Log in with your Nostr profile or sign up to join.';\n\n  handleChangeScreen(screen) {\n    state.path = [...state.path, screen];\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-4xl\">{this.titleWelcome}</h1>\n          <p class=\"nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-52 mx-auto pb-5\">\n          <div class=\"flex gap-3 flex-col mb-2\">\n            <button-base titleBtn=\"Log in\" onClick={() => this.handleChangeScreen(CURRENT_MODULE.WELCOME_LOGIN)}>\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z\"\n                />\n              </svg>\n            </button-base>\n          </div>\n\n          {/* <div class=\"nl-divider py-3 flex items-center text-xs uppercase before:flex-[1_1_0%] before:border-t before:me-6 after:flex-[1_1_0%] after:border-t  after:ms-6\">Or</div> */}\n\n          <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.WELCOME_SIGNUP)} titleBtn=\"Sign up\">\n            <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                d=\"M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z\"\n              />\n            </svg>\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}