@pathscale/ui 0.0.94 → 0.0.95
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/table/EnhancedTable.d.ts +5 -0
- package/dist/index.js +146 -53
- package/package.json +1 -1
|
@@ -36,6 +36,11 @@ export type EnhancedTableProps<TData> = Omit<TableProps, "children"> & {
|
|
|
36
36
|
collapseIcon?: JSX.Element;
|
|
37
37
|
filterPanelClass?: string;
|
|
38
38
|
paginationPosition?: "bottomLeft" | "bottomCenter" | "bottomRight";
|
|
39
|
+
/** Nuevo: íconos para paginación **/
|
|
40
|
+
firstPageIcon?: JSX.Element;
|
|
41
|
+
prevPageIcon?: JSX.Element;
|
|
42
|
+
nextPageIcon?: JSX.Element;
|
|
43
|
+
lastPageIcon?: JSX.Element;
|
|
39
44
|
};
|
|
40
45
|
declare function EnhancedTable<TData>(props: EnhancedTableProps<TData>): JSX.Element;
|
|
41
46
|
export default EnhancedTable;
|
package/dist/index.js
CHANGED
|
@@ -11285,7 +11285,7 @@ const table_Table = Object.assign(Table, {
|
|
|
11285
11285
|
Cell: TableCell,
|
|
11286
11286
|
HeadCell: table_TableHeadCell
|
|
11287
11287
|
});
|
|
11288
|
-
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)(
|
|
11288
|
+
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">');
|
|
11289
11289
|
function EnhancedTable_EnhancedTable(props) {
|
|
11290
11290
|
const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
11291
11291
|
"data",
|
|
@@ -11317,7 +11317,11 @@ function EnhancedTable_EnhancedTable(props) {
|
|
|
11317
11317
|
"expandIcon",
|
|
11318
11318
|
"collapseIcon",
|
|
11319
11319
|
"filterPanelClass",
|
|
11320
|
-
"paginationPosition"
|
|
11320
|
+
"paginationPosition",
|
|
11321
|
+
"firstPageIcon",
|
|
11322
|
+
"prevPageIcon",
|
|
11323
|
+
"nextPageIcon",
|
|
11324
|
+
"lastPageIcon"
|
|
11321
11325
|
]);
|
|
11322
11326
|
const [openFilterFor, setOpenFilterFor] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
|
|
11323
11327
|
const table = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.createSolidTable)({
|
|
@@ -11486,33 +11490,33 @@ function EnhancedTable_EnhancedTable(props) {
|
|
|
11486
11490
|
return canSort ? header.column.getToggleSortingHandler() : void 0;
|
|
11487
11491
|
},
|
|
11488
11492
|
get children () {
|
|
11489
|
-
var _el$
|
|
11490
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11491
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11493
|
+
var _el$13 = EnhancedTable_tmpl$4(), _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling;
|
|
11494
|
+
(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()));
|
|
11495
|
+
(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, {
|
|
11492
11496
|
get when () {
|
|
11493
11497
|
return "asc" === header.column.getIsSorted();
|
|
11494
11498
|
},
|
|
11495
11499
|
get children () {
|
|
11496
11500
|
return local.sortAscIcon;
|
|
11497
11501
|
}
|
|
11498
|
-
}), _el$
|
|
11499
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11502
|
+
}), _el$15);
|
|
11503
|
+
(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, {
|
|
11500
11504
|
get when () {
|
|
11501
11505
|
return "desc" === header.column.getIsSorted();
|
|
11502
11506
|
},
|
|
11503
11507
|
get children () {
|
|
11504
11508
|
return local.sortDescIcon;
|
|
11505
11509
|
}
|
|
11506
|
-
}), _el$
|
|
11507
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11510
|
+
}), _el$15);
|
|
11511
|
+
(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, {
|
|
11508
11512
|
get when () {
|
|
11509
11513
|
return canSort && false === header.column.getIsSorted() && local.sortNeutralIcon;
|
|
11510
11514
|
},
|
|
11511
11515
|
get children () {
|
|
11512
11516
|
return local.sortNeutralIcon;
|
|
11513
11517
|
}
|
|
11514
|
-
}), _el$
|
|
11515
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11518
|
+
}), _el$15);
|
|
11519
|
+
(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, {
|
|
11516
11520
|
when: canFilter,
|
|
11517
11521
|
get children () {
|
|
11518
11522
|
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterIconTrigger, {
|
|
@@ -11520,7 +11524,7 @@ function EnhancedTable_EnhancedTable(props) {
|
|
|
11520
11524
|
});
|
|
11521
11525
|
}
|
|
11522
11526
|
}), null);
|
|
11523
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11527
|
+
(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, {
|
|
11524
11528
|
when: canFilter,
|
|
11525
11529
|
get children () {
|
|
11526
11530
|
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterPanel, {
|
|
@@ -11530,7 +11534,7 @@ function EnhancedTable_EnhancedTable(props) {
|
|
|
11530
11534
|
});
|
|
11531
11535
|
}
|
|
11532
11536
|
}), null);
|
|
11533
|
-
return _el$
|
|
11537
|
+
return _el$13;
|
|
11534
11538
|
}
|
|
11535
11539
|
});
|
|
11536
11540
|
}
|
|
@@ -11668,55 +11672,110 @@ function EnhancedTable_EnhancedTable(props) {
|
|
|
11668
11672
|
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
|
|
11669
11673
|
colSpan: totalColumns,
|
|
11670
11674
|
get children () {
|
|
11671
|
-
var _el$5 = EnhancedTable_tmpl$
|
|
11672
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(
|
|
11673
|
-
|
|
11674
|
-
get value () {
|
|
11675
|
-
return String(table.getState().pagination.pageSize);
|
|
11676
|
-
},
|
|
11677
|
-
onChange: (e)=>table.setPageSize(Number(e.currentTarget.value)),
|
|
11675
|
+
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);
|
|
11676
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown, {
|
|
11677
|
+
class: "dropdown-end",
|
|
11678
11678
|
get children () {
|
|
11679
11679
|
return [
|
|
11680
|
-
|
|
11681
|
-
|
|
11682
|
-
|
|
11683
|
-
|
|
11680
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Toggle, {
|
|
11681
|
+
button: true,
|
|
11682
|
+
size: "sm",
|
|
11683
|
+
color: "neutral",
|
|
11684
|
+
get children () {
|
|
11685
|
+
return table.getState().pagination.pageSize;
|
|
11686
|
+
}
|
|
11687
|
+
}),
|
|
11688
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Menu, {
|
|
11689
|
+
class: "w-24",
|
|
11690
|
+
get children () {
|
|
11691
|
+
return [
|
|
11692
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
|
|
11693
|
+
onClick: ()=>table.setPageSize(10),
|
|
11694
|
+
get ["aria-selected"] () {
|
|
11695
|
+
return 10 === table.getState().pagination.pageSize;
|
|
11696
|
+
},
|
|
11697
|
+
get ["class"] () {
|
|
11698
|
+
return dist_clsx(10 === table.getState().pagination.pageSize && "active");
|
|
11699
|
+
},
|
|
11700
|
+
children: "10"
|
|
11701
|
+
}),
|
|
11702
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
|
|
11703
|
+
onClick: ()=>table.setPageSize(25),
|
|
11704
|
+
get ["aria-selected"] () {
|
|
11705
|
+
return 25 === table.getState().pagination.pageSize;
|
|
11706
|
+
},
|
|
11707
|
+
get ["class"] () {
|
|
11708
|
+
return dist_clsx(25 === table.getState().pagination.pageSize && "active");
|
|
11709
|
+
},
|
|
11710
|
+
children: "25"
|
|
11711
|
+
}),
|
|
11712
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
|
|
11713
|
+
onClick: ()=>table.setPageSize(50),
|
|
11714
|
+
get ["aria-selected"] () {
|
|
11715
|
+
return 50 === table.getState().pagination.pageSize;
|
|
11716
|
+
},
|
|
11717
|
+
get ["class"] () {
|
|
11718
|
+
return dist_clsx(50 === table.getState().pagination.pageSize && "active");
|
|
11719
|
+
},
|
|
11720
|
+
children: "50"
|
|
11721
|
+
}),
|
|
11722
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
|
|
11723
|
+
onClick: ()=>table.setPageSize(100),
|
|
11724
|
+
get ["aria-selected"] () {
|
|
11725
|
+
return 100 === table.getState().pagination.pageSize;
|
|
11726
|
+
},
|
|
11727
|
+
get ["class"] () {
|
|
11728
|
+
return dist_clsx(100 === table.getState().pagination.pageSize && "active");
|
|
11729
|
+
},
|
|
11730
|
+
children: "100"
|
|
11731
|
+
})
|
|
11732
|
+
];
|
|
11733
|
+
}
|
|
11734
|
+
})
|
|
11684
11735
|
];
|
|
11685
11736
|
}
|
|
11686
11737
|
}), null);
|
|
11687
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11688
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11689
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11738
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>table.getState().pagination.pageIndex + 1, _el$11);
|
|
11739
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>table.getPageCount() || 1, null);
|
|
11740
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
|
|
11690
11741
|
size: "sm",
|
|
11691
11742
|
get disabled () {
|
|
11692
11743
|
return !table.getCanPreviousPage();
|
|
11693
11744
|
},
|
|
11694
11745
|
onClick: ()=>table.setPageIndex(0),
|
|
11695
|
-
children
|
|
11746
|
+
get children () {
|
|
11747
|
+
return local.firstPageIcon ?? "|<<";
|
|
11748
|
+
}
|
|
11696
11749
|
}), null);
|
|
11697
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11750
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
|
|
11698
11751
|
size: "sm",
|
|
11699
11752
|
get disabled () {
|
|
11700
11753
|
return !table.getCanPreviousPage();
|
|
11701
11754
|
},
|
|
11702
11755
|
onClick: ()=>table.previousPage(),
|
|
11703
|
-
children
|
|
11756
|
+
get children () {
|
|
11757
|
+
return local.prevPageIcon ?? "<<";
|
|
11758
|
+
}
|
|
11704
11759
|
}), null);
|
|
11705
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11760
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
|
|
11706
11761
|
size: "sm",
|
|
11707
11762
|
get disabled () {
|
|
11708
11763
|
return !table.getCanNextPage();
|
|
11709
11764
|
},
|
|
11710
11765
|
onClick: ()=>table.nextPage(),
|
|
11711
|
-
children
|
|
11766
|
+
get children () {
|
|
11767
|
+
return local.nextPageIcon ?? ">>";
|
|
11768
|
+
}
|
|
11712
11769
|
}), null);
|
|
11713
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11770
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
|
|
11714
11771
|
size: "sm",
|
|
11715
11772
|
get disabled () {
|
|
11716
11773
|
return !table.getCanNextPage();
|
|
11717
11774
|
},
|
|
11718
11775
|
onClick: ()=>table.setPageIndex(table.getPageCount() - 1),
|
|
11719
|
-
children
|
|
11776
|
+
get children () {
|
|
11777
|
+
return local.lastPageIcon ?? ">>|";
|
|
11778
|
+
}
|
|
11720
11779
|
}), null);
|
|
11721
11780
|
(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")));
|
|
11722
11781
|
return _el$5;
|
|
@@ -11755,8 +11814,8 @@ function ColumnFilter(props) {
|
|
|
11755
11814
|
]);
|
|
11756
11815
|
};
|
|
11757
11816
|
return (()=>{
|
|
11758
|
-
var _el$
|
|
11759
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11817
|
+
var _el$16 = EnhancedTable_tmpl$5();
|
|
11818
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
|
|
11760
11819
|
size: "sm",
|
|
11761
11820
|
type: "number",
|
|
11762
11821
|
placeholder: "Min",
|
|
@@ -11765,7 +11824,7 @@ function ColumnFilter(props) {
|
|
|
11765
11824
|
},
|
|
11766
11825
|
onInput: (e)=>setRange(e.currentTarget.value, v[1])
|
|
11767
11826
|
}), null);
|
|
11768
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
11827
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
|
|
11769
11828
|
size: "sm",
|
|
11770
11829
|
type: "number",
|
|
11771
11830
|
placeholder: "Max",
|
|
@@ -11774,28 +11833,62 @@ function ColumnFilter(props) {
|
|
|
11774
11833
|
},
|
|
11775
11834
|
onInput: (e)=>setRange(v[0], e.currentTarget.value)
|
|
11776
11835
|
}), null);
|
|
11777
|
-
return _el$
|
|
11836
|
+
return _el$16;
|
|
11778
11837
|
})();
|
|
11779
11838
|
}
|
|
11780
11839
|
if ("select" === type) {
|
|
11781
11840
|
const options = col.columnDef.meta?.options ?? [];
|
|
11782
|
-
|
|
11783
|
-
|
|
11784
|
-
|
|
11785
|
-
|
|
11786
|
-
|
|
11787
|
-
|
|
11841
|
+
const currentValue = ()=>value() ?? "";
|
|
11842
|
+
const currentLabel = ()=>{
|
|
11843
|
+
if (!currentValue()) return "All";
|
|
11844
|
+
return options.find((o)=>o.value === currentValue())?.label ?? "All";
|
|
11845
|
+
};
|
|
11846
|
+
const handleSelect = (val)=>{
|
|
11847
|
+
col.setFilterValue(val || void 0);
|
|
11848
|
+
};
|
|
11849
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown, {
|
|
11850
|
+
class: "w-full",
|
|
11788
11851
|
get children () {
|
|
11789
11852
|
return [
|
|
11790
|
-
|
|
11791
|
-
|
|
11792
|
-
|
|
11793
|
-
|
|
11794
|
-
|
|
11795
|
-
|
|
11796
|
-
|
|
11797
|
-
|
|
11798
|
-
|
|
11853
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Toggle, {
|
|
11854
|
+
button: true,
|
|
11855
|
+
size: "sm",
|
|
11856
|
+
color: "neutral",
|
|
11857
|
+
class: "w-full justify-between",
|
|
11858
|
+
get children () {
|
|
11859
|
+
return currentLabel();
|
|
11860
|
+
}
|
|
11861
|
+
}),
|
|
11862
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Menu, {
|
|
11863
|
+
get children () {
|
|
11864
|
+
return [
|
|
11865
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
|
|
11866
|
+
onClick: ()=>handleSelect(""),
|
|
11867
|
+
get ["aria-selected"] () {
|
|
11868
|
+
return !currentValue();
|
|
11869
|
+
},
|
|
11870
|
+
get ["class"] () {
|
|
11871
|
+
return dist_clsx(!currentValue() && "active");
|
|
11872
|
+
},
|
|
11873
|
+
children: "All"
|
|
11874
|
+
}),
|
|
11875
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
11876
|
+
each: options,
|
|
11877
|
+
children: (o)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
|
|
11878
|
+
onClick: ()=>handleSelect(o.value),
|
|
11879
|
+
get ["aria-selected"] () {
|
|
11880
|
+
return currentValue() === o.value;
|
|
11881
|
+
},
|
|
11882
|
+
get ["class"] () {
|
|
11883
|
+
return dist_clsx(currentValue() === o.value && "active");
|
|
11884
|
+
},
|
|
11885
|
+
get children () {
|
|
11886
|
+
return o.label;
|
|
11887
|
+
}
|
|
11888
|
+
})
|
|
11889
|
+
})
|
|
11890
|
+
];
|
|
11891
|
+
}
|
|
11799
11892
|
})
|
|
11800
11893
|
];
|
|
11801
11894
|
}
|