solid-ui 3.1.3-4 → 3.1.3-6

package/dist/components/dialog/Dialog.esm.js

@@ -1,42 +1,42 @@
-import { dialogContext as e } from "../../lib/dialogs/context.esm.js";
-import { customElement as t } from "../../lib/components/decorators.esm.js";
-import n from "../../lib/components/web-component/WebComponent.esm.js";
+import { DEFAULT_DIALOG_CONTEXT as e, dialogContext as t } from "../../lib/dialogs/context.esm.js";
+import { customElement as n } from "../../lib/components/decorators.esm.js";
+import r from "../../lib/components/web-component/WebComponent.esm.js";
+import i from "../../lib/components/traits/DialogTrait.esm.js";
 import "../../lib/components/index.esm.js";
-import { CloseDialogEvent as r } from "../../lib/dialogs/events/close-dialog.esm.js";
 import "../../_virtual/~icons/lucide/x.esm.js";
 import "../dialog-header/index.esm.js";
 import "../button/index.esm.js";
-import i from "./Dialog.styles.esm.js";
-import { consume as a } from "@lit/context";
-import { html as o, nothing as s } from "lit";
-import { property as c, query as l } from "lit/decorators.js";
+import a from "./Dialog.styles.esm.js";
+import { consume as o } from "@lit/context";
+import { html as s, nothing as c } from "lit";
+import { property as l, query as u } from "lit/decorators.js";
 //#region src/components/dialog/Dialog.ts
-var u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T;
-function E(e, t, n) {
-	D(e, t), t.set(e, n);
+var d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E;
+function D(e, t, n) {
+	O(e, t), t.set(e, n);
 }
-function D(e, t) {
+function O(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function O(e, t, n) {
-	return e.set(A(e, t), n), n;
+function k(e, t, n) {
+	return e.set(j(e, t), n), n;
 }
-function k(e, t) {
-	return e.get(A(e, t));
+function A(e, t) {
+	return e.get(j(e, t));
 }
-function A(e, t, n) {
+function j(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 j(e, t, n) {
-	return (t = N(t)) in e ? Object.defineProperty(e, t, {
+function M(e, t, n) {
+	return (t = P(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function M(e, t, n, r, i, a) {
+function N(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -59,13 +59,13 @@ function M(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: F(function() {
+				get: I(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || F(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || I(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 = {
@@ -125,7 +125,7 @@ function M(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 I(t) === e;
+			return L(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -139,7 +139,7 @@ function M(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 : N(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : P(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -152,11 +152,11 @@ function M(e, t, n, r, i, a) {
 		}
 	};
 }
-function N(e) {
-	var t = P(e, "string");
+function P(e) {
+	var t = F(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function P(e, t) {
+function F(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -166,7 +166,7 @@ function P(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function F(e, t, n) {
+function I(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -176,54 +176,53 @@ function F(e, t, n) {
 	} catch {}
 	return e;
 }
-function I(e) {
+function L(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 L(e) {
+function R(e) {
 	return e;
 }
-_ = [t("solid-ui-dialog")];
-var R;
-new (w = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), T = (v = c({
+v = [n("solid-ui-dialog")];
+var z;
+new (T = (p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), E = (y = l({
 	type: String,
 	reflect: !0
-}), b = l("dialog"), S = a({
-	context: e,
+}), x = u("dialog"), C = o({
+	context: t,
 	subscribe: !0
-}), "title"), d = class extends n {
-	constructor(...e) {
-		super(...e), E(this, f, (h(this), y(this, ""))), E(this, p, x(this, null)), E(this, m, C(this));
-	}
-	get [T]() {
-		return k(f, this);
+}), "title"), f = class extends r {
+	get [E]() {
+		return A(p, this);
 	}
 	set title(e) {
-		O(f, this, e);
+		k(p, this, e);
 	}
 	get nativeDialog() {
-		return k(p, this);
+		return A(m, this);
 	}
 	set nativeDialog(e) {
-		O(p, this, e);
+		k(m, this, e);
 	}
 	get context() {
-		return k(m, this);
+		return A(h, this);
 	}
 	set context(e) {
-		O(m, this, e);
+		k(h, this, e);
+	}
+	constructor() {
+		super(), D(this, p, (g(this), b(this, ""))), D(this, m, S(this, null)), D(this, h, w(this, e)), M(this, "dialogTrait", void 0), this.dialogTrait = this.addTrait(new i(this, { getContext: () => this.context }));
 	}
-	close() {
-		if (!this.context) throw Error("Dialog context missing");
-		window.dispatchEvent(new r(this.context.id));
+	close(e) {
+		this.dialogTrait.close(e);
 	}
 	firstUpdated() {
 		this.nativeDialog && (this.nativeDialog.showModal(), this.nativeDialog.addEventListener("close", () => this.close()));
 	}
 	render() {
-		return o`
+		return s`
         <dialog>
-            <slot name="header">${this.title ? o`
+            <slot name="header">${this.title ? s`
         <solid-ui-dialog-header>
             <h1>${this.title}</h1>
 
@@ -232,34 +231,34 @@ new (w = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m =
                 <icon-lucide-x slot="icon"></icon-lucide-x>
             </solid-ui-button>
         </solid-ui-dialog-header>
-        ` : s}</slot>
+        ` : c}</slot>
             <slot></slot>
             <slot name="footer"></slot>
         </dialog>
     `;
 	}
-}, {e: [y, x, C, h], c: [R, g]} = M(d, [
+}, {e: [b, S, w, g], c: [z, _]} = N(f, [
 	[
-		v,
+		y,
 		1,
 		"title"
 	],
 	[
-		b,
+		x,
 		1,
 		"nativeDialog"
 	],
 	[
-		S,
+		C,
 		1,
 		"context"
 	]
-], _, 0, void 0, n), d), u = class extends L {
+], v, 0, void 0, r), f), d = class extends R {
 	constructor() {
-		super(R), j(this, "styles", i), g();
+		super(z), M(this, "styles", a), _();
 	}
-}, j(u, w, void 0), u)();
+}, M(d, T, void 0), d)();
 //#endregion
-export { R as _Dialog };
+export { z as _Dialog };
 
 //# sourceMappingURL=Dialog.esm.js.map

package/dist/components/dialog/Dialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.esm.js","names":["consume","html","nothing","property","query","customElement","WebComponent","dialogContext","CloseDialogEvent","styles","_classDecs","_Dialog","_Dialog2","_A","WeakMap","_B","_C","_ref","_titleDecs","type","String","reflect","_nativeDialogDecs","_contextDecs","context","subscribe","_Dialog3","Dialog","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_title","_init_nativeDialog","_init_context","_classPrivateFieldGet","title","v","_classPrivateFieldSet","nativeDialog","close","Error","window","dispatchEvent","id","firstUpdated","showModal","addEventListener","render","header","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/dialog/Dialog.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { DialogContext, dialogContext } from '../../lib/dialogs/context'\nimport { CloseDialogEvent } from '../../lib/dialogs/events/close-dialog'\n\nimport '~icons/lucide/x'\nimport '@/components/dialog-header'\nimport '@/components/button'\n\nimport styles from './Dialog.styles.css'\n\n@customElement('solid-ui-dialog')\nexport default class Dialog extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor title = ''\n\n  @query('dialog')\n  private accessor nativeDialog: HTMLDialogElement | null = null\n\n  @consume({ context: dialogContext, subscribe: true })\n  private accessor context!: DialogContext\n\n  public close () {\n    if (!this.context) {\n      throw new Error('Dialog context missing')\n    }\n\n    window.dispatchEvent(new CloseDialogEvent(this.context.id))\n  }\n\n  protected firstUpdated () {\n    if (!this.nativeDialog) {\n      return\n    }\n\n    this.nativeDialog.showModal()\n    this.nativeDialog.addEventListener('close', () => this.close())\n  }\n\n  protected render () {\n    const header = this.title\n      ? html`\n        <solid-ui-dialog-header>\n            <h1>${this.title}</h1>\n\n            <solid-ui-button variant=\"ghost\" @click=${this.close}>\n                <span class=\"sr-only\">Close</span>\n                <icon-lucide-x slot=\"icon\"></icon-lucide-x>\n            </solid-ui-button>\n        </solid-ui-dialog-header>\n        `\n      : nothing\n\n    return html`\n        <dialog>\n            <slot name=\"header\">${header}</slot>\n            <slot></slot>\n            <slot name=\"footer\"></slot>\n        </dialog>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWwCU,IAAA,CAEvCL,EAAc,iBAAiB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,KAAAC,IAI9Bf,EAAS;CAAEgB,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzClB,EAAM,QAAQ,GAACmB,IAGfvB,EAAQ;CAAEwB,SAASjB;CAAekB,WAAW;AAAK,CAAC,GAAC,UAAAC,IAVvD,cACoCpB,EAAa;CAAAsB,YAAA,GAAAC,GAAA;EAOeC,AAPf,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAjB,IAAAkB,EAAA,IAAA,GAAAC,EAAA,MAI9B,EAAE,EAAA,GAAAF,EAAA,MAAAf,GAAAkB,EAAA,MAGuC,IAAI,CAAA,GAAAH,EAAA,MAAAd,GAAAkB,EAAA,IAAA,CAAA;CAAA;CAAA,KAAAjB,KAAA;EAAA,OAAAkB,EAAAtB,GAAA,IAAA;CAAA;CAAA,IAHrDuB,MAAKC,GAAA;EAAAC,EAAAzB,GAAA,MAAAwB,CAAA;CAAA;CAAA,IAGGE,eAAY;EAAA,OAAAJ,EAAApB,GAAA,IAAA;CAAA;CAAA,IAAZwB,aAAYF,GAAA;EAAAC,EAAAvB,GAAA,MAAAsB,CAAA;CAAA;CAAA,IAGZb,UAAO;EAAA,OAAAW,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAAPQ,QAAOa,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAEjBG,QAAS;EACd,IAAI,CAAC,KAAKhB,SACR,MAAUiB,MAAM,wBAAwB;EAG1CC,OAAOC,cAAc,IAAInC,EAAiB,KAAKgB,QAAQoB,EAAE,CAAC;CAC5D;CAEUC,eAAgB;EACnB,KAAKN,iBAIV,KAAKA,aAAaO,UAAU,GAC5B,KAAKP,aAAaQ,iBAAiB,eAAe,KAAKP,MAAM,CAAC;CAChE;CAEUQ,SAAU;EAclB,OAAO/C,CAAI;;kCAbI,KAAKmC,QAChBnC,CAAI;;kBAEM,KAAKmC,MAAK;;sDAE0B,KAAKI,MAAK;;;;;YAMxDtC,EAIgC;;;;;CAKtC;AACF,GAAC,CAAAgD,GAAA,CAAAlB,GAAAC,GAAAC,GAAAH,IAAAoB,GAAA,CAAAxC,GAAAyC,MAAAC,EAAA3B,GAAA;CAAA;EAAAR;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;AAAA,GAAAb,GAAA,GAAA,KAAA,GAnDmCJ,CAAY,GAAAoB,IAAA4B,IAAA,cAAAC,EAAA;CAAA3B,cAAA;EAAA,MAAAjB,CAAA,GAAA6C,EAAA,MAAA,UAC9B/C,CAAM,GAAA2C,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAA1C,GAAA,KAAA,CAAA,GAAA0C,GAAA"}
+{"version":3,"file":"Dialog.esm.js","names":["customElement","WebComponent","consume","html","nothing","property","query","dialogContext","DEFAULT_DIALOG_CONTEXT","DialogTrait","styles","_classDecs","_Dialog","_Dialog2","_A","WeakMap","_B","_C","_ref","_titleDecs","type","String","reflect","_nativeDialogDecs","_contextDecs","context","subscribe","_Dialog3","Dialog","_classPrivateFieldGet","title","v","_classPrivateFieldSet","nativeDialog","constructor","_classPrivateFieldInitSpec","_initProto","_init_title","_init_nativeDialog","_init_context","_defineProperty","dialogTrait","addTrait","getContext","close","data","firstUpdated","showModal","addEventListener","render","header","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/dialog/Dialog.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { DialogContext, dialogContext, DEFAULT_DIALOG_CONTEXT } from '@/lib/dialogs/context'\nimport DialogTrait from '@/lib/components/traits/DialogTrait'\n\nimport '~icons/lucide/x'\nimport '@/components/dialog-header'\nimport '@/components/button'\n\nimport styles from './Dialog.styles.css'\n\n@customElement('solid-ui-dialog')\nexport default class Dialog extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor title = ''\n\n  @query('dialog')\n  private accessor nativeDialog: HTMLDialogElement | null = null\n\n  @consume({ context: dialogContext, subscribe: true })\n  private accessor context: DialogContext = DEFAULT_DIALOG_CONTEXT\n\n  private dialogTrait: DialogTrait<unknown>\n\n  constructor () {\n    super()\n\n    this.dialogTrait = this.addTrait(new DialogTrait(this, {\n      getContext: () => this.context\n    }))\n  }\n\n  public close (data?: unknown) {\n    this.dialogTrait.close(data)\n  }\n\n  protected firstUpdated () {\n    if (!this.nativeDialog) {\n      return\n    }\n\n    this.nativeDialog.showModal()\n    this.nativeDialog.addEventListener('close', () => this.close())\n  }\n\n  protected render () {\n    const header = this.title\n      ? html`\n        <solid-ui-dialog-header>\n            <h1>${this.title}</h1>\n\n            <solid-ui-button variant=\"ghost\" @click=${this.close}>\n                <span class=\"sr-only\">Close</span>\n                <icon-lucide-x slot=\"icon\"></icon-lucide-x>\n            </solid-ui-button>\n        </solid-ui-dialog-header>\n        `\n      : nothing\n\n    return html`\n        <dialog>\n            <slot name=\"header\">${header}</slot>\n            <slot></slot>\n            <slot name=\"footer\"></slot>\n        </dialog>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWwCW,IAAA,CAEvCX,EAAc,iBAAiB,CAAC;AAAA,IAAAY;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,KAAAC,IAI9Bd,EAAS;CAAEe,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzCjB,EAAM,QAAQ,GAACkB,IAGftB,EAAQ;CAAEuB,SAASlB;CAAemB,WAAW;AAAK,CAAC,GAAC,UAAAC,IAVvD,cACoC1B,EAAa;CAAA,KAAAiB,KAAA;EAAA,OAAAW,EAAAf,GAAA,IAAA;CAAA;CAAA,IAItCgB,MAAKC,GAAA;EAAAC,EAAAlB,GAAA,MAAAiB,CAAA;CAAA;CAAA,IAGGE,eAAY;EAAA,OAAAJ,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAZiB,aAAYF,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAAA,IAGZN,UAAO;EAAA,OAAAI,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAPQ,QAAOM,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAIxBG,cAAe;EAGb,AAFA,MAAM,GAACC,EAAA,MAAArB,IAAAsB,EAAA,IAAA,GAAAC,EAAA,MAXQ,EAAE,EAAA,GAAAF,EAAA,MAAAnB,GAAAsB,EAAA,MAGuC,IAAI,CAAA,GAAAH,EAAA,MAAAlB,GAAAsB,EAAA,MAGpB/B,CAAsB,CAAA,GAAAgC,EAAA,MAAA,eAAA,KAAA,CAAA,GAO9D,KAAKC,cAAc,KAAKC,SAAS,IAAIjC,EAAY,MAAM,EACrDkC,kBAAkB,KAAKlB,QACzB,CAAC,CAAC;CACJ;CAEOmB,MAAOC,GAAgB;EAC5B,KAAKJ,YAAYG,MAAMC,CAAI;CAC7B;CAEUC,eAAgB;EACnB,KAAKb,iBAIV,KAAKA,aAAac,UAAU,GAC5B,KAAKd,aAAae,iBAAiB,eAAe,KAAKJ,MAAM,CAAC;CAChE;CAEUK,SAAU;EAclB,OAAO9C,CAAI;;kCAbI,KAAK2B,QAChB3B,CAAI;;kBAEM,KAAK2B,MAAK;;sDAE0B,KAAKc,MAAK;;;;;YAMxDxC,EAIgC;;;;;CAKtC;AACF,GAAC,CAAA+C,GAAA,CAAAd,GAAAC,GAAAC,GAAAH,IAAAgB,GAAA,CAAAxC,GAAAyC,MAAAC,EAAA3B,GAAA;CAAA;EAAAR;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;AAAA,GAAAb,GAAA,GAAA,KAAA,GAzDmCV,CAAY,GAAA0B,IAAA4B,IAAA,cAAAC,EAAA;CAAAtB,cAAA;EAAA,MAAAtB,CAAA,GAAA4B,EAAA,MAAA,UAC9B9B,CAAM,GAAA2C,EAAA;CAAA;AAAA,GAAAb,EAAAe,GAAA1C,GAAA,KAAA,CAAA,GAAA0C,GAAA"}

package/dist/components/dialog-content.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/dialog-content-C8VhHg5G.js";
+import { n as e, t } from "../chunks/dialog-content-CMeH_BD7.js";
 export { e as DialogContent, t as default };

package/dist/components/dialog-footer.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/dialog-footer-CtHFoTZS.js";
+import { n as e, t } from "../chunks/dialog-footer-D0zzIMlx.js";
 export { e as DialogFooter, t as default };

package/dist/components/dialog-header.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/dialog-header-D9jjujFf.js";
+import { n as e, t } from "../chunks/dialog-header-DeC1iiLD.js";
 export { e as DialogHeader, t as default };

package/dist/components/dialog-provider.js

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/DialogProvider-BbWGIFN5.js";
+import { t as e } from "../chunks/DialogProvider-DphduSXG.js";
 //#region src/components/dialog-provider/index.ts
 var t = e;
 //#endregion

package/dist/components/dialog.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/dialog-DmDA1aY8.js";
+import { n as e, t } from "../chunks/dialog-DlBtmOm6.js";
 export { e as Dialog, t as default };

package/dist/components/dialogs-root/DialogsRoot.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("../../lib/dialogs/events/close-dialog.cjs.js"),r=require("../../lib/dialogs/events/show-dialog.cjs.js");require("../dialog-provider/DialogProvider.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,s,c,l,u,d,f;function p(e,t,n){m(e,t),t.set(e,n)}function m(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 g(e,t){return e.get(_(e,t))}function _(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 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={},S=[],C=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:x(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))}for(var w=e,T=_.length-1;T>=0;T-=n?2:1){var E=_[T],D=n?_[T-1]:void 0,O={},k={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,O)};try{if(y)(g=c(E.call(D,w,k),`class decorators`,`return`))&&(w=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));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?{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)}}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);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}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 S(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),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)}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)}}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 y(e){var t=b(e,`string`);return typeof t==`symbol`?t:t+``}function b(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 x(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 S(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=[e.customElement(`solid-ui-dialogs-root`)];var C,w=new WeakMap;f=(u=(0,a.state)(),`dialogs`),o=class extends t.default{constructor(...e){super(...e),p(this,w,(s(this),d(this,[])))}get[f](){return g(w,this)}set dialogs(e){h(w,this,e)}connectedCallback(){super.connectedCallback(),this.addGlobalEventListener(r.ShowDialogEvent.eventName,e=>{e.stopImmediatePropagation(),this.dialogs=[...this.dialogs,e.dialog]}),this.addGlobalEventListener(n.CloseDialogEvent.eventName,e=>{e.stopImmediatePropagation(),this.dialogs=this.dialogs.filter(t=>t.id!==e.id)})}render(){return i.html`${this.dialogs.map(e=>i.html`
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js"),n=require("../../lib/dialogs/events/close-dialog.cjs.js");require("../../lib/components/index.cjs.js");const r=require("../../lib/dialogs/events/show-dialog.cjs.js");require("../dialog-provider/DialogProvider.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,s,c,l,u,d,f;function p(e,t,n){m(e,t),t.set(e,n)}function m(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 g(e,t){return e.get(_(e,t))}function _(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 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={},S=[],C=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:x(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))}for(var w=e,T=_.length-1;T>=0;T-=n?2:1){var E=_[T],D=n?_[T-1]:void 0,O={},k={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,O)};try{if(y)(g=c(E.call(D,w,k),`class decorators`,`return`))&&(w=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));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?{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)}}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);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}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 S(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),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)}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)}}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 y(e){var t=b(e,`string`);return typeof t==`symbol`?t:t+``}function b(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 x(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 S(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=[e.customElement(`solid-ui-dialogs-root`)];var C,w=new WeakMap;f=(u=(0,a.state)(),`dialogs`),o=class extends t.default{constructor(...e){super(...e),p(this,w,(s(this),d(this,[])))}get[f](){return g(w,this)}set dialogs(e){h(w,this,e)}connectedCallback(){super.connectedCallback(),this.addGlobalEventListener(r.ShowDialogEvent.eventName,e=>{e.stopImmediatePropagation(),this.dialogs=[...this.dialogs,e.dialog]}),this.addGlobalEventListener(n.CloseDialogEvent.eventName,e=>{e.stopImmediatePropagation();let t=this.dialogs.find(t=>t.id===e.id);this.dialogs=this.dialogs.filter(t=>t.id!==e.id),t?.closed(e.data)})}render(){return i.html`${this.dialogs.map(e=>i.html`
         <solid-ui-dialog-provider
             dialogId="${e.id}"
             @mounted=${t=>e.setElement(t.detail)}

package/dist/components/dialogs-root/DialogsRoot.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogsRoot.cjs.js","names":["customElement","WebComponent","html","state","ShowDialogEvent","CloseDialogEvent","_classDecs","_DialogsRoot","_A","WeakMap","_ref","_dialogsDecs","DialogsRoot","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_dialogs","_classPrivateFieldGet","dialogs","v","_classPrivateFieldSet","connectedCallback","addGlobalEventListener","eventName","event","stopImmediatePropagation","dialog","filter","id","render","map","setElement","detail","template","_DialogsRoot2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/dialogs-root/DialogsRoot.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport Dialog from '@/lib/dialogs/Dialog'\nimport { ShowDialogEvent } from '@/lib/dialogs/events/show-dialog'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\n\nimport '@/components/dialog-provider/DialogProvider'\n\n@customElement('solid-ui-dialogs-root')\nexport default class DialogsRoot extends WebComponent {\n  @state()\n  private accessor dialogs: Dialog[] = []\n\n  connectedCallback (): void {\n    super.connectedCallback()\n\n    this.addGlobalEventListener(ShowDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      this.dialogs = [...this.dialogs, event.dialog]\n    })\n\n    this.addGlobalEventListener(CloseDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      this.dialogs = this.dialogs.filter(dialog => dialog.id !== event.id)\n    })\n  }\n\n  protected render () {\n    return html`${this.dialogs.map(dialog => html`\n        <solid-ui-dialog-provider\n            dialogId=\"${dialog.id}\"\n            @mounted=${(event) => dialog.setElement(event.detail)}\n        >\n            ${dialog.template}\n        </solid-ui-dialog-provider>\n    `)}`\n  }\n}\n"],"mappings":"8zIAOoDM,EAAA,CAEnDN,EAAAA,cAAc,uBAAuB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,OAE9B,EAAC,WA6BTwB,EAAAvB,cA9BwCX,EAAAA,OAAa,CAAAY,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAP,GAAAQ,EAAA,IAAA,EAAAC,EAAA,KAEf,CAAA,CAAE,EAAA,CAAA,CAAA,IAAAP,IAAA,CAAA,OAAAQ,EAAAV,EAAA,IAAA,CAAA,CAAA,IAAtBW,QAAOC,EAAA,CAAAC,EAAAb,EAAA,KAAAY,CAAA,CAAA,CAExBE,mBAA2B,CACzB,MAAMA,kBAAkB,EAExB,KAAKC,uBAAuBnB,EAAAA,gBAAgBoB,UAAYC,GAAU,CAChEA,EAAMC,yBAAyB,EAE/B,KAAKP,QAAU,CAAC,GAAG,KAAKA,QAASM,EAAME,MAAM,CAC/C,CAAC,EAED,KAAKJ,uBAAuBlB,EAAAA,iBAAiBmB,UAAYC,GAAU,CACjEA,EAAMC,yBAAyB,EAE/B,KAAKP,QAAU,KAAKA,QAAQS,OAAOD,GAAUA,EAAOE,KAAOJ,EAAMI,EAAE,CACrE,CAAC,CACH,CAEUC,QAAU,CAClB,MAAO5B,GAAAA,IAAI,GAAG,KAAKiB,QAAQY,IAAIJ,GAAUzB,EAAAA,IAAI;;wBAEzByB,EAAOE,GAAE;uBACTJ,GAAUE,EAAOK,WAAWP,EAAMQ,MAAM,EAAC;;cAEnDN,EAAOO,SAAQ;;KAExB,GACH,CACF,EAAC,CAAAE,EAAA,CAAAnB,EAAAD,GAAAqB,EAAA,CAAA9B,EAAA+B,IAAAC,EAAAJ,EAAA,CAAA,CAAAxB,EAAA,EAAA,SAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GA9BwCL,EAAAA,OAAY,EAAAqC,EAAA"}
+{"version":3,"file":"DialogsRoot.cjs.js","names":["customElement","WebComponent","html","state","ShowDialogEvent","CloseDialogEvent","_classDecs","_DialogsRoot","_A","WeakMap","_ref","_dialogsDecs","DialogsRoot","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_dialogs","_classPrivateFieldGet","dialogs","v","_classPrivateFieldSet","connectedCallback","addGlobalEventListener","eventName","event","stopImmediatePropagation","dialog","find","id","filter","closed","data","render","map","setElement","detail","template","_DialogsRoot2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/dialogs-root/DialogsRoot.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport Dialog from '@/lib/dialogs/Dialog'\nimport { ShowDialogEvent } from '@/lib/dialogs/events/show-dialog'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\n\nimport '@/components/dialog-provider/DialogProvider'\n\n@customElement('solid-ui-dialogs-root')\nexport default class DialogsRoot extends WebComponent {\n  @state()\n  private accessor dialogs: Dialog[] = []\n\n  connectedCallback (): void {\n    super.connectedCallback()\n\n    this.addGlobalEventListener(ShowDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      this.dialogs = [...this.dialogs, event.dialog]\n    })\n\n    this.addGlobalEventListener(CloseDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      const dialog = this.dialogs.find(dialog => dialog.id === event.id)\n      this.dialogs = this.dialogs.filter(dialog => dialog.id !== event.id)\n\n      dialog?.closed(event.data)\n    })\n  }\n\n  protected render () {\n    return html`${this.dialogs.map(dialog => html`\n        <solid-ui-dialog-provider\n            dialogId=\"${dialog.id}\"\n            @mounted=${(event) => dialog.setElement(event.detail)}\n        >\n            ${dialog.template}\n        </solid-ui-dialog-provider>\n    `)}`\n  }\n}\n"],"mappings":"8zIAOoDM,EAAA,CAEnDN,EAAAA,cAAc,uBAAuB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,OAE9B,EAAC,WAgCT2B,EAAA1B,cAjCwCX,EAAAA,OAAa,CAAAY,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAP,GAAAQ,EAAA,IAAA,EAAAC,EAAA,KAEf,CAAA,CAAE,EAAA,CAAA,CAAA,IAAAP,IAAA,CAAA,OAAAQ,EAAAV,EAAA,IAAA,CAAA,CAAA,IAAtBW,QAAOC,EAAA,CAAAC,EAAAb,EAAA,KAAAY,CAAA,CAAA,CAExBE,mBAA2B,CACzB,MAAMA,kBAAkB,EAExB,KAAKC,uBAAuBnB,EAAAA,gBAAgBoB,UAAYC,GAAU,CAChEA,EAAMC,yBAAyB,EAE/B,KAAKP,QAAU,CAAC,GAAG,KAAKA,QAASM,EAAME,MAAM,CAC/C,CAAC,EAED,KAAKJ,uBAAuBlB,EAAAA,iBAAiBmB,UAAYC,GAAU,CACjEA,EAAMC,yBAAyB,EAE/B,IAAMC,EAAS,KAAKR,QAAQS,KAAKD,GAAUA,EAAOE,KAAOJ,EAAMI,EAAE,EACjE,KAAKV,QAAU,KAAKA,QAAQW,OAAOH,GAAUA,EAAOE,KAAOJ,EAAMI,EAAE,EAEnEF,GAAQI,OAAON,EAAMO,IAAI,CAC3B,CAAC,CACH,CAEUC,QAAU,CAClB,MAAO/B,GAAAA,IAAI,GAAG,KAAKiB,QAAQe,IAAIP,GAAUzB,EAAAA,IAAI;;wBAEzByB,EAAOE,GAAE;uBACTJ,GAAUE,EAAOQ,WAAWV,EAAMW,MAAM,EAAC;;cAEnDT,EAAOU,SAAQ;;KAExB,GACH,CACF,EAAC,CAAAE,EAAA,CAAAtB,EAAAD,GAAAwB,EAAA,CAAAjC,EAAAkC,IAAAC,EAAAJ,EAAA,CAAA,CAAA3B,EAAA,EAAA,SAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAjCwCL,EAAAA,OAAY,EAAAwC,EAAA"}

package/dist/components/dialogs-root/DialogsRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/dialogs-root/DialogsRoot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAO9D,OAAO,6CAA6C,CAAA;AAGpD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,YAAY;IAEnD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAe;IAEvC,iBAAiB,IAAK,IAAI;IAgB1B,SAAS,CAAC,MAAM;CAUjB"}
+{"version":3,"file":"DialogsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/dialogs-root/DialogsRoot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAO9D,OAAO,6CAA6C,CAAA;AAGpD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,YAAY;IAEnD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAe;IAEvC,iBAAiB,IAAK,IAAI;IAmB1B,SAAS,CAAC,MAAM;CAUjB"}

package/dist/components/dialogs-root/DialogsRoot.esm.js

@@ -1,7 +1,7 @@
 import { customElement as e } from "../../lib/components/decorators.esm.js";
 import t from "../../lib/components/web-component/WebComponent.esm.js";
-import "../../lib/components/index.esm.js";
 import { CloseDialogEvent as n } from "../../lib/dialogs/events/close-dialog.esm.js";
+import "../../lib/components/index.esm.js";
 import { ShowDialogEvent as r } from "../../lib/dialogs/events/show-dialog.esm.js";
 import "../dialog-provider/DialogProvider.esm.js";
 import { html as i } from "lit";
@@ -184,7 +184,9 @@ f = (u = a(), "dialogs"), o = class extends t {
 		super.connectedCallback(), this.addGlobalEventListener(r.eventName, (e) => {
 			e.stopImmediatePropagation(), this.dialogs = [...this.dialogs, e.dialog];
 		}), this.addGlobalEventListener(n.eventName, (e) => {
-			e.stopImmediatePropagation(), this.dialogs = this.dialogs.filter((t) => t.id !== e.id);
+			e.stopImmediatePropagation();
+			let t = this.dialogs.find((t) => t.id === e.id);
+			this.dialogs = this.dialogs.filter((t) => t.id !== e.id), t?.closed(e.data);
 		});
 	}
 	render() {

package/dist/components/dialogs-root/DialogsRoot.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogsRoot.esm.js","names":["customElement","WebComponent","html","state","ShowDialogEvent","CloseDialogEvent","_classDecs","_DialogsRoot","_A","WeakMap","_ref","_dialogsDecs","DialogsRoot","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_dialogs","_classPrivateFieldGet","dialogs","v","_classPrivateFieldSet","connectedCallback","addGlobalEventListener","eventName","event","stopImmediatePropagation","dialog","filter","id","render","map","setElement","detail","template","_DialogsRoot2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/dialogs-root/DialogsRoot.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport Dialog from '@/lib/dialogs/Dialog'\nimport { ShowDialogEvent } from '@/lib/dialogs/events/show-dialog'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\n\nimport '@/components/dialog-provider/DialogProvider'\n\n@customElement('solid-ui-dialogs-root')\nexport default class DialogsRoot extends WebComponent {\n  @state()\n  private accessor dialogs: Dialog[] = []\n\n  connectedCallback (): void {\n    super.connectedCallback()\n\n    this.addGlobalEventListener(ShowDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      this.dialogs = [...this.dialogs, event.dialog]\n    })\n\n    this.addGlobalEventListener(CloseDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      this.dialogs = this.dialogs.filter(dialog => dialog.id !== event.id)\n    })\n  }\n\n  protected render () {\n    return html`${this.dialogs.map(dialog => html`\n        <solid-ui-dialog-provider\n            dialogId=\"${dialog.id}\"\n            @mounted=${(event) => dialog.setElement(event.detail)}\n        >\n            ${dialog.template}\n        </solid-ui-dialog-provider>\n    `)}`\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOoDM,IAAA,CAEnDN,EAAc,uBAAuB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAEpCR,EAAM,GAAC,YA6BTgC,IAAAvB,cA9BwCX,EAAa;CAAAY,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAP,IAAAQ,EAAA,IAAA,GAAAC,EAAA,MAEf,CAAA,CAAE,EAAA;CAAA;CAAA,KAAAP,KAAA;EAAA,OAAAQ,EAAAV,GAAA,IAAA;CAAA;CAAA,IAAtBW,QAAOC,GAAA;EAAAC,EAAAb,GAAA,MAAAY,CAAA;CAAA;CAExBE,oBAA2B;EASzB,AARA,MAAMA,kBAAkB,GAExB,KAAKC,uBAAuBnB,EAAgBoB,YAAYC,MAAU;GAGhE,AAFAA,EAAMC,yBAAyB,GAE/B,KAAKP,UAAU,CAAC,GAAG,KAAKA,SAASM,EAAME,MAAM;EAC/C,CAAC,GAED,KAAKJ,uBAAuBlB,EAAiBmB,YAAYC,MAAU;GAGjE,AAFAA,EAAMC,yBAAyB,GAE/B,KAAKP,UAAU,KAAKA,QAAQS,QAAOD,MAAUA,EAAOE,OAAOJ,EAAMI,EAAE;EACrE,CAAC;CACH;CAEUC,SAAU;EAClB,OAAO5B,CAAI,GAAG,KAAKiB,QAAQY,KAAIJ,MAAUzB,CAAI;;wBAEzByB,EAAOE,GAAE;wBACTJ,MAAUE,EAAOK,WAAWP,EAAMQ,MAAM,EAAC;;cAEnDN,EAAOO,SAAQ;;KAExB;CACH;AACF,GAAC,CAAAE,GAAA,CAAAnB,GAAAD,IAAAqB,GAAA,CAAA9B,GAAA+B,MAAAC,EAAAJ,GAAA,CAAA;CAAAxB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GA9BwCL,CAAY,GAAAqC,EAAA"}
+{"version":3,"file":"DialogsRoot.esm.js","names":["customElement","WebComponent","html","state","ShowDialogEvent","CloseDialogEvent","_classDecs","_DialogsRoot","_A","WeakMap","_ref","_dialogsDecs","DialogsRoot","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_dialogs","_classPrivateFieldGet","dialogs","v","_classPrivateFieldSet","connectedCallback","addGlobalEventListener","eventName","event","stopImmediatePropagation","dialog","find","id","filter","closed","data","render","map","setElement","detail","template","_DialogsRoot2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/dialogs-root/DialogsRoot.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport Dialog from '@/lib/dialogs/Dialog'\nimport { ShowDialogEvent } from '@/lib/dialogs/events/show-dialog'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\n\nimport '@/components/dialog-provider/DialogProvider'\n\n@customElement('solid-ui-dialogs-root')\nexport default class DialogsRoot extends WebComponent {\n  @state()\n  private accessor dialogs: Dialog[] = []\n\n  connectedCallback (): void {\n    super.connectedCallback()\n\n    this.addGlobalEventListener(ShowDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      this.dialogs = [...this.dialogs, event.dialog]\n    })\n\n    this.addGlobalEventListener(CloseDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      const dialog = this.dialogs.find(dialog => dialog.id === event.id)\n      this.dialogs = this.dialogs.filter(dialog => dialog.id !== event.id)\n\n      dialog?.closed(event.data)\n    })\n  }\n\n  protected render () {\n    return html`${this.dialogs.map(dialog => html`\n        <solid-ui-dialog-provider\n            dialogId=\"${dialog.id}\"\n            @mounted=${(event) => dialog.setElement(event.detail)}\n        >\n            ${dialog.template}\n        </solid-ui-dialog-provider>\n    `)}`\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOoDM,IAAA,CAEnDN,EAAc,uBAAuB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAEpCR,EAAM,GAAC,YAgCTmC,IAAA1B,cAjCwCX,EAAa;CAAAY,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAP,IAAAQ,EAAA,IAAA,GAAAC,EAAA,MAEf,CAAA,CAAE,EAAA;CAAA;CAAA,KAAAP,KAAA;EAAA,OAAAQ,EAAAV,GAAA,IAAA;CAAA;CAAA,IAAtBW,QAAOC,GAAA;EAAAC,EAAAb,GAAA,MAAAY,CAAA;CAAA;CAExBE,oBAA2B;EASzB,AARA,MAAMA,kBAAkB,GAExB,KAAKC,uBAAuBnB,EAAgBoB,YAAYC,MAAU;GAGhE,AAFAA,EAAMC,yBAAyB,GAE/B,KAAKP,UAAU,CAAC,GAAG,KAAKA,SAASM,EAAME,MAAM;EAC/C,CAAC,GAED,KAAKJ,uBAAuBlB,EAAiBmB,YAAYC,MAAU;GACjEA,EAAMC,yBAAyB;GAE/B,IAAMC,IAAS,KAAKR,QAAQS,MAAKD,MAAUA,EAAOE,OAAOJ,EAAMI,EAAE;GAGjEF,AAFA,KAAKR,UAAU,KAAKA,QAAQW,QAAOH,MAAUA,EAAOE,OAAOJ,EAAMI,EAAE,GAEnEF,GAAQI,OAAON,EAAMO,IAAI;EAC3B,CAAC;CACH;CAEUC,SAAU;EAClB,OAAO/B,CAAI,GAAG,KAAKiB,QAAQe,KAAIP,MAAUzB,CAAI;;wBAEzByB,EAAOE,GAAE;wBACTJ,MAAUE,EAAOQ,WAAWV,EAAMW,MAAM,EAAC;;cAEnDT,EAAOU,SAAQ;;KAExB;CACH;AACF,GAAC,CAAAE,GAAA,CAAAtB,GAAAD,IAAAwB,GAAA,CAAAjC,GAAAkC,MAAAC,EAAAJ,GAAA,CAAA;CAAA3B;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAjCwCL,CAAY,GAAAwC,EAAA"}

package/dist/components/dialogs-root.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/dialogs-root-C4igEIk0.js";
+import { n as e, t } from "../chunks/dialogs-root-BcUcRuAt.js";
 export { e as DialogsRoot, t as default };

package/dist/components/footer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/footer-CS8u8ycB.js";
+import { t as e } from "../chunks/footer-Bxe4WPgl.js";
 export { e as Footer };

package/dist/components/guard.js

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

package/dist/components/header.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/header-hptVqz21.js";
+import { t as e } from "../chunks/header-Bqd2CEK3.js";
 export { e as Header };

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-items/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("./provider/index.cjs.js"),require("./header/index.cjs.js"),require("./photo-capture/index.cjs.js"),require("./select/index.cjs.js");
+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("./provider/index.cjs.js"),require("./header/index.cjs.js"),require("./input/index.cjs.js"),require("./photo-capture/index.cjs.js"),require("./select/index.cjs.js"),require("./select-option/index.cjs.js");

package/dist/components/index.esm.js

@@ -10,7 +10,6 @@ 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-items/index.esm.js";
 import "./menu/index.esm.js";
 import "./signup-button/index.esm.js";
 import "./account/index.esm.js";
@@ -20,5 +19,7 @@ import "./footer/index.esm.js";
 import "./guard/index.esm.js";
 import "./provider/index.esm.js";
 import "./header/index.esm.js";
+import "./input/index.esm.js";
 import "./photo-capture/index.esm.js";
 import "./select/index.esm.js";
+import "./select-option/index.esm.js";

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

@@ -0,0 +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()}
+
+      <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>
+    `}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,"_Input",{enumerable:!0,get:function(){return K}});
+//# sourceMappingURL=Input.cjs.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,17 @@
+import { WebComponent } from '../../lib/components';
+export default class Input extends WebComponent {
+    static styles: import('lit').CSSResult;
+    static formAssociated: boolean;
+    accessor label: string;
+    accessor name: string;
+    accessor value: string;
+    accessor type: string;
+    accessor placeholder: string;
+    accessor required: boolean;
+    private accessor inputElement;
+    private inputTrait;
+    constructor();
+    protected render(): import('lit-html').TemplateResult<1>;
+    private onKeyDown;
+}
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +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"}