@nomideusz/svelte-calendar 0.20.0 → 0.20.1

package/dist/views/planner/PlannerScroll.svelte

@@ -61,7 +61,7 @@ const MAX_EVENTS_SHOWN = 5;
 // mount re-centres once the events have landed.
 const CHIP_H = 22;
 const CHIP_GAP = 3;
-const ROW_MIN = 170;
+const ROW_MIN = 120;
 const ROW_MARGIN = 12;
 /** Distance between two rows' tops; only a fallback now. */
 function rowPitch() {
@@ -398,10 +398,13 @@ function dragPreviewSegmentForDay(dayMs) {
 	return seg;
 }
 // ─── Chip labels ────────────────────────────────
-// A chip is one line and holds more than fits. It gives up the room first
-// and the time second, rather than letting CSS cut the title mid-letter;
-// createChipFit measures, fitParts decides. Before the first measurement
-// (SSR, first paint) a chip is its title.
+// A chip is one line and holds more than fits: it gives up the room, and
+// only the room. The time stays whatever happens — this is a schedule, and
+// "18:00 Hatha dla p…" answers more than an untruncated title does. (The
+// time was briefly droppable, to buy the title room to fit whole. It
+// usually bought nothing: a title long enough to push the time out was
+// long enough to be cut anyway, so the chip lost its time for no gain.)
+// createChipFit measures, fitParts decides.
 const CHIP_PAD_X = 12;
 const CHIP_GAP_X = 5;
 const fit = createChipFit({
@@ -414,24 +417,24 @@ const fit = createChipFit({
 });
 function chipParts(ev) {
 	return fit.parts([
-		{
-			key: "title",
-			text: ev.title,
-			font: fit.fonts.title,
-			priority: 0
-		},
 		{
 			key: "time",
 			text: fmtAmPm(ev.start),
 			font: fit.fonts.time,
-			priority: 1,
+			priority: 0,
 			extra: CHIP_GAP_X
 		},
+		{
+			key: "title",
+			text: ev.title,
+			font: fit.fonts.title,
+			priority: 0
+		},
 		{
 			key: "room",
 			text: ev.location ?? "",
 			font: fit.fonts.room,
-			priority: 2,
+			priority: 1,
 			extra: CHIP_GAP_X
 		}
 	], CHIP_PAD_X);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nomideusz/svelte-calendar",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "description": "A themeable Svelte 5 calendar with Day and Week views — Planner and Agenda.",
   "type": "module",
   "sideEffects": [

package/widget/widget.js

@@ -15528,7 +15528,7 @@ createHTML: (html) => {
 		const MAX_EVENTS_SHOWN = 5;
 		function rowPitch() {
 			const rows = el?.querySelectorAll("[data-week]");
-			return rows && rows.length > 1 ? rows[1].offsetTop - rows[0].offsetTop : 182;
+			return rows && rows.length > 1 ? rows[1].offsetTop - rows[0].offsetTop : 132;
 		}
 		const _initMs = untrack(() => sod($$props.focusDate?.getTime() ?? Date.now()));
 		let internalFocusMs = /* @__PURE__ */ state(proxy(_initMs));
@@ -15813,24 +15813,24 @@ createHTML: (html) => {
 		});
 		function chipParts(ev) {
 			return fit.parts([
-				{
-					key: "title",
-					text: ev.title,
-					font: fit.fonts.title,
-					priority: 0
-				},
 				{
 					key: "time",
 					text: fmtAmPm(ev.start),
 					font: fit.fonts.time,
-					priority: 1,
+					priority: 0,
 					extra: CHIP_GAP_X
 				},
+				{
+					key: "title",
+					text: ev.title,
+					font: fit.fonts.title,
+					priority: 0
+				},
 				{
 					key: "room",
 					text: ev.location ?? "",
 					font: fit.fonts.room,
-					priority: 2,
+					priority: 1,
 					extra: CHIP_GAP_X
 				}
 			], CHIP_PAD_X);
@@ -16254,7 +16254,7 @@ createHTML: (html) => {
 			classes = set_class(div, 1, "wg svelte-l8xuza", null, classes, { "wg--auto": get(autoHeight) });
 			styles = set_style(div, style() || void 0, styles, {
 				height: get(autoHeight) ? void 0 : height() ? `${height()}px` : "100%",
-				"--wg-row-min": "170px",
+				"--wg-row-min": "120px",
 				"--wg-chip-h": "22px",
 				"--wg-chip-gap": "3px",
 				"--wg-row-margin": "12px"