@konemono/nostr-login-components 1.0.4

package/dist/components/nl-signin-bunker-url2.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 nlSigninBunkerUrlCss = baseCss;
+
+const NlSigninBunkerUrlStyle0 = nlSigninBunkerUrlCss;
+
+const NlSigninBunkerUrl = /*@__PURE__*/ proxyCustomElement(class NlSigninBunkerUrl extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.nlLogin = createEvent(this, "nlLogin", 7);
+        this.nlCheckLogin = createEvent(this, "nlCheckLogin", 7);
+        this.titleLogin = 'Connect with bunker url';
+        this.description = 'Please enter a bunker url provided by key store.';
+        this.isGood = false;
+    }
+    handleInputChange(event) {
+        state.nlSigninBunkerUrl.loginName = event.target.value;
+        this.nlCheckLogin.emit(event.target.value);
+    }
+    handleLogin(e) {
+        e.preventDefault();
+        this.nlLogin.emit(state.nlSigninBunkerUrl.loginName);
+    }
+    render() {
+        return (h(Fragment, { key: 'f722b55c582cbca617de2587e7a8bb2cbde7933d' }, h("div", { key: '1bf1b2e79d80b918268c2565f923ef530085fdeb', class: "p-4 overflow-y-auto" }, h("h1", { key: '4c8dbff1ae2b0bcc7ef8fd56bb7b255eec4379c7', class: "nl-title font-bold text-center text-2xl" }, this.titleLogin), h("p", { key: 'aa9b622a9e29ac594f13144e976d558440e39909', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: 'bc746dca843148ec6afbdf8dd3e5e2cffeda6402', class: "max-w-72 mx-auto" }, h("div", { key: 'e8c98cae43a284936496cd8849207ccb958ffc27', class: "relative mb-2" }, h("input", { key: 'e3c959104d503e2fce59d29bafcd8a88636003c2', 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: "bunker://...", value: state.nlSigninBunkerUrl.loginName }), h("div", { key: 'd8ca800eabd50a5ace5f975b8b9a072a33fa6fa2', 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: '94dd50ce732a2789f7a098cd22abc6964893a84d', 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: '941c0ef94982d9f82658e70129a4018411b73271', "stroke-linecap": "round", "stroke-linejoin": "round", 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" })))), h("div", { key: 'd872f80b723c0e5cf6d6c3184ef26df3ccbf61d8', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '96327d698736cb633292f60dad46ac99082823ea', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: 'dbe95a7720a77fc99fd64ff9a1db5ef12ba5cd99', 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 NlSigninBunkerUrlStyle0; }
+}, [0, "nl-signin-bunker-url", {
+        "titleLogin": [1, "title-login"],
+        "description": [1],
+        "isGood": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nl-signin-bunker-url", "button-base"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nl-signin-bunker-url":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NlSigninBunkerUrl);
+            }
+            break;
+        case "button-base":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { NlSigninBunkerUrl as N, defineCustomElement as d };
+
+//# sourceMappingURL=nl-signin-bunker-url2.js.map

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

@@ -0,0 +1 @@
+{"file":"nl-signin-bunker-url2.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,w9zCAAw9zC,CAAC;AACt/zC,gCAAe,oBAAoB;;MCOtB,iBAAiB;;;;;;0BACP,yBAAyB;2BACxB,kDAAkD;sBACtD,KAAK;;IAKvB,iBAAiB,CAAC,KAAY;QAC5B,KAAK,CAAC,iBAAiB,CAAC,SAAS,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAE7E,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,iBAAiB,CAAC,SAAS,CAAC,CAAC;KACtD;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,cAAc,EAC1B,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,GACxC,EACF,4DAAK,KAAK,EAAC,kIAAkI,IAC3I,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,2KAA2K,GAC7K,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,IAC5J,8BACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,wJAAwJ,GAC1J,CACE,CACP,CACW,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-signin-bunker-url/nl-signin-bunker-url.css?tag=nl-signin-bunker-url","src/components/nl-signin-bunker-url/nl-signin-bunker-url.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-bunker-url',\n  styleUrl: 'nl-signin-bunker-url.css',\n  shadow: false,\n})\nexport class NlSigninBunkerUrl {\n  @Prop() titleLogin = 'Connect with bunker url';\n  @Prop() description = 'Please enter a bunker url provided by key store.';\n  @State() isGood = false;\n\n  @Event() nlLogin: EventEmitter<string>;\n  @Event() nlCheckLogin: EventEmitter<string>;\n\n  handleInputChange(event: Event) {\n    state.nlSigninBunkerUrl.loginName = (event.target as HTMLInputElement).value;\n\n    this.nlCheckLogin.emit((event.target as HTMLInputElement).value);\n  }\n\n  handleLogin(e: MouseEvent) {\n    e.preventDefault();\n\n    this.nlLogin.emit(state.nlSigninBunkerUrl.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=\"bunker://...\"\n              value={state.nlSigninBunkerUrl.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=\"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=\"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            </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-signin-connection-string.d.ts

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

package/dist/components/nl-signin-connection-string.js

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

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

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