@synopackageland/ui 0.19.8 → 0.19.10

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.19.10 (2026-11-03)
+
+- `ConnectionTopology` takes `cards` and `layout`. With `cards`, every lane is a card of one height (the tallest sets it) with node boxes of one size, each link word is centred on its own segment (one word on the middle of a lane with no relay), and the lines are solid or dashed instead of flowing dots. `layout="columns"` sets the cards side by side from 560px of container width. Without `cards` nothing changes. The real-browser check measures card heights, node boxes and word centres.
+
+## 0.19.9 (2026-11-03)
+
+- `WizardDialog` takes `confirm-close`. While it is true, the close button, Escape and Cancel first ask "Discard changes?" with Keep editing and Discard; Keep editing returns to the wizard, Discard closes it and emits `cancel` once. Finish never asks, and with the prop false (the default) the wizard closes at once as before. The text follows the locale provider in every built-in locale ([wizard](docs/wizard.md#leaving-with-input)).
+
 ## 0.19.8 (2026-11-03)
 
 - Fix `ScheduleTable`'s notice for missing options or a `modelValue` of the wrong length ending with a closing period. It was the last text the library wrote that did, since the catalogs already dropped theirs in 0.19.3.

package/README.md

@@ -312,7 +312,7 @@ DSM's wizards: a fixed header with the wizard's name, the step's title and a
 compact progress bar; a scrolling step with its hero and one line; and a fixed
 footer with Back and the one main action together at the end. The app behind
 takes a light scrim, and a press on it does not close the wizard. `Wizard` is
-the same layout for a `<Dialog flush>` of your own or a page (`framed`). See
+the same layout for a `<Dialog flush>` of your own or a page (`framed`). Set `confirm-close` while the user has entered something and the close button, Escape and Cancel ask "Keep editing / Discard" first. See
 [docs/wizard.md](docs/wizard.md).
 
 ### Toast notifications
@@ -806,6 +806,14 @@ maps its own states to six link states.
   whole text on hover. `label-lines` keeps room for that many lines under
   every node (two in a dense lane), so paths side by side keep one height.
   With no lanes, one idle line shows `empty-label`.
+- **Cards.** `cards` makes a method chooser of the lanes: each lane is a card
+  of the tallest one's height with node boxes of one size, always stacked
+  (`layout="columns"` puts them side by side from 560px of container width).
+  Each link word sits under its own link, centred on that segment; in a lane
+  with no relay one word is centred on the whole path, and two links in one
+  state draw one mark and arrow. Lines are plain: solid when working, dashed
+  when idle, changing or unknown, with no flowing dots. `label-lines` (two by
+  default) clamps the words; `selected-lane` highlights a card as before.
 - **Motion.** The keyframes `ui-flow` and `ui-pulse` stop under
   `prefers-reduced-motion`; a working link then turns solid with an arrow.
 

package/dist/components/composite/connection-topology/ConnectionTopology.vue.d.ts

@@ -23,6 +23,10 @@ type __VLS_Props = {
      * unless set), so paths side by side, such as cards in a row, keep one
      * height whether or not their words wrap. */
     labelLines?: number;
+    /** Equal-size cards: every lane is a card of the tallest one's height, with node boxes of one size, each link word centred on its own segment (one word centred on the whole path in a lane with no relay) and calm solid or dashed lines. Always the stacked layout, at any width. */
+    cards?: boolean;
+    /** With `cards`: `columns` puts the lanes side by side once the container is 560px wide; `stacked` (default) keeps them one above the other. */
+    layout?: 'stacked' | 'columns';
 };
 type __VLS_Slots = Record<`node-${string}`, (props: {
     node: TopologyNode;
@@ -37,6 +41,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     compact: boolean;
     selectable: boolean;
     selectedLane: string | number;
+    cards: boolean;
+    layout: "stacked" | "columns";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/composite/wizard/WizardDialog.vue.d.ts

@@ -13,6 +13,8 @@ type __VLS_Props = {
     closeLabel?: string;
     showClose?: boolean;
     closeOnFinish?: boolean;
+    /** `true` asks "Keep editing / Discard" before the close button, Escape or Cancel closes the wizard; `false` closes at once. Finish never asks. */
+    confirmClose?: boolean;
 };
 declare var __VLS_9: {}, __VLS_20: {};
 type __VLS_Slots = {} & {
@@ -33,6 +35,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     open: boolean;
     showClose: boolean;
     closeOnFinish: boolean;
+    confirmClose: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/i18n/text.d.ts

@@ -235,6 +235,10 @@ export declare const englishUiText: {
     readonly "Create \u201C{name}\u201D": "Create “{name}”";
     readonly "Show details": "Show details";
     readonly "Hide details": "Hide details";
+    readonly "Discard changes?": "Discard changes?";
+    readonly "What you entered will be lost": "What you entered will be lost";
+    readonly "Keep editing": "Keep editing";
+    readonly Discard: "Discard";
 };
 export type UiTextKey = keyof typeof englishUiText;
 export type UiTranslator = (key: UiTextKey, values?: Record<string, string | number>) => string;