@synopackageland/ui 0.25.9 → 0.25.11

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 ## Unreleased
 
+## 0.25.11 (2026-11-12)
+
+### Phone layout
+
+- **The soft keyboard stays up on Android.** AppRoot's focus handling called `focus()` on every pressed control during pointerdown. On Android Chrome and WebView, focusing a text field from script before the tap's own mousedown hides the keyboard it has just raised, and focus moves to the app root about 150ms later, so a chat composer could not be typed into. A press on a text field or inside editable content is now left to the browser; buttons, links and other controls are focused as before. Apps need no change
+- **Equal left and right margins on a touch phone.** The UI's styled `::-webkit-scrollbar` made Chromium (Android included) draw a classic 10px scrollbar inside every scroller, so pages, lists and toolbars ran 10px past the right margin. The webkit bar rules now apply only with a fine pointer; touch keeps the overlay bar, and Select and Combobox lists a thin one
+- **A natural-height list keeps its full width in a flex row.** The phone natural-height chain (`flex: 0 0 auto`, 0.25.8) shrank a pane in a flex row such as `ListDetail` to its content, so a list took half the screen. It now stretches to the row (`inline-size: stretch`), also in a flush BottomSheet
+- **Only actions float.** PageHeader, AppToolbar and PushTransition keep their actions in the page's own row, with no FAB or bar icons, while the actions hold anything that is not an action: a status badge, a count, a field. This includes content an App shell teleports in later. A status no longer floats as a pill over the list. Put a page's status in its meta (the SDK `PageInfo`)
+- **Toolbar actions wrap.** AppToolbar's actions row wraps within the page instead of pushing it into horizontal scroll
+- **Segmented controls of up to four segments are not cut.** A label wider than its share grows its column, and labels too wide together scroll the track sideways; none ends in an ellipsis
+- **A search field fills its row on a phone.** `SearchField` (now `data-ui-search-field`), alone or in a wrapper holding only it, grows to its row and ignores a fixed basis or `max-width`
+- **A DataGrid group title wraps in list mode.** A `#group-title` slot was wrapped in a `truncate` span, so a title with its own links ran over them on a narrow screen. It now wraps
+
+### Docs
+
+- Button policy and layout rules: a page's header actions (the SDK `AppShell`'s `#actions`, `PageHeader` `#actions`) hold only the page's own actions, such as Add. There is no page-wide refresh: a page reads its data again on `ctx.reopen` and when it is shown, and a failed read puts Retry next to its error. The demos no longer show one
+
+## 0.25.10 (2026-11-12)
+
+### Aside
+
+- **New `aside-dock="wide"` on AppLayout docks the aside in a wide DSM window.** Until now an open aside floated over the page in every DSM window (`wide-layout="window"`), however wide, and had no resize handle, so an assistant in a maximized window covered the page it talks about. With `aside-dock="wide"`, a DSM window at least 960px wide docks the open panel beside the page as the web presentation does: the page takes the rest, the handle on its start edge resizes it (Arrow keys, Home and End; written on release to `v-model:aside-width`), and collapsing gives the page the whole width but the 48px rail. A window under 960px, or one where the page would be left under 480px beside the theme's sidebar (`--ui-sidebar-width`), still floats it. The default (`'web'`) keeps today's behavior. Found in Syngle, whose IT Assistant moves into the aside in a DSM window
+- **An aside slot given after the first render now appears.** AppLayout decided once, at setup, whether it had an `aside` slot, so an App that adds it later (Syngle shows its IT Assistant only once a read says AI is on) got neither the region nor the rail, and one taken away left an empty rail. The layout now checks the slot again before each update
+
 ## 0.25.9 (2026-11-12)
 
 ### Dialog

package/dist/components/app/app-layout/AppLayout.vue.d.ts

@@ -66,6 +66,13 @@ type __VLS_Props = {
      * keeps them; a page opts out alone with PageContent `hide-on-scroll="false"`.
      */
     hideOnScroll?: boolean;
+    /**
+     * Where an open `aside` may sit beside the page instead of floating over
+     * it. `'web'` (default): only in the web presentation. `'wide'`: also in a
+     * DSM window at least 960px wide, with the same resize handle; a narrower
+     * window and a page that would be left under 480px still float it.
+     */
+    asideDock?: 'web' | 'wide';
 };
 type __VLS_Slots = {
     sidebar?: () => unknown;
@@ -136,6 +143,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     phoneBarTitle: "auto" | "none";
     headerActions: DropdownMenuEntry[];
     hideOnScroll: boolean;
+    asideDock: "web" | "wide";
 }, {}, {}, {}, 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/app/app-layout/MovableActions.d.ts

@@ -0,0 +1,35 @@
+import { PropType, VNode } from 'vue';
+/**
+ * True when `node` shows something that is not an action: text outside a
+ * button (a status badge, a count, a date) or a field. Neither belongs in a
+ * floating button or the 44px bar: there it would float over the page's rows.
+ */
+export declare function showsPassiveContent(node: Node): boolean;
+/**
+ * A page's actions on a phone (PageHeader, AppToolbar, PushTransition): in
+ * place, or teleported to `to` (the FAB or the phone bar). It reports
+ * `passive` while the actions hold anything that is not an action, whichever
+ * place they are in, so the owner keeps them in its own row and they never
+ * float over the page. Content that arrives later (a teleport of the App's
+ * own, as an App shell's page actions) is watched too.
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    to: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    passive: (value: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    to: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
+}>> & Readonly<{
+    onPassive?: ((value: boolean) => any) | undefined;
+}>, {
+    to: HTMLElement | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/app/page-header/PageHeader.vue.d.ts

@@ -8,11 +8,9 @@ type __VLS_Props = {
     /** Where `#actions` go on a phone: `fab`, `bar` or `inline` (this header's row). Defaults to AppLayout's `phone-actions`. */
     phoneActions?: PhoneActionsPlacement;
 };
-declare var __VLS_19: {}, __VLS_27: {}, __VLS_29: {};
+declare var __VLS_19: {}, __VLS_29: {};
 type __VLS_Slots = {} & {
     meta?: (props: typeof __VLS_19) => any;
-} & {
-    actions?: (props: typeof __VLS_27) => any;
 } & {
     actions?: (props: typeof __VLS_29) => any;
 };