@synopackageland/ui 0.14.2 → 0.14.3

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.14.3 (2026-10-22)
+
+- `AppLayout` emits `brand(event: MouseEvent)` when its default logo/name is activated. Listening opts into a native button with token-based hover/focus styles and a home label in all nine languages; no listener keeps the existing markup. Works in the sidebar, collapsed rail, top navigation and phone bar/drawer; activation closes the drawer. A custom `brand` slot retains its own behavior.
+
 ## 0.14.2 (2026-10-22)
 
 Additive only: existing props, defaults and DOM stay as they were.

package/README.md

@@ -350,6 +350,24 @@ import { AppLayout, Button, PageHeader } from '@synopackageland/ui'
 
 `AppLayout` also accepts `sidebar`, `toolbar`, and `footer` slots.
 
+Listen to `@brand` to make the default logo and name a native home button:
+
+```vue
+<AppLayout wide-layout="web" brand-name="My App" @brand="page = 'home'">
+  <template #sidebar><AppSidebar v-model="page" :groups="groups" /></template>
+  <PageContent>…</PageContent>
+</AppLayout>
+```
+
+The event receives the original `MouseEvent`, including native Enter/Space
+activation. The button uses a localized “Go to home” accessible name in all nine
+built-in languages, token-based hover and keyboard focus styles, and works in
+the expanded/collapsed sidebar, top navigation, phone bar and phone drawer. A
+brand activation closes the phone drawer and returns focus to its menu button.
+Without a listener the existing logo/name markup stays unchanged. The `brand`
+slot replaces the default brand and owns its own interaction; it is never
+wrapped in a button. A DSM window's title bar remains managed by DSM.
+
 `navigation="top"` (0.13.1+) lays the `sidebar` slot out as one bar above the
 page instead of a left column: the brand, then the `AppSidebar` items in a row
 (a row with children opens them in a menu; the bar scrolls sideways when the

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

@@ -2,7 +2,12 @@ type __VLS_Props = {
     name?: string;
     icon?: string;
     collapsed?: boolean;
+    interactive?: boolean;
 };
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    activate: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onActivate?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -33,7 +33,11 @@ type __VLS_Slots = {
     default?: () => unknown;
     footer?: () => unknown;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    brand: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBrand?: ((event: MouseEvent) => any) | undefined;
+}>, {
     height: "auto" | "fill";
     minHeight: string;
     sidebarWidth: string;

package/dist/i18n/text.d.ts

@@ -32,6 +32,7 @@ export declare const englishUiText: {
     readonly Notifications: "Notifications";
     readonly "Press F6 to access notifications": "Press F6 to access notifications";
     readonly "Application navigation": "Application navigation";
+    readonly "Go to home": "Go to home";
     readonly "Collapse navigation": "Collapse navigation";
     readonly "Expand navigation": "Expand navigation";
     readonly "Resize navigation": "Resize navigation";