solid-ui 3.1.3-10 → 3.1.3-12

package/dist/components/guard/Guard.esm.js

@@ -6,24 +6,32 @@ import "../../lib/auth/index.esm.js";
 import { consume as i } from "@lit/context";
 import { html as a } from "lit";
 //#region src/components/guard/Guard.ts
-var o, s, c, l, u, d, f;
-function p(e, t, n) {
-	m(e, t), t.set(e, n);
+var o, s, c, l, u, d, f, p, m, h;
+function g(e, t, n) {
+	_(e, t), t.set(e, n);
 }
-function m(e, t) {
+function _(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function h(e, t, n) {
-	return e.set(_(e, t), n), n;
+function v(e, t, n) {
+	return e.set(b(e, t), n), n;
 }
-function g(e, t) {
-	return e.get(_(e, t));
+function y(e, t) {
+	return e.get(b(e, t));
 }
-function _(e, t, n) {
+function b(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 v(e, t, n, r, i, a) {
+function x(e, t, n) {
+	return (t = C(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function S(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -44,18 +52,18 @@ function v(e, t, n, r, i, a) {
 		var g, _ = t[0], v = t[3], y = !l;
 		if (!y) {
 			n || Array.isArray(_) || (_ = [_]);
-			var b = {}, S = [], C = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
 			d ? (f || p ? b = {
-				get: x(function() {
+				get: T(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[C] = v, f || x(b[C], r, i === 2 ? "" : C)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || T(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
 		}
-		for (var w = e, T = _.length - 1; T >= 0; T -= n ? 2 : 1) {
-			var E = _[T], D = n ? _[T - 1] : void 0, O = {}, k = {
+		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
+			var E = _[w], D = n ? _[w - 1] : void 0, O = {}, k = {
 				kind: [
 					"field",
 					"accessor",
@@ -72,7 +80,7 @@ function v(e, t, n, r, i, a) {
 				}.bind(null, O)
 			};
 			try {
-				if (y) (g = c(E.call(D, w, k), "class decorators", "return")) && (w = g);
+				if (y) (g = c(E.call(D, C, k), "class decorators", "return")) && (C = g);
 				else {
 					var A, j;
 					k.static = u, k.private = d, d ? i === 2 ? A = function(e) {
@@ -85,22 +93,22 @@ function v(e, t, n, r, i, a) {
 					var M = k.access = { has: d ? m.bind() : function(e) {
 						return r in e;
 					} };
-					if (A && (M.get = A), j && (M.set = j), w = E.call(D, p ? {
+					if (A && (M.get = A), j && (M.set = j), C = E.call(D, p ? {
 						get: b.get,
 						set: b.set
-					} : b[C], k), p) {
-						if (typeof w == "object" && w) (g = c(w.get, "accessor.get")) && (b.get = g), (g = c(w.set, "accessor.set")) && (b.set = g), (g = c(w.init, "accessor.init")) && S.push(g);
-						else if (w !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-					} else c(w, (f ? "field" : "method") + " decorators", "return") && (f ? S.push(w) : b[C] = w);
+					} : b[S], k), 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;
 			}
 		}
 		return (f || p) && l.push(function(e, t) {
-			for (var n = S.length - 1; n >= 0; n--) t = S[n].call(e, t);
+			for (var n = x.length - 1; n >= 0; n--) t = x[n].call(e, t);
 			return t;
-		}), f || y || (d ? p ? l.push(o(b, "get"), o(b, "set")) : l.push(i === 2 ? b[C] : o.call.bind(b[C])) : Object.defineProperty(e, r, b)), w;
+		}), f || y || (d ? p ? l.push(o(b, "get"), o(b, "set")) : l.push(i === 2 ? b[S] : o.call.bind(b[S])) : Object.defineProperty(e, r, b)), C;
 	}
 	function u(e, t) {
 		return Object.defineProperty(e, Symbol.metadata || Symbol.for("Symbol.metadata"), {
@@ -112,7 +120,7 @@ function v(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 S(t) === e;
+			return E(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -120,13 +128,13 @@ function v(e, t, n, r, i, a) {
 		for (var f = 0; f < t.length; f++) {
 			var p = t[f];
 			if (Array.isArray(p)) {
-				var m = p[1], h = p[2], g = p.length > 3, _ = 16 & m, v = !!(8 & m), b = (m &= 7) == 0, x = h + "/" + v;
-				if (!b && !g) {
-					var C = u.get(x);
-					if (!0 === C || C === 3 && m !== 4 || C === 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(x, !(m > 2) || m);
+				var m = p[1], h = p[2], g = p.length > 3, _ = 16 & m, v = !!(8 & m), y = (m &= 7) == 0, b = h + "/" + v;
+				if (!y && !g) {
+					var x = u.get(b);
+					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 : y(h), m, r, v ? a ||= [] : i ||= [], o, v, g, b, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : C(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -139,11 +147,11 @@ function v(e, t, n, r, i, a) {
 		}
 	};
 }
-function y(e) {
-	var t = b(e, "string");
+function C(e) {
+	var t = w(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function b(e, t) {
+function w(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -153,7 +161,7 @@ function b(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function x(e, t, n) {
+function T(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -163,38 +171,56 @@ function x(e, t, n) {
 	} catch {}
 	return e;
 }
-function S(e) {
+function E(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-l = [n("solid-guard")];
-var C, w = /*#__PURE__*/ new WeakMap();
-f = (u = i({
+function D(e) {
+	return e;
+}
+d = [n("solid-ui-guard")];
+var O;
+new (m = (c = /*#__PURE__*/ new WeakMap(), h = (f = i({
 	context: t,
 	subscribe: !0
-}), "auth"), o = class extends r {
+}), "auth"), s = class extends r {
 	constructor(...t) {
-		super(...t), p(this, w, (s(this), d(this, e)));
+		super(...t), g(this, c, (l(this), p(this, e))), x(this, "unsubscribeSessionUpdated", void 0);
 	}
-	get [f]() {
-		return g(w, this);
+	get [h]() {
+		return y(c, this);
 	}
 	set auth(e) {
-		h(w, this, e);
+		v(c, this, e);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate());
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.unsubscribeSessionUpdated?.();
 	}
 	render() {
-		return this.auth.account ? a`
+		return this.auth.initialized ? this.auth.account ? a`
       <slot></slot>
     ` : a`
         <slot name="guest"></slot>
+      ` : a`
+        <slot name="initializing"></slot>
       `;
 	}
-}, {e: [d, s], c: [C, c]} = v(o, [[
-	u,
+}, {e: [p, l], c: [O, u]} = S(s, [[
+	f,
 	1,
 	"auth"
-]], l, 0, void 0, r), c();
+]], d, 0, void 0, r), s), o = class extends D {
+	constructor() {
+		super(O), x(this, "states", {
+			initializing: (e) => !e.auth.initialized,
+			loggedIn: (e) => !!e.auth.account
+		}), u();
+	}
+}, x(o, m, void 0), o)();
 //#endregion
-export { C as default };
+export { O as default };
 
 //# sourceMappingURL=Guard.esm.js.map

package/dist/components/guard/Guard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Guard.esm.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_Guard","_A","WeakMap","_ref","_authDecs","context","subscribe","Guard","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","account","_Guard2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/guard/Guard.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\n@customElement('solid-guard')\nexport default class Guard extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    if (!this.auth.account) {\n      return html`\n        <slot name=\"guest\"></slot>\n      `\n    }\n\n    return html`\n      <slot></slot>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG2EM,IAAA,CAE1EN,EAAc,aAAa,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAE1BT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAcpDa,IAAAZ,cAfkCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAETd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAOlB,OANK,KAAKH,KAAKI,UAMRtB,CAAI;;QALFA,CAAI;;;CAQf;AACF,GAAC,CAAAwB,GAAA,CAAAR,GAAAD,IAAAU,GAAA,CAAArB,GAAAsB,MAAAC,EAAAJ,GAAA,CAAA;CAAAf;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAfkCL,CAAY,GAAA4B,EAAA"}
+{"version":3,"file":"Guard.esm.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_Guard","_Guard2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Guard3","Guard","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","initialized","account","e","c","_initClass","_applyDecs","_Class","_identity","initializing","component","loggedIn","default"],"sources":["../../../src/components/guard/Guard.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\n@customElement('solid-ui-guard')\nexport default class Guard extends WebComponent {\n  static states = {\n    initializing: (component: Guard) => !component.auth.initialized,\n    loggedIn: (component: Guard) => !!component.auth.account,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.initialized) {\n      return html`\n        <slot name=\"initializing\"></slot>\n      `\n    }\n\n    if (!this.auth.account) {\n      return html`\n        <slot name=\"guest\"></slot>\n      `\n    }\n\n    return html`\n      <slot></slot>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG2EM,IAAA,CAE1EN,EAAc,gBAAgB,CAAC;AAAA,IAAAO;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO7BV,EAAQ;CAAEW,SAAST;CAAaU,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACmCd,EAAa;CAAAgB,YAAA,GAAAC,GAAA;EAOWI,AAPX,MAAA,GAAAJ,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOThB,CAAoB,EAAA,GAAAiB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAX,KAAA;EAAA,OAAAY,EAAAd,GAAA,IAAA;CAAA;CAAA,IAAxCe,KAAIC,GAAA;EAAAC,EAAAjB,GAAA,MAAAgB,CAAA;CAAA;CAIrBE,oBAAqB;EAGnB,AAFA,MAAMA,kBAAkB,GAExB,KAAKC,4BAA4B,KAAKJ,KAAKK,uBAAuB,KAAKC,cAAc,CAAC;CACxF;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAalB,OAZK,KAAKR,KAAKS,cAMV,KAAKT,KAAKU,UAMR/B,CAAI;;QALFA,CAAI;;UANJA,CAAI;;;CAcf;AACF,GAAC,CAAAgC,GAAA,CAAAd,GAAAD,IAAAgB,GAAA,CAAA7B,GAAA8B,MAAAC,EAAAvB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GAxCkCL,CAAY,GAAAc,IAAAwB,IAAA,cAAAC,EAAA;CAAAvB,cAAA;EAAA,MAAAV,CAAA,GAAAe,EAAA,MAAA,UAC7B;GACdmB,eAAeC,MAAqB,CAACA,EAAUlB,KAAKS;GACpDU,WAAWD,MAAqB,CAAC,CAACA,EAAUlB,KAAKU;EACnD,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAf,EAAAiB,GAAA/B,GAAA,KAAA,CAAA,GAAA+B,GAAA"}

package/dist/components/guard/Guard.stories.d.ts

@@ -6,7 +6,7 @@ declare const meta: {
     readonly argTypes: {
         readonly user: {
             type: string;
-            options: ("Alice" | "Bob" | "Guest")[];
+            options: ("Alice" | "Bob" | "Guest" | "Initializing")[];
         };
     };
 };
@@ -14,7 +14,7 @@ export declare const Primary: {
     render: (args: import('../../storybook').GetStoryArgs<{
         readonly user: {
             type: string;
-            options: ("Alice" | "Bob" | "Guest")[];
+            options: ("Alice" | "Bob" | "Guest" | "Initializing")[];
         };
     }>) => HTMLDivElement;
 };
@@ -22,7 +22,18 @@ export declare const Guest: {
     render: (args: import('../../storybook').GetStoryArgs<{
         readonly user: {
             type: string;
-            options: ("Alice" | "Bob" | "Guest")[];
+            options: ("Alice" | "Bob" | "Guest" | "Initializing")[];
+        };
+    }>) => HTMLDivElement;
+    args: {
+        user: string;
+    };
+};
+export declare const Initializing: {
+    render: (args: import('../../storybook').GetStoryArgs<{
+        readonly user: {
+            type: string;
+            options: ("Alice" | "Bob" | "Guest" | "Initializing")[];
         };
     }>) => HTMLDivElement;
     args: {

package/dist/components/guard/Guard.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Guard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/guard/Guard.stories.ts"],"names":[],"mappings":"AAGA,OAAO,SAAS,CAAA;AAGhB,QAAA,MAAM,IAAI;;;;;;;;;;;CAQA,CAAA;AASV,eAAO,MAAM,OAAO;;;;;;;CAAa,CAAA;AACjC,eAAO,MAAM,KAAK;;;;;;;;;;CAAsC,CAAA;AAExD,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Guard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/guard/Guard.stories.ts"],"names":[],"mappings":"AAGA,OAAO,SAAS,CAAA;AAGhB,QAAA,MAAM,IAAI;;;;;;;;;;;CAQA,CAAA;AAUV,eAAO,MAAM,OAAO;;;;;;;CAAa,CAAA;AACjC,eAAO,MAAM,KAAK;;;;;;;;;;CAAsC,CAAA;AACxD,eAAO,MAAM,YAAY;;;;;;;;;;CAA6C,CAAA;AAEtE,eAAe,IAAI,CAAA"}

package/dist/components/guard.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/guard-YhbCPY-V.js";
+import { n as e, t } from "../chunks/guard-DEqOFEs4.js";
 export { e as Guard, t as default };

package/dist/components/index.cjs.js

@@ -1 +1 @@
-require("./dialog-header/index.cjs.js"),require("./button/index.cjs.js"),require("./dialog/index.cjs.js"),require("./dialog-content/index.cjs.js"),require("./dialog-footer/index.cjs.js"),require("./combobox/index.cjs.js"),require("./combobox-option/index.cjs.js"),require("./login-modal/index.cjs.js"),require("./avatar/index.cjs.js"),require("./login-button/index.cjs.js"),require("./logout-button/index.cjs.js"),require("./menu-item/index.cjs.js"),require("./menu/index.cjs.js"),require("./signup-button/index.cjs.js"),require("./account/index.cjs.js"),require("./dialog-provider/index.cjs.js"),require("./dialogs-root/index.cjs.js"),require("./footer/index.cjs.js"),require("./guard/index.cjs.js"),require("./input/index.cjs.js"),require("./photo-capture/index.cjs.js"),require("./provider/index.cjs.js"),require("./select/index.cjs.js"),require("./select-option/index.cjs.js"),require("./solid-emblem/index.cjs.js");
+require("./provider/index.cjs.js"),require("./all.cjs.js");

package/dist/components/index.d.ts

@@ -1,2 +1 @@
-export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,OAAO,YAAY,CAAA;AACnB,OAAO,OAAO,CAAA"}

package/dist/components/index.esm.js

@@ -1,25 +1,2 @@
-import "./dialog-header/index.esm.js";
-import "./button/index.esm.js";
-import "./dialog/index.esm.js";
-import "./dialog-content/index.esm.js";
-import "./dialog-footer/index.esm.js";
-import "./combobox/index.esm.js";
-import "./combobox-option/index.esm.js";
-import "./login-modal/index.esm.js";
-import "./avatar/index.esm.js";
-import "./login-button/index.esm.js";
-import "./logout-button/index.esm.js";
-import "./menu-item/index.esm.js";
-import "./menu/index.esm.js";
-import "./signup-button/index.esm.js";
-import "./account/index.esm.js";
-import "./dialog-provider/index.esm.js";
-import "./dialogs-root/index.esm.js";
-import "./footer/index.esm.js";
-import "./guard/index.esm.js";
-import "./input/index.esm.js";
-import "./photo-capture/index.esm.js";
 import "./provider/index.esm.js";
-import "./select/index.esm.js";
-import "./select-option/index.esm.js";
-import "./solid-emblem/index.esm.js";
+import "./all.esm.js";

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

@@ -1,17 +1,17 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js"),n=require("../../lib/components/traits/InputTrait.cjs.js");require("../../lib/components/index.cjs.js");const r=require("./Input.styles.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,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;function P(e,t,n){F(e,t),t.set(e,n)}function F(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function I(e,t,n){return e.set(R(e,t),n),n}function L(e,t){return e.get(R(e,t))}function R(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 z(e,t,n){return(t=V(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:U(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||U(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,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata: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,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}: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{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}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 W(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);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:V(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function V(e){var t=H(e,`string`);return typeof t==`symbol`?t:t+``}function H(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function U(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function W(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function G(e){return e}_=[e.customElement(`solid-ui-input`)];var K;new(M=(c=new WeakMap,l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,p=new WeakMap,m=new WeakMap,N=(v=(0,a.property)({type:String,reflect:!0}),b=(0,a.property)({type:String,reflect:!0}),S=(0,a.property)({type:String}),w=(0,a.property)({type:String,reflect:!0}),E=(0,a.property)({type:String,reflect:!0}),O=(0,a.property)({type:Boolean,reflect:!0}),A=(0,a.query)(`input`),`label`),s=class extends t.default{get[N](){return L(c,this)}set label(e){I(c,this,e)}get name(){return L(l,this)}set name(e){I(l,this,e)}get value(){return L(u,this)}set value(e){I(u,this,e)}get type(){return L(d,this)}set type(e){I(d,this,e)}get placeholder(){return L(f,this)}set placeholder(e){I(f,this,e)}get required(){return L(p,this)}set required(e){I(p,this,e)}get inputElement(){return L(m,this)}set inputElement(e){I(m,this,e)}constructor(){super(),P(this,c,(h(this),y(this,``))),P(this,l,x(this,``)),P(this,u,C(this,``)),P(this,d,T(this,`text`)),P(this,f,D(this,``)),P(this,p,k(this,!1)),P(this,m,j(this,null)),z(this,`inputTrait`,void 0),this.inputTrait=this.addTrait(new n.default(this,{getInputElement:()=>this.inputElement,getInternals:()=>this.getInternals()}))}render(){return i.html`
-      ${this.inputTrait.renderLabel()}
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js"),n=require("../../lib/components/traits/FormControlTrait.cjs.js");require("../../lib/components/index.cjs.js");const r=require("./Input.styles.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,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;function P(e,t,n){F(e,t),t.set(e,n)}function F(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function I(e,t,n){return e.set(R(e,t),n),n}function L(e,t){return e.get(R(e,t))}function R(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 z(e,t,n){return(t=V(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:U(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||U(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,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata: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,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}: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{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}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 W(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);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:V(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function V(e){var t=H(e,`string`);return typeof t==`symbol`?t:t+``}function H(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function U(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function W(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function G(e){return e}_=[e.customElement(`solid-ui-input`)];var K;new(M=(c=new WeakMap,l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,p=new WeakMap,m=new WeakMap,N=(v=(0,a.property)({type:String,reflect:!0}),b=(0,a.property)({type:String,reflect:!0}),S=(0,a.property)({type:String}),w=(0,a.property)({type:String,reflect:!0}),E=(0,a.property)({type:String,reflect:!0}),O=(0,a.property)({type:Boolean,reflect:!0}),A=(0,a.query)(`input`),`label`),s=class extends t.default{get[N](){return L(c,this)}set label(e){I(c,this,e)}get name(){return L(l,this)}set name(e){I(l,this,e)}get value(){return L(u,this)}set value(e){I(u,this,e)}get type(){return L(d,this)}set type(e){I(d,this,e)}get placeholder(){return L(f,this)}set placeholder(e){I(f,this,e)}get required(){return L(p,this)}set required(e){I(p,this,e)}get inputElement(){return L(m,this)}set inputElement(e){I(m,this,e)}constructor(){super(),P(this,c,(h(this),y(this,``))),P(this,l,x(this,``)),P(this,u,C(this,``)),P(this,d,T(this,`text`)),P(this,f,D(this,``)),P(this,p,k(this,!1)),P(this,m,j(this,null)),z(this,`controlTrait`,void 0),this.controlTrait=this.addTrait(new n.default(this,{getControlElement:()=>this.inputElement,getInternals:()=>this.getInternals()}))}render(){return i.html`
+      ${this.controlTrait.renderLabel()}
 
       <div class="input-wrapper">
         <input
-          id=${this.inputTrait.inputId}
+          id=${this.controlTrait.controlId}
           type=${this.type}
           name=${this.name}
           placeholder=${this.placeholder}
           ?required=${this.required}
           .value=${this.value}
-          @input=${()=>this.inputTrait.onInput()}
+          @input=${()=>this.controlTrait.onInput()}
           @keydown=${this.onKeyDown}
         />
       </div>
-    `}onKeyDown(e){e.key===`Enter`&&(e.preventDefault(),this.inputTrait.onSubmit())}},{e:[y,x,C,T,D,k,j,h],c:[K,g]}=B(s,[[v,1,`label`],[b,1,`name`],[S,1,`value`],[w,1,`type`],[E,1,`placeholder`],[O,1,`required`],[A,1,`inputElement`]],_,0,void 0,t.default),s),o=class extends G{constructor(){super(K),z(this,`styles`,r.default),z(this,`formAssociated`,!0),g()}},z(o,M,void 0),o),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return K}});
+    `}onKeyDown(e){e.key===`Enter`&&(e.preventDefault(),this.controlTrait.onSubmit())}},{e:[y,x,C,T,D,k,j,h],c:[K,g]}=B(s,[[v,1,`label`],[b,1,`name`],[S,1,`value`],[w,1,`type`],[E,1,`placeholder`],[O,1,`required`],[A,1,`inputElement`]],_,0,void 0,t.default),s),o=class extends G{constructor(){super(K),z(this,`styles`,r.default),z(this,`formAssociated`,!0),g()}},z(o,M,void 0),o),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return K}});
 //# sourceMappingURL=Input.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs.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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"}
+{"version":3,"file":"Input.cjs.js","names":["customElement","WebComponent","html","property","query","FormControlTrait","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","controlTrait","addTrait","getControlElement","getInternals","render","renderLabel","controlId","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 FormControlTrait from '@/lib/components/traits/FormControlTrait'\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 controlTrait: FormControlTrait\n\n  constructor () {\n    super()\n\n    this.controlTrait = this.addTrait(new FormControlTrait(this, {\n      getControlElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    return html`\n      ${this.controlTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <input\n          id=${this.controlTrait.controlId}\n          type=${this.type}\n          name=${this.name}\n          placeholder=${this.placeholder}\n          ?required=${this.required}\n          .value=${this.value}\n          @input=${() => this.controlTrait.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.controlTrait.onSubmit()\n    }\n  }\n}\n"],"mappings":"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"}

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

@@ -9,7 +9,7 @@ export default class Input extends WebComponent {
     accessor placeholder: string;
     accessor required: boolean;
     private accessor inputElement;
-    private inputTrait;
+    private controlTrait;
     constructor();
     protected render(): import('lit-html').TemplateResult<1>;
     private onKeyDown;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAQ9D,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,YAAY;IAC7C,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,cAAc,UAAO;IAG5B,QAAQ,CAAC,KAAK,SAAM;IAGpB,QAAQ,CAAC,IAAI,SAAM;IAGnB,QAAQ,CAAC,KAAK,SAAM;IAGpB,QAAQ,CAAC,IAAI,SAAU;IAGvB,QAAQ,CAAC,WAAW,SAAM;IAG1B,QAAQ,CAAC,QAAQ,UAAS;IAG1B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAiC;IAE9D,OAAO,CAAC,UAAU,CAAY;;IAW9B,SAAS,CAAC,MAAM;IAmBhB,OAAO,CAAC,SAAS;CAOlB"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAQ9D,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,YAAY;IAC7C,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,cAAc,UAAO;IAG5B,QAAQ,CAAC,KAAK,SAAM;IAGpB,QAAQ,CAAC,IAAI,SAAM;IAGnB,QAAQ,CAAC,KAAK,SAAM;IAGpB,QAAQ,CAAC,IAAI,SAAU;IAGvB,QAAQ,CAAC,WAAW,SAAM;IAG1B,QAAQ,CAAC,QAAQ,UAAS;IAG1B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAiC;IAE9D,OAAO,CAAC,YAAY,CAAkB;;IAWtC,SAAS,CAAC,MAAM;IAmBhB,OAAO,CAAC,SAAS;CAOlB"}

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

@@ -1,6 +1,6 @@
 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 n from "../../lib/components/traits/FormControlTrait.esm.js";
 import "../../lib/components/index.esm.js";
 import r from "./Input.styles.esm.js";
 import { html as i } from "lit";
@@ -239,31 +239,31 @@ new (N = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
 		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,
+		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, "controlTrait", void 0), this.controlTrait = this.addTrait(new n(this, {
+			getControlElement: () => this.inputElement,
 			getInternals: () => this.getInternals()
 		}));
 	}
 	render() {
 		return i`
-      ${this.inputTrait.renderLabel()}
+      ${this.controlTrait.renderLabel()}
 
       <div class="input-wrapper">
         <input
-          id=${this.inputTrait.inputId}
+          id=${this.controlTrait.controlId}
           type=${this.type}
           name=${this.name}
           placeholder=${this.placeholder}
           ?required=${this.required}
           .value=${this.value}
-          @input=${() => this.inputTrait.onInput()}
+          @input=${() => this.controlTrait.onInput()}
           @keydown=${this.onKeyDown}
         />
       </div>
     `;
 	}
 	onKeyDown(e) {
-		e.key === "Enter" && (e.preventDefault(), this.inputTrait.onSubmit());
+		e.key === "Enter" && (e.preventDefault(), this.controlTrait.onSubmit());
 	}
 }, {e: [b, S, w, E, O, A, M, g], c: [q, _]} = V(c, [
 	[

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

@@ -1 +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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"}
+{"version":3,"file":"Input.esm.js","names":["customElement","WebComponent","html","property","query","FormControlTrait","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","controlTrait","addTrait","getControlElement","getInternals","render","renderLabel","controlId","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 FormControlTrait from '@/lib/components/traits/FormControlTrait'\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 controlTrait: FormControlTrait\n\n  constructor () {\n    super()\n\n    this.controlTrait = this.addTrait(new FormControlTrait(this, {\n      getControlElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    return html`\n      ${this.controlTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <input\n          id=${this.controlTrait.controlId}\n          type=${this.type}\n          name=${this.name}\n          placeholder=${this.placeholder}\n          ?required=${this.required}\n          .value=${this.value}\n          @input=${() => this.controlTrait.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.controlTrait.onSubmit()\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/input.js

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

package/dist/components/login-button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/login-button-76PlEs2Y.js";
+import { n as e, t } from "../chunks/login-button-Czm-E9Na.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-BI22fz6P.js";
+import { i as e, r as t } from "../chunks/auth-ClVI18ss.js";
 export { e as LoginModal, t as default };

package/dist/components/logout-button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/logout-button-Dt3Utgj0.js";
+import { n as e, t } from "../chunks/logout-button-BrR_jOhK.js";
 export { e as LogoutButton, t as default };

package/dist/components/menu/Menu.cjs.js

@@ -1,4 +1,4 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./Menu.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");require("@awesome.me/webawesome/dist/components/dropdown/dropdown.js"),require("@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js");var a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C;function w(e,t,n){T(e,t),t.set(e,n)}function T(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function E(e,t,n){return e.set(O(e,t),n),n}function D(e,t){return e.get(O(e,t))}function O(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 k(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:N(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||N(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,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata: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,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}: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{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}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 P(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);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:j(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function j(e){var t=M(e,`string`);return typeof t==`symbol`?t:t+``}function M(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function N(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function P(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function F(e){return e}p=[e.customElement(`solid-ui-menu`)];var I;new(S=(s=new WeakMap,c=new WeakMap,l=new WeakMap,u=new WeakMap,C=(m=(0,i.property)({type:String,reflect:!0}),g=(0,i.property)({type:Number,reflect:!0}),v=(0,i.query)(`wa-dropdown`),b=(0,i.state)(),`placement`),o=class extends t.default{constructor(...e){super(...e),w(this,s,(d(this),h(this,`bottom-start`))),w(this,c,_(this,0)),w(this,l,y(this,null)),w(this,u,x(this,[])),k(this,`observer`,new MutationObserver(()=>this.syncItems()))}get[C](){return D(s,this)}set placement(e){E(s,this,e)}get distance(){return D(c,this)}set distance(e){E(c,this,e)}get dropdown(){return D(l,this)}set dropdown(e){E(l,this,e)}get items(){return D(u,this)}set items(e){E(u,this,e)}connectedCallback(){super.connectedCallback(),this.syncItems(),this.observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer.disconnect()}render(){return r.html`
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./Menu.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");require("@awesome.me/webawesome/dist/components/dropdown/dropdown.js"),require("@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js");var a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C;function w(e,t,n){T(e,t),t.set(e,n)}function T(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function E(e,t,n){return e.set(O(e,t),n),n}function D(e,t){return e.get(O(e,t))}function O(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 k(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:N(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||N(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,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata: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,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}: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{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}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 P(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);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:j(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function j(e){var t=M(e,`string`);return typeof t==`symbol`?t:t+``}function M(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function N(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function P(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function F(e){return e}p=[e.customElement(`solid-ui-menu`)];var I;new(S=(s=new WeakMap,c=new WeakMap,l=new WeakMap,u=new WeakMap,C=(m=(0,i.property)({type:String,reflect:!0}),g=(0,i.property)({type:Number,reflect:!0}),v=(0,i.query)(`wa-dropdown`),b=(0,i.state)(),`placement`),o=class extends t.default{constructor(...e){super(...e),w(this,s,(d(this),h(this,`bottom-start`))),w(this,c,_(this,5)),w(this,l,y(this,null)),w(this,u,x(this,[])),k(this,`observer`,new MutationObserver(()=>this.syncItems()))}get[C](){return D(s,this)}set placement(e){E(s,this,e)}get distance(){return D(c,this)}set distance(e){E(c,this,e)}get dropdown(){return D(l,this)}set dropdown(e){E(l,this,e)}get items(){return D(u,this)}set items(e){E(u,this,e)}connectedCallback(){super.connectedCallback(),this.syncItems(),this.observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer.disconnect()}render(){return r.html`
       <wa-dropdown
         placement=${this.placement}
         distance=${this.distance}