melonykit 0.15.3 → 0.15.5

package/dist/index.js

@@ -1670,41 +1670,43 @@ var X = {
 };
 //#endregion
 //#region src/components/_slider.jsx
-function Mt({ label: e, items: t = [], value: l, isDisabled: u = !1, onSlide: d, onChange: f }) {
-	let p = i(), m = n(l ?? t[0]?.value), h = Math.max(t.findIndex((e) => e.value === m.value), 0), g = t[h], _ = a(g?.value), v = u || t.length < 2;
+function Mt({ label: e, items: t = [], value: a, isDisabled: l = !1, onSlide: u, onChange: d }) {
+	let f = i(), p = n(a ?? t[0]?.value), m = Math.max(t.findIndex((e) => e.value === p.value), 0);
+	t[m];
+	let h = l || t.length < 2;
 	r(() => {
-		l !== void 0 && (m.value = l, _.current = l);
-	}, [l]);
-	function y(e) {
+		a !== void 0 && (p.value = a);
+	}, [a]);
+	function g(e) {
 		return t[Number(e.currentTarget.value)];
 	}
-	function b(e) {
-		let t = y(e);
-		t && (m.value = t.value, d?.(t.value, t));
+	function _(e) {
+		let t = g(e);
+		t && (p.value = t.value, u?.(t.value, t));
 	}
-	function x(e) {
-		let t = y(e);
-		t && _.current !== t.value && (_.current = t.value, f?.(t.value, t));
+	function v(e) {
+		let t = g(e);
+		t && d?.(t.value, t);
 	}
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
 		className: Nt.base,
 		children: [
 			e && /* @__PURE__ */ s("label", {
 				className: Nt.label,
-				htmlFor: p,
+				htmlFor: f,
 				children: e
 			}),
 			/* @__PURE__ */ s("input", {
-				id: p,
+				id: f,
 				type: "range",
 				className: Nt.input,
 				min: "0",
 				max: Math.max(t.length - 1, 0),
 				step: "1",
-				value: h,
-				disabled: v,
-				onInput: b,
-				onChange: x
+				value: m,
+				disabled: h,
+				onInput: _,
+				onChange: v
 			}),
 			/* @__PURE__ */ s("div", {
 				className: Nt.items,
@@ -2237,7 +2239,14 @@ function Yt({ columns: e = [], rows: t = [], width: n, height: r, showLineNumber
 					style: Zt(e),
 					children: e.label
 				}, e.key))] }) }),
-				/* @__PURE__ */ s("tbody", { children: f.map((t, n) => /* @__PURE__ */ c("tr", { children: [i && /* @__PURE__ */ s("td", {
+				/* @__PURE__ */ s("tbody", { children: f.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", {
+					className: $.empty,
+					colSpan: Math.max(e.length + Number(i), 1),
+					children: /* @__PURE__ */ s("span", {
+						className: $.emptyContent,
+						children: "Keine Einträge vorhanden."
+					})
+				}) }) : f.map((t, n) => /* @__PURE__ */ c("tr", { children: [i && /* @__PURE__ */ s("td", {
 					className: $.number,
 					children: n + 1
 				}), e.map((e) => /* @__PURE__ */ s("td", {
@@ -2339,6 +2348,19 @@ var $ = {
         width: 3rem;
         color: ${W.colors.fore.secondary};
         text-align: right !important;
+    `,
+	empty: U`
+        position: relative;
+        height: 8.25rem;
+        padding: 0 !important;
+        color: ${W.colors.fore.secondary};
+        text-align: center !important;
+    `,
+	emptyContent: U`
+        display: grid;
+        position: absolute;
+        inset: 0;
+        place-items: center;
     `
 };
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
     "author": "Vadim Hermann",
     "name": "melonykit",
-    "version": "0.15.3",
+    "version": "0.15.5",
     "type": "module",
     "description": "Preact based ui and utility functions toolkit",
     "main": "./dist/index.js",