@iyulab/modern-app 0.56.0 → 0.56.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## [0.56.2] - 2026-10-17
+
+### Fixed
+
+- The unsaved-changes guard still asks when its dialog cannot load — a deployment replaced the hashed chunk while a tab
+  with an edited form stayed open, or the network is gone. The import failure reached the router as «the guard threw»,
+  so the screen stayed and every navigation was silently blocked; it now asks the same question with `window.confirm`
+  (and warns). The dialog module also loads when the first screen registers a check, not at the moment of asking.
+
+## [0.56.1] - 2026-10-17
+
+### Fixed
+
+- `u-info-field appearance="tile"`: the corner is the card step (`--u-radius-xl`, as `u-card` and `u-group-box`) — 0.56.0
+  drew it a step smaller (`--u-radius-lg`, the control step).
+- `u-info-field`: the `trend-icon` slot keeps a gap before the caption and sits on its middle — 0.56.0 set the icon
+  against the first letter.
+
 ## [0.56.0] - 2026-10-17
 
 ### Added

package/dist/components/InfoField.styles.js

@@ -47,7 +47,7 @@ var t = e`
   :host([appearance="tile"]) {
     padding: var(--u-space-md, 12px);
     border: 1px solid var(--u-border-color, #E0E0E0);
-    border-radius: var(--u-radius-lg, 6px);
+    border-radius: var(--u-radius-xl, 8px); 
     background-color: var(--u-bg-color, #FFFFFF);
     box-sizing: border-box;
   }
@@ -126,6 +126,11 @@ var t = e`
     font-size: var(--u-text-caption-size, 12px);
     margin-top: var(--u-space-3xs, 2px);
   }
+  
+  ::slotted([slot="trend-icon"]) {
+    margin-inline-end: 0.3em;
+    vertical-align: -0.125em;
+  }
 
   
   .description {

package/dist/unsaved.js

@@ -4,7 +4,7 @@ var t = /* @__PURE__ */ new Set(), n = (e) => {
 	i() && (e.preventDefault(), e.returnValue = "");
 };
 function r(e) {
-	return t.size === 0 && typeof window < "u" && window.addEventListener("beforeunload", n), t.add(e), () => {
+	return t.size === 0 && typeof window < "u" && (window.addEventListener("beforeunload", n), s().catch(() => {})), t.add(e), () => {
 		t.delete(e) && t.size === 0 && typeof window < "u" && window.removeEventListener("beforeunload", n);
 	};
 }
@@ -17,18 +17,29 @@ function i() {
 	return !1;
 }
 async function a(t) {
-	let n = e(), { Dialog: r } = await import("@iyulab/components/dist/utilities/Dialog.js");
-	return r.confirm(t?.message ?? n.discardMessage, {
-		title: t?.title ?? n.discardTitle,
+	let n = e(), r = t?.title ?? n.discardTitle, i = t?.message ?? n.discardMessage, a;
+	try {
+		({Dialog: a} = await s());
+	} catch (e) {
+		return console.warn("[@iyulab/modern-app] the discard-changes dialog could not load — asking with window.confirm instead:", e), typeof window < "u" && typeof window.confirm == "function" && window.confirm(`${r}\n\n${i}`);
+	}
+	return a.confirm(i, {
+		title: r,
 		confirmLabel: t?.confirmLabel ?? n.discardConfirm,
 		cancelLabel: t?.cancelLabel ?? n.discardCancel,
 		confirmColor: "danger"
 	});
 }
-function o(e) {
+var o;
+function s() {
+	return o ??= import("@iyulab/components/dist/utilities/Dialog.js").catch((e) => {
+		throw o = void 0, e;
+	}), o;
+}
+function c(e) {
 	return !i() || a();
 }
-var s = class {
+var l = class {
 	constructor(e, t) {
 		this.isDirty = t, this.clean = !1, this.check = () => !this.clean && this.isDirty(), e.addController(this);
 	}
@@ -46,4 +57,4 @@ var s = class {
 	}
 };
 //#endregion
-export { s as UnsavedChangesController, a as confirmDiscardChanges, i as hasUnsavedChanges, r as trackUnsavedChanges, o as unsavedChangesGuard };
+export { l as UnsavedChangesController, a as confirmDiscardChanges, i as hasUnsavedChanges, r as trackUnsavedChanges, c as unsavedChangesGuard };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/modern-app",
   "description": "web-framework by iyulab based on lit-element",
-  "version": "0.56.0",
+  "version": "0.56.2",
   "keywords": [
     "iyulab",
     "web-framework",