@ulu/frontend-vue 0.5.3 → 0.5.4

package/dist/components/elements/UluTable.vue.js

@@ -0,0 +1,211 @@
+import { createElementBlock as i, openBlock as r, normalizeClass as o, renderSlot as u, Fragment as y, createCommentVNode as C, createElementVNode as R, createTextVNode as g, toDisplayString as $, renderList as f, unref as h, createBlock as w, resolveDynamicComponent as L, withCtx as F } from "vue";
+import { isArrayOfObjects as T } from "../../utils/props.js";
+import { useTableData as j } from "../../composables/useTableData.js";
+const S = ["id", "rowspan", "colspan", "scope", "headers"], B = ["innerHTML"], D = ["id"], N = ["innerHTML"], O = ["id"], E = ["innerHTML"], q = {
+  __name: "UluTable",
+  props: {
+    /**
+     * Array of column configurations to convert to list output
+     * 
+     * @property {Object} column A column config
+     * @property {String|Boolean} column.title The title to output for the column if set to a falsey value nothing will print
+     * @property {Array} column.columns Array of child columns
+     * @property {String} column.key The key that should be usec to grab column's value from rows
+     * @property {Function} column.value A function that returns the column's value used instead of key passed (row, column)
+     * @property {String} column.slot Register custom slot name to use as a template for this column. Passing a slot with this name will link them. The slot are passed the ({row, column}). Note this will disable output of the column's value
+     * @property {String} column.slotHeader Register custom slot name to use in the header
+     * @property {String} column.classHeader Custom class(s) to be set to column <th>
+     * @property {String} column.class Custom class(s) to be set to column's value <td>       
+     * @property {String} column.html Use v-html output for value      
+     * @property {String} column.rowHeader When this column is printed in the <tbody> it should be a header for the row. Note supports multiple row headers from left to right only. No rowspan support for rowHeaders. 
+     */
+    columns: {
+      type: Array,
+      validator: T
+    },
+    /**
+     * Array of tables rows (tbody)
+     * - Each row is an object who's value will be matched to columns
+     */
+    rows: {
+      type: Array,
+      validator: T
+    },
+    /**
+     * Array of rows for footer (tfoot)
+     */
+    footerRows: {
+      type: Array,
+      validator: T
+    },
+    /**
+     * Hidden caption for accessibility (or visible depending on styles). Can also be passed via slot.
+     */
+    caption: String,
+    /**
+     * Allows user to pass classes object to add custom classes to parts of the component
+     */
+    classes: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * Prefix used for id generation
+     */
+    idPrefix: {
+      type: String,
+      default: "table"
+    },
+    /**
+     * Optional user overridden value getter (for rows)
+     * @param {Object} row The current row
+     * @param {Object} column The current column in the row
+     */
+    getRowValue: {
+      type: Function,
+      default: ({ row: l, column: k }) => l[k.key]
+    },
+    /**
+     * Optional user overridden title getter (for headers)
+     * @param {Object} column The current column
+     */
+    getColumnTitle: {
+      type: Function,
+      default: ({ column: l }) => l.title
+    }
+  },
+  setup(l) {
+    const k = l, {
+      currentRows: M,
+      currentFooterRows: b,
+      headerRows: V,
+      rowColumns: p
+    } = j(k), c = (s, n = null) => {
+      if (!(typeof s > "u"))
+        return typeof s == "function" ? s(n) : s;
+    }, A = (s) => {
+      const n = s.headers.filter((a) => a !== s.id);
+      if (n.length)
+        return n.join(" ");
+    }, v = (s, n) => {
+      const a = s.headers.join(" "), t = s.getRowHeaders(n), e = t.length ? " " : "";
+      return `${a}${e}${t}`;
+    }, H = ({ row: s, column: n, rowIndex: a }) => {
+      const t = n.value;
+      return t ? t({ row: s.data, column: n, rowIndex: a }) : k.getRowValue({ row: s.data, column: n, rowIndex: a });
+    };
+    return (s, n) => (r(), i("table", {
+      class: o(l.classes?.table)
+    }, [
+      l.columns && l.rows ? (r(), i(y, { key: 0 }, [
+        l.caption || s.$slots.caption ? (r(), i("caption", {
+          key: 0,
+          class: o(l.classes?.caption)
+        }, [
+          u(s.$slots, "caption", {}, () => [
+            g($(l.caption), 1)
+          ])
+        ], 2)) : C("", !0),
+        R("thead", {
+          class: o(l.classes?.thead)
+        }, [
+          (r(!0), i(y, null, f(h(V), (a, t) => (r(), i("tr", {
+            key: `hr-${t}`,
+            class: o(c(l.classes?.rowHeader, { row: a, rowIndex: t }))
+          }, [
+            (r(!0), i(y, null, f(a.columns, (e, d) => (r(), i("th", {
+              key: `hc-${d}`,
+              id: e.id,
+              rowspan: e.rowspan,
+              colspan: e.colspan,
+              class: o(c(e.classHeader, { column: e, index: d })),
+              scope: e.colspan > 1 ? "colgroup" : "col",
+              headers: A(e)
+            }, [
+              s.$slots[e.slotHeader] ? u(s.$slots, e.slotHeader, {
+                key: 0,
+                column: e,
+                index: d
+              }) : e.htmlTitle ? (r(), i("div", {
+                key: 1,
+                innerHTML: l.getColumnTitle({ column: e, index: d })
+              }, null, 8, B)) : (r(), i(y, { key: 2 }, [
+                g($(l.getColumnTitle({ column: e, index: d })), 1)
+              ], 64))
+            ], 10, S))), 128))
+          ], 2))), 128))
+        ], 2),
+        R("tbody", {
+          class: o(l.classes?.tbody)
+        }, [
+          (r(!0), i(y, null, f(h(M), (a, t) => (r(), i("tr", {
+            key: `br-${t}`,
+            id: a.id,
+            class: o(c(l.classes?.row, { row: a.data, rowIndex: t }))
+          }, [
+            (r(!0), i(y, null, f(h(p), (e, d) => (r(), w(L(e.rowHeader ? "th" : "td"), {
+              key: `bc-${d}`,
+              id: e.rowHeader ? e.getRowHeaderId(t) : void 0,
+              scope: e.rowHeader ? "row" : void 0,
+              headers: v(e, t),
+              class: o(c(e.class, { column: e, index: d, row: a, rowIndex: t }))
+            }, {
+              default: F(() => [
+                s.$slots[e.slot] ? u(s.$slots, e.slot, {
+                  key: 0,
+                  row: a.data,
+                  column: e,
+                  rowIndex: t,
+                  index: d
+                }) : e.html ? (r(), i("div", {
+                  key: 1,
+                  innerHTML: H({ row: a, column: e, rowIndex: t })
+                }, null, 8, N)) : (r(), i(y, { key: 2 }, [
+                  g($(H({ row: a, column: e, rowIndex: t })), 1)
+                ], 64))
+              ]),
+              _: 2
+            }, 1032, ["id", "scope", "headers", "class"]))), 128))
+          ], 10, D))), 128))
+        ], 2),
+        h(b).length ? (r(), i("tfoot", {
+          key: 1,
+          class: o(l.classes?.tfoot)
+        }, [
+          (r(!0), i(y, null, f(h(b), (a, t) => (r(), i("tr", {
+            key: `fr-${t}`,
+            id: a.id,
+            class: o(c(l.classes?.rowFooter, { row: a.data, rowIndex: t }))
+          }, [
+            (r(!0), i(y, null, f(h(p), (e, d) => (r(), w(L(e.rowHeader ? "th" : "td"), {
+              key: `fc-${d}`,
+              id: e.rowHeader ? e.getRowHeaderId(t) : void 0,
+              scope: e.rowHeader ? "row" : void 0,
+              headers: v(e, t),
+              class: o(c(e.class, { column: e, index: d, row: a, rowIndex: t }))
+            }, {
+              default: F(() => [
+                s.$slots[e.slot] ? u(s.$slots, e.slot, {
+                  key: 0,
+                  row: a.data,
+                  column: e,
+                  rowIndex: t,
+                  index: d
+                }) : e.html ? (r(), i("div", {
+                  key: 1,
+                  innerHTML: H({ row: a, column: e, rowIndex: t })
+                }, null, 8, E)) : (r(), i(y, { key: 2 }, [
+                  g($(H({ row: a, column: e, rowIndex: t })), 1)
+                ], 64))
+              ]),
+              _: 2
+            }, 1032, ["id", "scope", "headers", "class"]))), 128))
+          ], 10, O))), 128))
+        ], 2)) : C("", !0)
+      ], 64)) : u(s.$slots, "default", { key: 1 })
+    ], 2));
+  }
+};
+export {
+  q as default
+};

package/dist/components/index.d.ts

@@ -17,6 +17,7 @@ export { default as UluButtonVerbose } from './elements/UluButtonVerbose.vue';
 export { default as UluCallout } from './elements/UluCallout.vue';
 export { default as UluCaptionedFigure } from './elements/UluCaptionedFigure.vue';
 export { default as UluCard } from './elements/UluCard.vue';
+export { default as UluDataTable } from './elements/UluDataTable.vue';
 export { default as UluDefinitionList } from './elements/UluDefinitionList.vue';
 export { default as UluDefinitionListItem } from './elements/UluDefinitionListItem.vue';
 export { default as UluExternalLink } from './elements/UluExternalLink.vue';
@@ -24,12 +25,14 @@ export { default as UluIcon } from './elements/UluIcon.vue';
 export { default as UluImage } from './elements/UluImage.vue';
 export { default as UluList } from './elements/UluList.vue';
 export { default as UluListItem } from './elements/UluListItem.vue';
+export { default as UluCounterList } from './elements/UluCounterList.vue';
 export { default as UluMain } from './elements/UluMain.vue';
 export { default as UluOverflowScroller } from './elements/UluOverflowScroller.vue';
 export { default as UluRule } from './elements/UluRule.vue';
 export { default as UluScrollSlider } from './elements/UluScrollSlider.vue';
 export { default as UluSlider } from './elements/UluSlider.vue';
 export { default as UluSpokeSpinner } from './elements/UluSpokeSpinner.vue';
+export { default as UluTable } from './elements/UluTable.vue';
 export { default as UluTag } from './elements/UluTag.vue';
 export { default as UluSelectableMenu } from './forms/UluSelectableMenu.vue';
 export { default as UluFileDisplay } from './forms/UluFileDisplay.vue';

package/dist/components/systems/table-sticky/UluTableSticky.vue.d.ts

@@ -7,10 +7,10 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 declare const __VLS_component: import('vue').DefineComponent<{}, {
     $emit: (event: "column-sort", ...args: any[]) => void;
     classes: Record<string, any>;
-    caption: string;
+    columns: unknown[];
     idPrefix: string;
+    caption: string;
     allowClickClones: boolean;
-    columns: unknown[];
     firstColumnSticky: boolean;
     scrollControls: boolean;
     scrollContext: Window & typeof globalThis;
@@ -22,10 +22,10 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     controlsComponent?: Record<string, any> | undefined;
     $props: {
         readonly classes?: Record<string, any> | undefined;
-        readonly caption?: string | undefined;
+        readonly columns?: unknown[] | undefined;
         readonly idPrefix?: string | undefined;
+        readonly caption?: string | undefined;
         readonly allowClickClones?: boolean | undefined;
-        readonly columns?: unknown[] | undefined;
         readonly firstColumnSticky?: boolean | undefined;
         readonly scrollControls?: boolean | undefined;
         readonly scrollContext?: (Window & typeof globalThis) | undefined;
@@ -58,30 +58,30 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
             $emit: (event: "column-sorted" | "actual-header-removed" | "actual-header-added", ...args: any[]) => void;
             classes: Record<string, any>;
-            isActual: boolean;
             headerRows: unknown[];
-            caption?: string | undefined;
+            isActual: boolean;
             rows?: unknown[] | undefined;
-            rowColumns?: unknown[] | undefined;
-            columnWidth?: string | undefined;
-            resolveClasses?: Function | undefined;
-            idPrefix?: string | undefined;
             footerRows?: unknown[] | undefined;
+            idPrefix?: string | undefined;
+            caption?: string | undefined;
             getRowValue?: Function | undefined;
             getColumnTitle?: Function | undefined;
+            rowColumns?: unknown[] | undefined;
+            resolveClasses?: Function | undefined;
+            columnWidth?: string | undefined;
             $props: {
                 readonly classes?: Record<string, any> | undefined;
-                readonly isActual?: boolean | undefined;
                 readonly headerRows?: unknown[] | undefined;
-                readonly caption?: string | undefined;
+                readonly isActual?: boolean | undefined;
                 readonly rows?: unknown[] | undefined;
-                readonly rowColumns?: unknown[] | undefined;
-                readonly columnWidth?: string | undefined;
-                readonly resolveClasses?: Function | undefined;
-                readonly idPrefix?: string | undefined;
                 readonly footerRows?: unknown[] | undefined;
+                readonly idPrefix?: string | undefined;
+                readonly caption?: string | undefined;
                 readonly getRowValue?: Function | undefined;
                 readonly getColumnTitle?: Function | undefined;
+                readonly rowColumns?: unknown[] | undefined;
+                readonly resolveClasses?: Function | undefined;
+                readonly columnWidth?: string | undefined;
             };
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -103,33 +103,33 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "$props" | "$emit" | "classes" | "caption" | "rows" | "rowColumns" | "columnWidth" | "resolveClasses" | "isActual" | "idPrefix" | "headerRows" | "footerRows" | "getRowValue" | "getColumnTitle"> & import('vue').ShallowUnwrapRef<{
+    } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "$props" | "$emit" | "classes" | "rows" | "footerRows" | "idPrefix" | "caption" | "getRowValue" | "getColumnTitle" | "headerRows" | "rowColumns" | "resolveClasses" | "columnWidth" | "isActual"> & import('vue').ShallowUnwrapRef<{
         $emit: (event: "column-sorted" | "actual-header-removed" | "actual-header-added", ...args: any[]) => void;
         classes: Record<string, any>;
-        isActual: boolean;
         headerRows: unknown[];
-        caption?: string | undefined;
+        isActual: boolean;
         rows?: unknown[] | undefined;
-        rowColumns?: unknown[] | undefined;
-        columnWidth?: string | undefined;
-        resolveClasses?: Function | undefined;
-        idPrefix?: string | undefined;
         footerRows?: unknown[] | undefined;
+        idPrefix?: string | undefined;
+        caption?: string | undefined;
         getRowValue?: Function | undefined;
         getColumnTitle?: Function | undefined;
+        rowColumns?: unknown[] | undefined;
+        resolveClasses?: Function | undefined;
+        columnWidth?: string | undefined;
         $props: {
             readonly classes?: Record<string, any> | undefined;
-            readonly isActual?: boolean | undefined;
             readonly headerRows?: unknown[] | undefined;
-            readonly caption?: string | undefined;
+            readonly isActual?: boolean | undefined;
             readonly rows?: unknown[] | undefined;
-            readonly rowColumns?: unknown[] | undefined;
-            readonly columnWidth?: string | undefined;
-            readonly resolveClasses?: Function | undefined;
-            readonly idPrefix?: string | undefined;
             readonly footerRows?: unknown[] | undefined;
+            readonly idPrefix?: string | undefined;
+            readonly caption?: string | undefined;
             readonly getRowValue?: Function | undefined;
             readonly getColumnTitle?: Function | undefined;
+            readonly rowColumns?: unknown[] | undefined;
+            readonly resolveClasses?: Function | undefined;
+            readonly columnWidth?: string | undefined;
         };
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: Partial<Record<any, (_: {
@@ -180,30 +180,30 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
             $emit: (event: "column-sorted" | "actual-header-removed" | "actual-header-added", ...args: any[]) => void;
             classes: Record<string, any>;
-            isActual: boolean;
             headerRows: unknown[];
-            caption?: string | undefined;
+            isActual: boolean;
             rows?: unknown[] | undefined;
-            rowColumns?: unknown[] | undefined;
-            columnWidth?: string | undefined;
-            resolveClasses?: Function | undefined;
-            idPrefix?: string | undefined;
             footerRows?: unknown[] | undefined;
+            idPrefix?: string | undefined;
+            caption?: string | undefined;
             getRowValue?: Function | undefined;
             getColumnTitle?: Function | undefined;
+            rowColumns?: unknown[] | undefined;
+            resolveClasses?: Function | undefined;
+            columnWidth?: string | undefined;
             $props: {
                 readonly classes?: Record<string, any> | undefined;
-                readonly isActual?: boolean | undefined;
                 readonly headerRows?: unknown[] | undefined;
-                readonly caption?: string | undefined;
+                readonly isActual?: boolean | undefined;
                 readonly rows?: unknown[] | undefined;
-                readonly rowColumns?: unknown[] | undefined;
-                readonly columnWidth?: string | undefined;
-                readonly resolveClasses?: Function | undefined;
-                readonly idPrefix?: string | undefined;
                 readonly footerRows?: unknown[] | undefined;
+                readonly idPrefix?: string | undefined;
+                readonly caption?: string | undefined;
                 readonly getRowValue?: Function | undefined;
                 readonly getColumnTitle?: Function | undefined;
+                readonly rowColumns?: unknown[] | undefined;
+                readonly resolveClasses?: Function | undefined;
+                readonly columnWidth?: string | undefined;
             };
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -225,33 +225,33 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "$props" | "$emit" | "classes" | "caption" | "rows" | "rowColumns" | "columnWidth" | "resolveClasses" | "isActual" | "idPrefix" | "headerRows" | "footerRows" | "getRowValue" | "getColumnTitle"> & import('vue').ShallowUnwrapRef<{
+    } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "$props" | "$emit" | "classes" | "rows" | "footerRows" | "idPrefix" | "caption" | "getRowValue" | "getColumnTitle" | "headerRows" | "rowColumns" | "resolveClasses" | "columnWidth" | "isActual"> & import('vue').ShallowUnwrapRef<{
         $emit: (event: "column-sorted" | "actual-header-removed" | "actual-header-added", ...args: any[]) => void;
         classes: Record<string, any>;
-        isActual: boolean;
         headerRows: unknown[];
-        caption?: string | undefined;
+        isActual: boolean;
         rows?: unknown[] | undefined;
-        rowColumns?: unknown[] | undefined;
-        columnWidth?: string | undefined;
-        resolveClasses?: Function | undefined;
-        idPrefix?: string | undefined;
         footerRows?: unknown[] | undefined;
+        idPrefix?: string | undefined;
+        caption?: string | undefined;
         getRowValue?: Function | undefined;
         getColumnTitle?: Function | undefined;
+        rowColumns?: unknown[] | undefined;
+        resolveClasses?: Function | undefined;
+        columnWidth?: string | undefined;
         $props: {
             readonly classes?: Record<string, any> | undefined;
-            readonly isActual?: boolean | undefined;
             readonly headerRows?: unknown[] | undefined;
-            readonly caption?: string | undefined;
+            readonly isActual?: boolean | undefined;
             readonly rows?: unknown[] | undefined;
-            readonly rowColumns?: unknown[] | undefined;
-            readonly columnWidth?: string | undefined;
-            readonly resolveClasses?: Function | undefined;
-            readonly idPrefix?: string | undefined;
             readonly footerRows?: unknown[] | undefined;
+            readonly idPrefix?: string | undefined;
+            readonly caption?: string | undefined;
             readonly getRowValue?: Function | undefined;
             readonly getColumnTitle?: Function | undefined;
+            readonly rowColumns?: unknown[] | undefined;
+            readonly resolveClasses?: Function | undefined;
+            readonly columnWidth?: string | undefined;
         };
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: Partial<Record<any, (_: {
@@ -337,62 +337,62 @@ type __VLS_TemplateResult = {
             $options: ComponentOptionsBase<ToResolvedProps<{}, {}>, {
                 $emit: (event: "column-sorted" | "actual-header-removed" | "actual-header-added", ...args: any[]) => void;
                 classes: Record<string, any>;
-                isActual: boolean;
                 headerRows: unknown[];
-                caption?: string | undefined;
+                isActual: boolean;
                 rows?: unknown[] | undefined;
-                rowColumns?: unknown[] | undefined;
-                columnWidth?: string | undefined;
-                resolveClasses?: Function | undefined;
-                idPrefix?: string | undefined;
                 footerRows?: unknown[] | undefined;
+                idPrefix?: string | undefined;
+                caption?: string | undefined;
                 getRowValue?: Function | undefined;
                 getColumnTitle?: Function | undefined;
+                rowColumns?: unknown[] | undefined;
+                resolveClasses?: Function | undefined;
+                columnWidth?: string | undefined;
                 $props: {
                     readonly classes?: Record<string, any> | undefined;
-                    readonly isActual?: boolean | undefined;
                     readonly headerRows?: unknown[] | undefined;
-                    readonly caption?: string | undefined;
+                    readonly isActual?: boolean | undefined;
                     readonly rows?: unknown[] | undefined;
-                    readonly rowColumns?: unknown[] | undefined;
-                    readonly columnWidth?: string | undefined;
-                    readonly resolveClasses?: Function | undefined;
-                    readonly idPrefix?: string | undefined;
                     readonly footerRows?: unknown[] | undefined;
+                    readonly idPrefix?: string | undefined;
+                    readonly caption?: string | undefined;
                     readonly getRowValue?: Function | undefined;
                     readonly getColumnTitle?: Function | undefined;
+                    readonly rowColumns?: unknown[] | undefined;
+                    readonly resolveClasses?: Function | undefined;
+                    readonly columnWidth?: string | undefined;
                 };
             }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride;
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "$props" | "$emit" | "classes" | "caption" | "rows" | "rowColumns" | "columnWidth" | "resolveClasses" | "isActual" | "idPrefix" | "headerRows" | "footerRows" | "getRowValue" | "getColumnTitle"> & ShallowUnwrapRef<{
+        } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "$props" | "$emit" | "classes" | "rows" | "footerRows" | "idPrefix" | "caption" | "getRowValue" | "getColumnTitle" | "headerRows" | "rowColumns" | "resolveClasses" | "columnWidth" | "isActual"> & ShallowUnwrapRef<{
             $emit: (event: "column-sorted" | "actual-header-removed" | "actual-header-added", ...args: any[]) => void;
             classes: Record<string, any>;
-            isActual: boolean;
             headerRows: unknown[];
-            caption?: string | undefined;
+            isActual: boolean;
             rows?: unknown[] | undefined;
-            rowColumns?: unknown[] | undefined;
-            columnWidth?: string | undefined;
-            resolveClasses?: Function | undefined;
-            idPrefix?: string | undefined;
             footerRows?: unknown[] | undefined;
+            idPrefix?: string | undefined;
+            caption?: string | undefined;
             getRowValue?: Function | undefined;
             getColumnTitle?: Function | undefined;
+            rowColumns?: unknown[] | undefined;
+            resolveClasses?: Function | undefined;
+            columnWidth?: string | undefined;
             $props: {
                 readonly classes?: Record<string, any> | undefined;
-                readonly isActual?: boolean | undefined;
                 readonly headerRows?: unknown[] | undefined;
-                readonly caption?: string | undefined;
+                readonly isActual?: boolean | undefined;
                 readonly rows?: unknown[] | undefined;
-                readonly rowColumns?: unknown[] | undefined;
-                readonly columnWidth?: string | undefined;
-                readonly resolveClasses?: Function | undefined;
-                readonly idPrefix?: string | undefined;
                 readonly footerRows?: unknown[] | undefined;
+                readonly idPrefix?: string | undefined;
+                readonly caption?: string | undefined;
                 readonly getRowValue?: Function | undefined;
                 readonly getColumnTitle?: Function | undefined;
+                readonly rowColumns?: unknown[] | undefined;
+                readonly resolveClasses?: Function | undefined;
+                readonly columnWidth?: string | undefined;
             };
         }> & ExtractComputedReturns<{}> & ComponentCustomProperties & {} & {
             $slots: Partial<Record<any, (_: {
@@ -437,62 +437,62 @@ type __VLS_TemplateResult = {
             $options: ComponentOptionsBase<ToResolvedProps<{}, {}>, {
                 $emit: (event: "column-sorted" | "actual-header-removed" | "actual-header-added", ...args: any[]) => void;
                 classes: Record<string, any>;
-                isActual: boolean;
                 headerRows: unknown[];
-                caption?: string | undefined;
+                isActual: boolean;
                 rows?: unknown[] | undefined;
-                rowColumns?: unknown[] | undefined;
-                columnWidth?: string | undefined;
-                resolveClasses?: Function | undefined;
-                idPrefix?: string | undefined;
                 footerRows?: unknown[] | undefined;
+                idPrefix?: string | undefined;
+                caption?: string | undefined;
                 getRowValue?: Function | undefined;
                 getColumnTitle?: Function | undefined;
+                rowColumns?: unknown[] | undefined;
+                resolveClasses?: Function | undefined;
+                columnWidth?: string | undefined;
                 $props: {
                     readonly classes?: Record<string, any> | undefined;
-                    readonly isActual?: boolean | undefined;
                     readonly headerRows?: unknown[] | undefined;
-                    readonly caption?: string | undefined;
+                    readonly isActual?: boolean | undefined;
                     readonly rows?: unknown[] | undefined;
-                    readonly rowColumns?: unknown[] | undefined;
-                    readonly columnWidth?: string | undefined;
-                    readonly resolveClasses?: Function | undefined;
-                    readonly idPrefix?: string | undefined;
                     readonly footerRows?: unknown[] | undefined;
+                    readonly idPrefix?: string | undefined;
+                    readonly caption?: string | undefined;
                     readonly getRowValue?: Function | undefined;
                     readonly getColumnTitle?: Function | undefined;
+                    readonly rowColumns?: unknown[] | undefined;
+                    readonly resolveClasses?: Function | undefined;
+                    readonly columnWidth?: string | undefined;
                 };
             }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride;
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "$props" | "$emit" | "classes" | "caption" | "rows" | "rowColumns" | "columnWidth" | "resolveClasses" | "isActual" | "idPrefix" | "headerRows" | "footerRows" | "getRowValue" | "getColumnTitle"> & ShallowUnwrapRef<{
+        } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "$props" | "$emit" | "classes" | "rows" | "footerRows" | "idPrefix" | "caption" | "getRowValue" | "getColumnTitle" | "headerRows" | "rowColumns" | "resolveClasses" | "columnWidth" | "isActual"> & ShallowUnwrapRef<{
             $emit: (event: "column-sorted" | "actual-header-removed" | "actual-header-added", ...args: any[]) => void;
             classes: Record<string, any>;
-            isActual: boolean;
             headerRows: unknown[];
-            caption?: string | undefined;
+            isActual: boolean;
             rows?: unknown[] | undefined;
-            rowColumns?: unknown[] | undefined;
-            columnWidth?: string | undefined;
-            resolveClasses?: Function | undefined;
-            idPrefix?: string | undefined;
             footerRows?: unknown[] | undefined;
+            idPrefix?: string | undefined;
+            caption?: string | undefined;
             getRowValue?: Function | undefined;
             getColumnTitle?: Function | undefined;
+            rowColumns?: unknown[] | undefined;
+            resolveClasses?: Function | undefined;
+            columnWidth?: string | undefined;
             $props: {
                 readonly classes?: Record<string, any> | undefined;
-                readonly isActual?: boolean | undefined;
                 readonly headerRows?: unknown[] | undefined;
-                readonly caption?: string | undefined;
+                readonly isActual?: boolean | undefined;
                 readonly rows?: unknown[] | undefined;
-                readonly rowColumns?: unknown[] | undefined;
-                readonly columnWidth?: string | undefined;
-                readonly resolveClasses?: Function | undefined;
-                readonly idPrefix?: string | undefined;
                 readonly footerRows?: unknown[] | undefined;
+                readonly idPrefix?: string | undefined;
+                readonly caption?: string | undefined;
                 readonly getRowValue?: Function | undefined;
                 readonly getColumnTitle?: Function | undefined;
+                readonly rowColumns?: unknown[] | undefined;
+                readonly resolveClasses?: Function | undefined;
+                readonly columnWidth?: string | undefined;
             };
         }> & ExtractComputedReturns<{}> & ComponentCustomProperties & {} & {
             $slots: Partial<Record<any, (_: {

package/dist/components/systems/table-sticky/UluTableSticky.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluTableSticky.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/table-sticky/UluTableSticky.vue"],"names":[],"mappings":"AA8KA;wBAizDqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAbjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAj/BE,GA3Ba,8CA2Bb,GA1BmB,yBA0BnB,GAxBE,6DAwBF,GAnBW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAmBX,GA3Ba,8CA2Bb,GA1BmB,yBA0BnB,GAxBE,6DAwBF,GAnBW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA8gCV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA3/BD,GA3Ba;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA2Bb,GA3Ba;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA6B8D,KAAK"}
+{"version":3,"file":"UluTableSticky.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/table-sticky/UluTableSticky.vue"],"names":[],"mappings":"AA8KA;wBA+gDqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAbjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAhxBS,GAAG,8CACU,GAAG,yBAAyB,GAAG,6DAG/C,GAAF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAJK,GAAG,8CACU,GAAG,yBAAyB,GAAG,6DAG/C,GAAF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAsxBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA1xBM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA9EiE,KAAK"}