solid-ui 3.1.3-5 → 3.1.3-6

package/dist/{chunks/menu-DCsLCND4.js → components/input/Input.esm.js}

@@ -1,35 +1,37 @@
-import { t as e } from "./provide-CqCWUUfi.js";
-import { n as t, r as n, t as r } from "./components-Dlw2zOvI.js";
-import { i } from "./lit-CC2G_f_C.js";
-import { t as a } from "./decorators-CJJL4XBH.js";
-import { t as o } from "./context-ChcZyr30.js";
-//#region src/components/menu/Menu.ts
-var s, c, l, u, d, f, p, m, h, g, _;
-function v(e, t, n) {
-	return (t = T(t)) in e ? Object.defineProperty(e, t, {
-		value: n,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[t] = n, e;
+import { customElement as e } from "../../lib/components/decorators.esm.js";
+import t from "../../lib/components/web-component/WebComponent.esm.js";
+import n from "../../lib/components/traits/InputTrait.esm.js";
+import "../../lib/components/index.esm.js";
+import r from "./Input.styles.esm.js";
+import { html as i } from "lit";
+import { property as a, query as o } from "lit/decorators.js";
+//#region src/components/input/Input.ts
+var s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P;
+function F(e, t, n) {
+	I(e, t), t.set(e, n);
 }
-function y(e, t, n) {
-	b(e, t), t.set(e, n);
-}
-function b(e, t) {
+function I(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function x(e, t, n) {
-	return e.set(C(e, t), n), n;
+function L(e, t, n) {
+	return e.set(z(e, t), n), n;
 }
-function S(e, t) {
-	return e.get(C(e, t));
+function R(e, t) {
+	return e.get(z(e, t));
 }
-function C(e, t, n) {
+function z(e, t, n) {
 	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
 	throw TypeError("Private element is not present on this object");
 }
-function w(e, t, n, r, i, a) {
+function B(e, t, n) {
+	return (t = H(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function V(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -52,16 +54,16 @@ function w(e, t, n, r, i, a) {
 			n || Array.isArray(_) || (_ = [_]);
 			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
 			d ? (f || p ? b = {
-				get: D(function() {
+				get: W(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || D(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || W(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
 		}
 		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
-			var T = _[w], E = n ? _[w - 1] : void 0, O = {}, k = {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
 				kind: [
 					"field",
 					"accessor",
@@ -75,32 +77,32 @@ function w(e, t, n, r, i, a) {
 				addInitializer: function(e, t) {
 					if (e.v) throw Error("attempted to call addInitializer after decoration was finished");
 					c(t, "An initializer", "be", !0), s.push(t);
-				}.bind(null, O)
+				}.bind(null, D)
 			};
 			try {
-				if (y) (g = c(T.call(E, C, k), "class decorators", "return")) && (C = g);
+				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
 				else {
-					var A, j;
-					k.static = u, k.private = d, d ? i === 2 ? A = function(e) {
+					var k, A;
+					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
 						return h(e), b.value;
-					} : (i < 4 && (A = o(b, "get", h)), i !== 3 && (j = o(b, "set", h))) : (A = function(e) {
+					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
 						return e[r];
-					}, (i < 2 || i === 4) && (j = function(e, t) {
+					}, (i < 2 || i === 4) && (A = function(e, t) {
 						e[r] = t;
 					}));
-					var M = k.access = { has: d ? m.bind() : function(e) {
+					var j = O.access = { has: d ? m.bind() : function(e) {
 						return r in e;
 					} };
-					if (A && (M.get = A), j && (M.set = j), C = T.call(E, p ? {
+					if (k && (j.get = k), A && (j.set = A), C = T.call(E, p ? {
 						get: b.get,
 						set: b.set
-					} : b[S], k), p) {
+					} : b[S], O), p) {
 						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
 						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
 					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
 				}
 			} finally {
-				O.v = !0;
+				D.v = !0;
 			}
 		}
 		return (f || p) && l.push(function(e, t) {
@@ -118,7 +120,7 @@ function w(e, t, n, r, i, a) {
 	if (arguments.length >= 6) var d = a[Symbol.metadata || Symbol.for("Symbol.metadata")];
 	var f = Object.create(d ?? null), p = function(e, t, n, r) {
 		var i, a, o = [], c = function(t) {
-			return O(t) === e;
+			return G(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -132,7 +134,7 @@ function w(e, t, n, r, i, a) {
 					if (!0 === x || x === 3 && m !== 4 || x === 4 && m !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h);
 					u.set(b, !(m > 2) || m);
 				}
-				l(v ? e : e.prototype, p, _, g ? "#" + h : T(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : H(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -145,11 +147,11 @@ function w(e, t, n, r, i, a) {
 		}
 	};
 }
-function T(e) {
-	var t = E(e, "string");
+function H(e) {
+	var t = U(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function E(e, t) {
+function U(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -159,7 +161,7 @@ function E(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function D(e, t, n) {
+function W(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -169,83 +171,142 @@ function D(e, t, n) {
 	} catch {}
 	return e;
 }
-function O(e) {
+function G(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-u = [n("solid-ui-menu")];
-var k, A = /*#__PURE__*/ new WeakMap(), j = /*#__PURE__*/ new WeakMap(), M = /*#__PURE__*/ new WeakMap();
-_ = (d = a({ slot: "trigger" }), p = a({ selector: "[popover]" }), h = e({ context: o }), "triggers"), s = class extends r {
-	constructor(...e) {
-		super(...e), y(this, A, (c(this), f(this))), y(this, j, m(this)), y(this, M, g(this, { id: t() })), v(this, "triggerClickedWhilstOpen", !1);
+function K(e) {
+	return e;
+}
+v = [e("solid-ui-input")];
+var q;
+new (N = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), P = (y = a({
+	type: String,
+	reflect: !0
+}), x = a({
+	type: String,
+	reflect: !0
+}), C = a({ type: String }), T = a({
+	type: String,
+	reflect: !0
+}), D = a({
+	type: String,
+	reflect: !0
+}), k = a({
+	type: Boolean,
+	reflect: !0
+}), j = o("input"), "label"), c = class extends t {
+	get [P]() {
+		return R(l, this);
+	}
+	set label(e) {
+		L(l, this, e);
+	}
+	get name() {
+		return R(u, this);
+	}
+	set name(e) {
+		L(u, this, e);
+	}
+	get value() {
+		return R(d, this);
+	}
+	set value(e) {
+		L(d, this, e);
+	}
+	get type() {
+		return R(f, this);
 	}
-	get [_]() {
-		return S(A, this);
+	set type(e) {
+		L(f, this, e);
 	}
-	set triggers(e) {
-		x(A, this, e);
+	get placeholder() {
+		return R(p, this);
 	}
-	get popovers() {
-		return S(j, this);
+	set placeholder(e) {
+		L(p, this, e);
 	}
-	set popovers(e) {
-		x(j, this, e);
+	get required() {
+		return R(m, this);
 	}
-	get context() {
-		return S(M, this);
+	set required(e) {
+		L(m, this, e);
 	}
-	set context(e) {
-		x(M, this, e);
+	get inputElement() {
+		return R(h, this);
 	}
-	updated() {
-		let e = this.triggers?.[0], t = this.popovers?.[0];
-		!e || !t || (e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-controls", t.id), e.style.anchorName = "--menu-anchor");
+	set inputElement(e) {
+		L(h, this, e);
+	}
+	constructor() {
+		super(), F(this, l, (g(this), b(this, ""))), F(this, u, S(this, "")), F(this, d, w(this, "")), F(this, f, E(this, "text")), F(this, p, O(this, "")), F(this, m, A(this, !1)), F(this, h, M(this, null)), B(this, "inputTrait", void 0), this.inputTrait = this.addTrait(new n(this, {
+			getInputElement: () => this.inputElement,
+			getInternals: () => this.getInternals()
+		}));
 	}
 	render() {
 		return i`
-        <slot
-          name="trigger"
-          @pointerdown=${this.onTriggerPointerDown}
-          @click=${this.onTriggerClick}
-        ></slot>
-        <slot @click=${this.onMenuClick}></slot>
+      ${this.inputTrait.renderLabel()}
+
+      <div class="input-wrapper">
+        <input
+          id=${this.inputTrait.inputId}
+          type=${this.type}
+          name=${this.name}
+          placeholder=${this.placeholder}
+          ?required=${this.required}
+          .value=${this.value}
+          @input=${() => this.inputTrait.onInput()}
+          @keydown=${this.onKeyDown}
+        />
+      </div>
     `;
 	}
-	onTriggerPointerDown(e) {
-		e.preventDefault(), this.triggerClickedWhilstOpen = this.popovers?.[0]?.matches(":popover-open") ?? !1;
-	}
-	onTriggerClick(e) {
-		if (e.preventDefault(), this.triggerClickedWhilstOpen) {
-			this.triggerClickedWhilstOpen = !1;
-			return;
-		}
-		this.popovers?.[0]?.togglePopover();
-	}
-	onMenuClick(e) {
-		let t = e.target;
-		t instanceof HTMLElement && (t.tagName === "BUTTON" || t.tagName === "A" || t.tagName === "SOLID-UI-MENU-ITEM" || t.closest("button, a, [role=\"menuitem\"]")) && this.popovers?.[0]?.hidePopover();
+	onKeyDown(e) {
+		e.key === "Enter" && (e.preventDefault(), this.inputTrait.onSubmit());
 	}
-}, {e: [f, m, g, c], c: [k, l]} = w(s, [
+}, {e: [b, S, w, E, O, A, M, g], c: [q, _]} = V(c, [
 	[
-		d,
+		y,
 		1,
-		"triggers"
+		"label"
 	],
 	[
-		p,
+		x,
 		1,
-		"popovers"
+		"name"
 	],
 	[
-		h,
+		C,
 		1,
-		"context"
+		"value"
+	],
+	[
+		T,
+		1,
+		"type"
+	],
+	[
+		D,
+		1,
+		"placeholder"
+	],
+	[
+		k,
+		1,
+		"required"
+	],
+	[
+		j,
+		1,
+		"inputElement"
 	]
-], u, 0, void 0, r), l();
-//#endregion
-//#region src/components/menu/index.ts
-var N = k;
+], v, 0, void 0, t), c), s = class extends K {
+	constructor() {
+		super(q), B(this, "styles", r), B(this, "formAssociated", !0), _();
+	}
+}, B(s, N, void 0), s)();
 //#endregion
-export { k as n, N as t };
+export { q as _Input };
 
-//# sourceMappingURL=menu-DCsLCND4.js.map
+//# sourceMappingURL=Input.esm.js.map

package/dist/components/input/Input.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.esm.js","names":["customElement","WebComponent","html","property","query","InputTrait","styles","_classDecs","_Input","_Input2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_typeDecs","_placeholderDecs","_requiredDecs","Boolean","_inputElementDecs","_Input3","Input","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","placeholder","required","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_type","_init_placeholder","_init_required","_init_inputElement","_defineProperty","inputTrait","addTrait","getInputElement","getInternals","render","renderLabel","inputId","onInput","onKeyDown","e","key","preventDefault","onSubmit","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/input/Input.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\n\nimport styles from './Input.styles.css'\n\n@customElement('solid-ui-input')\nexport default class Input extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = '';\n\n  @property({ type: String, reflect: true })\n  accessor name = '';\n\n  @property({ type: String })\n  accessor value = '';\n\n  @property({ type: String, reflect: true })\n  accessor type = 'text';\n\n  @property({ type: String, reflect: true })\n  accessor placeholder = '';\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false;\n\n  @query('input')\n  private accessor inputElement: HTMLInputElement | null = null;\n\n  private inputTrait: InputTrait\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(new InputTrait(this, {\n      getInputElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    return html`\n      ${this.inputTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <input\n          id=${this.inputTrait.inputId}\n          type=${this.type}\n          name=${this.name}\n          placeholder=${this.placeholder}\n          ?required=${this.required}\n          .value=${this.value}\n          @input=${() => this.inputTrait.onInput()}\n          @keydown=${this.onKeyDown}\n        />\n      </div>\n    `\n  }\n\n  private onKeyDown (e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      e.preventDefault()\n\n      this.inputTrait.onSubmit()\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/input/Input.stories.d.ts

@@ -0,0 +1,43 @@
+declare const meta: {
+    readonly title: "Input";
+    readonly args: {
+        readonly label: "Name";
+        readonly value: "";
+        readonly placeholder: "Enter your name";
+        readonly type: "text";
+    };
+    readonly argTypes: {
+        readonly label: {
+            readonly control: "text";
+        };
+        readonly value: {
+            readonly control: "text";
+        };
+        readonly placeholder: {
+            readonly control: "text";
+        };
+        readonly type: {
+            readonly control: "select";
+            readonly options: readonly ["text", "email", "password", "search", "url"];
+        };
+    };
+};
+export default meta;
+export declare const Primary: {
+    render: (args: import('../../storybook').GetStoryArgs<{
+        readonly label: {
+            readonly control: "text";
+        };
+        readonly value: {
+            readonly control: "text";
+        };
+        readonly placeholder: {
+            readonly control: "text";
+        };
+        readonly type: {
+            readonly control: "select";
+            readonly options: readonly ["text", "email", "password", "search", "url"];
+        };
+    }>) => HTMLDivElement;
+};
+//# sourceMappingURL=Input.stories.d.ts.map

package/dist/components/input/Input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.stories.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,CAAA;AAGhB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAiBA,CAAA;AAWV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CAAa,CAAA"}

package/dist/components/input/Input.styles.cjs.js

@@ -0,0 +1,2 @@
+var e=require("lit").css`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;background:#fff;border-radius:5px;padding:10px}`;exports.default=e;
+//# sourceMappingURL=Input.styles.cjs.js.map

package/dist/components/input/Input.styles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.styles.cjs.js","names":[],"sources":["../../../src/components/input/Input.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            width: 100%;\n            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n        }\n    }\n}\n"],"mappings":""}

package/dist/components/input/Input.styles.esm.js

@@ -0,0 +1,7 @@
+import { css as e } from "lit";
+//#region src/components/input/Input.styles.css
+var t = e`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;background:#fff;border-radius:5px;padding:10px}`;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Input.styles.esm.js.map

package/dist/components/input/Input.styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.styles.esm.js","names":[],"sources":["../../../src/components/input/Input.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            width: 100%;\n            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n        }\n    }\n}\n"],"mappings":""}

package/dist/components/input/index.cjs.js

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./Input.cjs.js");var t=e._Input;Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return e._Input}}),exports.default=t;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/input/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","names":["Input"],"sources":["../../../src/components/input/index.ts"],"sourcesContent":["import Input from './Input'\n\nexport { Input }\nexport default Input\n"],"mappings":"iIAGA,IAAA,EAAeA,EAAAA"}

package/dist/components/input/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Input } from './Input';
+export { Input };
+export default Input;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,CAAA;AAChB,eAAe,KAAK,CAAA"}

package/dist/components/input/index.esm.js

@@ -0,0 +1,7 @@
+import { _Input as e } from "./Input.esm.js";
+//#region src/components/input/index.ts
+var t = e;
+//#endregion
+export { e as Input, t as default };
+
+//# sourceMappingURL=index.esm.js.map

package/dist/components/input/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","names":["Input"],"sources":["../../../src/components/input/index.ts"],"sourcesContent":["import Input from './Input'\n\nexport { Input }\nexport default Input\n"],"mappings":";;AAGA,IAAA,IAAeA"}

package/dist/components/input.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../chunks/input-Bkzi4zSV.js";
+export { e as Input, t as default };

package/dist/components/login-button/LoginButton.cjs.js

@@ -6,5 +6,5 @@ const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components
             </slot>
         </solid-ui-button>
       </slot>
-    `}onClick(e){e.preventDefault(),this.auth.login()}},{e:[u,o],c:[S,s]}=_(a,[[l,1,`auth`]],c,0,void 0,n.default),s(),Object.defineProperty(exports,"_LoginButton",{enumerable:!0,get:function(){return S}});
+    `}click(){this.auth.login()}onClick(e){e.preventDefault(),this.click()}},{e:[u,o],c:[S,s]}=_(a,[[l,1,`auth`]],c,0,void 0,n.default),s(),Object.defineProperty(exports,"_LoginButton",{enumerable:!0,get:function(){return S}});
 //# sourceMappingURL=LoginButton.cjs.js.map

package/dist/components/login-button/LoginButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LoginButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LoginButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","e","preventDefault","login","_LoginButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/login-button/LoginButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-login-button')\nexport default class LoginButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log In\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.auth.login()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,uBAAuB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAE5B,CAAEC,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAoBpDgB,EAAAf,cArBwCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEfd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEQA,QAASC,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKN,KAAKO,MAAM,CAClB,CACF,EAAC,CAAAF,EAAA,CAAAP,EAAAD,GAAAY,EAAA,CAAAvB,EAAAwB,IAAAC,EAAAH,EAAA,CAAA,CAAAlB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GArBwCL,EAAAA,OAAY,EAAA8B,EAAA"}
+{"version":3,"file":"LoginButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LoginButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LoginButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","login","e","preventDefault","_LoginButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/login-button/LoginButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-login-button')\nexport default class LoginButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log In\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.login()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,uBAAuB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAE5B,CAAEC,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzBwCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEfd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,MAAM,CAClB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzBwCL,EAAAA,OAAY,EAAA+B,EAAA"}

package/dist/components/login-button/LoginButton.d.ts

@@ -2,6 +2,7 @@ import { WebComponent } from '../../lib/components';
 export default class LoginButton extends WebComponent {
     private accessor auth;
     protected render(): import('lit-html').TemplateResult<1>;
+    click(): void;
     private onClick;
 }
 //# sourceMappingURL=LoginButton.d.ts.map

package/dist/components/login-button/LoginButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginButton.d.ts","sourceRoot":"","sources":["../../../src/components/login-button/LoginButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAK9D,OAAO,qBAAqB,CAAA;AAG5B,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,YAAY;IAEnD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IAEzD,SAAS,CAAC,MAAM;IAYhB,OAAO,CAAC,OAAO;CAKhB"}
+{"version":3,"file":"LoginButton.d.ts","sourceRoot":"","sources":["../../../src/components/login-button/LoginButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAK9D,OAAO,qBAAqB,CAAA;AAG5B,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,YAAY;IAEnD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IAEzD,SAAS,CAAC,MAAM;IAYhB,KAAK;IAIL,OAAO,CAAC,OAAO;CAKhB"}

package/dist/components/login-button/LoginButton.esm.js

@@ -194,8 +194,11 @@ f = (u = i({
       </slot>
     `;
 	}
+	click() {
+		this.auth.login();
+	}
 	onClick(e) {
-		e.preventDefault(), this.auth.login();
+		e.preventDefault(), this.click();
 	}
 }, {e: [d, s], c: [C, c]} = v(o, [[
 	u,

package/dist/components/login-button/LoginButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginButton.esm.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LoginButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LoginButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","e","preventDefault","login","_LoginButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/login-button/LoginButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-login-button')\nexport default class LoginButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log In\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.auth.login()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,uBAAuB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAEpCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAoBpDgB,IAAAf,cArBwCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEfd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEQA,QAASC,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKN,KAAKO,MAAM;CAClB;AACF,GAAC,CAAAF,GAAA,CAAAP,GAAAD,IAAAY,GAAA,CAAAvB,GAAAwB,MAAAC,EAAAH,GAAA,CAAA;CAAAlB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GArBwCL,CAAY,GAAA8B,EAAA"}
+{"version":3,"file":"LoginButton.esm.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LoginButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LoginButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","login","e","preventDefault","_LoginButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/login-button/LoginButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-login-button')\nexport default class LoginButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log In\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.login()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,uBAAuB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAEpCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAwBpDiB,IAAAhB,cAzBwCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEfd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEAC,QAAS;EACP,KAAKL,KAAKM,MAAM;CAClB;CAEQF,QAASG,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKH,MAAM;CACb;AACF,GAAC,CAAAE,GAAA,CAAAT,GAAAD,IAAAa,GAAA,CAAAxB,GAAAyB,MAAAC,EAAAH,GAAA,CAAA;CAAAnB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAzBwCL,CAAY,GAAA+B,EAAA"}

package/dist/components/login-button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/login-button-BKp1-O2q.js";
+import { n as e, t } from "../chunks/login-button-C603hM0G.js";
 export { e as LoginButton, t as default };

package/dist/components/login-modal.js

@@ -1,2 +1,2 @@
-import { i as e, r as t } from "../chunks/auth-BPQUXz9Q.js";
+import { i as e, r as t } from "../chunks/auth-Cpf3HYqF.js";
 export { e as LoginModal, t as default };

package/dist/components/logout-button/LogoutButton.cjs.js

@@ -6,5 +6,5 @@ const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components
             </slot>
         </solid-ui-button>
       </slot>
-    `}onClick(e){e.preventDefault(),this.auth.logout()}},{e:[u,o],c:[S,s]}=_(a,[[l,1,`auth`]],c,0,void 0,n.default),s(),Object.defineProperty(exports,"_LogoutButton",{enumerable:!0,get:function(){return S}});
+    `}click(){this.auth.logout()}onClick(e){e.preventDefault(),this.click()}},{e:[u,o],c:[S,s]}=_(a,[[l,1,`auth`]],c,0,void 0,n.default),s(),Object.defineProperty(exports,"_LogoutButton",{enumerable:!0,get:function(){return S}});
 //# sourceMappingURL=LogoutButton.cjs.js.map

package/dist/components/logout-button/LogoutButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogoutButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LogoutButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LogoutButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","e","preventDefault","logout","_LogoutButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/logout-button/LogoutButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-logout-button')\nexport default class LogoutButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log Out\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.auth.logout()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAE7B,CAAEC,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAoBpDgB,EAAAf,cArByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEQA,QAASC,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKN,KAAKO,OAAO,CACnB,CACF,EAAC,CAAAF,EAAA,CAAAP,EAAAD,GAAAY,EAAA,CAAAvB,EAAAwB,IAAAC,EAAAH,EAAA,CAAA,CAAAlB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GArByCL,EAAAA,OAAY,EAAA8B,EAAA"}
+{"version":3,"file":"LogoutButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LogoutButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LogoutButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","logout","e","preventDefault","_LogoutButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/logout-button/LogoutButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-logout-button')\nexport default class LogoutButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log Out\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.logout()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAE7B,CAAEC,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,OAAO,CACnB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzByCL,EAAAA,OAAY,EAAA+B,EAAA"}

package/dist/components/logout-button/LogoutButton.d.ts

@@ -2,6 +2,7 @@ import { WebComponent } from '../../lib/components';
 export default class LogoutButton extends WebComponent {
     private accessor auth;
     protected render(): import('lit-html').TemplateResult<1>;
+    click(): void;
     private onClick;
 }
 //# sourceMappingURL=LogoutButton.d.ts.map

package/dist/components/logout-button/LogoutButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogoutButton.d.ts","sourceRoot":"","sources":["../../../src/components/logout-button/LogoutButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAK9D,OAAO,qBAAqB,CAAA;AAG5B,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,YAAY;IAEpD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IAEzD,SAAS,CAAC,MAAM;IAYhB,OAAO,CAAC,OAAO;CAKhB"}
+{"version":3,"file":"LogoutButton.d.ts","sourceRoot":"","sources":["../../../src/components/logout-button/LogoutButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAK9D,OAAO,qBAAqB,CAAA;AAG5B,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,YAAY;IAEpD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IAEzD,SAAS,CAAC,MAAM;IAYhB,KAAK;IAIL,OAAO,CAAC,OAAO;CAKhB"}

package/dist/components/logout-button/LogoutButton.esm.js

@@ -194,8 +194,11 @@ f = (u = i({
       </slot>
     `;
 	}
+	click() {
+		this.auth.logout();
+	}
 	onClick(e) {
-		e.preventDefault(), this.auth.logout();
+		e.preventDefault(), this.click();
 	}
 }, {e: [d, s], c: [C, c]} = v(o, [[
 	u,

package/dist/components/logout-button/LogoutButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogoutButton.esm.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LogoutButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LogoutButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","e","preventDefault","logout","_LogoutButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/logout-button/LogoutButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-logout-button')\nexport default class LogoutButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log Out\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.auth.logout()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,wBAAwB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAoBpDgB,IAAAf,cArByCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEhBd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEQA,QAASC,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKN,KAAKO,OAAO;CACnB;AACF,GAAC,CAAAF,GAAA,CAAAP,GAAAD,IAAAY,GAAA,CAAAvB,GAAAwB,MAAAC,EAAAH,GAAA,CAAA;CAAAlB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GArByCL,CAAY,GAAA8B,EAAA"}
+{"version":3,"file":"LogoutButton.esm.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LogoutButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LogoutButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","logout","e","preventDefault","_LogoutButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/logout-button/LogoutButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-logout-button')\nexport default class LogoutButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log Out\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.logout()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,wBAAwB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAwBpDiB,IAAAhB,cAzByCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEhBd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEAC,QAAS;EACP,KAAKL,KAAKM,OAAO;CACnB;CAEQF,QAASG,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKH,MAAM;CACb;AACF,GAAC,CAAAE,GAAA,CAAAT,GAAAD,IAAAa,GAAA,CAAAxB,GAAAyB,MAAAC,EAAAH,GAAA,CAAA;CAAAnB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAzByCL,CAAY,GAAA+B,EAAA"}