@wpic/ui 0.6.5 → 0.6.7

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.6.6 — 2026-09-10
+
+- Localize WDateRangePicker calendars and action labels; expose WSelect search/action labels through WFilterBar.
+- Allow WTable loading, result counts and pagination labels to be localized; expose a text-only loading option and accessible pagination button names.
+
 ## 0.6.5 — 2026-09-10
 
 - Render WSelect labels above the field by default, using WFormLabel and an associated trigger. Inline labels remain available with labelPlacement="inline". Anchor the dropdown to the field, excluding the label.
@@ -80,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

@@ -693,3 +693,12 @@ For a shorter metric card, use `compact`. Use `changePosition="label"` to align
 `WStatCard` accepts `trend`, `trendInverse`, `trendLabel`, `trendTitle` to display this badge beneath the value. Existing `change`/`changePosition` props still work.
 
 `trendPositive` and `trendNegative` are optional color overrides in WThemeProvider. WModal, WTooltip and WSegmentedControl now follow the same theme. Teleported overlays preserve explicit and custom themes.
+
+### 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/WDateRangePicker.vue.d.ts

@@ -9,6 +9,10 @@ interface Preset {
     label: string;
 }
 type __VLS_Props = {
+    locale?: string;
+    applyLabel?: string;
+    previousMonthLabel?: string;
+    nextMonthLabel?: string;
     modelValue?: DateRange | null;
     presets?: Preset[];
     placeholder?: string;
@@ -27,6 +31,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     placeholder: string;
     clearable: boolean;
     clearLabel: string;
+    applyLabel: string;
+    previousMonthLabel: string;
+    nextMonthLabel: string;
     presets: Preset[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -55,6 +55,10 @@ export type FilterItem = SearchFilter | SelectFilter | DateFilter | PillsFilter
 type __VLS_Props = {
     filters: FilterItem[] | FilterItem[][];
     modelValue: Record<string, any>;
+    selectLabels?: {
+        searchPlaceholder?: string;
+        noResultsLabel?: string;
+    };
     loading?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

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 & {

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

@@ -16,6 +16,10 @@ type __VLS_Props = {
     multiple?: boolean;
     searchable?: boolean;
     creatable?: boolean;
+    searchPlaceholder?: string;
+    selectAllLabel?: string;
+    clearLabel?: string;
+    noResultsLabel?: string;
     label?: string;
     labelPlacement?: 'top' | 'inline';
     placeholder?: string;
@@ -58,6 +62,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     "onUpdate:modelValue"?: ((v: any) => any) | undefined;
     "onOpen-change"?: ((v: boolean) => any) | undefined;
 }>, {
+    searchPlaceholder: string;
+    clearLabel: string;
+    selectAllLabel: string;
+    noResultsLabel: string;
     popoverFlip: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -11,6 +11,16 @@ type __VLS_Props = {
     data?: Record<string, unknown>[];
     columns: WTableColumn[];
     loading?: boolean;
+    loadingSpinner?: boolean;
+    labels?: {
+        loading?: string;
+        results?: string;
+        of?: string;
+        item?: string;
+        items?: string;
+        previous?: string;
+        next?: string;
+    };
     emptyText?: string;
     pageSize?: number;
     serverTotal?: number;
@@ -71,6 +81,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     "onRow-select"?: ((row: Record<string, unknown>, selected: boolean) => any) | undefined;
     "onUpdate:serverPage"?: ((page: number) => any) | undefined;
 }>, {
+    loadingSpinner: boolean;
     searchPlaceholder: string;
     rowClickable: boolean;
     showHeader: boolean;