solid-ui 3.1.3-9 → 5.0.0-0

package/dist/chunks/{input-BF224Jid.js → input-BIhn_8nf.js}

@@ -1,33 +1,32 @@
-import { a as e, i as t, t as n } from "./components-C1LEhsaK.js";
-import { c as r, i } from "./lit-C4H1jI4q.js";
-import { r as a, t as o } from "./decorators-BiCkPd_3.js";
+import { g as e, i as t, p as n, t as r, u as i } from "./components-BHoVP7zE.js";
+import { t as a } from "./query-BYu9q8lA.js";
 //#region src/components/input/Input.styles.css
-var s = r`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex;& label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}& .input-wrapper{width:100%;position:relative;& input{border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;background:#fff;border-radius:5px;padding:10px}}}`, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P, F;
-function I(e, t, n) {
-	L(e, t), t.set(e, n);
+var o = n`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex;& label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}& .input-wrapper{width:100%;position:relative;& input{border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;background:#fff;border-radius:5px;padding:10px}& input:read-only{cursor:not-allowed;border:none;padding:0}}}`, s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O;
+function k(e, t, n) {
+	A(e, t), t.set(e, n);
 }
-function L(e, t) {
+function A(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function R(e, t, n) {
-	return e.set(B(e, t), n), n;
+function j(e, t, n) {
+	return e.set(N(e, t), n), n;
 }
-function z(e, t) {
-	return e.get(B(e, t));
+function M(e, t) {
+	return e.get(N(e, t));
 }
-function B(e, t, n) {
+function N(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) {
-	return (t = U(t)) in e ? Object.defineProperty(e, t, {
+function P(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 H(e, t, n, r, i, a) {
+function F(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -50,13 +49,13 @@ function H(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: G(function() {
+				get: R(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || G(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || R(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 = {
@@ -116,7 +115,7 @@ function H(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 K(t) === e;
+			return z(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -130,7 +129,7 @@ function H(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 : U(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : I(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -143,11 +142,11 @@ function H(e, t, n, r, i, a) {
 		}
 	};
 }
-function U(e) {
-	var t = W(e, "string");
+function I(e) {
+	var t = L(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function W(e, t) {
+function L(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -157,7 +156,7 @@ function W(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function G(e, t, n) {
+function R(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -167,145 +166,118 @@ function G(e, t, n) {
 	} catch {}
 	return e;
 }
-function K(e) {
+function z(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 q(e) {
+function B(e) {
 	return e;
 }
-y = [e("solid-ui-input")];
-var J;
-new (P = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), F = (b = a({
+g = [e("solid-ui-input")];
+var V;
+new (D = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), O = (_ = t({
 	type: String,
 	reflect: !0
-}), S = a({
+}), y = t({
 	type: String,
 	reflect: !0
-}), w = a({ type: String }), E = a({
-	type: String,
-	reflect: !0
-}), O = a({
-	type: String,
+}), x = t({
+	type: Boolean,
 	reflect: !0
-}), A = a({
+}), C = t({
 	type: Boolean,
 	reflect: !0
-}), M = o("input"), "label"), l = class extends t {
-	get [F]() {
-		return z(u, this);
-	}
-	set label(e) {
-		R(u, this, e);
-	}
-	get name() {
-		return z(d, this);
-	}
-	set name(e) {
-		R(d, this, e);
+}), T = a("input"), "type"), c = class extends r {
+	constructor(...e) {
+		super(...e), k(this, l, (m(this), v(this, "text"))), k(this, u, b(this, "")), k(this, d, S(this, !1)), k(this, f, w(this, !1)), k(this, p, E(this, null));
 	}
-	get value() {
-		return z(f, this);
-	}
-	set value(e) {
-		R(f, this, e);
-	}
-	get type() {
-		return z(p, this);
+	get [O]() {
+		return M(l, this);
 	}
 	set type(e) {
-		R(p, this, e);
+		j(l, this, e);
 	}
 	get placeholder() {
-		return z(m, this);
+		return M(u, this);
 	}
 	set placeholder(e) {
-		R(m, this, e);
+		j(u, this, e);
 	}
 	get required() {
-		return z(h, this);
+		return M(d, this);
 	}
 	set required(e) {
-		R(h, this, e);
+		j(d, this, e);
 	}
-	get inputElement() {
-		return z(g, this);
+	get readonly() {
+		return M(f, this);
 	}
-	set inputElement(e) {
-		R(g, this, e);
+	set readonly(e) {
+		j(f, this, e);
 	}
-	constructor() {
-		super(), I(this, u, (_(this), x(this, ""))), I(this, d, C(this, "")), I(this, f, T(this, "")), I(this, p, D(this, "text")), I(this, m, k(this, "")), I(this, h, j(this, !1)), I(this, g, N(this, null)), V(this, "inputTrait", void 0), this.inputTrait = this.addTrait(new n(this, {
-			getInputElement: () => this.inputElement,
-			getInternals: () => this.getInternals()
-		}));
+	get controlElement() {
+		return M(p, this);
+	}
+	set controlElement(e) {
+		j(p, this, e);
 	}
 	render() {
 		return i`
-      ${this.inputTrait.renderLabel()}
+      ${this.controlTrait.renderLabel()}
 
       <div class="input-wrapper">
         <input
-          id=${this.inputTrait.inputId}
+          id=${this.controlTrait.controlId}
           type=${this.type}
           name=${this.name}
           placeholder=${this.placeholder}
           ?required=${this.required}
           .value=${this.value}
-          @input=${() => this.inputTrait.onInput()}
+          ?readonly=${this.readonly}
+          @input=${() => this.controlTrait.onInput()}
           @keydown=${this.onKeyDown}
         />
       </div>
     `;
 	}
 	onKeyDown(e) {
-		e.key === "Enter" && (e.preventDefault(), this.inputTrait.onSubmit());
+		e.key === "Enter" && (e.preventDefault(), this.controlTrait.onSubmit());
 	}
-}, {e: [x, C, T, D, k, j, N, _], c: [J, v]} = H(l, [
-	[
-		b,
-		1,
-		"label"
-	],
-	[
-		S,
-		1,
-		"name"
-	],
+}, {e: [v, b, S, w, E, m], c: [V, h]} = F(c, [
 	[
-		w,
-		1,
-		"value"
-	],
-	[
-		E,
+		_,
 		1,
 		"type"
 	],
 	[
-		O,
+		y,
 		1,
 		"placeholder"
 	],
 	[
-		A,
+		x,
 		1,
 		"required"
 	],
 	[
-		M,
+		C,
+		1,
+		"readonly"
+	],
+	[
+		T,
 		1,
-		"inputElement"
+		"controlElement"
 	]
-], y, 0, void 0, t), l), c = class extends q {
+], g, 0, void 0, r), c), s = class extends B {
 	constructor() {
-		super(J), V(this, "styles", s), V(this, "formAssociated", !0), v();
+		super(V), P(this, "styles", o), h();
 	}
-}, V(c, P, void 0), c)();
+}, P(s, D, void 0), s)();
 //#endregion
 //#region src/components/input/index.ts
-var Y = J;
+var H = V;
 //#endregion
-export { J as n, Y as t };
+export { V as n, H as t };
 
-//# sourceMappingURL=input-BF224Jid.js.map
+//# sourceMappingURL=input-BIhn_8nf.js.map

package/dist/chunks/input-BIhn_8nf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-BIhn_8nf.js","names":["customElement","FormControlComponent","html","property","query","styles","_classDecs","_Input","_Input2","_A","WeakMap","_B","_C","_D","_E","_ref","_typeDecs","type","String","reflect","_placeholderDecs","_requiredDecs","Boolean","_readonlyDecs","_controlElementDecs","_Input3","Input","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_type","_init_placeholder","_init_required","_init_readonly","_init_controlElement","_classPrivateFieldGet","v","_classPrivateFieldSet","placeholder","required","readonly","controlElement","render","controlTrait","renderLabel","controlId","name","value","onInput","onKeyDown","e","key","preventDefault","onSubmit","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","Input"],"sources":["../../src/components/input/Input.styles.css","../../src/components/input/Input.ts","../../src/components/input/index.ts"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            width: 100%;\n            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n        }\n\n        input:read-only {\n            border: none;\n            padding: 0;\n            cursor: not-allowed;\n        }\n    }\n    \n}\n","import { customElement, FormControlComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\n\nimport styles from './Input.styles.css'\n\n@customElement('solid-ui-input')\nexport default class Input extends FormControlComponent {\n  static styles = styles\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  @property({ type: Boolean, reflect: true })\n  accessor readonly = false;\n\n  @query('input')\n  protected accessor controlElement: HTMLInputElement | null = null;\n\n  protected render () {\n    return html`\n      ${this.controlTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <input\n          id=${this.controlTrait.controlId}\n          type=${this.type}\n          name=${this.name}\n          placeholder=${this.placeholder}\n          ?required=${this.required}\n          .value=${this.value}\n          ?readonly=${this.readonly}\n          @input=${() => this.controlTrait.onInput()}\n          @keydown=${this.onKeyDown}\n        />\n      </div>\n    `\n  }\n\n  private onKeyDown (e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      e.preventDefault()\n\n      this.controlTrait.onSubmit()\n    }\n  }\n}\n","import Input from './Input'\n\nexport { Input }\nexport default Input\n"],"mappings":"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"}