@pathscale/ui 0.0.131 → 0.0.132

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +415 -343
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -9397,7 +9397,7 @@ const DropdownDetails = Object.assign(Details, {
9397
9397
  Toggle: DropdownToggle_Summary
9398
9398
  });
9399
9399
  var DropdownItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li role=menuitem>"), DropdownItem_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), DropdownItem_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
9400
- const DropdownItem = (props)=>{
9400
+ const DropdownItem_DropdownItem = (props)=>{
9401
9401
  const dropdownContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
9402
9402
  const defaultProps = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
9403
9403
  closeOnClick: true
@@ -9439,7 +9439,7 @@ const DropdownItem = (props)=>{
9439
9439
  return _el$;
9440
9440
  })();
9441
9441
  };
9442
- const dropdown_DropdownItem = DropdownItem;
9442
+ const DropdownItem = DropdownItem_DropdownItem;
9443
9443
  var DropdownMenu_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
9444
9444
  const DropdownMenu = (props)=>{
9445
9445
  const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -9641,7 +9641,7 @@ const dropdown_Dropdown = Object.assign(Dropdown, {
9641
9641
  Details: DropdownDetails,
9642
9642
  Toggle: dropdown_DropdownToggle,
9643
9643
  Menu: dropdown_DropdownMenu,
9644
- Item: dropdown_DropdownItem
9644
+ Item: DropdownItem
9645
9645
  });
9646
9646
  const dropdown = dropdown_Dropdown;
9647
9647
  var FileInput_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
@@ -15026,7 +15026,7 @@ const table_Table = Object.assign(Table, {
15026
15026
  Cell: TableCell,
15027
15027
  HeadCell: table_TableHeadCell
15028
15028
  });
15029
- var EnhancedTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="cursor-pointer ml-auto">'), EnhancedTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class=mb-2></div><div class="flex gap-2 justify-end">'), EnhancedTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex items-center gap-2"><span class=opacity-70>Rows per page</span></div><div class="flex items-center gap-3 ml-4"><span class=opacity-70>Page <!> of </span><div class=join>'), EnhancedTable_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2"><div class=truncate></div><div class=grow>'), EnhancedTable_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex gap-2">');
15029
+ var EnhancedTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="cursor-pointer ml-auto">'), EnhancedTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class=mb-2></div><div class="flex gap-2 justify-end">'), EnhancedTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="enhanced-table-footer shrink-0 border-t border-base-300"><div class="px-4 py-3"><div><div class="flex items-center gap-2"><span class=opacity-70>Rows per page</span></div><div class="flex items-center gap-3 ml-4"><span class=opacity-70>Page <!> of </span><div class=join>'), EnhancedTable_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="enhanced-table-root flex h-full min-h-0 w-full flex-col"><div class="enhanced-table-scroll flex-1 min-h-0 overflow-y-auto overflow-x-auto">'), EnhancedTable_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="menu p-2 shadow bg-base-100 rounded-box border border-base-300 w-24"role=menu aria-label="Rows per page">'), EnhancedTable_tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2"><div class=truncate></div><div class=grow>'), EnhancedTable_tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>"), EnhancedTable_tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex gap-2">');
15030
15030
  function EnhancedTable_EnhancedTable(props) {
15031
15031
  const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
15032
15032
  "data",
@@ -15065,6 +15065,22 @@ function EnhancedTable_EnhancedTable(props) {
15065
15065
  "lastPageIcon"
15066
15066
  ]);
15067
15067
  const [openFilterFor, setOpenFilterFor] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
15068
+ const [pageSizeMenuOpen, setPageSizeMenuOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
15069
+ const [pageSizeMenuStyle, setPageSizeMenuStyle] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)({
15070
+ position: "fixed",
15071
+ top: "0px",
15072
+ left: "0px",
15073
+ "min-width": "96px",
15074
+ "z-index": 1300
15075
+ });
15076
+ const pageSizeOptions = [
15077
+ 10,
15078
+ 25,
15079
+ 50,
15080
+ 100
15081
+ ];
15082
+ let pageSizeToggleRef;
15083
+ let pageSizeMenuRef;
15068
15084
  const table = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.createSolidTable)({
15069
15085
  get data () {
15070
15086
  return local.data;
@@ -15127,7 +15143,7 @@ function EnhancedTable_EnhancedTable(props) {
15127
15143
  return pageCount > 1 || totalRows > pageSize;
15128
15144
  });
15129
15145
  const headerGroups = ()=>table.getHeaderGroups();
15130
- const visibleColumnCount = ()=>headerGroups()[0]?.headers.length ?? 0;
15146
+ const totalColumns = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>table.getVisibleLeafColumns().length + (local.enableRowSelection ? 1 : 0) + (local.expandable ? 1 : 0));
15131
15147
  const FilterIconTrigger = (props)=>(()=>{
15132
15148
  var _el$ = EnhancedTable_tmpl$();
15133
15149
  _el$.$$click = (e)=>{
@@ -15175,377 +15191,433 @@ function EnhancedTable_EnhancedTable(props) {
15175
15191
  }
15176
15192
  });
15177
15193
  };
15178
- table.getAllLeafColumns().length, local.enableRowSelection, local.expandable;
15179
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
15180
- get ["class"] () {
15181
- return dist_clsx(tableProps.class, "table-auto");
15182
- },
15183
- get children () {
15184
- return [
15185
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Head, {
15186
- noCell: true,
15187
- get children () {
15188
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
15189
- get each () {
15190
- return headerGroups();
15191
- },
15192
- children: (hg)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
15193
- get children () {
15194
- return [
15195
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15196
- get when () {
15197
- return local.expandable;
15198
- },
15199
- get children () {
15200
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
15201
- class: "w-6"
15202
- });
15203
- }
15204
- }),
15205
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15206
- get when () {
15207
- return local.enableRowSelection;
15208
- },
15209
- get children () {
15210
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
15211
- class: "w-8",
15194
+ const ensurePortalRoot = ()=>{
15195
+ if ("undefined" == typeof document) return;
15196
+ const existing = document.getElementById("enhanced-table-overlay-root");
15197
+ if (existing) return existing;
15198
+ const root = document.createElement("div");
15199
+ root.id = "enhanced-table-overlay-root";
15200
+ document.body.append(root);
15201
+ return root;
15202
+ };
15203
+ const updatePageSizeMenuPosition = ()=>{
15204
+ const toggleEl = pageSizeToggleRef;
15205
+ const menuEl = pageSizeMenuRef;
15206
+ if (!toggleEl || !menuEl) return;
15207
+ const viewportPadding = 8;
15208
+ const gap = 4;
15209
+ const toggleRect = toggleEl.getBoundingClientRect();
15210
+ const menuRect = menuEl.getBoundingClientRect();
15211
+ const menuWidth = menuRect.width || Math.max(toggleRect.width, 96);
15212
+ const menuHeight = menuRect.height || 0;
15213
+ const viewportWidth = window.innerWidth;
15214
+ const viewportHeight = window.innerHeight;
15215
+ let left = toggleRect.right - menuWidth;
15216
+ left = Math.max(viewportPadding, Math.min(left, viewportWidth - menuWidth - viewportPadding));
15217
+ const spaceBelow = viewportHeight - toggleRect.bottom;
15218
+ const spaceAbove = toggleRect.top;
15219
+ const shouldOpenUp = spaceBelow < menuHeight + gap && spaceAbove > menuHeight + gap;
15220
+ let top = shouldOpenUp ? toggleRect.top - menuHeight - gap : toggleRect.bottom + gap;
15221
+ top = Math.max(viewportPadding, Math.min(top, viewportHeight - menuHeight - viewportPadding));
15222
+ setPageSizeMenuStyle({
15223
+ position: "fixed",
15224
+ top: `${top}px`,
15225
+ left: `${left}px`,
15226
+ "min-width": `${Math.max(toggleRect.width, 96)}px`,
15227
+ "z-index": 1300
15228
+ });
15229
+ };
15230
+ const closePageSizeMenu = ()=>setPageSizeMenuOpen(false);
15231
+ const togglePageSizeMenu = ()=>setPageSizeMenuOpen((current)=>!current);
15232
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
15233
+ if (!shouldShowPagination()) closePageSizeMenu();
15234
+ });
15235
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
15236
+ if (!pageSizeMenuOpen()) return;
15237
+ ensurePortalRoot();
15238
+ requestAnimationFrame(()=>{
15239
+ updatePageSizeMenuPosition();
15240
+ requestAnimationFrame(updatePageSizeMenuPosition);
15241
+ });
15242
+ const onPointerDown = (event)=>{
15243
+ const target = event.target;
15244
+ if (!target) return;
15245
+ if (pageSizeToggleRef?.contains(target)) return;
15246
+ if (pageSizeMenuRef?.contains(target)) return;
15247
+ closePageSizeMenu();
15248
+ };
15249
+ const onKeyDown = (event)=>{
15250
+ if ("Escape" === event.key) closePageSizeMenu();
15251
+ };
15252
+ const onViewportChange = ()=>updatePageSizeMenuPosition();
15253
+ document.addEventListener("pointerdown", onPointerDown);
15254
+ document.addEventListener("keydown", onKeyDown);
15255
+ window.addEventListener("resize", onViewportChange);
15256
+ window.addEventListener("scroll", onViewportChange, true);
15257
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
15258
+ document.removeEventListener("pointerdown", onPointerDown);
15259
+ document.removeEventListener("keydown", onKeyDown);
15260
+ window.removeEventListener("resize", onViewportChange);
15261
+ window.removeEventListener("scroll", onViewportChange, true);
15262
+ });
15263
+ });
15264
+ return [
15265
+ (()=>{
15266
+ var _el$5 = EnhancedTable_tmpl$4(), _el$6 = _el$5.firstChild;
15267
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
15268
+ get ["class"] () {
15269
+ return dist_clsx(tableProps.class, "table-auto");
15270
+ },
15271
+ get children () {
15272
+ return [
15273
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Head, {
15274
+ noCell: true,
15275
+ get children () {
15276
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
15277
+ get each () {
15278
+ return headerGroups();
15279
+ },
15280
+ children: (hg)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
15281
+ get children () {
15282
+ return [
15283
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15284
+ get when () {
15285
+ return local.expandable;
15286
+ },
15212
15287
  get children () {
15213
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(checkbox_Checkbox, {
15214
- get checked () {
15215
- return table.getIsAllPageRowsSelected();
15216
- },
15217
- get indeterminate () {
15218
- return table.getIsSomePageRowsSelected();
15219
- },
15220
- get onChange () {
15221
- return table.getToggleAllPageRowsSelectedHandler();
15222
- }
15288
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
15289
+ class: "w-6"
15223
15290
  });
15224
15291
  }
15225
- });
15226
- }
15227
- }),
15228
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
15229
- get each () {
15230
- return hg.headers;
15231
- },
15232
- children: (header)=>{
15233
- const colId = header.column.id;
15234
- const canSort = local.enableSorting && false !== header.column.columnDef.enableSorting && header.column.getCanSort();
15235
- const canFilter = local.enableFilters && false !== header.column.columnDef.enableColumnFilter && header.column.getCanFilter();
15236
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
15237
- class: canSort ? "relative cursor-pointer select-none" : "relative",
15238
- get onClick () {
15239
- return canSort ? header.column.getToggleSortingHandler() : void 0;
15292
+ }),
15293
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15294
+ get when () {
15295
+ return local.enableRowSelection;
15240
15296
  },
15241
15297
  get children () {
15242
- var _el$13 = EnhancedTable_tmpl$4(), _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling;
15243
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$14, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()));
15244
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15245
- get when () {
15246
- return "asc" === header.column.getIsSorted();
15247
- },
15248
- get children () {
15249
- return local.sortAscIcon;
15250
- }
15251
- }), _el$15);
15252
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15253
- get when () {
15254
- return "desc" === header.column.getIsSorted();
15255
- },
15298
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
15299
+ class: "w-8",
15256
15300
  get children () {
15257
- return local.sortDescIcon;
15258
- }
15259
- }), _el$15);
15260
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15261
- get when () {
15262
- return canSort && false === header.column.getIsSorted() && local.sortNeutralIcon;
15263
- },
15264
- get children () {
15265
- return local.sortNeutralIcon;
15266
- }
15267
- }), _el$15);
15268
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15269
- when: canFilter,
15270
- get children () {
15271
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterIconTrigger, {
15272
- colId: colId
15301
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(checkbox_Checkbox, {
15302
+ get checked () {
15303
+ return table.getIsAllPageRowsSelected();
15304
+ },
15305
+ get indeterminate () {
15306
+ return table.getIsSomePageRowsSelected();
15307
+ },
15308
+ get onChange () {
15309
+ return table.getToggleAllPageRowsSelectedHandler();
15310
+ }
15273
15311
  });
15274
15312
  }
15275
- }), null);
15276
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15277
- when: canFilter,
15313
+ });
15314
+ }
15315
+ }),
15316
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
15317
+ get each () {
15318
+ return hg.headers;
15319
+ },
15320
+ children: (header)=>{
15321
+ const colId = header.column.id;
15322
+ const canSort = local.enableSorting && false !== header.column.columnDef.enableSorting && header.column.getCanSort();
15323
+ const canFilter = local.enableFilters && false !== header.column.columnDef.enableColumnFilter && header.column.getCanFilter();
15324
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
15325
+ class: canSort ? "relative cursor-pointer select-none" : "relative",
15326
+ get onClick () {
15327
+ return canSort ? header.column.getToggleSortingHandler() : void 0;
15328
+ },
15278
15329
  get children () {
15279
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterPanel, {
15280
- get column () {
15281
- return header.column;
15330
+ var _el$18 = EnhancedTable_tmpl$6(), _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling;
15331
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$19, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()));
15332
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15333
+ get when () {
15334
+ return "asc" === header.column.getIsSorted();
15335
+ },
15336
+ get children () {
15337
+ return local.sortAscIcon;
15282
15338
  }
15283
- });
15339
+ }), _el$20);
15340
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15341
+ get when () {
15342
+ return "desc" === header.column.getIsSorted();
15343
+ },
15344
+ get children () {
15345
+ return local.sortDescIcon;
15346
+ }
15347
+ }), _el$20);
15348
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15349
+ get when () {
15350
+ return canSort && false === header.column.getIsSorted() && local.sortNeutralIcon;
15351
+ },
15352
+ get children () {
15353
+ return local.sortNeutralIcon;
15354
+ }
15355
+ }), _el$20);
15356
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15357
+ when: canFilter,
15358
+ get children () {
15359
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterIconTrigger, {
15360
+ colId: colId
15361
+ });
15362
+ }
15363
+ }), null);
15364
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15365
+ when: canFilter,
15366
+ get children () {
15367
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterPanel, {
15368
+ get column () {
15369
+ return header.column;
15370
+ }
15371
+ });
15372
+ }
15373
+ }), null);
15374
+ return _el$18;
15284
15375
  }
15285
- }), null);
15286
- return _el$13;
15376
+ });
15287
15377
  }
15288
- });
15289
- }
15290
- })
15291
- ];
15292
- }
15293
- })
15294
- });
15295
- }
15296
- }),
15297
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Body, {
15298
- get children () {
15299
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.loading)() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
15378
+ })
15379
+ ];
15380
+ }
15381
+ })
15382
+ });
15383
+ }
15384
+ }),
15385
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Body, {
15300
15386
  get children () {
15301
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15302
- get colSpan () {
15303
- return visibleColumnCount();
15304
- },
15305
- class: "text-center py-6",
15387
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.loading)() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
15306
15388
  get children () {
15307
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.renderLoading)() ? local.renderLoading() : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(loading_Loading, {
15308
- variant: "spinner",
15309
- size: "lg",
15310
- color: "primary"
15389
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15390
+ get colSpan () {
15391
+ return totalColumns();
15392
+ },
15393
+ class: "text-center py-6",
15394
+ get children () {
15395
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.renderLoading)() ? local.renderLoading() : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(loading_Loading, {
15396
+ variant: "spinner",
15397
+ size: "lg",
15398
+ color: "primary"
15399
+ });
15400
+ }
15311
15401
  });
15312
15402
  }
15313
- });
15314
- }
15315
- }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(0 === tableRows().length && local.renderEmpty))() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
15316
- get children () {
15317
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15318
- get colSpan () {
15319
- return visibleColumnCount();
15320
- },
15321
- class: "text-center py-4",
15403
+ }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(0 === tableRows().length && local.renderEmpty))() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
15322
15404
  get children () {
15323
- return local.renderEmpty();
15405
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15406
+ get colSpan () {
15407
+ return totalColumns();
15408
+ },
15409
+ class: "text-center py-4",
15410
+ get children () {
15411
+ return local.renderEmpty();
15412
+ }
15413
+ });
15324
15414
  }
15325
- });
15326
- }
15327
- }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
15328
- get each () {
15329
- return tableRows();
15330
- },
15331
- children: (row)=>[
15332
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
15333
- get children () {
15334
- return [
15335
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15336
- get when () {
15337
- return local.expandable;
15338
- },
15339
- get children () {
15340
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15341
- class: "w-6",
15415
+ }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
15416
+ get each () {
15417
+ return tableRows();
15418
+ },
15419
+ children: (row)=>[
15420
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
15421
+ get children () {
15422
+ return [
15423
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15424
+ get when () {
15425
+ return local.expandable;
15426
+ },
15342
15427
  get children () {
15343
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
15344
- size: "xs",
15345
- color: "ghost",
15346
- shape: "circle",
15347
- get onClick () {
15348
- return row.getToggleExpandedHandler();
15349
- },
15428
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15429
+ class: "w-6",
15350
15430
  get children () {
15351
- return row.getIsExpanded() ? local.collapseIcon ?? "v" : local.expandIcon ?? ">";
15431
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
15432
+ size: "xs",
15433
+ color: "ghost",
15434
+ shape: "circle",
15435
+ get onClick () {
15436
+ return row.getToggleExpandedHandler();
15437
+ },
15438
+ get children () {
15439
+ return row.getIsExpanded() ? local.collapseIcon ?? "v" : local.expandIcon ?? ">";
15440
+ }
15441
+ });
15352
15442
  }
15353
15443
  });
15354
15444
  }
15355
- });
15356
- }
15357
- }),
15358
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15359
- get when () {
15360
- return local.enableRowSelection;
15361
- },
15362
- get children () {
15363
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15364
- class: "w-8",
15445
+ }),
15446
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15447
+ get when () {
15448
+ return local.enableRowSelection;
15449
+ },
15365
15450
  get children () {
15366
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(checkbox_Checkbox, {
15367
- get checked () {
15368
- return row.getIsSelected();
15369
- },
15370
- get onChange () {
15371
- return row.getToggleSelectedHandler();
15451
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15452
+ class: "w-8",
15453
+ get children () {
15454
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(checkbox_Checkbox, {
15455
+ get checked () {
15456
+ return row.getIsSelected();
15457
+ },
15458
+ get onChange () {
15459
+ return row.getToggleSelectedHandler();
15460
+ }
15461
+ });
15372
15462
  }
15373
15463
  });
15374
15464
  }
15375
- });
15376
- }
15377
- }),
15378
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
15379
- get each () {
15380
- return row.getVisibleCells();
15381
- },
15382
- children: (cell)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15383
- get children () {
15384
- return (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(cell.column.columnDef.cell, cell.getContext());
15385
- }
15465
+ }),
15466
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
15467
+ get each () {
15468
+ return row.getVisibleCells();
15469
+ },
15470
+ children: (cell)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15471
+ get children () {
15472
+ return (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(cell.column.columnDef.cell, cell.getContext());
15473
+ }
15474
+ })
15386
15475
  })
15387
- })
15388
- ];
15389
- }
15390
- }),
15391
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15392
- get when () {
15393
- return row.getIsExpanded() && local.expandable;
15394
- },
15395
- get children () {
15396
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
15476
+ ];
15477
+ }
15478
+ }),
15479
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15480
+ get when () {
15481
+ return row.getIsExpanded() && local.expandable;
15482
+ },
15397
15483
  get children () {
15398
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15399
- get colSpan () {
15400
- return visibleColumnCount();
15401
- },
15484
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
15402
15485
  get children () {
15403
- return local.expandable?.expandedRowRender({
15404
- row
15486
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15487
+ get colSpan () {
15488
+ return totalColumns();
15489
+ },
15490
+ get children () {
15491
+ return local.expandable?.expandedRowRender({
15492
+ row
15493
+ });
15494
+ }
15405
15495
  });
15406
15496
  }
15407
15497
  });
15408
15498
  }
15409
- });
15410
- }
15411
- })
15412
- ]
15413
- });
15414
- }
15415
- }),
15416
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15417
- get when () {
15418
- return shouldShowPagination();
15419
- },
15420
- get children () {
15421
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Footer, {
15422
- noCell: true,
15423
- get children () {
15424
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
15425
- get children () {
15426
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
15427
- get colSpan () {
15428
- return visibleColumnCount();
15429
- },
15430
- get children () {
15431
- var _el$5 = EnhancedTable_tmpl$3(), _el$6 = _el$5.firstChild, _el$8 = (_el$6.firstChild, _el$6.nextSibling), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$11 = _el$0.nextSibling, _el$12 = (_el$11.nextSibling, _el$9.nextSibling);
15432
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown, {
15433
- class: "dropdown-end",
15434
- get children () {
15435
- return [
15436
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Toggle, {
15437
- button: true,
15438
- size: "sm",
15439
- color: "neutral",
15440
- get children () {
15441
- return table.getState().pagination.pageSize;
15442
- }
15443
- }),
15444
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Menu, {
15445
- class: "w-24",
15446
- get children () {
15447
- return [
15448
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
15449
- onClick: ()=>table.setPageSize(10),
15450
- get ["aria-selected"] () {
15451
- return 10 === table.getState().pagination.pageSize;
15452
- },
15453
- get ["class"] () {
15454
- return dist_clsx(10 === table.getState().pagination.pageSize && "active");
15455
- },
15456
- children: "10"
15457
- }),
15458
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
15459
- onClick: ()=>table.setPageSize(25),
15460
- get ["aria-selected"] () {
15461
- return 25 === table.getState().pagination.pageSize;
15462
- },
15463
- get ["class"] () {
15464
- return dist_clsx(25 === table.getState().pagination.pageSize && "active");
15465
- },
15466
- children: "25"
15467
- }),
15468
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
15469
- onClick: ()=>table.setPageSize(50),
15470
- get ["aria-selected"] () {
15471
- return 50 === table.getState().pagination.pageSize;
15472
- },
15473
- get ["class"] () {
15474
- return dist_clsx(50 === table.getState().pagination.pageSize && "active");
15475
- },
15476
- children: "50"
15477
- }),
15478
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
15479
- onClick: ()=>table.setPageSize(100),
15480
- get ["aria-selected"] () {
15481
- return 100 === table.getState().pagination.pageSize;
15482
- },
15483
- get ["class"] () {
15484
- return dist_clsx(100 === table.getState().pagination.pageSize && "active");
15485
- },
15486
- children: "100"
15487
- })
15488
- ];
15489
- }
15490
- })
15491
- ];
15492
- }
15493
- }), null);
15494
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>table.getState().pagination.pageIndex + 1, _el$11);
15495
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>table.getPageCount() || 1, null);
15496
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
15497
- size: "sm",
15498
- get disabled () {
15499
- return !table.getCanPreviousPage();
15500
- },
15501
- onClick: ()=>table.setPageIndex(0),
15502
- get children () {
15503
- return local.firstPageIcon ?? "|<<";
15504
- }
15505
- }), null);
15506
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
15507
- size: "sm",
15508
- get disabled () {
15509
- return !table.getCanPreviousPage();
15510
- },
15511
- onClick: ()=>table.previousPage(),
15512
- get children () {
15513
- return local.prevPageIcon ?? "<<";
15514
- }
15515
- }), null);
15516
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
15517
- size: "sm",
15518
- get disabled () {
15519
- return !table.getCanNextPage();
15520
- },
15521
- onClick: ()=>table.nextPage(),
15522
- get children () {
15523
- return local.nextPageIcon ?? ">>";
15524
- }
15525
- }), null);
15526
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
15527
- size: "sm",
15528
- get disabled () {
15529
- return !table.getCanNextPage();
15530
- },
15531
- onClick: ()=>table.setPageIndex(table.getPageCount() - 1),
15532
- get children () {
15533
- return local.lastPageIcon ?? ">>|";
15534
- }
15535
- }), null);
15536
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, dist_clsx("flex items-center w-full", "bottomLeft" === local.paginationPosition && "justify-start", "bottomCenter" === local.paginationPosition && "justify-center", "bottomRight" === local.paginationPosition && "justify-end")));
15537
- return _el$5;
15538
- }
15539
- });
15540
- }
15499
+ })
15500
+ ]
15541
15501
  });
15542
15502
  }
15543
- });
15503
+ })
15504
+ ];
15505
+ }
15506
+ })));
15507
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15508
+ get when () {
15509
+ return shouldShowPagination();
15510
+ },
15511
+ get children () {
15512
+ var _el$7 = EnhancedTable_tmpl$3(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$10 = (_el$0.firstChild, _el$0.nextSibling), _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$15 = _el$12.nextSibling, _el$16 = (_el$15.nextSibling, _el$11.nextSibling);
15513
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
15514
+ size: "sm",
15515
+ color: "neutral",
15516
+ "aria-haspopup": "menu",
15517
+ get ["aria-expanded"] () {
15518
+ return pageSizeMenuOpen();
15519
+ },
15520
+ onClick: (event)=>{
15521
+ event.stopPropagation();
15522
+ togglePageSizeMenu();
15523
+ },
15524
+ ref: (el)=>{
15525
+ pageSizeToggleRef = el;
15526
+ },
15527
+ get children () {
15528
+ return table.getState().pagination.pageSize;
15529
+ }
15530
+ }), null);
15531
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>table.getState().pagination.pageIndex + 1, _el$15);
15532
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>table.getPageCount() || 1, null);
15533
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
15534
+ size: "sm",
15535
+ get disabled () {
15536
+ return !table.getCanPreviousPage();
15537
+ },
15538
+ onClick: ()=>table.setPageIndex(0),
15539
+ get children () {
15540
+ return local.firstPageIcon ?? "|<<";
15541
+ }
15542
+ }), null);
15543
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
15544
+ size: "sm",
15545
+ get disabled () {
15546
+ return !table.getCanPreviousPage();
15547
+ },
15548
+ onClick: ()=>table.previousPage(),
15549
+ get children () {
15550
+ return local.prevPageIcon ?? "<<";
15551
+ }
15552
+ }), null);
15553
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
15554
+ size: "sm",
15555
+ get disabled () {
15556
+ return !table.getCanNextPage();
15557
+ },
15558
+ onClick: ()=>table.nextPage(),
15559
+ get children () {
15560
+ return local.nextPageIcon ?? ">>";
15561
+ }
15562
+ }), null);
15563
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
15564
+ size: "sm",
15565
+ get disabled () {
15566
+ return !table.getCanNextPage();
15567
+ },
15568
+ onClick: ()=>table.setPageIndex(table.getPageCount() - 1),
15569
+ get children () {
15570
+ return local.lastPageIcon ?? ">>|";
15571
+ }
15572
+ }), null);
15573
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$9, dist_clsx("flex items-center w-full", "bottomLeft" === local.paginationPosition && "justify-start", "bottomCenter" === local.paginationPosition && "justify-center", "bottomRight" === local.paginationPosition && "justify-end")));
15574
+ return _el$7;
15575
+ }
15576
+ }), null);
15577
+ return _el$5;
15578
+ })(),
15579
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
15580
+ get when () {
15581
+ return pageSizeMenuOpen();
15582
+ },
15583
+ get children () {
15584
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
15585
+ get mount () {
15586
+ return ensurePortalRoot();
15587
+ },
15588
+ get children () {
15589
+ var _el$17 = EnhancedTable_tmpl$5();
15590
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
15591
+ pageSizeMenuRef = el;
15592
+ }, _el$17);
15593
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
15594
+ each: pageSizeOptions,
15595
+ children: (size)=>(()=>{
15596
+ var _el$21 = EnhancedTable_tmpl$7();
15597
+ _el$21.$$click = ()=>{
15598
+ table.setPageSize(size);
15599
+ closePageSizeMenu();
15600
+ };
15601
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$21, size);
15602
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
15603
+ var _v$ = dist_clsx("btn btn-sm btn-ghost justify-start", table.getState().pagination.pageSize === size && "btn-active"), _v$2 = table.getState().pagination.pageSize === size;
15604
+ _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$21, _p$.e = _v$);
15605
+ _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$21, "aria-pressed", _p$.t = _v$2);
15606
+ return _p$;
15607
+ }, {
15608
+ e: void 0,
15609
+ t: void 0
15610
+ });
15611
+ return _el$21;
15612
+ })()
15613
+ }));
15614
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_$p)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$17, pageSizeMenuStyle(), _$p));
15615
+ return _el$17;
15544
15616
  }
15545
- })
15546
- ];
15547
- }
15548
- }));
15617
+ });
15618
+ }
15619
+ })
15620
+ ];
15549
15621
  }
15550
15622
  function ColumnFilter(props) {
15551
15623
  const col = props.column;
@@ -15572,8 +15644,8 @@ function ColumnFilter(props) {
15572
15644
  ]);
15573
15645
  };
15574
15646
  return (()=>{
15575
- var _el$16 = EnhancedTable_tmpl$5();
15576
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
15647
+ var _el$22 = EnhancedTable_tmpl$8();
15648
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$22, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
15577
15649
  size: "sm",
15578
15650
  type: "number",
15579
15651
  placeholder: "Min",
@@ -15582,7 +15654,7 @@ function ColumnFilter(props) {
15582
15654
  },
15583
15655
  onInput: (e)=>setRange(e.currentTarget.value, v[1])
15584
15656
  }), null);
15585
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
15657
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$22, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
15586
15658
  size: "sm",
15587
15659
  type: "number",
15588
15660
  placeholder: "Max",
@@ -15591,7 +15663,7 @@ function ColumnFilter(props) {
15591
15663
  },
15592
15664
  onInput: (e)=>setRange(v[0], e.currentTarget.value)
15593
15665
  }), null);
15594
- return _el$16;
15666
+ return _el$22;
15595
15667
  })();
15596
15668
  }
15597
15669
  if ("select" === type) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pathscale/ui",
3
- "version": "0.0.131",
3
+ "version": "0.0.132",
4
4
  "author": "pathscale",
5
5
  "repository": {
6
6
  "type": "git",