@digitalwalletcorp/vue-core 1.3.1 → 1.4.0

package/README.md

@@ -172,6 +172,42 @@ export default defineNuxtConfig({
 });
 ```
 
+**🧭 Application-wide Options (`vueCoreOptionsKey`)**
+
+Settings that are the same on every page, such as the texts of `DataTable`, can be provided once for the whole application instead of being passed to each component.
+Provide `vueCoreOptionsKey` in a component above the components or with `app.provide`.
+A prop wins over the provided value, and without either, the default of the library is used.
+
+```ts
+// Vue: main.ts
+import { vueCoreOptionsKey } from '@digitalwalletcorp/vue-core';
+
+app.provide(vueCoreOptionsKey, {
+  dataTable: {
+    labels: { totalCount: 'Total', totalUnit: 'records', noData: 'No data' },
+    sortMode: 'page'
+  }
+});
+```
+
+```ts
+// Nuxt: plugins/vue-core.ts
+import { vueCoreOptionsKey } from '@digitalwalletcorp/vue-core';
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.provide(vueCoreOptionsKey, {
+    dataTable: {
+      labels: { totalCount: 'Total', totalUnit: 'records', noData: 'No data' },
+      sortMode: 'page'
+    }
+  });
+});
+```
+
+| Property    | Type               | Description |
+| ----------- | ------------------ | ----------- |
+| `dataTable` | `DataTableOptions` | Sets default props for [`DataTable`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/data-table.md) components across the application. For example, you can configure default labels or sort behavior. |
+
 #### 🛠️ Helper Functions
 
 Dialogs, snackbars and floating windows are shown from code, so you can call them from a click handler or a store action without placing a component in the template.

package/lib/{components-BuTJ1wX8.js → components-B2jz-g6A.js}

@@ -1,4 +1,4 @@
-import { f as a, h as s, a as n, i as _, j as o, k as e, l as c, m as i, o as t, p as m, q as f, b as r, d as l, s as $, t as p, e as d, u as b, v as g, w as u } from "./warning-popper.vue_vue_type_style_index_0_lang-BKV_FX6k.js";
+import { f as a, h as s, a as n, i as _, j as o, k as e, l as c, m as i, o as t, p as m, q as f, b as r, d as l, s as $, t as p, e as d, u as b, v as g, w as u } from "./warning-popper.vue_vue_type_style_index_0_lang-CgXoSjjp.js";
 const y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AccordionFieldset: a,

package/lib/{components-CKql5lWg.cjs → components-COL2ZbhC.cjs}

@@ -1 +1 @@
-"use strict";const n=require("./warning-popper.vue_vue_type_style_index_0_lang-CHmkjVCO.cjs"),_=Object.freeze(Object.defineProperty({__proto__:null,AccordionFieldset:n._sfc_main$5,AccordionSection:n._sfc_main$6,CopyButton:n._sfc_main$1,DarkModeSelector:n._sfc_main$7,DataTable:n._sfc_main$8,HelpButton:n._sfc_main$9,HelpPopper:n._sfc_main$10,HourglassLoading:n._sfc_main$11,IntersectionLazyComponent:n._sfc_main$12,LabelButton:n._sfc_main$13,LabelIcon:n._sfc_main$14,ModalDialog:n._sfc_main$2,OverlayBox:n._sfc_main$3,PageSection:n._sfc_main$15,PageTitle:n._sfc_main$16,ScreenLoading:n._sfc_main$4,TabContent:n._sfc_main$17,TabGroup:n._sfc_main$18,WarningPopper:n._sfc_main$19},Symbol.toStringTag,{value:"Module"}));exports.components=_;
+"use strict";const n=require("./warning-popper.vue_vue_type_style_index_0_lang-4FIOsOY5.cjs"),_=Object.freeze(Object.defineProperty({__proto__:null,AccordionFieldset:n._sfc_main$5,AccordionSection:n._sfc_main$6,CopyButton:n._sfc_main$1,DarkModeSelector:n._sfc_main$7,DataTable:n._sfc_main$8,HelpButton:n._sfc_main$9,HelpPopper:n._sfc_main$10,HourglassLoading:n._sfc_main$11,IntersectionLazyComponent:n._sfc_main$12,LabelButton:n._sfc_main$13,LabelIcon:n._sfc_main$14,ModalDialog:n._sfc_main$2,OverlayBox:n._sfc_main$3,PageSection:n._sfc_main$15,PageTitle:n._sfc_main$16,ScreenLoading:n._sfc_main$4,TabContent:n._sfc_main$17,TabGroup:n._sfc_main$18,WarningPopper:n._sfc_main$19},Symbol.toStringTag,{value:"Module"}));exports.components=_;

package/lib/data-table.d.cts

@@ -1,14 +1,107 @@
-import { DataTableEmits, DataTableHeader, DataTableProps, DataTableSlots, DataTableSortContext } from './types/data-table.cjs';
+import { ClassValue, StyleValue } from 'vue';
+import { DataTableControlsPlacement, DataTableHeader, DataTableLabels, DataTableSortContext, DataTableSortMode } from './types/data-table.cjs';
+/**
+ * DataTable の props
+ */
+export interface Props<T = unknown> {
+    /** 表示している行のデータ。スロットで描画する行と同じ順に並んでいること */
+    dataList: T[];
+    /** ヘッダ。id は一意であること */
+    headers: DataTableHeader<T>[];
+    /** 読み込み中。true の間は行を描画せず読み込み中の表示を出す */
+    loading?: boolean;
+    /** 総件数。未指定なら dataList の件数 */
+    totalCount?: number;
+    /** 現在ページ(1起点) */
+    current?: number;
+    /** 1ページあたりの表示件数 */
+    limit?: number;
+    /** 1ページあたりの表示件数の上限 */
+    maxLimit?: number;
+    /** ページネーションに並べるページ番号の最大数 */
+    maxPagination?: number;
+    /** 行をクリックで選択できるか */
+    selectable?: boolean;
+    /** コントロールを出す位置 */
+    controls?: DataTableControlsPlacement;
+    /** ページネーションを出す位置。controls が無い側には出ない */
+    pagination?: DataTableControlsPlacement;
+    /** ページダウンロードボタンを表示するか */
+    showDownloadPage?: boolean;
+    /** 全件ダウンロードボタンを表示するか */
+    showDownloadAll?: boolean;
+    /** 総件数を表示するか */
+    showTotal?: boolean;
+    /** 1ページあたりの表示件数の入力を表示するか */
+    showLimit?: boolean;
+    /** ページネーションにページ番号の選択を表示するか */
+    showPageSelect?: boolean;
+    /** dataList が空のときにデータが無い旨の行を表示するか */
+    showNoData?: boolean;
+    /** ヘッダの境界のドラッグで列幅を変えられるか */
+    resizable?: boolean;
+    /** ヘッダのクリックでソートできるか */
+    sortable?: boolean;
+    /** ソートの方式。未指定なら remote */
+    sortMode?: DataTableSortMode;
+    /** テーブルをスクロールする領域に付ける class */
+    contentClass?: ClassValue;
+    /** テーブルをスクロールする領域に付ける style */
+    contentStyle?: StyleValue;
+    /** table に付ける class */
+    tableClass?: ClassValue;
+    /** table に付ける style */
+    tableStyle?: StyleValue;
+    /** 表示する文言。未指定の項目は英語 */
+    labels?: DataTableLabels;
+    /** 総件数の整形。未指定なら en-US の桁区切り。SSR とクライアントで同じ文字列を返すこと */
+    formatTotalCount?: (count: number) => string;
+}
+/**
+ * DataTable が発行するイベント
+ */
+export interface Emits<T = unknown> {
+    /** 選択が変わった。クリックでの選択・解除、カーソルキーでの移動、読み込み完了時の解除で発行する。解除は undefined と -1 */
+    (e: 'emit:selectRow', value: T | undefined, index: number): void;
+    /** ソートの条件が変わった。sortMode に関わらず発行する */
+    (e: 'emit:changeSort', context: DataTableSortContext): void;
+    (e: 'emit:updateHeader', headers: DataTableHeader<T>[]): void;
+    (e: 'emit:dblclickRow', value: T, index: number): void;
+    (e: 'emit:changeLimit', limit: number): void;
+    (e: 'emit:changePage', page: number): void;
+    (e: 'emit:downloadPage'): void;
+    (e: 'emit:downloadAll'): void;
+}
+/**
+ * DataTable のスロット
+ */
+export interface Slots<T = unknown> {
+    /** 行。tr を rows と同じ順に並べ、tr の click で clickRow(row, index) を呼ぶ */
+    default?(props: {
+        /** 表示する行。sortMode が page のときはソートした順、それ以外は dataList そのもの */
+        rows: T[];
+        /** 行を選択する。選択している行なら選択を解除する */
+        clickRow: (row: T, index: number) => void;
+        /** 行を選択してダブルクリックを通知する */
+        dblclickRow: (row: T, index: number) => void;
+        /** 行のインデックスから、ページをまたいだ1起点の行番号を返す */
+        rowNumber: (index: number) => number;
+        /** 選択している行のインデックス。選択していなければ -1 */
+        selectedIndex: number;
+    }): unknown;
+    /** 読み込み中の表示。未指定なら既定のスピナー */
+    loading?(): unknown;
+}
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<DataTableProps<T> & {
+    props: __VLS_PrettifyLocal<Props<T> & {
+        "onEmit:changePage"?: ((page: number) => any) | undefined;
+        "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
+        "onEmit:downloadPage"?: (() => any) | undefined;
+        "onEmit:downloadAll"?: (() => any) | undefined;
         "onEmit:selectRow"?: ((value: T | undefined, index: number) => any) | undefined;
         "onEmit:changeSort"?: ((context: DataTableSortContext) => any) | undefined;
         "onEmit:updateHeader"?: ((headers: DataTableHeader<T>[]) => any) | undefined;
         "onEmit:dblclickRow"?: ((value: T, index: number) => any) | undefined;
-        "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
-        "onEmit:changePage"?: ((page: number) => any) | undefined;
-        "onEmit:downloadPage"?: (() => any) | undefined;
-        "onEmit:downloadAll"?: (() => any) | undefined;
     }> & import('vue').PublicProps & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -17,8 +110,8 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         getSortContext: () => DataTableSortContext;
     }>) => void;
     attrs: any;
-    slots: DataTableSlots<T>;
-    emit: DataTableEmits<T>;
+    slots: Slots<T>;
+    emit: Emits<T>;
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/lib/data-table.d.ts

@@ -1,14 +1,107 @@
-import { DataTableEmits, DataTableHeader, DataTableProps, DataTableSlots, DataTableSortContext } from './types/data-table';
+import { ClassValue, StyleValue } from 'vue';
+import { DataTableControlsPlacement, DataTableHeader, DataTableLabels, DataTableSortContext, DataTableSortMode } from './types/data-table';
+/**
+ * DataTable の props
+ */
+export interface Props<T = unknown> {
+    /** 表示している行のデータ。スロットで描画する行と同じ順に並んでいること */
+    dataList: T[];
+    /** ヘッダ。id は一意であること */
+    headers: DataTableHeader<T>[];
+    /** 読み込み中。true の間は行を描画せず読み込み中の表示を出す */
+    loading?: boolean;
+    /** 総件数。未指定なら dataList の件数 */
+    totalCount?: number;
+    /** 現在ページ(1起点) */
+    current?: number;
+    /** 1ページあたりの表示件数 */
+    limit?: number;
+    /** 1ページあたりの表示件数の上限 */
+    maxLimit?: number;
+    /** ページネーションに並べるページ番号の最大数 */
+    maxPagination?: number;
+    /** 行をクリックで選択できるか */
+    selectable?: boolean;
+    /** コントロールを出す位置 */
+    controls?: DataTableControlsPlacement;
+    /** ページネーションを出す位置。controls が無い側には出ない */
+    pagination?: DataTableControlsPlacement;
+    /** ページダウンロードボタンを表示するか */
+    showDownloadPage?: boolean;
+    /** 全件ダウンロードボタンを表示するか */
+    showDownloadAll?: boolean;
+    /** 総件数を表示するか */
+    showTotal?: boolean;
+    /** 1ページあたりの表示件数の入力を表示するか */
+    showLimit?: boolean;
+    /** ページネーションにページ番号の選択を表示するか */
+    showPageSelect?: boolean;
+    /** dataList が空のときにデータが無い旨の行を表示するか */
+    showNoData?: boolean;
+    /** ヘッダの境界のドラッグで列幅を変えられるか */
+    resizable?: boolean;
+    /** ヘッダのクリックでソートできるか */
+    sortable?: boolean;
+    /** ソートの方式。未指定なら remote */
+    sortMode?: DataTableSortMode;
+    /** テーブルをスクロールする領域に付ける class */
+    contentClass?: ClassValue;
+    /** テーブルをスクロールする領域に付ける style */
+    contentStyle?: StyleValue;
+    /** table に付ける class */
+    tableClass?: ClassValue;
+    /** table に付ける style */
+    tableStyle?: StyleValue;
+    /** 表示する文言。未指定の項目は英語 */
+    labels?: DataTableLabels;
+    /** 総件数の整形。未指定なら en-US の桁区切り。SSR とクライアントで同じ文字列を返すこと */
+    formatTotalCount?: (count: number) => string;
+}
+/**
+ * DataTable が発行するイベント
+ */
+export interface Emits<T = unknown> {
+    /** 選択が変わった。クリックでの選択・解除、カーソルキーでの移動、読み込み完了時の解除で発行する。解除は undefined と -1 */
+    (e: 'emit:selectRow', value: T | undefined, index: number): void;
+    /** ソートの条件が変わった。sortMode に関わらず発行する */
+    (e: 'emit:changeSort', context: DataTableSortContext): void;
+    (e: 'emit:updateHeader', headers: DataTableHeader<T>[]): void;
+    (e: 'emit:dblclickRow', value: T, index: number): void;
+    (e: 'emit:changeLimit', limit: number): void;
+    (e: 'emit:changePage', page: number): void;
+    (e: 'emit:downloadPage'): void;
+    (e: 'emit:downloadAll'): void;
+}
+/**
+ * DataTable のスロット
+ */
+export interface Slots<T = unknown> {
+    /** 行。tr を rows と同じ順に並べ、tr の click で clickRow(row, index) を呼ぶ */
+    default?(props: {
+        /** 表示する行。sortMode が page のときはソートした順、それ以外は dataList そのもの */
+        rows: T[];
+        /** 行を選択する。選択している行なら選択を解除する */
+        clickRow: (row: T, index: number) => void;
+        /** 行を選択してダブルクリックを通知する */
+        dblclickRow: (row: T, index: number) => void;
+        /** 行のインデックスから、ページをまたいだ1起点の行番号を返す */
+        rowNumber: (index: number) => number;
+        /** 選択している行のインデックス。選択していなければ -1 */
+        selectedIndex: number;
+    }): unknown;
+    /** 読み込み中の表示。未指定なら既定のスピナー */
+    loading?(): unknown;
+}
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<DataTableProps<T> & {
+    props: __VLS_PrettifyLocal<Props<T> & {
+        "onEmit:changePage"?: ((page: number) => any) | undefined;
+        "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
+        "onEmit:downloadPage"?: (() => any) | undefined;
+        "onEmit:downloadAll"?: (() => any) | undefined;
         "onEmit:selectRow"?: ((value: T | undefined, index: number) => any) | undefined;
         "onEmit:changeSort"?: ((context: DataTableSortContext) => any) | undefined;
         "onEmit:updateHeader"?: ((headers: DataTableHeader<T>[]) => any) | undefined;
         "onEmit:dblclickRow"?: ((value: T, index: number) => any) | undefined;
-        "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
-        "onEmit:changePage"?: ((page: number) => any) | undefined;
-        "onEmit:downloadPage"?: (() => any) | undefined;
-        "onEmit:downloadAll"?: (() => any) | undefined;
     }> & import('vue').PublicProps & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -17,8 +110,8 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         getSortContext: () => DataTableSortContext;
     }>) => void;
     attrs: any;
-    slots: DataTableSlots<T>;
-    emit: DataTableEmits<T>;
+    slots: Slots<T>;
+    emit: Emits<T>;
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/lib/helpers/vue-core-options.d.cts

@@ -0,0 +1,17 @@
+import { InjectionKey } from 'vue';
+import { Props } from '../data-table.cjs';
+/**
+ * DataTable のアプリ既定の設定。vueCoreOptionsKey の dataTable で渡す。
+ * props のうちデータと表示の状態を除いた項目を持ち、DataTable の props に同じ名前の指定があればそちらが優先される
+ */
+export type DataTableOptions = Partial<Omit<Props, 'dataList' | 'headers' | 'loading' | 'totalCount' | 'current' | 'limit'>>;
+/** アプリ全体の設定 */
+export type VueCoreOptions = {
+    /** DataTable のアプリ既定の設定 */
+    dataTable?: DataTableOptions;
+};
+/**
+ * アプリ全体の設定を provide/inject するためのキー
+ * provide は任意。画面の上位または app.provide で使う
+ */
+export declare const vueCoreOptionsKey: InjectionKey<VueCoreOptions>;

package/lib/helpers/vue-core-options.d.ts

@@ -0,0 +1,17 @@
+import { InjectionKey } from 'vue';
+import { Props } from '../data-table';
+/**
+ * DataTable のアプリ既定の設定。vueCoreOptionsKey の dataTable で渡す。
+ * props のうちデータと表示の状態を除いた項目を持ち、DataTable の props に同じ名前の指定があればそちらが優先される
+ */
+export type DataTableOptions = Partial<Omit<Props, 'dataList' | 'headers' | 'loading' | 'totalCount' | 'current' | 'limit'>>;
+/** アプリ全体の設定 */
+export type VueCoreOptions = {
+    /** DataTable のアプリ既定の設定 */
+    dataTable?: DataTableOptions;
+};
+/**
+ * アプリ全体の設定を provide/inject するためのキー
+ * provide は任意。画面の上位または app.provide で使う
+ */
+export declare const vueCoreOptionsKey: InjectionKey<VueCoreOptions>;

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./warning-popper.vue_vue_type_style_index_0_lang-CHmkjVCO.cjs"),e=require("vue"),F=require("@digitalwalletcorp/vue-svg-icons"),W="$index",x=o=>{const t=[];for(const n of o)if(n.csv===!0)t.push({header:n,column:{}});else if(Array.isArray(n.csv))for(const a of n.csv)a.disabled||t.push({header:n,column:a});return t},N=o=>x(o).map(({header:t,column:n})=>r.resolveLabel(n.label??t.label)),P=(o,t,n)=>x(o).map(({header:a,column:l})=>{if(l.format)return l.format(t);const s=l.key??a.id;return s===W?n:r.getValueByPath(t,s)}),z=e.defineComponent({__name:"floating-component",props:{open:{type:Boolean},title:{},anchor:{},dragMode:{},loading:{type:Boolean},closeLabel:{},copyValue:{type:[String,Number,Function]},copyLabel:{},closeOnDblClick:{type:Boolean},lockScroll:{type:Boolean},initialSize:{},headerClass:{type:[Boolean,null,String,Object,Array]},headerStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:open","emit:close"],setup(o,{emit:t}){const n=o,a=t,l=e.ref(),s=e.ref(r.nextWindowOrder()),c=()=>{s.value=r.nextWindowOrder()},d=()=>{n.closeOnDblClick&&a("update:open",!1)},i=()=>{const u=l.value;if(!u?.element)return;const p=u.element.getBoundingClientRect();let m=n.initialSize?.width??p.width;window.innerWidth<m&&(m=window.innerWidth*.9);let f=n.initialSize?.height??-1;window.innerHeight<f&&(f=window.innerHeight*.9),u.size.width=m,u.size.height=f;const b=document.documentElement.scrollLeft,v=document.documentElement.scrollTop;if(n.anchor){const M={width:m,height:0<=f?f:p.height},V={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight},k=r.computeAnchoredPosition(n.anchor.getBoundingClientRect(),M,V,{placement:"bottom-start",offset:0,margin:0,arrowMargin:0});u.position.x=k.left+b,u.position.y=k.top+v}else u.position.x=10+b,u.position.y=10+v};return e.onMounted(()=>{n.open&&i()}),(u,p)=>(e.openBlock(),e.createBlock(e.Transition,{name:"dwui-floating-component-fade",onAfterLeave:p[1]||(p[1]=m=>a("emit:close"))},{default:e.withCtx(()=>[n.open?(e.openBlock(),e.createBlock(r._sfc_main,{key:0,ref_key:"refWindow",ref:l,class:e.normalizeClass(["dwui-floating-component",{"dwui-lock-scroll":n.lockScroll}]),name:"dwui-floating-component",style:e.normalizeStyle({"--dwui-order-window":s.value}),"drag-mode":n.dragMode,loading:n.loading,"close-label":n.closeLabel,"clamp-bottom":!1,"header-class":n.headerClass,"header-style":n.headerStyle,onPointerdownCapture:c,onDblclick:d,"onEmit:close":p[0]||(p[0]=m=>a("update:open",!1))},e.createSlots({title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:2},[n.copyValue!=null?{name:"actions",fn:e.withCtx(()=>[e.createVNode(r._sfc_main$1,{class:"dwui-floating-component-copy-button",value:n.copyValue,"aria-label":n.copyLabel},null,8,["value","aria-label"])]),key:"0"}:void 0]),1032,["class","style","drag-mode","loading","close-label","header-class","header-style"])):e.createCommentVNode("",!0)]),_:3}))}});function S(o,t,n){const a=document.createElement("div");document.body.appendChild(a);const l=e.ref(!0),s=e.ref(!1),c={close:()=>{l.value=!1},setLoading:u=>{s.value=u}},d=e.defineComponent(()=>()=>o({open:l.value,loading:s.value,"onUpdate:open":u=>{l.value=u},"onEmit:close":()=>{n.delete(c),e.render(null,a),a.remove(),t.onClosed?.(),t.onClose?.()}},c)),i=e.h(d);return t.appContext&&(i.appContext=t.appContext),e.render(i,a),n.add(c),c}function $(o){const t=e.getCurrentInstance();if(!t)throw new Error(`${o}() must be called inside setup().`);const n=new Set;return e.onBeforeUnmount(()=>{for(const a of n)a.close()}),{appContext:t.appContext,own:a=>{const l=a(()=>{n.delete(l)});return n.add(l),l}}}const L=new Set,h=(o,t,n)=>{const{appContext:a,onClose:l,...s}=t??{};return S((c,d)=>e.h(z,{closeLabel:"Close",copyLabel:"Copy",closeOnDblClick:!1,lockScroll:!1,...s,...c},{default:()=>o(d)}),{appContext:a,onClose:l,onClosed:n},L)},E=(o,t)=>n=>e.h(o,{...t,...n}),_=o=>typeof o=="string"?o:JSON.stringify(o,null,2),D=(o,t)=>()=>t&&typeof o=="string"?e.h("div",{class:"dwui-floating-component-message",innerHTML:o}):e.h("div",{class:"dwui-floating-component-message"},_(o));function I(o,t,n){return h(E(o,t),n)}function H(o,t){const{html:n,...a}=t??{};return h(D(o,n),{copyValue:_(o),...a})}function R(){for(const o of[...L])o.close()}function j(){const o=$("useFloatingComponent"),t=n=>({appContext:o.appContext,...n});return{showFloatingComponent:(n,a,l)=>o.own(s=>h(E(n,a),t(l),s)),showFloatingMessage:(n,a)=>{const{html:l,...s}=a??{};return o.own(c=>h(D(n,l),t({copyValue:_(n),...s}),c))}}}function g(o,t){const{icon:n,appContext:a,...l}=t??{};return new Promise(s=>{const c=document.createElement("div");document.body.appendChild(c);const d=e.h(r._sfc_main$2,{...l,message:o,open:!0,"onEmit:close":i=>{e.render(null,c),c.remove(),s(i)}},n?{icon:()=>e.h(n)}:void 0);a&&(d.appContext=a),e.render(d,c)})}function q(o,t){return g(o,{...t,type:"info"})}function G(o,t){return g(o,{...t,type:"confirm"})}function U(o,t){return g(o,{...t,type:"warn"})}function J(o,t){return g(o,{...t,type:"error"})}const O=new Set,T=(o,t,n,a)=>{const{appContext:l,onClose:s,...c}=n??{};return S((d,i)=>e.h(r._sfc_main$3,{...c,...d},{default:()=>e.h(o,{...t,close:i.close,setLoading:i.setLoading})}),{appContext:l,onClose:s,onClosed:a},O)};function K(o,t,n){return T(o,t,n)}function X(){for(const o of[...O])o.close()}function Y(){const o=$("useOverlayBox");return{showOverlayBox:(t,n,a)=>o.own(l=>T(t,n,{appContext:o.appContext,...a},l))}}function Q(o){const t=document.createElement("div");document.body.appendChild(t);const n=()=>{e.render(null,t),t.remove()};return e.render(e.h(r._sfc_main$4,{...o,loading:!0}),t),{close:n}}const Z=["aria-label","title"],ee=["title","onClick"],ne={key:0,class:"dwui-snackbar-header"},oe={key:0,class:"dwui-snackbar-title"},te={key:1,class:"dwui-snackbar-label"},ae={class:"dwui-snackbar-message"},le={key:1,class:"dwui-snackbar-timestamp"},se=e.defineComponent({__name:"snackbar-container",props:{placement:{},direction:{},items:{}},emits:["emit:close","emit:clear","emit:afterLeave"],setup(o,{emit:t}){const n=o,a=t,l=e.computed(()=>{const[c,d="center"]=n.placement.split("-");return[`dwui-snackbar-container-${c}`,`dwui-snackbar-container-${d}`,`dwui-snackbar-container-${n.direction}`]}),s=e.computed(()=>n.items.filter(c=>c.clearable).at(-1)?.clearLabel);return(c,d)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"div",name:"dwui-snackbar-fade",class:e.normalizeClass(["dwui-snackbar-container",l.value]),role:"status",onAfterLeave:d[1]||(d[1]=i=>a("emit:afterLeave"))},{default:e.withCtx(()=>[s.value!=null?(e.openBlock(),e.createElementBlock("button",{key:"clear",type:"button",class:"dwui-snackbar-clear-button","aria-label":s.value,title:s.value,onClick:d[0]||(d[0]=i=>a("emit:clear"))},[e.createVNode(e.unref(F.SvgWastebasket))],8,Z)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,i=>(e.openBlock(),e.createElementBlock("button",{key:i.id,type:"button",class:e.normalizeClass(["dwui-snackbar",i.class]),style:e.normalizeStyle(i.style),title:i.message,onClick:u=>a("emit:close",i.id)},[i.title||i.label?(e.openBlock(),e.createElementBlock("span",ne,[i.title?(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(i.title),1)):e.createCommentVNode("",!0),i.label?(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(i.label),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",ae,e.toDisplayString(i.message),1),i.timestamp?(e.openBlock(),e.createElementBlock("span",le,e.toDisplayString(i.timestamp),1)):e.createCommentVNode("",!0)],14,ee))),128))]),_:1},8,["class"]))}}),re=50,w=new Map,y=new Map;let B=0;const C=(o,t,n)=>{const a=o.findIndex(s=>s.id===t);if(a<0)return;o.splice(a,1);const l=y.get(t);y.delete(t),clearTimeout(l?.timer),l?.onClose?.(n)},A=o=>{const t=o.map(n=>n.id);for(let n=0;n<t.length;n++)setTimeout(()=>C(o,t[n],"clear"),re*n)},ie=(o,t)=>{const n=`${o} ${t}`,a=w.get(n);if(a)return a;const l=document.createElement("div");document.body.appendChild(l);const s=e.shallowReactive([]);return w.set(n,s),e.render(e.h(se,{placement:o,direction:t,items:s,"onEmit:close":c=>C(s,c,"click"),"onEmit:clear":()=>A(s),"onEmit:afterLeave":()=>{s.length===0&&w.get(n)===s&&(w.delete(n),e.render(null,l),l.remove())}}),l),s};function ce(o,t){const{placement:n="bottom",direction:a="overlap",duration:l,clearable:s=!1,clearLabel:c="Clear all",onClose:d,...i}=t??{},u=ie(n,a);B+=1;const p=B;return u.push({...i,id:p,message:o,clearable:s,clearLabel:c}),y.set(p,{timer:l?setTimeout(()=>C(u,p,"duration"),l):void 0,onClose:d}),{close:()=>C(u,p,"handle")}}function de(){for(const o of w.values())A(o)}exports.AccordionFieldset=r._sfc_main$5;exports.AccordionSection=r._sfc_main$6;exports.CopyButton=r._sfc_main$1;exports.DarkModeSelector=r._sfc_main$7;exports.DataTable=r._sfc_main$8;exports.HelpButton=r._sfc_main$9;exports.HelpPopper=r._sfc_main$10;exports.HourglassLoading=r._sfc_main$11;exports.IntersectionLazyComponent=r._sfc_main$12;exports.LabelButton=r._sfc_main$13;exports.LabelIcon=r._sfc_main$14;exports.ModalDialog=r._sfc_main$2;exports.OverlayBox=r._sfc_main$3;exports.PageSection=r._sfc_main$15;exports.PageTitle=r._sfc_main$16;exports.ScreenLoading=r._sfc_main$4;exports.TabContent=r._sfc_main$17;exports.TabGroup=r._sfc_main$18;exports.WarningPopper=r._sfc_main$19;exports.closeAllFloatingComponents=R;exports.closeAllOverlayBoxes=X;exports.closeAllSnackbars=de;exports.headersToCsvColumns=N;exports.rowToCsvColumns=P;exports.showConfirmationDialog=G;exports.showErrorDialog=J;exports.showFloatingComponent=I;exports.showFloatingMessage=H;exports.showInformationDialog=q;exports.showModalDialog=g;exports.showOverlayBox=K;exports.showScreenLoading=Q;exports.showSnackbar=ce;exports.showWarningDialog=U;exports.useFloatingComponent=j;exports.useOverlayBox=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./warning-popper.vue_vue_type_style_index_0_lang-4FIOsOY5.cjs"),e=require("vue"),F=require("@digitalwalletcorp/vue-svg-icons"),W="$index",x=o=>{const t=[];for(const n of o)if(n.csv===!0)t.push({header:n,column:{}});else if(Array.isArray(n.csv))for(const a of n.csv)a.disabled||t.push({header:n,column:a});return t},N=o=>x(o).map(({header:t,column:n})=>r.resolveLabel(n.label??t.label)),P=(o,t,n)=>x(o).map(({header:a,column:l})=>{if(l.format)return l.format(t);const s=l.key??a.id;return s===W?n:r.getValueByPath(t,s)}),z=e.defineComponent({__name:"floating-component",props:{open:{type:Boolean},title:{},anchor:{},dragMode:{},loading:{type:Boolean},closeLabel:{},copyValue:{type:[String,Number,Function]},copyLabel:{},closeOnDblClick:{type:Boolean},lockScroll:{type:Boolean},initialSize:{},headerClass:{type:[Boolean,null,String,Object,Array]},headerStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:open","emit:close"],setup(o,{emit:t}){const n=o,a=t,l=e.ref(),s=e.ref(r.nextWindowOrder()),c=()=>{s.value=r.nextWindowOrder()},d=()=>{n.closeOnDblClick&&a("update:open",!1)},i=()=>{const u=l.value;if(!u?.element)return;const p=u.element.getBoundingClientRect();let m=n.initialSize?.width??p.width;window.innerWidth<m&&(m=window.innerWidth*.9);let f=n.initialSize?.height??-1;window.innerHeight<f&&(f=window.innerHeight*.9),u.size.width=m,u.size.height=f;const v=document.documentElement.scrollLeft,b=document.documentElement.scrollTop;if(n.anchor){const M={width:m,height:0<=f?f:p.height},V={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight},k=r.computeAnchoredPosition(n.anchor.getBoundingClientRect(),M,V,{placement:"bottom-start",offset:0,margin:0,arrowMargin:0});u.position.x=k.left+v,u.position.y=k.top+b}else u.position.x=10+v,u.position.y=10+b};return e.onMounted(()=>{n.open&&i()}),(u,p)=>(e.openBlock(),e.createBlock(e.Transition,{name:"dwui-floating-component-fade",onAfterLeave:p[1]||(p[1]=m=>a("emit:close"))},{default:e.withCtx(()=>[n.open?(e.openBlock(),e.createBlock(r._sfc_main,{key:0,ref_key:"refWindow",ref:l,class:e.normalizeClass(["dwui-floating-component",{"dwui-lock-scroll":n.lockScroll}]),name:"dwui-floating-component",style:e.normalizeStyle({"--dwui-order-window":s.value}),"drag-mode":n.dragMode,loading:n.loading,"close-label":n.closeLabel,"clamp-bottom":!1,"header-class":n.headerClass,"header-style":n.headerStyle,onPointerdownCapture:c,onDblclick:d,"onEmit:close":p[0]||(p[0]=m=>a("update:open",!1))},e.createSlots({title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:2},[n.copyValue!=null?{name:"actions",fn:e.withCtx(()=>[e.createVNode(r._sfc_main$1,{class:"dwui-floating-component-copy-button",value:n.copyValue,"aria-label":n.copyLabel},null,8,["value","aria-label"])]),key:"0"}:void 0]),1032,["class","style","drag-mode","loading","close-label","header-class","header-style"])):e.createCommentVNode("",!0)]),_:3}))}});function S(o,t,n){const a=document.createElement("div");document.body.appendChild(a);const l=e.ref(!0),s=e.ref(!1),c={close:()=>{l.value=!1},setLoading:u=>{s.value=u}},d=e.defineComponent(()=>()=>o({open:l.value,loading:s.value,"onUpdate:open":u=>{l.value=u},"onEmit:close":()=>{n.delete(c),e.render(null,a),a.remove(),t.onClosed?.(),t.onClose?.()}},c)),i=e.h(d);return t.appContext&&(i.appContext=t.appContext),e.render(i,a),n.add(c),c}function $(o){const t=e.getCurrentInstance();if(!t)throw new Error(`${o}() must be called inside setup().`);const n=new Set;return e.onBeforeUnmount(()=>{for(const a of n)a.close()}),{appContext:t.appContext,own:a=>{const l=a(()=>{n.delete(l)});return n.add(l),l}}}const L=new Set,h=(o,t,n)=>{const{appContext:a,onClose:l,...s}=t??{};return S((c,d)=>e.h(z,{closeLabel:"Close",copyLabel:"Copy",closeOnDblClick:!1,lockScroll:!1,...s,...c},{default:()=>o(d)}),{appContext:a,onClose:l,onClosed:n},L)},E=(o,t)=>n=>e.h(o,{...t,...n}),_=o=>typeof o=="string"?o:JSON.stringify(o,null,2),D=(o,t)=>()=>t&&typeof o=="string"?e.h("div",{class:"dwui-floating-component-message",innerHTML:o}):e.h("div",{class:"dwui-floating-component-message"},_(o));function I(o,t,n){return h(E(o,t),n)}function H(o,t){const{html:n,...a}=t??{};return h(D(o,n),{copyValue:_(o),...a})}function R(){for(const o of[...L])o.close()}function j(){const o=$("useFloatingComponent"),t=n=>({appContext:o.appContext,...n});return{showFloatingComponent:(n,a,l)=>o.own(s=>h(E(n,a),t(l),s)),showFloatingMessage:(n,a)=>{const{html:l,...s}=a??{};return o.own(c=>h(D(n,l),t({copyValue:_(n),...s}),c))}}}function g(o,t){const{icon:n,appContext:a,...l}=t??{};return new Promise(s=>{const c=document.createElement("div");document.body.appendChild(c);const d=e.h(r._sfc_main$2,{...l,message:o,open:!0,"onEmit:close":i=>{e.render(null,c),c.remove(),s(i)}},n?{icon:()=>e.h(n)}:void 0);a&&(d.appContext=a),e.render(d,c)})}function q(o,t){return g(o,{...t,type:"info"})}function K(o,t){return g(o,{...t,type:"confirm"})}function G(o,t){return g(o,{...t,type:"warn"})}function U(o,t){return g(o,{...t,type:"error"})}const O=new Set,T=(o,t,n,a)=>{const{appContext:l,onClose:s,...c}=n??{};return S((d,i)=>e.h(r._sfc_main$3,{...c,...d},{default:()=>e.h(o,{...t,close:i.close,setLoading:i.setLoading})}),{appContext:l,onClose:s,onClosed:a},O)};function J(o,t,n){return T(o,t,n)}function X(){for(const o of[...O])o.close()}function Y(){const o=$("useOverlayBox");return{showOverlayBox:(t,n,a)=>o.own(l=>T(t,n,{appContext:o.appContext,...a},l))}}function Q(o){const t=document.createElement("div");document.body.appendChild(t);const n=()=>{e.render(null,t),t.remove()};return e.render(e.h(r._sfc_main$4,{...o,loading:!0}),t),{close:n}}const Z=["aria-label","title"],ee=["title","onClick"],ne={key:0,class:"dwui-snackbar-header"},oe={key:0,class:"dwui-snackbar-title"},te={key:1,class:"dwui-snackbar-label"},ae={class:"dwui-snackbar-message"},le={key:1,class:"dwui-snackbar-timestamp"},se=e.defineComponent({__name:"snackbar-container",props:{placement:{},direction:{},items:{}},emits:["emit:close","emit:clear","emit:afterLeave"],setup(o,{emit:t}){const n=o,a=t,l=e.computed(()=>{const[c,d="center"]=n.placement.split("-");return[`dwui-snackbar-container-${c}`,`dwui-snackbar-container-${d}`,`dwui-snackbar-container-${n.direction}`]}),s=e.computed(()=>n.items.filter(c=>c.clearable).at(-1)?.clearLabel);return(c,d)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"div",name:"dwui-snackbar-fade",class:e.normalizeClass(["dwui-snackbar-container",l.value]),role:"status",onAfterLeave:d[1]||(d[1]=i=>a("emit:afterLeave"))},{default:e.withCtx(()=>[s.value!=null?(e.openBlock(),e.createElementBlock("button",{key:"clear",type:"button",class:"dwui-snackbar-clear-button","aria-label":s.value,title:s.value,onClick:d[0]||(d[0]=i=>a("emit:clear"))},[e.createVNode(e.unref(F.SvgWastebasket))],8,Z)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,i=>(e.openBlock(),e.createElementBlock("button",{key:i.id,type:"button",class:e.normalizeClass(["dwui-snackbar",i.class]),style:e.normalizeStyle(i.style),title:i.message,onClick:u=>a("emit:close",i.id)},[i.title||i.label?(e.openBlock(),e.createElementBlock("span",ne,[i.title?(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(i.title),1)):e.createCommentVNode("",!0),i.label?(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(i.label),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",ae,e.toDisplayString(i.message),1),i.timestamp?(e.openBlock(),e.createElementBlock("span",le,e.toDisplayString(i.timestamp),1)):e.createCommentVNode("",!0)],14,ee))),128))]),_:1},8,["class"]))}}),re=50,w=new Map,y=new Map;let B=0;const C=(o,t,n)=>{const a=o.findIndex(s=>s.id===t);if(a<0)return;o.splice(a,1);const l=y.get(t);y.delete(t),clearTimeout(l?.timer),l?.onClose?.(n)},A=o=>{const t=o.map(n=>n.id);for(let n=0;n<t.length;n++)setTimeout(()=>C(o,t[n],"clear"),re*n)},ie=(o,t)=>{const n=`${o} ${t}`,a=w.get(n);if(a)return a;const l=document.createElement("div");document.body.appendChild(l);const s=e.shallowReactive([]);return w.set(n,s),e.render(e.h(se,{placement:o,direction:t,items:s,"onEmit:close":c=>C(s,c,"click"),"onEmit:clear":()=>A(s),"onEmit:afterLeave":()=>{s.length===0&&w.get(n)===s&&(w.delete(n),e.render(null,l),l.remove())}}),l),s};function ce(o,t){const{placement:n="bottom",direction:a="overlap",duration:l,clearable:s=!1,clearLabel:c="Clear all",onClose:d,...i}=t??{},u=ie(n,a);B+=1;const p=B;return u.push({...i,id:p,message:o,clearable:s,clearLabel:c}),y.set(p,{timer:l?setTimeout(()=>C(u,p,"duration"),l):void 0,onClose:d}),{close:()=>C(u,p,"handle")}}function de(){for(const o of w.values())A(o)}exports.AccordionFieldset=r._sfc_main$5;exports.AccordionSection=r._sfc_main$6;exports.CopyButton=r._sfc_main$1;exports.DarkModeSelector=r._sfc_main$7;exports.DataTable=r._sfc_main$8;exports.HelpButton=r._sfc_main$9;exports.HelpPopper=r._sfc_main$10;exports.HourglassLoading=r._sfc_main$11;exports.IntersectionLazyComponent=r._sfc_main$12;exports.LabelButton=r._sfc_main$13;exports.LabelIcon=r._sfc_main$14;exports.ModalDialog=r._sfc_main$2;exports.OverlayBox=r._sfc_main$3;exports.PageSection=r._sfc_main$15;exports.PageTitle=r._sfc_main$16;exports.ScreenLoading=r._sfc_main$4;exports.TabContent=r._sfc_main$17;exports.TabGroup=r._sfc_main$18;exports.WarningPopper=r._sfc_main$19;exports.vueCoreOptionsKey=r.vueCoreOptionsKey;exports.closeAllFloatingComponents=R;exports.closeAllOverlayBoxes=X;exports.closeAllSnackbars=de;exports.headersToCsvColumns=N;exports.rowToCsvColumns=P;exports.showConfirmationDialog=K;exports.showErrorDialog=U;exports.showFloatingComponent=I;exports.showFloatingMessage=H;exports.showInformationDialog=q;exports.showModalDialog=g;exports.showOverlayBox=J;exports.showScreenLoading=Q;exports.showSnackbar=ce;exports.showWarningDialog=G;exports.useFloatingComponent=j;exports.useOverlayBox=Y;

package/lib/index.d.cts

@@ -2,6 +2,7 @@ export * from './components.cjs';
 export type { Props as AccordionFieldsetProps, Slots as AccordionFieldsetSlots } from './accordion-fieldset.cjs';
 export type { Props as AccordionSectionProps, Slots as AccordionSectionSlots } from './accordion-section.cjs';
 export type { Props as CopyButtonProps, Emits as CopyButtonEmits, Slots as CopyButtonSlots } from './copy-button.cjs';
+export type { Props as DataTableProps, Emits as DataTableEmits, Slots as DataTableSlots } from './data-table.cjs';
 export type { Props as DarkModeSelectorProps, Emits as DarkModeSelectorEmits, Slots as DarkModeSelectorSlots } from './dark-mode-selector.cjs';
 export type { Props as HelpButtonProps, Emits as HelpButtonEmits, Slots as HelpButtonSlots } from './help-button.cjs';
 export type { Props as HelpPopperProps, Emits as HelpPopperEmits, Slots as HelpPopperSlots } from './help-popper.cjs';
@@ -18,7 +19,7 @@ export type { Props as TabContentProps, Slots as TabContentSlots } from './tab-c
 export type { Props as TabGroupProps, Slots as TabGroupSlots } from './tab-group.cjs';
 export type { Props as WarningPopperProps, Emits as WarningPopperEmits, Slots as WarningPopperSlots } from './warning-popper.cjs';
 export { headersToCsvColumns, rowToCsvColumns } from './helpers/data-table-csv.cjs';
-export type { DataTableControlsPlacement, DataTableCsvColumn, DataTableEmits, DataTableHeader, DataTableLabels, DataTableProps, DataTableResolvedLabels, DataTableSlots, DataTableSortContext, DataTableSortMode, DataTableValueType } from './types/data-table.cjs';
+export type { DataTableControlsPlacement, DataTableCsvColumn, DataTableHeader, DataTableLabels, DataTableResolvedLabels, DataTableSortContext, DataTableSortMode, DataTableValueType } from './types/data-table.cjs';
 export { closeAllFloatingComponents, showFloatingComponent, showFloatingMessage, useFloatingComponent } from './helpers/show-floating-component.cjs';
 export type { FloatingComponentContentProps, FloatingComponentHandle, ShowFloatingComponentOptions, ShowFloatingMessageOptions } from './helpers/show-floating-component.cjs';
 export { showConfirmationDialog, showErrorDialog, showInformationDialog, showModalDialog, showWarningDialog } from './helpers/show-modal-dialog.cjs';
@@ -34,4 +35,6 @@ export type { SnackbarDirection, SnackbarPlacement } from './internal/snackbar-i
 export type { LabelPreset } from './types/label-preset.cjs';
 export type { MovableWindowContentProps, MovableWindowDragMode, MovableWindowHandle } from './types/movable-window.cjs';
 export type { TabContentStatus } from './internal/tab-group-context.cjs';
+export { vueCoreOptionsKey } from './helpers/vue-core-options.cjs';
+export type { DataTableOptions, VueCoreOptions } from './helpers/vue-core-options.cjs';
 export type { PopoverPlacement } from './internal/anchored-position.cjs';

package/lib/index.d.ts

@@ -2,6 +2,7 @@ export * from './components';
 export type { Props as AccordionFieldsetProps, Slots as AccordionFieldsetSlots } from './accordion-fieldset';
 export type { Props as AccordionSectionProps, Slots as AccordionSectionSlots } from './accordion-section';
 export type { Props as CopyButtonProps, Emits as CopyButtonEmits, Slots as CopyButtonSlots } from './copy-button';
+export type { Props as DataTableProps, Emits as DataTableEmits, Slots as DataTableSlots } from './data-table';
 export type { Props as DarkModeSelectorProps, Emits as DarkModeSelectorEmits, Slots as DarkModeSelectorSlots } from './dark-mode-selector';
 export type { Props as HelpButtonProps, Emits as HelpButtonEmits, Slots as HelpButtonSlots } from './help-button';
 export type { Props as HelpPopperProps, Emits as HelpPopperEmits, Slots as HelpPopperSlots } from './help-popper';
@@ -18,7 +19,7 @@ export type { Props as TabContentProps, Slots as TabContentSlots } from './tab-c
 export type { Props as TabGroupProps, Slots as TabGroupSlots } from './tab-group';
 export type { Props as WarningPopperProps, Emits as WarningPopperEmits, Slots as WarningPopperSlots } from './warning-popper';
 export { headersToCsvColumns, rowToCsvColumns } from './helpers/data-table-csv';
-export type { DataTableControlsPlacement, DataTableCsvColumn, DataTableEmits, DataTableHeader, DataTableLabels, DataTableProps, DataTableResolvedLabels, DataTableSlots, DataTableSortContext, DataTableSortMode, DataTableValueType } from './types/data-table';
+export type { DataTableControlsPlacement, DataTableCsvColumn, DataTableHeader, DataTableLabels, DataTableResolvedLabels, DataTableSortContext, DataTableSortMode, DataTableValueType } from './types/data-table';
 export { closeAllFloatingComponents, showFloatingComponent, showFloatingMessage, useFloatingComponent } from './helpers/show-floating-component';
 export type { FloatingComponentContentProps, FloatingComponentHandle, ShowFloatingComponentOptions, ShowFloatingMessageOptions } from './helpers/show-floating-component';
 export { showConfirmationDialog, showErrorDialog, showInformationDialog, showModalDialog, showWarningDialog } from './helpers/show-modal-dialog';
@@ -34,4 +35,6 @@ export type { SnackbarDirection, SnackbarPlacement } from './internal/snackbar-i
 export type { LabelPreset } from './types/label-preset';
 export type { MovableWindowContentProps, MovableWindowDragMode, MovableWindowHandle } from './types/movable-window';
 export type { TabContentStatus } from './internal/tab-group-context';
+export { vueCoreOptionsKey } from './helpers/vue-core-options';
+export type { DataTableOptions, VueCoreOptions } from './helpers/vue-core-options';
 export type { PopoverPlacement } from './internal/anchored-position';

package/lib/index.js

@@ -1,5 +1,5 @@
-import { r as K, g as X, n as A, _ as Y, a as Q, c as Z, b as ee, d as ne, e as te } from "./warning-popper.vue_vue_type_style_index_0_lang-BKV_FX6k.js";
-import { f as Xe, h as Ye, i as Qe, j as Ze, k as en, l as nn, m as tn, o as on, p as an, q as sn, s as ln, t as rn, u as cn, v as dn, w as un } from "./warning-popper.vue_vue_type_style_index_0_lang-BKV_FX6k.js";
+import { r as J, g as X, n as A, _ as Y, a as Q, c as Z, b as ee, d as ne, e as te } from "./warning-popper.vue_vue_type_style_index_0_lang-CgXoSjjp.js";
+import { f as Xe, h as Ye, i as Qe, j as Ze, k as en, l as nn, m as tn, o as on, p as an, q as sn, s as ln, t as rn, u as cn, v as dn, w as un, x as pn } from "./warning-popper.vue_vue_type_style_index_0_lang-CgXoSjjp.js";
 import { defineComponent as E, ref as C, onMounted as oe, openBlock as p, createBlock as L, Transition as ae, withCtx as b, normalizeStyle as P, normalizeClass as S, createSlots as se, renderSlot as le, createTextVNode as re, toDisplayString as y, createVNode as F, createCommentVNode as g, getCurrentInstance as ie, onBeforeUnmount as ce, render as m, h as u, computed as M, TransitionGroup as de, createElementBlock as f, unref as ue, Fragment as pe, renderList as me, createElementVNode as fe, shallowReactive as we } from "vue";
 import { SvgWastebasket as ge } from "@digitalwalletcorp/vue-svg-icons";
 const he = "$index", H = (n) => {
@@ -11,7 +11,7 @@ const he = "$index", H = (n) => {
       for (const o of e.csv)
         o.disabled || t.push({ header: e, column: o });
   return t;
-}, De = (n) => H(n).map(({ header: t, column: e }) => K(e.label ?? t.label)), Ae = (n, t, e) => H(n).map(({ header: o, column: a }) => {
+}, De = (n) => H(n).map(({ header: t, column: e }) => J(e.label ?? t.label)), Ae = (n, t, e) => H(n).map(({ header: o, column: a }) => {
   if (a.format)
     return a.format(t);
   const s = a.key ?? o.id;
@@ -50,13 +50,13 @@ const he = "$index", H = (n) => {
       window.innerHeight < h && (h = window.innerHeight * 0.9), c.size.width = w, c.size.height = h;
       const O = document.documentElement.scrollLeft, T = document.documentElement.scrollTop;
       if (e.anchor) {
-        const q = {
+        const U = {
           width: w,
           height: 0 <= h ? h : d.height
-        }, J = {
+        }, q = {
           width: document.documentElement.clientWidth,
           height: document.documentElement.clientHeight
-        }, D = Z(e.anchor.getBoundingClientRect(), q, J, {
+        }, D = Z(e.anchor.getBoundingClientRect(), U, q, {
           placement: "bottom-start",
           offset: 0,
           margin: 0,
@@ -201,7 +201,7 @@ function Fe() {
     }
   };
 }
-function x(n, t) {
+function _(n, t) {
   const { icon: e, appContext: o, ...a } = t ?? {};
   return new Promise((s) => {
     const r = document.createElement("div");
@@ -218,25 +218,25 @@ function x(n, t) {
   });
 }
 function He(n, t) {
-  return x(n, {
+  return _(n, {
     ...t,
     type: "info"
   });
 }
 function Ve(n, t) {
-  return x(n, {
+  return _(n, {
     ...t,
     type: "confirm"
   });
 }
 function Ie(n, t) {
-  return x(n, {
+  return _(n, {
     ...t,
     type: "warn"
   });
 }
 function ze(n, t) {
-  return x(n, {
+  return _(n, {
     ...t,
     type: "error"
   });
@@ -287,10 +287,10 @@ const ye = ["aria-label", "title"], ve = ["title", "onClick"], Ce = {
 }, ke = {
   key: 0,
   class: "dwui-snackbar-title"
-}, _e = {
+}, xe = {
   key: 1,
   class: "dwui-snackbar-label"
-}, xe = { class: "dwui-snackbar-message" }, Le = {
+}, _e = { class: "dwui-snackbar-message" }, Le = {
   key: 1,
   class: "dwui-snackbar-timestamp"
 }, Se = /* @__PURE__ */ E({
@@ -338,9 +338,9 @@ const ye = ["aria-label", "title"], ve = ["title", "onClick"], Ce = {
         }, [
           l.title || l.label ? (p(), f("span", Ce, [
             l.title ? (p(), f("span", ke, y(l.title), 1)) : g("", !0),
-            l.label ? (p(), f("span", _e, y(l.label), 1)) : g("", !0)
+            l.label ? (p(), f("span", xe, y(l.label), 1)) : g("", !0)
           ])) : g("", !0),
-          fe("span", xe, y(l.message), 1),
+          fe("span", _e, y(l.message), 1),
           l.timestamp ? (p(), f("span", Le, y(l.timestamp), 1)) : g("", !0)
         ], 14, ve))), 128))
       ]),
@@ -349,17 +349,17 @@ const ye = ["aria-label", "title"], ve = ["title", "onClick"], Ce = {
   }
 }), Be = 50, v = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
 let W = 0;
-const _ = (n, t, e) => {
+const x = (n, t, e) => {
   const o = n.findIndex((s) => s.id === t);
   if (o < 0)
     return;
   n.splice(o, 1);
   const a = B.get(t);
   B.delete(t), clearTimeout(a?.timer), a?.onClose?.(e);
-}, U = (n) => {
+}, K = (n) => {
   const t = n.map((e) => e.id);
   for (let e = 0; e < t.length; e++)
-    setTimeout(() => _(n, t[e], "clear"), Be * e);
+    setTimeout(() => x(n, t[e], "clear"), Be * e);
 }, Ee = (n, t) => {
   const e = `${n} ${t}`, o = v.get(e);
   if (o)
@@ -371,14 +371,14 @@ const _ = (n, t, e) => {
     placement: n,
     direction: t,
     items: s,
-    "onEmit:close": (r) => _(s, r, "click"),
-    "onEmit:clear": () => U(s),
+    "onEmit:close": (r) => x(s, r, "click"),
+    "onEmit:clear": () => K(s),
     "onEmit:afterLeave": () => {
       s.length === 0 && v.get(e) === s && (v.delete(e), m(null, a), a.remove());
     }
   }), a), s;
 };
-function Ue(n, t) {
+function Ke(n, t) {
   const {
     placement: e = "bottom",
     direction: o = "overlap",
@@ -397,15 +397,15 @@ function Ue(n, t) {
     clearable: s,
     clearLabel: r
   }), B.set(d, {
-    timer: a ? setTimeout(() => _(c, d, "duration"), a) : void 0,
+    timer: a ? setTimeout(() => x(c, d, "duration"), a) : void 0,
     onClose: i
   }), {
-    close: () => _(c, d, "handle")
+    close: () => x(c, d, "handle")
   };
 }
-function qe() {
+function Ue() {
   for (const n of v.values())
-    U(n);
+    K(n);
 }
 export {
   Xe as AccordionFieldset,
@@ -429,7 +429,7 @@ export {
   un as WarningPopper,
   Pe as closeAllFloatingComponents,
   Re as closeAllOverlayBoxes,
-  qe as closeAllSnackbars,
+  Ue as closeAllSnackbars,
   De as headersToCsvColumns,
   Ae as rowToCsvColumns,
   Ve as showConfirmationDialog,
@@ -437,11 +437,12 @@ export {
   Me as showFloatingComponent,
   We as showFloatingMessage,
   He as showInformationDialog,
-  x as showModalDialog,
+  _ as showModalDialog,
   Ne as showOverlayBox,
   Ge as showScreenLoading,
-  Ue as showSnackbar,
+  Ke as showSnackbar,
   Ie as showWarningDialog,
   Fe as useFloatingComponent,
-  je as useOverlayBox
+  je as useOverlayBox,
+  pn as vueCoreOptionsKey
 };

package/lib/internal/data-table-controls.d.cts

@@ -28,13 +28,13 @@ interface Props {
     formatTotalCount?: (count: number) => string;
 }
 declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "emit:changeLimit": (limit: number) => any;
     "emit:changePage": (page: number) => any;
+    "emit:changeLimit": (limit: number) => any;
     "emit:downloadPage": () => any;
     "emit:downloadAll": () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
     "onEmit:changePage"?: ((page: number) => any) | undefined;
+    "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
     "onEmit:downloadPage"?: (() => any) | undefined;
     "onEmit:downloadAll"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;