@wpic/ui 0.6.6 → 0.6.7

package/CHANGELOG.md

@@ -85,3 +85,7 @@ Import `@wpic/ui/style.css` alongside the components. No host Tailwind source sc
 ### Verification
 
 Run `npm run build` followed by `npm run test:semantic`. The browser tests use Google Chrome (`npx playwright install chrome` if needed). Open `/test-ui/semantic.html` with `npm run test:ui` for the standalone package showcase.
+
+## 0.6.7
+- WModal: optional draggable, non-modal floating windows, bounded pointer/keyboard movement, focus restoration, localized close/move labels.
+- Popovers inside modals inherit the overlay layer so selects and calendars remain visible.

package/COMPONENTS.md

@@ -697,3 +697,8 @@ For a shorter metric card, use `compact`. Use `changePosition="label"` to align
 ### Localization options (0.6.6)
 
 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`.
+
+WModal accepts `draggable` and `:modal="false"` for floating tools. Drag the title,
+use arrow keys on its move handle (Shift for larger steps), or Home to recenter.
+Pass `closeLabel` and `moveLabel` for localization. Close with Escape or the close
+button. Use `v-if` to open/close; the parent can retain form values across openings.

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

@@ -5,20 +5,29 @@ type __VLS_Props = {
     zIndex?: string;
     hideClose?: boolean;
     noPadding?: boolean;
+    draggable?: boolean;
+    modal?: boolean;
+    closeLabel?: string;
+    moveLabel?: string;
 };
-declare var __VLS_5: {}, __VLS_11: {}, __VLS_13: {};
+declare var __VLS_9: {}, __VLS_15: {}, __VLS_17: {};
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_5) => any;
+    header?: (props: typeof __VLS_9) => any;
 } & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_15) => any;
 } & {
-    footer?: (props: typeof __VLS_13) => any;
+    footer?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    closeLabel: string;
+    draggable: boolean;
+    modal: boolean;
+    moveLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {