@morscherlab/mld-sdk 0.6.0

package/dist/components/DataFrame.vue.js

@@ -0,0 +1,430 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, vModelText, createCommentVNode, normalizeStyle, Fragment, renderList, renderSlot, toDisplayString, withModifiers, createTextVNode } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "mld-dataframe__header"
+};
+const _hoisted_2 = { class: "mld-dataframe__search-wrapper" };
+const _hoisted_3 = ["placeholder"];
+const _hoisted_4 = { class: "mld-dataframe__table" };
+const _hoisted_5 = {
+  key: 0,
+  class: "mld-dataframe__th mld-dataframe__th--checkbox"
+};
+const _hoisted_6 = ["checked", "indeterminate"];
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "mld-dataframe__th-content" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = {
+  key: 0,
+  class: "mld-dataframe__td mld-dataframe__td--checkbox"
+};
+const _hoisted_11 = ["checked", "onChange"];
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = {
+  key: 0,
+  class: "mld-dataframe__empty"
+};
+const _hoisted_14 = { class: "mld-dataframe__empty-text" };
+const _hoisted_15 = {
+  key: 1,
+  class: "mld-dataframe__loading"
+};
+const _hoisted_16 = {
+  key: 1,
+  class: "mld-dataframe__footer"
+};
+const _hoisted_17 = { class: "mld-dataframe__page-info" };
+const _hoisted_18 = { class: "mld-dataframe__page-controls" };
+const _hoisted_19 = ["disabled"];
+const _hoisted_20 = { class: "mld-dataframe__page-number" };
+const _hoisted_21 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DataFrame",
+  props: {
+    data: {},
+    columns: {},
+    rowKey: {},
+    striped: { type: Boolean, default: true },
+    bordered: { type: Boolean, default: true },
+    size: { default: "md" },
+    stickyHeader: { type: Boolean, default: false },
+    maxHeight: {},
+    loading: { type: Boolean, default: false },
+    emptyText: { default: "No data" },
+    sortable: { type: Boolean, default: false },
+    sort: {},
+    pagination: { type: [Object, Boolean], default: false },
+    searchable: { type: Boolean, default: false },
+    searchPlaceholder: { default: "Search..." },
+    searchKeys: {},
+    selectable: { type: Boolean, default: false },
+    selectedKeys: { default: () => [] }
+  },
+  emits: ["update:sort", "update:pagination", "update:selectedKeys", "row-click", "cell-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const searchQuery = ref("");
+    const internalSort = ref(null);
+    const activeSort = computed(() => props.sort !== void 0 ? props.sort : internalSort.value);
+    function getRowKey(row, index) {
+      if (!props.rowKey) return index;
+      if (typeof props.rowKey === "function") return props.rowKey(row);
+      return row[props.rowKey];
+    }
+    function getCellValue(row, key) {
+      return key.split(".").reduce((obj, k) => {
+        if (obj && typeof obj === "object") return obj[k];
+        return void 0;
+      }, row);
+    }
+    function formatCell(col, row, index) {
+      const value = getCellValue(row, col.key);
+      if (col.formatter) return col.formatter(value, row, index);
+      if (value === null || value === void 0) return "";
+      return String(value);
+    }
+    const filteredData = computed(() => {
+      if (!props.searchable || !searchQuery.value.trim()) return props.data;
+      const query = searchQuery.value.toLowerCase();
+      const keys = props.searchKeys ?? props.columns.map((c) => c.key);
+      return props.data.filter(
+        (row) => keys.some((key) => {
+          const val = getCellValue(row, key);
+          return val !== null && val !== void 0 && String(val).toLowerCase().includes(query);
+        })
+      );
+    });
+    const sortedData = computed(() => {
+      const sort = activeSort.value;
+      if (!sort || !sort.direction) return filteredData.value;
+      const col = props.columns.find((c) => c.key === sort.key);
+      if (!col) return filteredData.value;
+      return [...filteredData.value].sort((a, b) => {
+        const aVal = getCellValue(a, sort.key);
+        const bVal = getCellValue(b, sort.key);
+        if (aVal === null || aVal === void 0) return 1;
+        if (bVal === null || bVal === void 0) return -1;
+        let cmp = 0;
+        if (typeof aVal === "number" && typeof bVal === "number") {
+          cmp = aVal - bVal;
+        } else {
+          cmp = String(aVal).localeCompare(String(bVal));
+        }
+        return sort.direction === "asc" ? cmp : -cmp;
+      });
+    });
+    const paginatedData = computed(() => {
+      if (!props.pagination) return sortedData.value;
+      const { page, pageSize } = props.pagination;
+      const start = (page - 1) * pageSize;
+      return sortedData.value.slice(start, start + pageSize);
+    });
+    const totalPages = computed(() => {
+      if (!props.pagination) return 1;
+      return Math.max(1, Math.ceil(sortedData.value.length / props.pagination.pageSize));
+    });
+    function handleSort(col) {
+      if (!col.sortable && !props.sortable) return;
+      const current = activeSort.value;
+      let next;
+      if ((current == null ? void 0 : current.key) === col.key) {
+        if (current.direction === "asc") {
+          next = { key: col.key, direction: "desc" };
+        } else if (current.direction === "desc") {
+          next = null;
+        } else {
+          next = { key: col.key, direction: "asc" };
+        }
+      } else {
+        next = { key: col.key, direction: "asc" };
+      }
+      if (props.sort === void 0) {
+        internalSort.value = next;
+      }
+      emit("update:sort", next);
+    }
+    function handlePageChange(page) {
+      if (!props.pagination) return;
+      emit("update:pagination", { ...props.pagination, page, total: sortedData.value.length });
+    }
+    function isColumnSortable(col) {
+      return col.sortable === true || props.sortable && col.sortable !== false;
+    }
+    const allSelected = computed(() => {
+      if (!props.selectable || paginatedData.value.length === 0) return false;
+      return paginatedData.value.every(
+        (row, i) => props.selectedKeys.includes(getRowKey(row, i))
+      );
+    });
+    const selectIndeterminate = computed(() => {
+      return props.selectedKeys.length > 0 && !allSelected.value;
+    });
+    function toggleSelectAll() {
+      if (allSelected.value) {
+        emit("update:selectedKeys", []);
+      } else {
+        emit("update:selectedKeys", paginatedData.value.map((row, i) => getRowKey(row, i)));
+      }
+    }
+    function toggleRowSelect(key) {
+      const next = [...props.selectedKeys];
+      const idx = next.indexOf(key);
+      if (idx >= 0) {
+        next.splice(idx, 1);
+      } else {
+        next.push(key);
+      }
+      emit("update:selectedKeys", next);
+    }
+    const wrapperStyle = computed(() => {
+      if (!props.maxHeight) return void 0;
+      const maxHeight = typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight;
+      return { maxHeight, overflowY: "auto" };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "mld-dataframe",
+          { "mld-dataframe--bordered": __props.bordered }
+        ])
+      }, [
+        __props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            _cache[4] || (_cache[4] = createElementVNode("svg", {
+              class: "mld-dataframe__search-icon",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              createElementVNode("circle", {
+                cx: "11",
+                cy: "11",
+                r: "8"
+              }),
+              createElementVNode("path", { d: "m21 21-4.34-4.34" })
+            ], -1)),
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+              type: "text",
+              class: "mld-dataframe__search",
+              placeholder: __props.searchPlaceholder
+            }, null, 8, _hoisted_3), [
+              [vModelText, searchQuery.value]
+            ])
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: "mld-dataframe__table-wrapper",
+          style: normalizeStyle(wrapperStyle.value)
+        }, [
+          createElementVNode("table", _hoisted_4, [
+            createElementVNode("thead", {
+              class: normalizeClass(["mld-dataframe__thead", { "mld-dataframe__thead--sticky": __props.stickyHeader }])
+            }, [
+              createElementVNode("tr", null, [
+                __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5, [
+                  createElementVNode("input", {
+                    type: "checkbox",
+                    checked: allSelected.value,
+                    indeterminate: selectIndeterminate.value,
+                    class: "mld-dataframe__checkbox",
+                    onChange: toggleSelectAll
+                  }, null, 40, _hoisted_6)
+                ])) : createCommentVNode("", true),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+                  var _a, _b;
+                  return openBlock(), createElementBlock("th", {
+                    key: col.key,
+                    class: normalizeClass([
+                      "mld-dataframe__th",
+                      `mld-dataframe__th--${__props.size}`,
+                      `mld-dataframe__th--align-${col.align ?? "left"}`,
+                      {
+                        "mld-dataframe__th--sortable": isColumnSortable(col),
+                        "mld-dataframe__th--sorted": ((_a = activeSort.value) == null ? void 0 : _a.key) === col.key && ((_b = activeSort.value) == null ? void 0 : _b.direction)
+                      }
+                    ]),
+                    style: normalizeStyle({
+                      width: col.width ? typeof col.width === "number" ? `${col.width}px` : col.width : void 0,
+                      minWidth: col.minWidth ? typeof col.minWidth === "number" ? `${col.minWidth}px` : col.minWidth : void 0
+                    }),
+                    onClick: ($event) => isColumnSortable(col) ? handleSort(col) : void 0
+                  }, [
+                    renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => {
+                      var _a2, _b2, _c, _d;
+                      return [
+                        createElementVNode("div", _hoisted_8, [
+                          createElementVNode("span", null, toDisplayString(col.label), 1),
+                          isColumnSortable(col) ? (openBlock(), createElementBlock("svg", {
+                            key: 0,
+                            class: normalizeClass([
+                              "mld-dataframe__sort-icon",
+                              {
+                                "mld-dataframe__sort-icon--asc": ((_a2 = activeSort.value) == null ? void 0 : _a2.key) === col.key && ((_b2 = activeSort.value) == null ? void 0 : _b2.direction) === "asc",
+                                "mld-dataframe__sort-icon--desc": ((_c = activeSort.value) == null ? void 0 : _c.key) === col.key && ((_d = activeSort.value) == null ? void 0 : _d.direction) === "desc"
+                              }
+                            ]),
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            stroke: "currentColor",
+                            "stroke-width": "2",
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round"
+                          }, [..._cache[5] || (_cache[5] = [
+                            createElementVNode("path", { d: "m21 16-4 4-4-4" }, null, -1),
+                            createElementVNode("path", { d: "M17 20V4" }, null, -1),
+                            createElementVNode("path", { d: "m3 8 4-4 4 4" }, null, -1),
+                            createElementVNode("path", { d: "M7 4v16" }, null, -1)
+                          ])], 2)) : createCommentVNode("", true)
+                        ])
+                      ];
+                    })
+                  ], 14, _hoisted_7);
+                }), 128))
+              ])
+            ], 2),
+            createElementVNode("tbody", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(paginatedData.value, (row, rowIndex) => {
+                return openBlock(), createElementBlock("tr", {
+                  key: getRowKey(row, rowIndex),
+                  class: normalizeClass([
+                    "mld-dataframe__row",
+                    {
+                      "mld-dataframe__row--striped": __props.striped && rowIndex % 2 === 1,
+                      "mld-dataframe__row--selected": __props.selectedKeys.includes(getRowKey(row, rowIndex))
+                    }
+                  ]),
+                  onClick: ($event) => emit("row-click", row, rowIndex)
+                }, [
+                  __props.selectable ? (openBlock(), createElementBlock("td", _hoisted_10, [
+                    createElementVNode("input", {
+                      type: "checkbox",
+                      checked: __props.selectedKeys.includes(getRowKey(row, rowIndex)),
+                      class: "mld-dataframe__checkbox",
+                      onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                      }, ["stop"])),
+                      onChange: ($event) => toggleRowSelect(getRowKey(row, rowIndex))
+                    }, null, 40, _hoisted_11)
+                  ])) : createCommentVNode("", true),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+                    return openBlock(), createElementBlock("td", {
+                      key: col.key,
+                      class: normalizeClass([
+                        "mld-dataframe__td",
+                        `mld-dataframe__td--${__props.size}`,
+                        `mld-dataframe__td--align-${col.align ?? "left"}`,
+                        { "mld-dataframe__td--ellipsis": col.ellipsis }
+                      ]),
+                      onClick: withModifiers(($event) => emit("cell-click", getCellValue(row, col.key), col, row), ["stop"])
+                    }, [
+                      renderSlot(_ctx.$slots, `cell-${col.key}`, {
+                        value: getCellValue(row, col.key),
+                        row,
+                        column: col,
+                        index: rowIndex
+                      }, () => [
+                        createTextVNode(toDisplayString(formatCell(col, row, rowIndex)), 1)
+                      ])
+                    ], 10, _hoisted_12);
+                  }), 128))
+                ], 10, _hoisted_9);
+              }), 128))
+            ])
+          ]),
+          paginatedData.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_13, [
+            renderSlot(_ctx.$slots, "empty", {}, () => [
+              _cache[6] || (_cache[6] = createElementVNode("svg", {
+                class: "mld-dataframe__empty-icon",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                createElementVNode("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }),
+                createElementVNode("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })
+              ], -1)),
+              createElementVNode("p", _hoisted_14, toDisplayString(__props.emptyText), 1)
+            ])
+          ])) : createCommentVNode("", true),
+          __props.loading ? (openBlock(), createElementBlock("div", _hoisted_15, [
+            renderSlot(_ctx.$slots, "loading", {}, () => [
+              _cache[7] || (_cache[7] = createElementVNode("svg", {
+                class: "mld-dataframe__loading-spinner",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                "aria-hidden": "true"
+              }, [
+                createElementVNode("circle", {
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  "stroke-width": "3",
+                  opacity: "0.25"
+                }),
+                createElementVNode("path", {
+                  d: "M12 2a10 10 0 0 1 10 10",
+                  stroke: "currentColor",
+                  "stroke-width": "3",
+                  "stroke-linecap": "round"
+                })
+              ], -1))
+            ])
+          ])) : createCommentVNode("", true)
+        ], 4),
+        __props.pagination ? (openBlock(), createElementBlock("div", _hoisted_16, [
+          renderSlot(_ctx.$slots, "footer", {}, () => [
+            createElementVNode("span", _hoisted_17, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, sortedData.value.length)) + " of " + toDisplayString(sortedData.value.length), 1),
+            createElementVNode("div", _hoisted_18, [
+              createElementVNode("button", {
+                type: "button",
+                class: "mld-dataframe__page-btn",
+                disabled: __props.pagination.page <= 1,
+                onClick: _cache[2] || (_cache[2] = ($event) => handlePageChange(__props.pagination.page - 1))
+              }, [..._cache[8] || (_cache[8] = [
+                createElementVNode("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  createElementVNode("path", { d: "m15 18-6-6 6-6" })
+                ], -1)
+              ])], 8, _hoisted_19),
+              createElementVNode("span", _hoisted_20, toDisplayString(__props.pagination.page) + " / " + toDisplayString(totalPages.value), 1),
+              createElementVNode("button", {
+                type: "button",
+                class: "mld-dataframe__page-btn",
+                disabled: __props.pagination.page >= totalPages.value,
+                onClick: _cache[3] || (_cache[3] = ($event) => handlePageChange(__props.pagination.page + 1))
+              }, [..._cache[9] || (_cache[9] = [
+                createElementVNode("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  createElementVNode("path", { d: "m9 18 6-6-6-6" })
+                ], -1)
+              ])], 8, _hoisted_21)
+            ])
+          ])
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DataFrame.vue.js.map

package/dist/components/DataFrame.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataFrame.vue.js","sources":["../../src/components/DataFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\nimport type { DataFrameColumn, SortState, PaginationState } from '../types'\n\n/**\n * DataFrame - Data table with sorting, searching, pagination, and row selection.\n *\n * @example\n * ```vue\n * <DataFrame\n *   :data=\"rows\"\n *   :columns=\"[\n *     { key: 'name', label: 'Name', sortable: true },\n *     { key: 'age', label: 'Age', align: 'right' }\n *   ]\"\n *   sortable\n *   searchable\n *   :pagination=\"{ page: 1, pageSize: 10, total: 100 }\"\n * />\n * ```\n */\ninterface Props {\n  /** Array of data objects */\n  data: Record<string, unknown>[]\n  /** Column definitions */\n  columns: DataFrameColumn[]\n  /** Unique key for each row (property name or function) */\n  rowKey?: string | ((row: Record<string, unknown>) => string | number)\n  /** Alternate row background colors */\n  striped?: boolean\n  /** Show table borders */\n  bordered?: boolean\n  /** Table size */\n  size?: 'sm' | 'md' | 'lg'\n  /** Make header sticky on scroll */\n  stickyHeader?: boolean\n  /** Maximum table height (enables vertical scroll) */\n  maxHeight?: string | number\n  /** Show loading overlay */\n  loading?: boolean\n  /** Empty state message */\n  emptyText?: string\n  /** Enable column sorting */\n  sortable?: boolean\n  /** Current sort state (controlled mode) */\n  sort?: SortState | null\n  /** Pagination state or false to disable */\n  pagination?: PaginationState | false\n  /** Enable search input */\n  searchable?: boolean\n  /** Search input placeholder */\n  searchPlaceholder?: string\n  /** Column keys to search (defaults to all) */\n  searchKeys?: string[]\n  /** Enable row selection with checkboxes */\n  selectable?: boolean\n  /** Currently selected row keys */\n  selectedKeys?: (string | number)[]\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  striped: true,\n  bordered: true,\n  size: 'md',\n  stickyHeader: false,\n  loading: false,\n  emptyText: 'No data',\n  sortable: false,\n  pagination: false,\n  searchable: false,\n  searchPlaceholder: 'Search...',\n  selectable: false,\n  selectedKeys: () => [],\n})\n\n/**\n * @event update:sort - Emitted when sort state changes\n * @event update:pagination - Emitted when page changes\n * @event update:selectedKeys - Emitted when row selection changes\n * @event row-click - Emitted when a row is clicked\n * @event cell-click - Emitted when a cell is clicked\n */\nconst emit = defineEmits<{\n  'update:sort': [sort: SortState | null]\n  'update:pagination': [pagination: PaginationState]\n  'update:selectedKeys': [keys: (string | number)[]]\n  'row-click': [row: Record<string, unknown>, index: number]\n  'cell-click': [value: unknown, column: DataFrameColumn, row: Record<string, unknown>]\n}>()\n\nconst searchQuery = ref('')\nconst internalSort = ref<SortState | null>(null)\n\nconst activeSort = computed(() => props.sort !== undefined ? props.sort : internalSort.value)\n\nfunction getRowKey(row: Record<string, unknown>, index: number): string | number {\n  if (!props.rowKey) return index\n  if (typeof props.rowKey === 'function') return props.rowKey(row)\n  return row[props.rowKey] as string | number\n}\n\nfunction getCellValue(row: Record<string, unknown>, key: string): unknown {\n  return key.split('.').reduce((obj: unknown, k) => {\n    if (obj && typeof obj === 'object') return (obj as Record<string, unknown>)[k]\n    return undefined\n  }, row)\n}\n\nfunction formatCell(col: DataFrameColumn, row: Record<string, unknown>, index: number): string {\n  const value = getCellValue(row, col.key)\n  if (col.formatter) return col.formatter(value, row, index)\n  if (value === null || value === undefined) return ''\n  return String(value)\n}\n\n// Filtering\nconst filteredData = computed(() => {\n  if (!props.searchable || !searchQuery.value.trim()) return props.data\n  const query = searchQuery.value.toLowerCase()\n  const keys = props.searchKeys ?? props.columns.map(c => c.key)\n  return props.data.filter(row =>\n    keys.some(key => {\n      const val = getCellValue(row, key)\n      return val !== null && val !== undefined && String(val).toLowerCase().includes(query)\n    })\n  )\n})\n\n// Sorting\nconst sortedData = computed(() => {\n  const sort = activeSort.value\n  if (!sort || !sort.direction) return filteredData.value\n\n  const col = props.columns.find(c => c.key === sort.key)\n  if (!col) return filteredData.value\n\n  return [...filteredData.value].sort((a, b) => {\n    const aVal = getCellValue(a, sort.key)\n    const bVal = getCellValue(b, sort.key)\n\n    if (aVal === null || aVal === undefined) return 1\n    if (bVal === null || bVal === undefined) return -1\n\n    let cmp = 0\n    if (typeof aVal === 'number' && typeof bVal === 'number') {\n      cmp = aVal - bVal\n    } else {\n      cmp = String(aVal).localeCompare(String(bVal))\n    }\n    return sort.direction === 'asc' ? cmp : -cmp\n  })\n})\n\n// Pagination\nconst paginatedData = computed(() => {\n  if (!props.pagination) return sortedData.value\n  const { page, pageSize } = props.pagination\n  const start = (page - 1) * pageSize\n  return sortedData.value.slice(start, start + pageSize)\n})\n\nconst totalPages = computed(() => {\n  if (!props.pagination) return 1\n  return Math.max(1, Math.ceil(sortedData.value.length / props.pagination.pageSize))\n})\n\nfunction handleSort(col: DataFrameColumn) {\n  if (!col.sortable && !props.sortable) return\n\n  const current = activeSort.value\n  let next: SortState | null\n\n  if (current?.key === col.key) {\n    if (current.direction === 'asc') {\n      next = { key: col.key, direction: 'desc' }\n    } else if (current.direction === 'desc') {\n      next = null\n    } else {\n      next = { key: col.key, direction: 'asc' }\n    }\n  } else {\n    next = { key: col.key, direction: 'asc' }\n  }\n\n  if (props.sort === undefined) {\n    internalSort.value = next\n  }\n  emit('update:sort', next)\n}\n\nfunction handlePageChange(page: number) {\n  if (!props.pagination) return\n  emit('update:pagination', { ...props.pagination, page, total: sortedData.value.length })\n}\n\nfunction isColumnSortable(col: DataFrameColumn): boolean {\n  return col.sortable === true || (props.sortable && col.sortable !== false)\n}\n\n// Selection\nconst allSelected = computed(() => {\n  if (!props.selectable || paginatedData.value.length === 0) return false\n  return paginatedData.value.every((row, i) =>\n    props.selectedKeys.includes(getRowKey(row, i))\n  )\n})\n\nconst selectIndeterminate = computed(() => {\n  return props.selectedKeys.length > 0 && !allSelected.value\n})\n\nfunction toggleSelectAll() {\n  if (allSelected.value) {\n    emit('update:selectedKeys', [])\n  } else {\n    emit('update:selectedKeys', paginatedData.value.map((row, i) => getRowKey(row, i)))\n  }\n}\n\nfunction toggleRowSelect(key: string | number) {\n  const next = [...props.selectedKeys]\n  const idx = next.indexOf(key)\n  if (idx >= 0) {\n    next.splice(idx, 1)\n  } else {\n    next.push(key)\n  }\n  emit('update:selectedKeys', next)\n}\n\nconst wrapperStyle = computed(() => {\n  if (!props.maxHeight) return undefined\n  const maxHeight = typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight\n  return { maxHeight, overflowY: 'auto' as const }\n})\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'mld-dataframe',\n      { 'mld-dataframe--bordered': bordered },\n    ]\"\n  >\n    <!-- Search header -->\n    <div v-if=\"searchable\" class=\"mld-dataframe__header\">\n      <div class=\"mld-dataframe__search-wrapper\">\n        <svg class=\"mld-dataframe__search-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <circle cx=\"11\" cy=\"11\" r=\"8\" /><path d=\"m21 21-4.34-4.34\" />\n        </svg>\n        <input\n          v-model=\"searchQuery\"\n          type=\"text\"\n          class=\"mld-dataframe__search\"\n          :placeholder=\"searchPlaceholder\"\n        />\n      </div>\n    </div>\n\n    <!-- Table wrapper -->\n    <div class=\"mld-dataframe__table-wrapper\" :style=\"wrapperStyle\">\n      <table class=\"mld-dataframe__table\">\n        <thead :class=\"['mld-dataframe__thead', { 'mld-dataframe__thead--sticky': stickyHeader }]\">\n          <tr>\n            <th v-if=\"selectable\" class=\"mld-dataframe__th mld-dataframe__th--checkbox\">\n              <input\n                type=\"checkbox\"\n                :checked=\"allSelected\"\n                :indeterminate=\"selectIndeterminate\"\n                class=\"mld-dataframe__checkbox\"\n                @change=\"toggleSelectAll\"\n              />\n            </th>\n            <th\n              v-for=\"col in columns\"\n              :key=\"col.key\"\n              :class=\"[\n                'mld-dataframe__th',\n                `mld-dataframe__th--${size}`,\n                `mld-dataframe__th--align-${col.align ?? 'left'}`,\n                {\n                  'mld-dataframe__th--sortable': isColumnSortable(col),\n                  'mld-dataframe__th--sorted': activeSort?.key === col.key && activeSort?.direction,\n                },\n              ]\"\n              :style=\"{\n                width: col.width ? (typeof col.width === 'number' ? `${col.width}px` : col.width) : undefined,\n                minWidth: col.minWidth ? (typeof col.minWidth === 'number' ? `${col.minWidth}px` : col.minWidth) : undefined,\n              }\"\n              @click=\"isColumnSortable(col) ? handleSort(col) : undefined\"\n            >\n              <slot :name=\"`header-${col.key}`\" :column=\"col\">\n                <div class=\"mld-dataframe__th-content\">\n                  <span>{{ col.label }}</span>\n                  <svg\n                    v-if=\"isColumnSortable(col)\"\n                    :class=\"[\n                      'mld-dataframe__sort-icon',\n                      {\n                        'mld-dataframe__sort-icon--asc': activeSort?.key === col.key && activeSort?.direction === 'asc',\n                        'mld-dataframe__sort-icon--desc': activeSort?.key === col.key && activeSort?.direction === 'desc',\n                      },\n                    ]\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m21 16-4 4-4-4\" /><path d=\"M17 20V4\" /><path d=\"m3 8 4-4 4 4\" /><path d=\"M7 4v16\" />\n                  </svg>\n                </div>\n              </slot>\n            </th>\n          </tr>\n        </thead>\n\n        <tbody>\n          <tr\n            v-for=\"(row, rowIndex) in paginatedData\"\n            :key=\"getRowKey(row, rowIndex)\"\n            :class=\"[\n              'mld-dataframe__row',\n              {\n                'mld-dataframe__row--striped': striped && rowIndex % 2 === 1,\n                'mld-dataframe__row--selected': selectedKeys.includes(getRowKey(row, rowIndex)),\n              },\n            ]\"\n            @click=\"emit('row-click', row, rowIndex)\"\n          >\n            <td v-if=\"selectable\" class=\"mld-dataframe__td mld-dataframe__td--checkbox\">\n              <input\n                type=\"checkbox\"\n                :checked=\"selectedKeys.includes(getRowKey(row, rowIndex))\"\n                class=\"mld-dataframe__checkbox\"\n                @click.stop\n                @change=\"toggleRowSelect(getRowKey(row, rowIndex))\"\n              />\n            </td>\n            <td\n              v-for=\"col in columns\"\n              :key=\"col.key\"\n              :class=\"[\n                'mld-dataframe__td',\n                `mld-dataframe__td--${size}`,\n                `mld-dataframe__td--align-${col.align ?? 'left'}`,\n                { 'mld-dataframe__td--ellipsis': col.ellipsis },\n              ]\"\n              @click.stop=\"emit('cell-click', getCellValue(row, col.key), col, row)\"\n            >\n              <slot :name=\"`cell-${col.key}`\" :value=\"getCellValue(row, col.key)\" :row=\"row\" :column=\"col\" :index=\"rowIndex\">\n                {{ formatCell(col, row, rowIndex) }}\n              </slot>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n\n      <!-- Empty state -->\n      <div v-if=\"paginatedData.length === 0 && !loading\" class=\"mld-dataframe__empty\">\n        <slot name=\"empty\">\n          <svg class=\"mld-dataframe__empty-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\" /><path d=\"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\" />\n          </svg>\n          <p class=\"mld-dataframe__empty-text\">{{ emptyText }}</p>\n        </slot>\n      </div>\n\n      <!-- Loading overlay -->\n      <div v-if=\"loading\" class=\"mld-dataframe__loading\">\n        <slot name=\"loading\">\n          <svg class=\"mld-dataframe__loading-spinner\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"3\" opacity=\"0.25\" />\n            <path d=\"M12 2a10 10 0 0 1 10 10\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" />\n          </svg>\n        </slot>\n      </div>\n    </div>\n\n    <!-- Footer / Pagination -->\n    <div v-if=\"pagination\" class=\"mld-dataframe__footer\">\n      <slot name=\"footer\">\n        <span class=\"mld-dataframe__page-info\">\n          {{ (pagination.page - 1) * pagination.pageSize + 1 }}&ndash;{{ Math.min(pagination.page * pagination.pageSize, sortedData.length) }}\n          of {{ sortedData.length }}\n        </span>\n        <div class=\"mld-dataframe__page-controls\">\n          <button\n            type=\"button\"\n            class=\"mld-dataframe__page-btn\"\n            :disabled=\"pagination.page <= 1\"\n            @click=\"handlePageChange(pagination.page - 1)\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m15 18-6-6 6-6\" />\n            </svg>\n          </button>\n          <span class=\"mld-dataframe__page-number\">{{ pagination.page }} / {{ totalPages }}</span>\n          <button\n            type=\"button\"\n            class=\"mld-dataframe__page-btn\"\n            :disabled=\"pagination.page >= totalPages\"\n            @click=\"handlePageChange(pagination.page + 1)\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m9 18 6-6-6-6\" />\n            </svg>\n          </button>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/dataframe.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_openBlock","_createElementVNode","_Fragment","_renderList","_normalizeStyle","_renderSlot","_toDisplayString","_a","_b","_withModifiers","_createTextVNode"],"mappings":"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"}

package/dist/components/DataFrame.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./DataFrame.vue.js";
+/* empty css               */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DataFrame.vue3.js.map

package/dist/components/DataFrame.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataFrame.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -0,0 +1,23 @@
+interface Props {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    min?: string;
+    max?: string;
+    clearable?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    error: boolean;
+    disabled: boolean;
+    size: "sm" | "md" | "lg";
+    clearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;