@pathscale/ui 1.1.6 → 1.1.7
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.
- package/dist/components/streaming-table/StreamingTable.d.ts +2 -2
- package/dist/components/streaming-table/StreamingTable.js +89 -77
- package/dist/components/table/EnhancedTable.d.ts +2 -2
- package/dist/components/table/EnhancedTable.js +305 -295
- package/dist/components/table/Table.d.ts +26 -14
- package/dist/components/table/Table.js +202 -40
- package/dist/components/table/index.d.ts +1 -1
- package/dist/components/table/table.css +240 -106
- package/package.json +1 -1
- package/dist/components/table/TableBody.d.ts +0 -5
- package/dist/components/table/TableBody.js +0 -30
- package/dist/components/table/TableCell.d.ts +0 -7
- package/dist/components/table/TableCell.js +0 -34
- package/dist/components/table/TableFooter.d.ts +0 -7
- package/dist/components/table/TableFooter.js +0 -45
- package/dist/components/table/TableHead.d.ts +0 -7
- package/dist/components/table/TableHead.js +0 -45
- package/dist/components/table/TableHeadCell.d.ts +0 -7
- package/dist/components/table/TableHeadCell.js +0 -34
- package/dist/components/table/TableRow.d.ts +0 -8
- package/dist/components/table/TableRow.js +0 -34
|
@@ -10,7 +10,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__input_Input_js_ae745814__ from "../input/
|
|
|
10
10
|
import * as __WEBPACK_EXTERNAL_MODULE__dropdown_Dropdown_js_1eafe997__ from "../dropdown/Dropdown.js";
|
|
11
11
|
import * as __WEBPACK_EXTERNAL_MODULE__loading_Loading_js_1fa096bd__ from "../loading/Loading.js";
|
|
12
12
|
import * as __WEBPACK_EXTERNAL_MODULE__menu_Menu_js_2e8cbfbf__ from "../menu/Menu.js";
|
|
13
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="cursor-pointer ml-auto shrink-0">'), _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">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div
|
|
13
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="cursor-pointer ml-auto shrink-0">'), _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">'), _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>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2"><div class=truncate>'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex gap-2">');
|
|
14
14
|
function EnhancedTable_EnhancedTable(props) {
|
|
15
15
|
const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
16
16
|
"data",
|
|
@@ -312,328 +312,338 @@ function EnhancedTable_EnhancedTable(props) {
|
|
|
312
312
|
});
|
|
313
313
|
});
|
|
314
314
|
return [
|
|
315
|
-
(()
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
return headerGroups();
|
|
329
|
-
},
|
|
330
|
-
children: (hg)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
|
|
315
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
|
|
316
|
+
get children () {
|
|
317
|
+
return [
|
|
318
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].ScrollContainer, {
|
|
319
|
+
class: "flex-1 min-h-0 overflow-y-auto",
|
|
320
|
+
get children () {
|
|
321
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Content, {
|
|
322
|
+
get ["class"] () {
|
|
323
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(tableProps.class, "table-auto");
|
|
324
|
+
},
|
|
325
|
+
get children () {
|
|
326
|
+
return [
|
|
327
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Header, {
|
|
331
328
|
get children () {
|
|
332
|
-
return
|
|
333
|
-
(
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
});
|
|
341
|
-
}
|
|
342
|
-
}),
|
|
343
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
344
|
-
get when () {
|
|
345
|
-
return local.enableRowSelection;
|
|
346
|
-
},
|
|
347
|
-
get children () {
|
|
348
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].HeadCell, {
|
|
349
|
-
class: "w-8",
|
|
350
|
-
get children () {
|
|
351
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__checkbox_Checkbox_js_9a9489db__["default"], {
|
|
352
|
-
get checked () {
|
|
353
|
-
return table.getIsAllPageRowsSelected();
|
|
354
|
-
},
|
|
355
|
-
get indeterminate () {
|
|
356
|
-
return table.getIsSomePageRowsSelected();
|
|
357
|
-
},
|
|
358
|
-
get onChange () {
|
|
359
|
-
return table.getToggleAllPageRowsSelectedHandler();
|
|
360
|
-
}
|
|
361
|
-
});
|
|
362
|
-
}
|
|
363
|
-
});
|
|
364
|
-
}
|
|
365
|
-
}),
|
|
366
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
367
|
-
get each () {
|
|
368
|
-
return hg.headers;
|
|
369
|
-
},
|
|
370
|
-
children: (header)=>{
|
|
371
|
-
const colId = header.column.id;
|
|
372
|
-
const canSort = local.enableSorting && false !== header.column.columnDef.enableSorting && header.column.getCanSort();
|
|
373
|
-
const canFilter = local.enableFilters && false !== header.column.columnDef.enableColumnFilter && header.column.getCanFilter();
|
|
374
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].HeadCell, {
|
|
375
|
-
class: canSort ? "relative cursor-pointer select-none" : "relative",
|
|
376
|
-
get onClick () {
|
|
377
|
-
return canSort ? header.column.getToggleSortingHandler() : void 0;
|
|
378
|
-
},
|
|
379
|
-
get children () {
|
|
380
|
-
var _el$17 = _tmpl$5(), _el$18 = _el$17.firstChild;
|
|
381
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()));
|
|
382
|
-
(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__.Show, {
|
|
383
|
-
get when () {
|
|
384
|
-
return "asc" === header.column.getIsSorted();
|
|
385
|
-
},
|
|
386
|
-
get children () {
|
|
387
|
-
return local.sortAscIcon;
|
|
388
|
-
}
|
|
389
|
-
}), null);
|
|
390
|
-
(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__.Show, {
|
|
329
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
330
|
+
get each () {
|
|
331
|
+
return headerGroups();
|
|
332
|
+
},
|
|
333
|
+
children: (hg)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
|
|
334
|
+
get children () {
|
|
335
|
+
return [
|
|
336
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
391
337
|
get when () {
|
|
392
|
-
return
|
|
338
|
+
return local.expandable;
|
|
393
339
|
},
|
|
394
340
|
get children () {
|
|
395
|
-
return
|
|
341
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Column, {
|
|
342
|
+
class: "w-6"
|
|
343
|
+
});
|
|
396
344
|
}
|
|
397
|
-
}),
|
|
398
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.
|
|
345
|
+
}),
|
|
346
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
399
347
|
get when () {
|
|
400
|
-
return
|
|
348
|
+
return local.enableRowSelection;
|
|
401
349
|
},
|
|
402
350
|
get children () {
|
|
403
|
-
return
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
351
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Column, {
|
|
352
|
+
class: "w-8",
|
|
353
|
+
get children () {
|
|
354
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__checkbox_Checkbox_js_9a9489db__["default"], {
|
|
355
|
+
get checked () {
|
|
356
|
+
return table.getIsAllPageRowsSelected();
|
|
357
|
+
},
|
|
358
|
+
get indeterminate () {
|
|
359
|
+
return table.getIsSomePageRowsSelected();
|
|
360
|
+
},
|
|
361
|
+
get onChange () {
|
|
362
|
+
return table.getToggleAllPageRowsSelectedHandler();
|
|
363
|
+
}
|
|
364
|
+
});
|
|
365
|
+
}
|
|
411
366
|
});
|
|
412
367
|
}
|
|
413
|
-
}),
|
|
414
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
368
|
+
}),
|
|
369
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
370
|
+
get each () {
|
|
371
|
+
return hg.headers;
|
|
372
|
+
},
|
|
373
|
+
children: (header)=>{
|
|
374
|
+
const colId = header.column.id;
|
|
375
|
+
const canSort = local.enableSorting && false !== header.column.columnDef.enableSorting && header.column.getCanSort();
|
|
376
|
+
const canFilter = local.enableFilters && false !== header.column.columnDef.enableColumnFilter && header.column.getCanFilter();
|
|
377
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Column, {
|
|
378
|
+
class: canSort ? "relative cursor-pointer select-none" : "relative",
|
|
379
|
+
get onClick () {
|
|
380
|
+
return canSort ? header.column.getToggleSortingHandler() : void 0;
|
|
381
|
+
},
|
|
382
|
+
get children () {
|
|
383
|
+
var _el$13 = _tmpl$4(), _el$14 = _el$13.firstChild;
|
|
384
|
+
(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()));
|
|
385
|
+
(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, {
|
|
386
|
+
get when () {
|
|
387
|
+
return "asc" === header.column.getIsSorted();
|
|
388
|
+
},
|
|
389
|
+
get children () {
|
|
390
|
+
return local.sortAscIcon;
|
|
391
|
+
}
|
|
392
|
+
}), null);
|
|
393
|
+
(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, {
|
|
394
|
+
get when () {
|
|
395
|
+
return "desc" === header.column.getIsSorted();
|
|
396
|
+
},
|
|
397
|
+
get children () {
|
|
398
|
+
return local.sortDescIcon;
|
|
399
|
+
}
|
|
400
|
+
}), null);
|
|
401
|
+
(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, {
|
|
402
|
+
get when () {
|
|
403
|
+
return canSort && false === header.column.getIsSorted() && local.sortNeutralIcon;
|
|
404
|
+
},
|
|
405
|
+
get children () {
|
|
406
|
+
return local.sortNeutralIcon;
|
|
407
|
+
}
|
|
408
|
+
}), null);
|
|
409
|
+
(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, {
|
|
410
|
+
when: canFilter,
|
|
411
|
+
get children () {
|
|
412
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterIconTrigger, {
|
|
413
|
+
colId: colId
|
|
414
|
+
});
|
|
415
|
+
}
|
|
416
|
+
}), null);
|
|
417
|
+
(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, {
|
|
418
|
+
when: canFilter,
|
|
419
|
+
get children () {
|
|
420
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterPanel, {
|
|
421
|
+
get column () {
|
|
422
|
+
return header.column;
|
|
423
|
+
}
|
|
424
|
+
});
|
|
425
|
+
}
|
|
426
|
+
}), null);
|
|
427
|
+
return _el$13;
|
|
420
428
|
}
|
|
421
429
|
});
|
|
422
430
|
}
|
|
423
|
-
})
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
}
|
|
428
|
-
})
|
|
429
|
-
];
|
|
430
|
-
}
|
|
431
|
-
})
|
|
432
|
-
});
|
|
433
|
-
}
|
|
434
|
-
}),
|
|
435
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Body, {
|
|
436
|
-
get children () {
|
|
437
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.loading)() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
|
|
438
|
-
get children () {
|
|
439
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
|
|
440
|
-
get colSpan () {
|
|
441
|
-
return totalColumns();
|
|
442
|
-
},
|
|
443
|
-
class: "text-center py-6",
|
|
444
|
-
get children () {
|
|
445
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.renderLoading)() ? local.renderLoading() : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__loading_Loading_js_1fa096bd__["default"], {
|
|
446
|
-
variant: "spinner",
|
|
447
|
-
size: "lg",
|
|
448
|
-
color: "accent"
|
|
431
|
+
})
|
|
432
|
+
];
|
|
433
|
+
}
|
|
434
|
+
})
|
|
449
435
|
});
|
|
450
436
|
}
|
|
451
|
-
})
|
|
452
|
-
|
|
453
|
-
}) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(0 === tableRows().length && local.renderEmpty))() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
|
|
454
|
-
get children () {
|
|
455
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
|
|
456
|
-
get colSpan () {
|
|
457
|
-
return totalColumns();
|
|
458
|
-
},
|
|
459
|
-
class: "text-center py-4",
|
|
437
|
+
}),
|
|
438
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Body, {
|
|
460
439
|
get children () {
|
|
461
|
-
return local.
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
get each () {
|
|
467
|
-
return tableRows();
|
|
468
|
-
},
|
|
469
|
-
children: (row)=>[
|
|
470
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
|
|
471
|
-
get children () {
|
|
472
|
-
return [
|
|
473
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
474
|
-
get when () {
|
|
475
|
-
return local.expandable;
|
|
440
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.loading)() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
|
|
441
|
+
get children () {
|
|
442
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
|
|
443
|
+
get colSpan () {
|
|
444
|
+
return totalColumns();
|
|
476
445
|
},
|
|
446
|
+
class: "text-center py-6",
|
|
477
447
|
get children () {
|
|
478
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
size: "sm",
|
|
483
|
-
variant: "ghost",
|
|
484
|
-
isIconOnly: true,
|
|
485
|
-
get onClick () {
|
|
486
|
-
return row.getToggleExpandedHandler();
|
|
487
|
-
},
|
|
488
|
-
get children () {
|
|
489
|
-
return row.getIsExpanded() ? local.collapseIcon ?? "v" : local.expandIcon ?? ">";
|
|
490
|
-
}
|
|
491
|
-
});
|
|
492
|
-
}
|
|
448
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.renderLoading)() ? local.renderLoading() : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__loading_Loading_js_1fa096bd__["default"], {
|
|
449
|
+
variant: "spinner",
|
|
450
|
+
size: "lg",
|
|
451
|
+
color: "accent"
|
|
493
452
|
});
|
|
494
453
|
}
|
|
495
|
-
})
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
454
|
+
});
|
|
455
|
+
}
|
|
456
|
+
}) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(0 === tableRows().length && local.renderEmpty))() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
|
|
457
|
+
get children () {
|
|
458
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
|
|
459
|
+
get colSpan () {
|
|
460
|
+
return totalColumns();
|
|
499
461
|
},
|
|
462
|
+
class: "text-center py-4",
|
|
500
463
|
get children () {
|
|
501
|
-
return (
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
464
|
+
return local.renderEmpty();
|
|
465
|
+
}
|
|
466
|
+
});
|
|
467
|
+
}
|
|
468
|
+
}) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
469
|
+
get each () {
|
|
470
|
+
return tableRows();
|
|
471
|
+
},
|
|
472
|
+
children: (row)=>[
|
|
473
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
|
|
474
|
+
get children () {
|
|
475
|
+
return [
|
|
476
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
477
|
+
get when () {
|
|
478
|
+
return local.expandable;
|
|
507
479
|
},
|
|
508
|
-
get
|
|
509
|
-
return
|
|
480
|
+
get children () {
|
|
481
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
|
|
482
|
+
class: "w-6",
|
|
483
|
+
get children () {
|
|
484
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
|
|
485
|
+
size: "sm",
|
|
486
|
+
variant: "ghost",
|
|
487
|
+
isIconOnly: true,
|
|
488
|
+
get onClick () {
|
|
489
|
+
return row.getToggleExpandedHandler();
|
|
490
|
+
},
|
|
491
|
+
get children () {
|
|
492
|
+
return row.getIsExpanded() ? local.collapseIcon ?? "v" : local.expandIcon ?? ">";
|
|
493
|
+
}
|
|
494
|
+
});
|
|
495
|
+
}
|
|
496
|
+
});
|
|
510
497
|
}
|
|
511
|
-
})
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
498
|
+
}),
|
|
499
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
500
|
+
get when () {
|
|
501
|
+
return local.enableRowSelection;
|
|
502
|
+
},
|
|
503
|
+
get children () {
|
|
504
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
|
|
505
|
+
class: "w-8",
|
|
506
|
+
get children () {
|
|
507
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__checkbox_Checkbox_js_9a9489db__["default"], {
|
|
508
|
+
get checked () {
|
|
509
|
+
return row.getIsSelected();
|
|
510
|
+
},
|
|
511
|
+
get onChange () {
|
|
512
|
+
return row.getToggleSelectedHandler();
|
|
513
|
+
}
|
|
514
|
+
});
|
|
515
|
+
}
|
|
516
|
+
});
|
|
517
|
+
}
|
|
518
|
+
}),
|
|
519
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
520
|
+
get each () {
|
|
521
|
+
return row.getVisibleCells();
|
|
522
|
+
},
|
|
523
|
+
children: (cell)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
|
|
524
|
+
get children () {
|
|
525
|
+
return (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(cell.column.columnDef.cell, cell.getContext());
|
|
526
|
+
}
|
|
527
|
+
})
|
|
528
|
+
})
|
|
529
|
+
];
|
|
530
|
+
}
|
|
531
|
+
}),
|
|
532
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
533
|
+
get when () {
|
|
534
|
+
return row.getIsExpanded() && local.expandable;
|
|
539
535
|
},
|
|
540
536
|
get children () {
|
|
541
|
-
return
|
|
542
|
-
|
|
537
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
|
|
538
|
+
get children () {
|
|
539
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
|
|
540
|
+
get colSpan () {
|
|
541
|
+
return totalColumns();
|
|
542
|
+
},
|
|
543
|
+
get children () {
|
|
544
|
+
return local.expandable?.expandedRowRender({
|
|
545
|
+
row
|
|
546
|
+
});
|
|
547
|
+
}
|
|
548
|
+
});
|
|
549
|
+
}
|
|
543
550
|
});
|
|
544
551
|
}
|
|
545
|
-
})
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
}
|
|
552
|
-
}
|
|
553
|
-
})
|
|
554
|
-
];
|
|
555
|
-
}
|
|
556
|
-
})));
|
|
557
|
-
(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, {
|
|
558
|
-
get when () {
|
|
559
|
-
return shouldShowPagination();
|
|
560
|
-
},
|
|
561
|
-
get children () {
|
|
562
|
-
var _el$7 = _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);
|
|
563
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
|
|
564
|
-
size: "sm",
|
|
565
|
-
variant: "ghost",
|
|
566
|
-
"aria-haspopup": "menu",
|
|
567
|
-
get ["aria-expanded"] () {
|
|
568
|
-
return pageSizeMenuOpen();
|
|
569
|
-
},
|
|
570
|
-
onClick: (event)=>{
|
|
571
|
-
event.stopPropagation();
|
|
572
|
-
togglePageSizeMenu();
|
|
573
|
-
},
|
|
574
|
-
ref: (el)=>{
|
|
575
|
-
pageSizeToggleRef = el;
|
|
576
|
-
},
|
|
577
|
-
get children () {
|
|
578
|
-
return table.getState().pagination.pageSize;
|
|
579
|
-
}
|
|
580
|
-
}), null);
|
|
581
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>table.getState().pagination.pageIndex + 1, _el$15);
|
|
582
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>table.getPageCount() || 1, null);
|
|
583
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
|
|
584
|
-
size: "sm",
|
|
585
|
-
variant: "ghost",
|
|
586
|
-
class: "join-item",
|
|
587
|
-
get isDisabled () {
|
|
588
|
-
return !table.getCanPreviousPage();
|
|
589
|
-
},
|
|
590
|
-
onClick: ()=>table.setPageIndex(0),
|
|
591
|
-
get children () {
|
|
592
|
-
return local.firstPageIcon ?? "|<<";
|
|
593
|
-
}
|
|
594
|
-
}), null);
|
|
595
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
|
|
596
|
-
size: "sm",
|
|
597
|
-
variant: "ghost",
|
|
598
|
-
class: "join-item",
|
|
599
|
-
get isDisabled () {
|
|
600
|
-
return !table.getCanPreviousPage();
|
|
601
|
-
},
|
|
602
|
-
onClick: ()=>table.previousPage(),
|
|
603
|
-
get children () {
|
|
604
|
-
return local.prevPageIcon ?? "<<";
|
|
605
|
-
}
|
|
606
|
-
}), null);
|
|
607
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
|
|
608
|
-
size: "sm",
|
|
609
|
-
variant: "ghost",
|
|
610
|
-
class: "join-item",
|
|
611
|
-
get isDisabled () {
|
|
612
|
-
return !table.getCanNextPage();
|
|
613
|
-
},
|
|
614
|
-
onClick: ()=>table.nextPage(),
|
|
615
|
-
get children () {
|
|
616
|
-
return local.nextPageIcon ?? ">>";
|
|
552
|
+
})
|
|
553
|
+
]
|
|
554
|
+
});
|
|
555
|
+
}
|
|
556
|
+
})
|
|
557
|
+
];
|
|
558
|
+
}
|
|
559
|
+
});
|
|
617
560
|
}
|
|
618
|
-
}),
|
|
619
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
class: "join-item",
|
|
623
|
-
get isDisabled () {
|
|
624
|
-
return !table.getCanNextPage();
|
|
561
|
+
}),
|
|
562
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
563
|
+
get when () {
|
|
564
|
+
return shouldShowPagination();
|
|
625
565
|
},
|
|
626
|
-
onClick: ()=>table.setPageIndex(table.getPageCount() - 1),
|
|
627
566
|
get children () {
|
|
628
|
-
return
|
|
567
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Footer, {
|
|
568
|
+
get children () {
|
|
569
|
+
var _el$5 = _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);
|
|
570
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
|
|
571
|
+
size: "sm",
|
|
572
|
+
variant: "ghost",
|
|
573
|
+
"aria-haspopup": "menu",
|
|
574
|
+
get ["aria-expanded"] () {
|
|
575
|
+
return pageSizeMenuOpen();
|
|
576
|
+
},
|
|
577
|
+
onClick: (event)=>{
|
|
578
|
+
event.stopPropagation();
|
|
579
|
+
togglePageSizeMenu();
|
|
580
|
+
},
|
|
581
|
+
ref: (el)=>{
|
|
582
|
+
pageSizeToggleRef = el;
|
|
583
|
+
},
|
|
584
|
+
get children () {
|
|
585
|
+
return table.getState().pagination.pageSize;
|
|
586
|
+
}
|
|
587
|
+
}), null);
|
|
588
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>table.getState().pagination.pageIndex + 1, _el$11);
|
|
589
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>table.getPageCount() || 1, null);
|
|
590
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
|
|
591
|
+
size: "sm",
|
|
592
|
+
variant: "ghost",
|
|
593
|
+
class: "join-item",
|
|
594
|
+
get isDisabled () {
|
|
595
|
+
return !table.getCanPreviousPage();
|
|
596
|
+
},
|
|
597
|
+
onClick: ()=>table.setPageIndex(0),
|
|
598
|
+
get children () {
|
|
599
|
+
return local.firstPageIcon ?? "|<<";
|
|
600
|
+
}
|
|
601
|
+
}), null);
|
|
602
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
|
|
603
|
+
size: "sm",
|
|
604
|
+
variant: "ghost",
|
|
605
|
+
class: "join-item",
|
|
606
|
+
get isDisabled () {
|
|
607
|
+
return !table.getCanPreviousPage();
|
|
608
|
+
},
|
|
609
|
+
onClick: ()=>table.previousPage(),
|
|
610
|
+
get children () {
|
|
611
|
+
return local.prevPageIcon ?? "<<";
|
|
612
|
+
}
|
|
613
|
+
}), null);
|
|
614
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
|
|
615
|
+
size: "sm",
|
|
616
|
+
variant: "ghost",
|
|
617
|
+
class: "join-item",
|
|
618
|
+
get isDisabled () {
|
|
619
|
+
return !table.getCanNextPage();
|
|
620
|
+
},
|
|
621
|
+
onClick: ()=>table.nextPage(),
|
|
622
|
+
get children () {
|
|
623
|
+
return local.nextPageIcon ?? ">>";
|
|
624
|
+
}
|
|
625
|
+
}), null);
|
|
626
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
|
|
627
|
+
size: "sm",
|
|
628
|
+
variant: "ghost",
|
|
629
|
+
class: "join-item",
|
|
630
|
+
get isDisabled () {
|
|
631
|
+
return !table.getCanNextPage();
|
|
632
|
+
},
|
|
633
|
+
onClick: ()=>table.setPageIndex(table.getPageCount() - 1),
|
|
634
|
+
get children () {
|
|
635
|
+
return local.lastPageIcon ?? ">>|";
|
|
636
|
+
}
|
|
637
|
+
}), null);
|
|
638
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])("flex items-center w-full", "bottomLeft" === local.paginationPosition && "justify-start", "bottomCenter" === local.paginationPosition && "justify-center", "bottomRight" === local.paginationPosition && "justify-end")));
|
|
639
|
+
return _el$5;
|
|
640
|
+
}
|
|
641
|
+
});
|
|
629
642
|
}
|
|
630
|
-
})
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
}), null);
|
|
635
|
-
return _el$5;
|
|
636
|
-
})(),
|
|
643
|
+
})
|
|
644
|
+
];
|
|
645
|
+
}
|
|
646
|
+
})),
|
|
637
647
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
638
648
|
get when () {
|
|
639
649
|
return pageSizeMenuOpen();
|
|
@@ -707,8 +717,8 @@ function ColumnFilter(props) {
|
|
|
707
717
|
]);
|
|
708
718
|
};
|
|
709
719
|
return (()=>{
|
|
710
|
-
var _el$
|
|
711
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
720
|
+
var _el$15 = _tmpl$5();
|
|
721
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_Input_js_ae745814__["default"], {
|
|
712
722
|
size: "sm",
|
|
713
723
|
type: "number",
|
|
714
724
|
placeholder: "Min",
|
|
@@ -717,7 +727,7 @@ function ColumnFilter(props) {
|
|
|
717
727
|
},
|
|
718
728
|
onInput: (e)=>setRange(e.currentTarget.value, v[1])
|
|
719
729
|
}), null);
|
|
720
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
730
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_Input_js_ae745814__["default"], {
|
|
721
731
|
size: "sm",
|
|
722
732
|
type: "number",
|
|
723
733
|
placeholder: "Max",
|
|
@@ -726,7 +736,7 @@ function ColumnFilter(props) {
|
|
|
726
736
|
},
|
|
727
737
|
onInput: (e)=>setRange(v[0], e.currentTarget.value)
|
|
728
738
|
}), null);
|
|
729
|
-
return _el$
|
|
739
|
+
return _el$15;
|
|
730
740
|
})();
|
|
731
741
|
}
|
|
732
742
|
if ("select" === type) {
|