solid-ui 3.1.3-11 → 3.1.3-13

package/dist/chunks/{input-BjCX2bFe.js → menu-item-D9BqJtKZ.js}

@@ -1,34 +1,33 @@
-import { n as e, r as t, t as n } from "./components-PQfnwrHI.js";
+import { i as e, l as t, o as n } from "./components-BD458q30.js";
 import { c as r, i } from "./lit-C4H1jI4q.js";
-import { n as a } from "./decorators-BqWyWiL9.js";
-import { t as o } 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);
+import { t as a } from "./query-BYu9q8lA.js";
+//#region src/components/menu-item/MenuItem.styles.css
+var o = r`:host{&>a,&>div{width:100%;color:var(--solid-ui-color-gray-600);font-weight:500;font-size:var(--solid-ui-font-size-md);border-radius:5px;justify-content:flex-start;align-items:center;gap:5px;padding:10px;display:flex;position:relative;&[data-selected]{background:var(--solid-ui-color-primary-selected)}}& ::slotted([slot=left-icon]),& ::slotted([slot=right-icon]){width:var(--solid-ui-font-size-xl);height:var(--solid-ui-font-size-xl)}& a:after{content:\"\";width:100%;height:100%;position:absolute;top:0;left:0}}`, s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S;
+function C(e, t, n) {
+	w(e, t), t.set(e, n);
 }
-function L(e, t) {
+function w(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 T(e, t, n) {
+	return e.set(D(e, t), n), n;
 }
-function z(e, t) {
-	return e.get(B(e, t));
+function E(e, t) {
+	return e.get(D(e, t));
 }
-function B(e, t, n) {
+function D(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 O(e, t, n) {
+	return (t = A(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 k(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -51,13 +50,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: M(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 || M(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 = {
@@ -117,7 +116,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 N(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -131,7 +130,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 : A(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -144,11 +143,11 @@ function H(e, t, n, r, i, a) {
 		}
 	};
 }
-function U(e) {
-	var t = W(e, "string");
+function A(e) {
+	var t = j(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function W(e, t) {
+function j(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -158,7 +157,7 @@ function W(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function G(e, t, n) {
+function M(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -168,145 +167,86 @@ function G(e, t, n) {
 	} catch {}
 	return e;
 }
-function K(e) {
+function N(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 P(e) {
 	return e;
 }
-y = [t("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({
+m = [t("solid-ui-menu-item")];
+var F;
+new (x = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), S = (h = e({
 	type: String,
 	reflect: !0
-}), S = a({
-	type: String,
-	reflect: !0
-}), w = a({ type: String }), E = a({
-	type: String,
-	reflect: !0
-}), O = a({
-	type: String,
-	reflect: !0
-}), A = a({
+}), _ = e({
 	type: Boolean,
 	reflect: !0
-}), M = o("input"), "label"), l = class extends e {
-	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);
-	}
-	get value() {
-		return z(f, this);
-	}
-	set value(e) {
-		R(f, this, e);
-	}
-	get type() {
-		return z(p, this);
-	}
-	set type(e) {
-		R(p, this, e);
-	}
-	get placeholder() {
-		return z(m, this);
+}), y = a("a"), "href"), c = class extends n {
+	constructor(...e) {
+		super(...e), C(this, l, (f(this), g(this))), C(this, u, v(this, !1)), C(this, d, b(this, null));
 	}
-	set placeholder(e) {
-		R(m, this, e);
+	get [S]() {
+		return E(l, this);
 	}
-	get required() {
-		return z(h, this);
+	set href(e) {
+		T(l, this, e);
 	}
-	set required(e) {
-		R(h, this, e);
+	get selected() {
+		return E(u, this);
 	}
-	get inputElement() {
-		return z(g, this);
+	set selected(e) {
+		T(u, this, e);
 	}
-	set inputElement(e) {
-		R(g, this, e);
+	get anchor() {
+		return E(d, this);
 	}
-	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, "controlTrait", void 0), this.controlTrait = this.addTrait(new n(this, {
-			getControlElement: () => this.inputElement,
-			getInternals: () => this.getInternals()
-		}));
+	set anchor(e) {
+		T(d, this, e);
 	}
 	render() {
-		return i`
-      ${this.controlTrait.renderLabel()}
-
-      <div class="input-wrapper">
-        <input
-          id=${this.controlTrait.controlId}
-          type=${this.type}
-          name=${this.name}
-          placeholder=${this.placeholder}
-          ?required=${this.required}
-          .value=${this.value}
-          @input=${() => this.controlTrait.onInput()}
-          @keydown=${this.onKeyDown}
-        />
-      </div>
+		return this.href ? i`
+        <a href="${this.href}" target="_blank" rel="noopener noreferrer" ?data-selected=${this.selected}>
+            <slot name="left-icon"></slot>
+            <slot></slot>
+            <slot name="right-icon"></slot>
+        </a>
+      ` : i`
+        <div ?data-selected=${this.selected}>
+            <slot name="left-icon"></slot>
+            <slot></slot>
+            <slot name="right-icon"></slot>
+        </div>
     `;
 	}
-	onKeyDown(e) {
-		e.key === "Enter" && (e.preventDefault(), this.controlTrait.onSubmit());
+	click() {
+		this.anchor?.click();
 	}
-}, {e: [x, C, T, D, k, j, N, _], c: [J, v]} = H(l, [
-	[
-		b,
-		1,
-		"label"
-	],
-	[
-		S,
-		1,
-		"name"
-	],
-	[
-		w,
-		1,
-		"value"
-	],
-	[
-		E,
-		1,
-		"type"
-	],
+}, {e: [g, v, b, f], c: [F, p]} = k(c, [
 	[
-		O,
+		h,
 		1,
-		"placeholder"
+		"href"
 	],
 	[
-		A,
+		_,
 		1,
-		"required"
+		"selected"
 	],
 	[
-		M,
+		y,
 		1,
-		"inputElement"
+		"anchor"
 	]
-], y, 0, void 0, e), l), c = class extends q {
+], m, 0, void 0, n), c), s = class extends P {
 	constructor() {
-		super(J), V(this, "styles", s), V(this, "formAssociated", !0), v();
+		super(F), O(this, "styles", o), p();
 	}
-}, V(c, P, void 0), c)();
+}, O(s, x, void 0), s)();
 //#endregion
-//#region src/components/input/index.ts
-var Y = J;
+//#region src/components/menu-item/index.ts
+var I = F;
 //#endregion
-export { J as n, Y as t };
+export { F as n, I as t };
 
-//# sourceMappingURL=input-BjCX2bFe.js.map
+//# sourceMappingURL=menu-item-D9BqJtKZ.js.map

package/dist/chunks/menu-item-D9BqJtKZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-D9BqJtKZ.js","names":["customElement","WebComponent","property","query","html","styles","_classDecs","_MenuItem","_MenuItem2","_A","WeakMap","_B","_C","_ref","_hrefDecs","type","String","reflect","_selectedDecs","Boolean","_anchorDecs","_MenuItem3","MenuItem","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_href","_init_selected","_init_anchor","_classPrivateFieldGet","href","v","_classPrivateFieldSet","selected","anchor","render","click","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","MenuItem"],"sources":["../../src/components/menu-item/MenuItem.styles.css","../../src/components/menu-item/MenuItem.ts","../../src/components/menu-item/index.ts"],"sourcesContent":[":host {\n    & > a,\n    & > div {\n        width: 100%;\n        display: flex;\n        position: relative;\n        justify-content: flex-start;\n        align-items: center;\n        gap: 5px;\n        padding: 10px;\n        border-radius: 5px;\n        color: var(--solid-ui-color-gray-600);\n        font-weight: 500;\n        font-size: var(--solid-ui-font-size-md);\n\n        &[data-selected] {\n            background: var(--solid-ui-color-primary-selected);\n        }\n    }\n\n    ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n        width: var(--solid-ui-font-size-xl);\n        height: var(--solid-ui-font-size-xl);\n    }\n\n    a::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { property, query } from 'lit/decorators.js'\nimport { html } from 'lit'\n\nimport styles from './MenuItem.styles.css'\n\n@customElement('solid-ui-menu-item')\nexport default class MenuItem extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor href: string | undefined\n\n  @property({ type: Boolean, reflect: true })\n  accessor selected: boolean = false\n\n  @query('a')\n  private accessor anchor: HTMLAnchorElement | null = null\n\n  render () {\n    if (this.href) {\n      return html`\n        <a href=\"${this.href}\" target=\"_blank\" rel=\"noopener noreferrer\" ?data-selected=${this.selected}>\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </a>\n      `\n    }\n\n    return html`\n        <div ?data-selected=${this.selected}>\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </div>\n    `\n  }\n\n  click () {\n    this.anchor?.click()\n  }\n}\n","import MenuItem from './MenuItem'\n\nexport { MenuItem }\nexport default MenuItem\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACI0CM,IAAA,CAEzCN,EAAc,oBAAoB,CAAC;AAAA,IAAAO;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,KAAAC,IAIjCZ,EAAS;CAAEa,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzChB,EAAS;CAAEa,MAAMI;CAASF,SAAS;AAAK,CAAC,GAACG,IAG1CjB,EAAM,GAAG,GAAC,SAAAkB,IAVb,cACsCpB,EAAa;CAAAsB,YAAA,GAAAC,GAAA;EAOfC,AAPe,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAhB,IAAAiB,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA,GAAAF,EAAA,MAAAd,GAAAiB,EAAA,MAOpB,EAAK,CAAA,GAAAH,EAAA,MAAAb,GAAAiB,EAAA,MAGkB,IAAI,CAAA;CAAA;CAAA,KAAAhB,KAAA;EAAA,OAAAiB,EAAArB,GAAA,IAAA;CAAA;CAAA,IAN/CsB,KAAIC,GAAA;EAAAC,EAAAxB,GAAA,MAAAuB,CAAA;CAAA;CAAA,IAGJE,WAAQ;EAAA,OAAAJ,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAARuB,SAAQF,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAAA,IAGAG,SAAM;EAAA,OAAAL,EAAAlB,GAAA,IAAA;CAAA;CAAA,IAANuB,OAAMH,GAAA;EAAAC,EAAArB,GAAA,MAAAoB,CAAA;CAAA;CAEvBI,SAAU;EAWR,OAVI,KAAKL,OACA3B,CAAI;mBACE,KAAK2B,KAAI,6DAA8D,KAAKG,SAAQ;;;;;UAQ5F9B,CAAI;8BACe,KAAK8B,SAAQ;;;;;;CAMzC;CAEAG,QAAS;EACP,KAAKF,QAAQE,MAAM;CACrB;AACF,GAAC,CAAAC,GAAA,CAAAX,GAAAC,GAAAC,GAAAH,IAAAa,GAAA,CAAAhC,GAAAiC,MAAAC,EAAApB,GAAA;CAAA;EAAAP;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;AAAA,GAAAd,GAAA,GAAA,KAAA,GAnCqCL,CAAY,GAAAoB,IAAAqB,IAAA,cAAAC,EAAA;CAAApB,cAAA;EAAA,MAAAhB,CAAA,GAAAqC,EAAA,MAAA,UAChCvC,CAAM,GAAAmC,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAlC,GAAA,KAAA,CAAA,GAAAkC,GAAA;;;ACLxB,IAAA,IAAeI"}