@wpic/ui 0.9.7 → 0.9.9

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 0.9.9
+
+- WModal: add `frameless` presentation surfaces and an independent `ariaLabel`, preserving standard modal defaults.
+
+## 0.9.8
+
+- WEditableText: inline plain-text Tiptap editor with inherited typography, keyboard confirmation/cancellation and a character limit.
+- WPageHeader: add a title slot for inline heading editing.
+
 ## 0.9.7
 
 - WDatePicker: choose the side with the most available viewport space by default, keep adapting while open, and expose preferred/forced popover placement controls.

package/COMPONENTS.md

@@ -792,3 +792,11 @@ For a shorter metric card, use `compact`. Use `changePosition="label"` to align
 WTable accepts `labels` (`loading`, `results`, `of`, `item`, `items`, `previous`, `next`) and `loadingSpinner=false` for plain loading text. Existing `emptyText` and `searchPlaceholder` remain available. WSelect accepts `searchPlaceholder`, `selectAllLabel`, `clearLabel` and `noResultsLabel`; WFilterBar forwards `selectLabels` to its selects. WDateRangePicker accepts `locale`, `applyLabel`, `previousMonthLabel`, `nextMonthLabel` in addition to translated `presets`, `ariaLabel`, `clearLabel` and `placeholder`.
 
 WSelect popovers support `popoverAutoPlacement` to choose the side with the most room and `popoverMinHeight` for a viewport-clamped minimum height. Set `popoverWidth` for compact triggers with longer menu labels.
+
+### WEditableText
+
+Inline plain-text editing with Tiptap, inheriting the surrounding typography. Props: `modelValue`, required accessible `label`, `placeholder`, `disabled`, `maxLength` (default 160). Emits `update:modelValue` while typing and `commit` on blur. Enter leaves the editor; Escape restores the value from focus. Pasted text is flattened to one line. A blank edit restores the previous value. Use in `WPageHeader`’s `title` slot to rename a heading without a separate input.
+
+### WModal presentation surfaces
+
+`frameless` removes the panel background, border and shadow for slide/image viewers. Combine with `noPadding` and `hideClose` when the content owns its navigation and close control. `ariaLabel` labels the dialog without rendering a title. Normal modal defaults remain unchanged.

package/dist/components/WEditableText.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    modelValue: string;
+    label: string;
+    placeholder?: string;
+    disabled?: boolean;
+    maxLength?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    commit: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onCommit?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    placeholder: string;
+    maxLength: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/WModal.vue.d.ts

@@ -5,6 +5,8 @@ type __VLS_Props = {
     zIndex?: string;
     hideClose?: boolean;
     noPadding?: boolean;
+    frameless?: boolean;
+    ariaLabel?: string;
 };
 declare var __VLS_5: {}, __VLS_11: {}, __VLS_13: {};
 type __VLS_Slots = {} & {

package/dist/components/WPageHeader.vue.d.ts

@@ -3,13 +3,15 @@ type __VLS_Props = {
     description?: string;
     headingLevel?: 1 | 2;
 };
-declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
+declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
-    metadata?: (props: typeof __VLS_5) => any;
+    title?: (props: typeof __VLS_5) => any;
 } & {
-    actions?: (props: typeof __VLS_7) => any;
+    metadata?: (props: typeof __VLS_7) => any;
 } & {
-    filters?: (props: typeof __VLS_9) => any;
+    actions?: (props: typeof __VLS_9) => any;
+} & {
+    filters?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     headingLevel: 1 | 2;

package/dist/index.d.ts

@@ -87,3 +87,4 @@ export { default as WPageHeader } from './components/WPageHeader.vue';
 export { ui5Theme, themeVariables, chartPalettes, useWTheme } from './theme';
 export type { WThemeMode, WThemeColors, WThemeOverrides } from './theme';
 export { default as WTrendBadge } from './components/WTrendBadge.vue';
+export { default as WEditableText } from './components/WEditableText.vue';