solid-ui 3.1.3-9 → 5.0.0-0

package/dist/lib/components/form-control-component/FormControlComponent.esm.js

@@ -0,0 +1,271 @@
+import e from "../web-component/WebComponent.esm.js";
+import "../web-component/index.esm.js";
+import t from "../traits/FormControlTrait.esm.js";
+import { property as n } from "lit/decorators.js";
+//#region src/lib/components/form-control-component/FormControlComponent.ts
+var r, i, a, o, s, c, l, u, d, f, p, m, h, g, _;
+function v(e, t, n) {
+	y(e, t), t.set(e, n);
+}
+function y(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function b(e, t, n) {
+	return (t = T(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function x(e, t, n) {
+	return e.set(C(e, t), n), n;
+}
+function S(e, t) {
+	return e.get(C(e, t));
+}
+function C(e, t, n) {
+	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+	throw TypeError("Private element is not present on this object");
+}
+function w(e, t, n, r, i, a) {
+	function 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: D(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || D(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
+			var T = _[w], E = n ? _[w - 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(T.call(E, C, k), "class decorators", "return")) && (C = 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), C = T.call(E, p ? {
+						get: b.get,
+						set: b.set
+					} : 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 = 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 O(t) === e;
+		}, u = /* @__PURE__ */ 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 : T(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 T(e) {
+	var t = E(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function E(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 D(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 O(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+var k = /*#__PURE__*/ new WeakMap(), A = /*#__PURE__*/ new WeakMap(), j = /*#__PURE__*/ new WeakMap(), M = /*#__PURE__*/ new WeakMap(), N = /*#__PURE__*/ new WeakMap(), P = /*#__PURE__*/ new WeakMap();
+_ = (a = n({
+	type: String,
+	reflect: !0
+}), s = n({
+	type: String,
+	reflect: !0
+}), l = n(), d = n({
+	type: String,
+	reflect: !0
+}), p = n({
+	type: Boolean,
+	reflect: !0
+}), h = n({
+	type: Boolean,
+	reflect: !0
+}), "formAssociated");
+var F = class extends e {
+	get label() {
+		return S(k, this);
+	}
+	set label(e) {
+		x(k, this, e);
+	}
+	get name() {
+		return S(A, this);
+	}
+	set name(e) {
+		x(A, this, e);
+	}
+	get value() {
+		return S(j, this);
+	}
+	set value(e) {
+		x(j, this, e);
+	}
+	get placeholder() {
+		return S(M, this);
+	}
+	set placeholder(e) {
+		x(M, this, e);
+	}
+	get required() {
+		return S(N, this);
+	}
+	set required(e) {
+		x(N, this, e);
+	}
+	get disabled() {
+		return S(P, this);
+	}
+	set disabled(e) {
+		x(P, this, e);
+	}
+	constructor() {
+		super(), v(this, k, (i(this), o(this, ""))), v(this, A, c(this, "")), v(this, j, u(this, null)), v(this, M, f(this, "")), v(this, N, m(this, !1)), v(this, P, g(this, !1)), b(this, "controlTrait", void 0), this.controlTrait = this.addTrait(new t(this, {
+			getControlElement: () => this.controlElement,
+			getInternals: () => this.getInternals()
+		}));
+	}
+};
+r = F, [o, c, u, f, m, g, i] = w(r, [
+	[
+		a,
+		1,
+		"label"
+	],
+	[
+		s,
+		1,
+		"name"
+	],
+	[
+		l,
+		1,
+		"value"
+	],
+	[
+		d,
+		1,
+		"placeholder"
+	],
+	[
+		p,
+		1,
+		"required"
+	],
+	[
+		h,
+		1,
+		"disabled"
+	]
+], [], 0, void 0, e).e, b(F, _, !0);
+//#endregion
+export { F as default };
+
+//# sourceMappingURL=FormControlComponent.esm.js.map

package/dist/lib/components/form-control-component/FormControlComponent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlComponent.esm.js","names":["WebComponent","property","FormControlTrait","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_placeholderDecs","_requiredDecs","Boolean","_disabledDecs","FormControlComponent","label","_classPrivateFieldGet","v","_classPrivateFieldSet","name","value","placeholder","required","disabled","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_placeholder","_init_required","_init_disabled","_defineProperty","controlTrait","addTrait","getControlElement","controlElement","getInternals","_FormControlComponent","_applyDecs","e","default"],"sources":["../../../../src/lib/components/form-control-component/FormControlComponent.ts"],"sourcesContent":["import { WebComponent } from '@/lib/components/web-component'\nimport { property } from 'lit/decorators.js'\nimport FormControlTrait, { FormControlValue } from '@/lib/components/traits/FormControlTrait'\n\nexport default abstract class FormControlComponent<T extends FormControlValue = FormControlValue> extends WebComponent {\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()\n  accessor value: T | null = null\n\n  @property({ type: String, reflect: true })\n  accessor placeholder = ''\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false\n\n  @property({ type: Boolean, reflect: true })\n  accessor disabled = false\n\n  protected controlTrait: FormControlTrait\n\n  protected abstract controlElement: HTMLInputElement | HTMLSelectElement | null\n\n  constructor () {\n    super()\n\n    this.controlTrait = this.addTrait(\n      new FormControlTrait(this, {\n        getControlElement: () => this.controlElement,\n        getInternals: () => this.getInternals(),\n      })\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/lib/components/form-control-component/index.cjs.js

@@ -0,0 +1 @@
+const e=require("./FormControlComponent.cjs.js");exports.FormControlComponent=e.default;

package/dist/lib/components/form-control-component/index.d.ts

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

package/dist/lib/components/form-control-component/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form-control-component/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,oBAAoB,EAAE,CAAA;AAC/B,eAAe,oBAAoB,CAAA"}

package/dist/lib/components/form-control-component/index.esm.js

@@ -0,0 +1,2 @@
+import e from "./FormControlComponent.esm.js";
+export { e as FormControlComponent };

package/dist/lib/components/ids.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ids.cjs.js","names":[],"sources":["../../../src/lib/components/ids.ts"],"sourcesContent":["export function generateId () {\n  return Math.random().toString(36).substring(2, 15)\n}\n"],"mappings":"AAAA,SAAgB,GAAc,CAC5B,OAAO,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,UAAU,EAAG,EAAE,CACnD"}
+{"version":3,"file":"ids.cjs.js","names":["generateId","Math","random","toString","substring"],"sources":["../../../src/lib/components/ids.ts"],"sourcesContent":["export function generateId () {\n  return Math.random().toString(36).substring(2, 15)\n}\n"],"mappings":"AAAA,SAAgBA,GAAc,CAC5B,OAAOC,KAAKC,OAAO,CAAC,CAACC,SAAS,EAAE,CAAC,CAACC,UAAU,EAAG,EAAE,CACnD"}

package/dist/lib/components/ids.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ids.esm.js","names":[],"sources":["../../../src/lib/components/ids.ts"],"sourcesContent":["export function generateId () {\n  return Math.random().toString(36).substring(2, 15)\n}\n"],"mappings":";AAAA,SAAgB,IAAc;CAC5B,OAAO,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,UAAU,GAAG,EAAE;AACnD"}
+{"version":3,"file":"ids.esm.js","names":["generateId","Math","random","toString","substring"],"sources":["../../../src/lib/components/ids.ts"],"sourcesContent":["export function generateId () {\n  return Math.random().toString(36).substring(2, 15)\n}\n"],"mappings":";AAAA,SAAgBA,IAAc;CAC5B,OAAOC,KAAKC,OAAO,CAAC,CAACC,SAAS,EAAE,CAAC,CAACC,UAAU,GAAG,EAAE;AACnD"}

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

@@ -1 +1 @@
-const e=require("./ids.cjs.js"),t=require("./decorators.cjs.js"),n=require("./web-component/WebComponent.cjs.js");require("./web-component/index.cjs.js");const r=require("./traits/DialogTrait.cjs.js"),i=require("./traits/InputTrait.cjs.js");require("./traits/index.cjs.js"),exports.DialogTrait=r.default,exports.InputTrait=i.default,exports.WebComponent=n.default,exports.customElement=t.customElement,exports.generateId=e.generateId;
+const e=require("./ids.cjs.js"),t=require("./decorators.cjs.js"),n=require("./traits/DialogTrait.cjs.js"),r=require("./web-component/WebComponent.cjs.js");require("./web-component/index.cjs.js");const i=require("./dialog-component/DialogComponent.cjs.js");require("./dialog-component/index.cjs.js");const a=require("./traits/FormControlTrait.cjs.js"),o=require("./form-control-component/FormControlComponent.cjs.js");require("./form-control-component/index.cjs.js"),require("./traits/index.cjs.js"),exports.DialogComponent=i.default,exports.DialogTrait=n.default,exports.FormControlComponent=o.default,exports.FormControlTrait=a.default,exports.WebComponent=r.default,exports.customElement=t.customElement,exports.generateId=e.generateId;

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

@@ -1,5 +1,7 @@
 export * from './decorators';
+export * from './dialog-component';
+export * from './form-control-component';
 export * from './ids';
-export * from './web-component';
 export * from './traits';
+export * from './web-component';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA"}

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

@@ -1,8 +1,12 @@
 import { generateId as e } from "./ids.esm.js";
 import { customElement as t } from "./decorators.esm.js";
-import n from "./web-component/WebComponent.esm.js";
+import n from "./traits/DialogTrait.esm.js";
+import r from "./web-component/WebComponent.esm.js";
 import "./web-component/index.esm.js";
-import r from "./traits/DialogTrait.esm.js";
-import i from "./traits/InputTrait.esm.js";
+import i from "./dialog-component/DialogComponent.esm.js";
+import "./dialog-component/index.esm.js";
+import a from "./traits/FormControlTrait.esm.js";
+import o from "./form-control-component/FormControlComponent.esm.js";
+import "./form-control-component/index.esm.js";
 import "./traits/index.esm.js";
-export { r as DialogTrait, i as InputTrait, n as WebComponent, t as customElement, e as generateId };
+export { i as DialogComponent, n as DialogTrait, o as FormControlComponent, a as FormControlTrait, r as WebComponent, t as customElement, e as generateId };

package/dist/lib/components/traits/DialogTrait.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../../dialogs/events/close-dialog.cjs.js");var t=class{target;config;constructor(e,t){this.target=e,this.config=t}close(t){window.dispatchEvent(new e.CloseDialogEvent(this.config.getContext().id,t))}};exports.default=t;
+const e=require("../../dialogs/events/close-dialog.cjs.js");function t(e,t,r){return(t=n(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(e){var t=r(e,`string`);return typeof t==`symbol`?t:t+``}function r(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)}var i=class{constructor(e,n){t(this,`target`,void 0),t(this,`config`,void 0),this.target=e,this.config=n}close(t){window.dispatchEvent(new e.CloseDialogEvent(this.config.getContext().id,t))}};exports.default=i;
 //# sourceMappingURL=DialogTrait.cjs.js.map

package/dist/lib/components/traits/DialogTrait.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTrait.cjs.js","names":[],"sources":["../../../../src/lib/components/traits/DialogTrait.ts"],"sourcesContent":["import { WebComponent } from '@/lib/components'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\nimport type { DialogContext } from '@/lib/dialogs/context'\n\nimport { WebComponentTrait } from './WebComponentTrait'\n\nexport interface DialogTraitConfig {\n  getContext: () => DialogContext\n}\n\nexport default class DialogTrait<T> implements WebComponentTrait {\n  public target: WebComponent\n  private config: DialogTraitConfig\n\n  constructor (target: WebComponent, config: DialogTraitConfig) {\n    this.target = target\n    this.config = config\n  }\n\n  close (data?: T) {\n    window.dispatchEvent(new CloseDialogEvent(this.config.getContext().id, data))\n  }\n}\n"],"mappings":"4DAUA,IAAqB,EAArB,KAAiE,CAC/D,OACA,OAEA,YAAa,EAAsB,EAA2B,CAC5D,KAAK,OAAS,EACd,KAAK,OAAS,CAChB,CAEA,MAAO,EAAU,CACf,OAAO,cAAc,IAAI,EAAA,iBAAiB,KAAK,OAAO,WAAW,CAAC,CAAC,GAAI,CAAI,CAAC,CAC9E,CACF"}
+{"version":3,"file":"DialogTrait.cjs.js","names":["CloseDialogEvent","DialogTrait","constructor","target","config","_defineProperty","close","data","window","dispatchEvent","getContext","id"],"sources":["../../../../src/lib/components/traits/DialogTrait.ts"],"sourcesContent":["import { WebComponent } from '@/lib/components'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\nimport type { DialogContext } from '@/lib/dialogs/context'\nimport type { GetDialogResult } from '@/lib/dialogs/helpers'\n\nimport { WebComponentTrait } from './WebComponentTrait'\n\nexport interface DialogTraitConfig {\n  getContext: () => DialogContext\n}\n\nexport default class DialogTrait<T> implements WebComponentTrait {\n  public target: WebComponent\n  private config: DialogTraitConfig\n\n  constructor (target: WebComponent, config: DialogTraitConfig) {\n    this.target = target\n    this.config = config\n  }\n\n  close (data?: GetDialogResult<T, T>) {\n    window.dispatchEvent(new CloseDialogEvent(this.config.getContext().id, data))\n  }\n}\n"],"mappings":"4fAWA,IAAqBC,EAArB,KAAiE,CAI/DC,YAAaC,EAAsBC,EAA2B,CAAAC,EAAA,KAAA,SAAA,IAAA,EAAA,EAAAA,EAAA,KAAA,SAAA,IAAA,EAAA,EAC5D,KAAKF,OAASA,EACd,KAAKC,OAASA,CAChB,CAEAE,MAAOC,EAA8B,CACnCC,OAAOC,cAAc,IAAIT,EAAAA,iBAAiB,KAAKI,OAAOM,WAAW,CAAC,CAACC,GAAIJ,CAAI,CAAC,CAC9E,CACF"}

package/dist/lib/components/traits/DialogTrait.d.ts

@@ -1,5 +1,6 @@
 import { WebComponent } from '..';
 import { DialogContext } from '../../dialogs/context';
+import { GetDialogResult } from '../../dialogs/helpers';
 import { WebComponentTrait } from './WebComponentTrait';
 export interface DialogTraitConfig {
     getContext: () => DialogContext;
@@ -8,6 +9,6 @@ export default class DialogTrait<T> implements WebComponentTrait {
     target: WebComponent;
     private config;
     constructor(target: WebComponent, config: DialogTraitConfig);
-    close(data?: T): void;
+    close(data?: GetDialogResult<T, T>): void;
 }
 //# sourceMappingURL=DialogTrait.d.ts.map

package/dist/lib/components/traits/DialogTrait.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTrait.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/traits/DialogTrait.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,aAAa,CAAA;CAChC;AAED,MAAM,CAAC,OAAO,OAAO,WAAW,CAAC,CAAC,CAAE,YAAW,iBAAiB;IACvD,MAAM,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,MAAM,CAAmB;gBAEpB,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,iBAAiB;IAK5D,KAAK,CAAE,IAAI,CAAC,EAAE,CAAC;CAGhB"}
+{"version":3,"file":"DialogTrait.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/traits/DialogTrait.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,aAAa,CAAA;CAChC;AAED,MAAM,CAAC,OAAO,OAAO,WAAW,CAAC,CAAC,CAAE,YAAW,iBAAiB;IACvD,MAAM,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,MAAM,CAAmB;gBAEpB,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,iBAAiB;IAK5D,KAAK,CAAE,IAAI,CAAC,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;CAGpC"}

package/dist/lib/components/traits/DialogTrait.esm.js

@@ -1,16 +1,36 @@
 import { CloseDialogEvent as e } from "../../dialogs/events/close-dialog.esm.js";
 //#region src/lib/components/traits/DialogTrait.ts
-var t = class {
-	target;
-	config;
-	constructor(e, t) {
-		this.target = e, this.config = t;
+function t(e, t, r) {
+	return (t = n(t)) in e ? Object.defineProperty(e, t, {
+		value: r,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = r, e;
+}
+function n(e) {
+	var t = r(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function r(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);
+}
+var i = class {
+	constructor(e, n) {
+		t(this, "target", void 0), t(this, "config", void 0), this.target = e, this.config = n;
 	}
 	close(t) {
 		window.dispatchEvent(new e(this.config.getContext().id, t));
 	}
 };
 //#endregion
-export { t as default };
+export { i as default };
 
 //# sourceMappingURL=DialogTrait.esm.js.map

package/dist/lib/components/traits/DialogTrait.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTrait.esm.js","names":[],"sources":["../../../../src/lib/components/traits/DialogTrait.ts"],"sourcesContent":["import { WebComponent } from '@/lib/components'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\nimport type { DialogContext } from '@/lib/dialogs/context'\n\nimport { WebComponentTrait } from './WebComponentTrait'\n\nexport interface DialogTraitConfig {\n  getContext: () => DialogContext\n}\n\nexport default class DialogTrait<T> implements WebComponentTrait {\n  public target: WebComponent\n  private config: DialogTraitConfig\n\n  constructor (target: WebComponent, config: DialogTraitConfig) {\n    this.target = target\n    this.config = config\n  }\n\n  close (data?: T) {\n    window.dispatchEvent(new CloseDialogEvent(this.config.getContext().id, data))\n  }\n}\n"],"mappings":";;AAUA,IAAqB,IAArB,MAAiE;CAC/D;CACA;CAEA,YAAa,GAAsB,GAA2B;EAE5D,AADA,KAAK,SAAS,GACd,KAAK,SAAS;CAChB;CAEA,MAAO,GAAU;EACf,OAAO,cAAc,IAAI,EAAiB,KAAK,OAAO,WAAW,CAAC,CAAC,IAAI,CAAI,CAAC;CAC9E;AACF"}
+{"version":3,"file":"DialogTrait.esm.js","names":["CloseDialogEvent","DialogTrait","constructor","target","config","_defineProperty","close","data","window","dispatchEvent","getContext","id"],"sources":["../../../../src/lib/components/traits/DialogTrait.ts"],"sourcesContent":["import { WebComponent } from '@/lib/components'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\nimport type { DialogContext } from '@/lib/dialogs/context'\nimport type { GetDialogResult } from '@/lib/dialogs/helpers'\n\nimport { WebComponentTrait } from './WebComponentTrait'\n\nexport interface DialogTraitConfig {\n  getContext: () => DialogContext\n}\n\nexport default class DialogTrait<T> implements WebComponentTrait {\n  public target: WebComponent\n  private config: DialogTraitConfig\n\n  constructor (target: WebComponent, config: DialogTraitConfig) {\n    this.target = target\n    this.config = config\n  }\n\n  close (data?: GetDialogResult<T, T>) {\n    window.dispatchEvent(new CloseDialogEvent(this.config.getContext().id, data))\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAqBC,IAArB,MAAiE;CAI/DC,YAAaC,GAAsBC,GAA2B;EAE5D,AAF4DC,EAAA,MAAA,UAAA,KAAA,CAAA,GAAAA,EAAA,MAAA,UAAA,KAAA,CAAA,GAC5D,KAAKF,SAASA,GACd,KAAKC,SAASA;CAChB;CAEAE,MAAOC,GAA8B;EACnCC,OAAOC,cAAc,IAAIT,EAAiB,KAAKI,OAAOM,WAAW,CAAC,CAACC,IAAIJ,CAAI,CAAC;CAC9E;AACF"}

package/dist/lib/components/traits/FormControlTrait.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../ids.cjs.js");require("../index.cjs.js");let t=require("lit");function n(e,t,n){return(t=r(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e){var t=i(e,`string`);return typeof t==`symbol`?t:t+``}function i(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)}var a=class{constructor(t,r){n(this,`controlId`,void 0),n(this,`labelId`,void 0),n(this,`target`,void 0),n(this,`config`,void 0),this.config=r,this.controlId=`control-${e.generateId()}`,this.labelId=`label-${this.controlId}`,this.target=t}firstUpdated(){this.config.getInternals().setFormValue(this.target.value??``),this.updateValidity()}updated(e){(e.has(`value`)||e.has(`required`))&&this.updateValidity()}formResetCallback(){this.target.value=``,this.config.getInternals().setFormValue(``),this.updateValidity()}renderLabel(){return this.target.label?t.html`<label id="${this.labelId}" for="${this.controlId}">${this.target.label}</label>`:t.nothing}onInput(){this.setValue(this.config.getControlElement()?.value??null)}onSubmit(){this.config.getInternals().form?.requestSubmit()}setValue(e){this.target.value=e,this.config.getInternals().setFormValue(this.target.value??``),this.target.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0}))}updateValidity(){let e=this.config.getInternals();this.target.required&&(this.target.value??``)===``?e.setValidity({valueMissing:!0},`Please fill out this field.`,this.config.getControlElement()??void 0):e.setValidity({})}};exports.default=a;
+//# sourceMappingURL=FormControlTrait.cjs.js.map

package/dist/lib/components/traits/FormControlTrait.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlTrait.cjs.js","names":["html","nothing","generateId","FormControlTrait","constructor","target","config","_defineProperty","controlId","labelId","firstUpdated","getInternals","setFormValue","value","updateValidity","updated","changedProperties","has","formResetCallback","renderLabel","label","onInput","setValue","getControlElement","onSubmit","form","requestSubmit","dispatchEvent","InputEvent","bubbles","composed","internals","required","setValidity","valueMissing","undefined"],"sources":["../../../../src/lib/components/traits/FormControlTrait.ts"],"sourcesContent":["import { WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\n\nimport { generateId } from '@/lib/components'\n\nimport type { WebComponentTrait } from './WebComponentTrait'\n\nexport type FormControlValue = string | File | FormData | null\n\nexport type FormControlTraitTarget = WebComponent & {\n  name: string;\n  label: string;\n  required: boolean;\n  disabled: boolean;\n  value: FormControlValue;\n}\n\nexport interface FormControlTraitConfig {\n  getControlElement(): HTMLInputElement | HTMLSelectElement | null\n  getInternals(): ElementInternals\n}\n\nexport default class FormControlTrait implements WebComponentTrait {\n  public controlId: string\n  public labelId: string\n  public target: FormControlTraitTarget\n  private config: FormControlTraitConfig\n\n  constructor (target: FormControlTraitTarget, config: FormControlTraitConfig) {\n    this.config = config\n    this.controlId = `control-${generateId()}`\n    this.labelId = `label-${this.controlId}`\n    this.target = target\n  }\n\n  firstUpdated () {\n    this.config.getInternals().setFormValue(this.target.value ?? '')\n    this.updateValidity()\n  }\n\n  updated (changedProperties: Map<PropertyKey, unknown>) {\n    if (changedProperties.has('value') || changedProperties.has('required')) {\n      this.updateValidity()\n    }\n  }\n\n  formResetCallback () {\n    this.target.value = ''\n    this.config.getInternals().setFormValue('')\n    this.updateValidity()\n  }\n\n  renderLabel () {\n    return this.target.label\n      ? html`<label id=\"${this.labelId}\" for=\"${this.controlId}\">${this.target.label}</label>`\n      : nothing\n  }\n\n  onInput () {\n    this.setValue(this.config.getControlElement()?.value ?? null)\n  }\n\n  onSubmit () {\n    this.config.getInternals().form?.requestSubmit()\n  }\n\n  setValue (value: FormControlValue) {\n    this.target.value = value\n\n    this.config.getInternals().setFormValue(this.target.value ?? '')\n    this.target.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }))\n  }\n\n  private updateValidity () {\n    const internals = this.config.getInternals()\n\n    if (this.target.required && (this.target.value ?? '') === '') {\n      internals.setValidity(\n        { valueMissing: true },\n        'Please fill out this field.',\n        this.config.getControlElement() ?? undefined\n      )\n    } else {\n      internals.setValidity({})\n    }\n  }\n}\n"],"mappings":"ihBAsBA,IAAqBG,EAArB,KAAmE,CAMjEC,YAAaC,EAAgCC,EAAgC,CAAAC,EAAA,KAAA,YAAA,IAAA,EAAA,EAAAA,EAAA,KAAA,UAAA,IAAA,EAAA,EAAAA,EAAA,KAAA,SAAA,IAAA,EAAA,EAAAA,EAAA,KAAA,SAAA,IAAA,EAAA,EAC3E,KAAKD,OAASA,EACd,KAAKE,UAAY,WAAWN,EAAAA,WAAW,IACvC,KAAKO,QAAU,SAAS,KAAKD,YAC7B,KAAKH,OAASA,CAChB,CAEAK,cAAgB,CACd,KAAKJ,OAAOK,aAAa,CAAC,CAACC,aAAa,KAAKP,OAAOQ,OAAS,EAAE,EAC/D,KAAKC,eAAe,CACtB,CAEAC,QAASC,EAA8C,EACjDA,EAAkBC,IAAI,OAAO,GAAKD,EAAkBC,IAAI,UAAU,IACpE,KAAKH,eAAe,CAExB,CAEAI,mBAAqB,CACnB,KAAKb,OAAOQ,MAAQ,GACpB,KAAKP,OAAOK,aAAa,CAAC,CAACC,aAAa,EAAE,EAC1C,KAAKE,eAAe,CACtB,CAEAK,aAAe,CACb,OAAO,KAAKd,OAAOe,MACfpB,EAAAA,IAAI,cAAc,KAAKS,QAAO,SAAU,KAAKD,UAAS,IAAK,KAAKH,OAAOe,MAAK,UAC5EnB,EAAAA,OACN,CAEAoB,SAAW,CACT,KAAKC,SAAS,KAAKhB,OAAOiB,kBAAkB,CAAC,EAAEV,OAAS,IAAI,CAC9D,CAEAW,UAAY,CACV,KAAKlB,OAAOK,aAAa,CAAC,CAACc,MAAMC,cAAc,CACjD,CAEAJ,SAAUT,EAAyB,CACjC,KAAKR,OAAOQ,MAAQA,EAEpB,KAAKP,OAAOK,aAAa,CAAC,CAACC,aAAa,KAAKP,OAAOQ,OAAS,EAAE,EAC/D,KAAKR,OAAOsB,cAAc,IAAIC,WAAW,QAAS,CAAEC,QAAS,GAAMC,SAAU,EAAK,CAAC,CAAC,CACtF,CAEQhB,gBAAkB,CACxB,IAAMiB,EAAY,KAAKzB,OAAOK,aAAa,EAEvC,KAAKN,OAAO2B,WAAa,KAAK3B,OAAOQ,OAAS,MAAQ,GACxDkB,EAAUE,YACR,CAAEC,aAAc,EAAK,EACrB,8BACA,KAAK5B,OAAOiB,kBAAkB,GAAKY,IAAAA,EACrC,EAEAJ,EAAUE,YAAY,CAAC,CAAC,CAE5B,CACF"}

package/dist/lib/components/traits/FormControlTrait.d.ts

@@ -0,0 +1,31 @@
+import { WebComponent } from '..';
+import { nothing } from 'lit';
+import { WebComponentTrait } from './WebComponentTrait';
+export type FormControlValue = string | File | FormData | null;
+export type FormControlTraitTarget = WebComponent & {
+    name: string;
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    value: FormControlValue;
+};
+export interface FormControlTraitConfig {
+    getControlElement(): HTMLInputElement | HTMLSelectElement | null;
+    getInternals(): ElementInternals;
+}
+export default class FormControlTrait implements WebComponentTrait {
+    controlId: string;
+    labelId: string;
+    target: FormControlTraitTarget;
+    private config;
+    constructor(target: FormControlTraitTarget, config: FormControlTraitConfig);
+    firstUpdated(): void;
+    updated(changedProperties: Map<PropertyKey, unknown>): void;
+    formResetCallback(): void;
+    renderLabel(): import('lit-html').TemplateResult<1> | typeof nothing;
+    onInput(): void;
+    onSubmit(): void;
+    setValue(value: FormControlValue): void;
+    private updateValidity;
+}
+//# sourceMappingURL=FormControlTrait.d.ts.map

package/dist/lib/components/traits/FormControlTrait.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlTrait.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/traits/FormControlTrait.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;AAInC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAA;AAE9D,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,iBAAiB,IAAI,gBAAgB,GAAG,iBAAiB,GAAG,IAAI,CAAA;IAChE,YAAY,IAAI,gBAAgB,CAAA;CACjC;AAED,MAAM,CAAC,OAAO,OAAO,gBAAiB,YAAW,iBAAiB;IACzD,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,sBAAsB,CAAA;IACrC,OAAO,CAAC,MAAM,CAAwB;gBAEzB,MAAM,EAAE,sBAAsB,EAAE,MAAM,EAAE,sBAAsB;IAO3E,YAAY;IAKZ,OAAO,CAAE,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMrD,iBAAiB;IAMjB,WAAW;IAMX,OAAO;IAIP,QAAQ;IAIR,QAAQ,CAAE,KAAK,EAAE,gBAAgB;IAOjC,OAAO,CAAC,cAAc;CAavB"}

package/dist/lib/components/traits/FormControlTrait.esm.js

@@ -0,0 +1,63 @@
+import { generateId as e } from "../ids.esm.js";
+import "../index.esm.js";
+import { html as t, nothing as n } from "lit";
+//#region src/lib/components/traits/FormControlTrait.ts
+function r(e, t, n) {
+	return (t = i(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function i(e) {
+	var t = a(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function a(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);
+}
+var o = class {
+	constructor(t, n) {
+		r(this, "controlId", void 0), r(this, "labelId", void 0), r(this, "target", void 0), r(this, "config", void 0), this.config = n, this.controlId = `control-${e()}`, this.labelId = `label-${this.controlId}`, this.target = t;
+	}
+	firstUpdated() {
+		this.config.getInternals().setFormValue(this.target.value ?? ""), this.updateValidity();
+	}
+	updated(e) {
+		(e.has("value") || e.has("required")) && this.updateValidity();
+	}
+	formResetCallback() {
+		this.target.value = "", this.config.getInternals().setFormValue(""), this.updateValidity();
+	}
+	renderLabel() {
+		return this.target.label ? t`<label id="${this.labelId}" for="${this.controlId}">${this.target.label}</label>` : n;
+	}
+	onInput() {
+		this.setValue(this.config.getControlElement()?.value ?? null);
+	}
+	onSubmit() {
+		this.config.getInternals().form?.requestSubmit();
+	}
+	setValue(e) {
+		this.target.value = e, this.config.getInternals().setFormValue(this.target.value ?? ""), this.target.dispatchEvent(new InputEvent("input", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	updateValidity() {
+		let e = this.config.getInternals();
+		this.target.required && (this.target.value ?? "") === "" ? e.setValidity({ valueMissing: !0 }, "Please fill out this field.", this.config.getControlElement() ?? void 0) : e.setValidity({});
+	}
+};
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=FormControlTrait.esm.js.map

package/dist/lib/components/traits/FormControlTrait.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlTrait.esm.js","names":["html","nothing","generateId","FormControlTrait","constructor","target","config","_defineProperty","controlId","labelId","firstUpdated","getInternals","setFormValue","value","updateValidity","updated","changedProperties","has","formResetCallback","renderLabel","label","onInput","setValue","getControlElement","onSubmit","form","requestSubmit","dispatchEvent","InputEvent","bubbles","composed","internals","required","setValidity","valueMissing","undefined"],"sources":["../../../../src/lib/components/traits/FormControlTrait.ts"],"sourcesContent":["import { WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\n\nimport { generateId } from '@/lib/components'\n\nimport type { WebComponentTrait } from './WebComponentTrait'\n\nexport type FormControlValue = string | File | FormData | null\n\nexport type FormControlTraitTarget = WebComponent & {\n  name: string;\n  label: string;\n  required: boolean;\n  disabled: boolean;\n  value: FormControlValue;\n}\n\nexport interface FormControlTraitConfig {\n  getControlElement(): HTMLInputElement | HTMLSelectElement | null\n  getInternals(): ElementInternals\n}\n\nexport default class FormControlTrait implements WebComponentTrait {\n  public controlId: string\n  public labelId: string\n  public target: FormControlTraitTarget\n  private config: FormControlTraitConfig\n\n  constructor (target: FormControlTraitTarget, config: FormControlTraitConfig) {\n    this.config = config\n    this.controlId = `control-${generateId()}`\n    this.labelId = `label-${this.controlId}`\n    this.target = target\n  }\n\n  firstUpdated () {\n    this.config.getInternals().setFormValue(this.target.value ?? '')\n    this.updateValidity()\n  }\n\n  updated (changedProperties: Map<PropertyKey, unknown>) {\n    if (changedProperties.has('value') || changedProperties.has('required')) {\n      this.updateValidity()\n    }\n  }\n\n  formResetCallback () {\n    this.target.value = ''\n    this.config.getInternals().setFormValue('')\n    this.updateValidity()\n  }\n\n  renderLabel () {\n    return this.target.label\n      ? html`<label id=\"${this.labelId}\" for=\"${this.controlId}\">${this.target.label}</label>`\n      : nothing\n  }\n\n  onInput () {\n    this.setValue(this.config.getControlElement()?.value ?? null)\n  }\n\n  onSubmit () {\n    this.config.getInternals().form?.requestSubmit()\n  }\n\n  setValue (value: FormControlValue) {\n    this.target.value = value\n\n    this.config.getInternals().setFormValue(this.target.value ?? '')\n    this.target.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }))\n  }\n\n  private updateValidity () {\n    const internals = this.config.getInternals()\n\n    if (this.target.required && (this.target.value ?? '') === '') {\n      internals.setValidity(\n        { valueMissing: true },\n        'Please fill out this field.',\n        this.config.getControlElement() ?? undefined\n      )\n    } else {\n      internals.setValidity({})\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAqBG,IAArB,MAAmE;CAMjEC,YAAaC,GAAgCC,GAAgC;EAI3E,AAJ2EC,EAAA,MAAA,aAAA,KAAA,CAAA,GAAAA,EAAA,MAAA,WAAA,KAAA,CAAA,GAAAA,EAAA,MAAA,UAAA,KAAA,CAAA,GAAAA,EAAA,MAAA,UAAA,KAAA,CAAA,GAC3E,KAAKD,SAASA,GACd,KAAKE,YAAY,WAAWN,EAAW,KACvC,KAAKO,UAAU,SAAS,KAAKD,aAC7B,KAAKH,SAASA;CAChB;CAEAK,eAAgB;EAEd,AADA,KAAKJ,OAAOK,aAAa,CAAC,CAACC,aAAa,KAAKP,OAAOQ,SAAS,EAAE,GAC/D,KAAKC,eAAe;CACtB;CAEAC,QAASC,GAA8C;EACrD,CAAIA,EAAkBC,IAAI,OAAO,KAAKD,EAAkBC,IAAI,UAAU,MACpE,KAAKH,eAAe;CAExB;CAEAI,oBAAqB;EAGnB,AAFA,KAAKb,OAAOQ,QAAQ,IACpB,KAAKP,OAAOK,aAAa,CAAC,CAACC,aAAa,EAAE,GAC1C,KAAKE,eAAe;CACtB;CAEAK,cAAe;EACb,OAAO,KAAKd,OAAOe,QACfpB,CAAI,cAAc,KAAKS,QAAO,SAAU,KAAKD,UAAS,IAAK,KAAKH,OAAOe,MAAK,YAC5EnB;CACN;CAEAoB,UAAW;EACT,KAAKC,SAAS,KAAKhB,OAAOiB,kBAAkB,CAAC,EAAEV,SAAS,IAAI;CAC9D;CAEAW,WAAY;EACV,KAAKlB,OAAOK,aAAa,CAAC,CAACc,MAAMC,cAAc;CACjD;CAEAJ,SAAUT,GAAyB;EAIjC,AAHA,KAAKR,OAAOQ,QAAQA,GAEpB,KAAKP,OAAOK,aAAa,CAAC,CAACC,aAAa,KAAKP,OAAOQ,SAAS,EAAE,GAC/D,KAAKR,OAAOsB,cAAc,IAAIC,WAAW,SAAS;GAAEC,SAAS;GAAMC,UAAU;EAAK,CAAC,CAAC;CACtF;CAEQhB,iBAAkB;EACxB,IAAMiB,IAAY,KAAKzB,OAAOK,aAAa;EAE3C,AAAI,KAAKN,OAAO2B,aAAa,KAAK3B,OAAOQ,SAAS,QAAQ,KACxDkB,EAAUE,YACR,EAAEC,cAAc,GAAK,GACrB,+BACA,KAAK5B,OAAOiB,kBAAkB,KAAKY,KAAAA,CACrC,IAEAJ,EAAUE,YAAY,CAAC,CAAC;CAE5B;AACF"}

package/dist/lib/components/traits/index.cjs.js

@@ -1 +1 @@
-const e=require("./DialogTrait.cjs.js"),t=require("./InputTrait.cjs.js");exports.DialogTrait=e.default,exports.InputTrait=t.default;
+const e=require("./DialogTrait.cjs.js"),t=require("./FormControlTrait.cjs.js");exports.DialogTrait=e.default,exports.FormControlTrait=t.default;

package/dist/lib/components/traits/index.d.ts

@@ -1,6 +1,6 @@
 export * from './DialogTrait';
-export * from './InputTrait';
+export * from './FormControlTrait';
 export * from './WebComponentTrait';
 export { default as DialogTrait } from './DialogTrait';
-export { default as InputTrait } from './InputTrait';
+export { default as FormControlTrait } from './FormControlTrait';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/traits/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/traits/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/lib/components/traits/index.esm.js

@@ -1,3 +1,3 @@
 import e from "./DialogTrait.esm.js";
-import t from "./InputTrait.esm.js";
-export { e as DialogTrait, t as InputTrait };
+import t from "./FormControlTrait.esm.js";
+export { e as DialogTrait, t as FormControlTrait };

package/dist/lib/components/web-component/WebComponent.cjs.js

@@ -1,2 +1,2 @@
-const e=require("./WebComponent.styles.cjs.js");let t=require("lit");var n=class extends t.LitElement{static states;static finalizeStyles(t){return[e.default,...super.finalizeStyles(t)]}internals;globalListeners=[];traits=[];disconnectedCallback(){super.disconnectedCallback();for(let[e,t]of this.globalListeners)window.removeEventListener(e,t);this.globalListeners=[]}addTrait(e){return this.traits.push(e),e}firstUpdated(){this.forwardMethodCall(`firstUpdated`)}updated(e){this.forwardMethodCall(`updated`,e)}formResetCallback(){this.forwardMethodCall(`formResetCallback`)}willUpdate(e){super.willUpdate(e);let t=this.static().states;if(t)for(let[e,n]of Object.entries(t))this.toggleAttribute(`data-state-${e}`,!!n(this))}addGlobalEventListener(e,t){this.globalListeners.push([e,t]),window.addEventListener(e,t)}render(){return t.html`<slot></slot>`}getInternals(){return this.internals??=this.attachInternals(),this.internals}static(){return this.constructor}forwardMethodCall(e,...t){for(let n of this.traits)n[e]?.(...t)}};exports.default=n;
+const e=require("./WebComponent.styles.cjs.js");let t=require("lit");function n(e,t,n){return(t=r(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e){var t=i(e,`string`);return typeof t==`symbol`?t:t+``}function i(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)}var a=Symbol(`WebComponentMetadata`),o=class extends t.LitElement{constructor(...e){super(...e),n(this,a,void 0),n(this,`internals`,void 0),n(this,`globalListeners`,[]),n(this,`traits`,[])}static finalizeStyles(t){let n=super.finalizeStyles(t);return[e.default,...n]}disconnectedCallback(){super.disconnectedCallback();for(let[e,t]of this.globalListeners)window.removeEventListener(e,t);this.globalListeners=[]}addTrait(e){return this.traits.push(e),e}firstUpdated(){this.forwardMethodCall(`firstUpdated`)}updated(e){this.forwardMethodCall(`updated`,e)}formResetCallback(){this.forwardMethodCall(`formResetCallback`)}willUpdate(e){super.willUpdate(e);let t=this.static().states;if(t)for(let[e,n]of Object.entries(t))this.toggleAttribute(`data-state-${e}`,!!n(this))}addGlobalEventListener(e,t){this.globalListeners.push([e,t]),window.addEventListener(e,t)}render(){return t.html`<slot></slot>`}getInternals(){return this.internals??=this.attachInternals(),this.internals}static(){return this.constructor}forwardMethodCall(e,...t){for(let n of this.traits)n[e]?.(...t)}};n(o,`states`,void 0),exports.default=o;
 //# sourceMappingURL=WebComponent.cjs.js.map