@synopackageland/ui 0.14.2 → 0.14.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/README.md +18 -0
- package/dist/components/app/app-layout/AppBrand.vue.d.ts +6 -1
- package/dist/components/app/app-layout/AppLayout.vue.d.ts +5 -1
- package/dist/i18n/text.d.ts +1 -0
- package/dist/index.js +3617 -3579
- package/dist/json-preview/preview.js +3154 -3116
- package/dist/reka-runtime.json +1 -1
- package/dist/theme.css +1 -1
- package/dist/themes/dsm7-embedded-theme.css +1 -1
- package/dist/themes/dsm7-embedded.css +1 -1
- package/dist/themes/dsm7.css +1 -1
- package/docs/app-local-modal.md +15 -0
- package/docs/theme-hooks.md +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.14.4 (2026-10-22)
|
|
4
|
+
|
|
5
|
+
- `Dialog` and `Wizard` keep their header and footer visible within the owning App window. Long content scrolls in the body, and the height limit follows container resizing in floating and app-local layouts.
|
|
6
|
+
- `Button` keeps its action label visible while loading, including disabled actions in the embedded theme.
|
|
7
|
+
|
|
8
|
+
## 0.14.3 (2026-10-22)
|
|
9
|
+
|
|
10
|
+
- `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.
|
|
11
|
+
|
|
3
12
|
## 0.14.2 (2026-10-22)
|
|
4
13
|
|
|
5
14
|
Additive only: existing props, defaults and DOM stay as they were.
|
package/README.md
CHANGED
|
@@ -350,6 +350,24 @@ import { AppLayout, Button, PageHeader } from '@synopackageland/ui'
|
|
|
350
350
|
|
|
351
351
|
`AppLayout` also accepts `sidebar`, `toolbar`, and `footer` slots.
|
|
352
352
|
|
|
353
|
+
Listen to `@brand` to make the default logo and name a native home button:
|
|
354
|
+
|
|
355
|
+
```vue
|
|
356
|
+
<AppLayout wide-layout="web" brand-name="My App" @brand="page = 'home'">
|
|
357
|
+
<template #sidebar><AppSidebar v-model="page" :groups="groups" /></template>
|
|
358
|
+
<PageContent>…</PageContent>
|
|
359
|
+
</AppLayout>
|
|
360
|
+
```
|
|
361
|
+
|
|
362
|
+
The event receives the original `MouseEvent`, including native Enter/Space
|
|
363
|
+
activation. The button uses a localized “Go to home” accessible name in all nine
|
|
364
|
+
built-in languages, token-based hover and keyboard focus styles, and works in
|
|
365
|
+
the expanded/collapsed sidebar, top navigation, phone bar and phone drawer. A
|
|
366
|
+
brand activation closes the phone drawer and returns focus to its menu button.
|
|
367
|
+
Without a listener the existing logo/name markup stays unchanged. The `brand`
|
|
368
|
+
slot replaces the default brand and owns its own interaction; it is never
|
|
369
|
+
wrapped in a button. A DSM window's title bar remains managed by DSM.
|
|
370
|
+
|
|
353
371
|
`navigation="top"` (0.13.1+) lays the `sidebar` slot out as one bar above the
|
|
354
372
|
page instead of a left column: the brand, then the `AppSidebar` items in a row
|
|
355
373
|
(a row with children opens them in a menu; the bar scrolls sideways when the
|
|
@@ -2,7 +2,12 @@ type __VLS_Props = {
|
|
|
2
2
|
name?: string;
|
|
3
3
|
icon?: string;
|
|
4
4
|
collapsed?: boolean;
|
|
5
|
+
interactive?: boolean;
|
|
5
6
|
};
|
|
6
|
-
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
8
|
+
activate: (event: MouseEvent) => any;
|
|
9
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
10
|
+
onActivate?: ((event: MouseEvent) => any) | undefined;
|
|
11
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
12
|
declare const _default: typeof __VLS_export;
|
|
8
13
|
export default _default;
|
|
@@ -33,7 +33,11 @@ type __VLS_Slots = {
|
|
|
33
33
|
default?: () => unknown;
|
|
34
34
|
footer?: () => unknown;
|
|
35
35
|
};
|
|
36
|
-
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
36
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
37
|
+
brand: (event: MouseEvent) => any;
|
|
38
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
39
|
+
onBrand?: ((event: MouseEvent) => any) | undefined;
|
|
40
|
+
}>, {
|
|
37
41
|
height: "auto" | "fill";
|
|
38
42
|
minHeight: string;
|
|
39
43
|
sidebarWidth: string;
|
package/dist/i18n/text.d.ts
CHANGED
|
@@ -32,6 +32,7 @@ export declare const englishUiText: {
|
|
|
32
32
|
readonly Notifications: "Notifications";
|
|
33
33
|
readonly "Press F6 to access notifications": "Press F6 to access notifications";
|
|
34
34
|
readonly "Application navigation": "Application navigation";
|
|
35
|
+
readonly "Go to home": "Go to home";
|
|
35
36
|
readonly "Collapse navigation": "Collapse navigation";
|
|
36
37
|
readonly "Expand navigation": "Expand navigation";
|
|
37
38
|
readonly "Resize navigation": "Resize navigation";
|