[{"data":1,"prerenderedAt":3246},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomposables\u002Fuse-data-table":362,"\u002Fcomposables\u002Fuse-data-table-surround":3241},[4,28,56,350],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":27},"Composables","\u002Fcomposables","2.composables\u002F1.index",[33,36,41,46,51],{"title":34,"path":30,"stem":31,"icon":35},"All Composables","i-lucide-braces",{"title":37,"path":38,"stem":39,"icon":40},"useDataTable","\u002Fcomposables\u002Fuse-data-table","2.composables\u002Fuse-data-table","i-lucide-table-2",{"title":42,"path":43,"stem":44,"icon":45},"useOverlay","\u002Fcomposables\u002Fuse-overlay","2.composables\u002Fuse-overlay","i-lucide-panels-top-left",{"title":47,"path":48,"stem":49,"icon":50},"useSidebar","\u002Fcomposables\u002Fuse-sidebar","2.composables\u002Fuse-sidebar","i-lucide-panel-left",{"title":52,"path":53,"stem":54,"icon":55},"useToast","\u002Fcomposables\u002Fuse-toast","2.composables\u002Fuse-toast","i-lucide-bell",{"title":57,"path":58,"stem":59,"children":60,"icon":63},"Components","\u002Fcomponents","3.components\u002F1.index",[61,64,69,74,81,86,91,97,102,107,112,117,122,127,133,139,145,150,155,160,165,170,175,180,184,188,193,198,203,208,213,221,226,230,235,240,245,250,255,260,265,270,275,280,285,290,294,299,305,311,315,320,324,329,334,340,345],{"title":62,"path":58,"stem":59,"icon":63},"All Components","i-lucide-component",{"title":65,"path":66,"stem":67,"icon":68},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","i-lucide-layout-panel-top",{"title":70,"path":71,"stem":72,"icon":73},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":75,"path":76,"stem":77,"icon":45,"badge":78},"App Layout","\u002Fcomponents\u002Fapp-layout","3.components\u002Fapp-layout",{"label":79,"color":80},"NEW","success",{"title":82,"path":83,"stem":84,"icon":85},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user",{"title":87,"path":88,"stem":89,"icon":90},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":92,"path":93,"stem":94,"icon":95,"badge":96},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"label":79,"color":80},{"title":98,"path":99,"stem":100,"icon":101},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":103,"path":104,"stem":105,"icon":106},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","3.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":108,"path":109,"stem":110,"icon":111},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":113,"path":114,"stem":115,"icon":116},"Combobox","\u002Fcomponents\u002Fcombobox","3.components\u002Fcombobox","i-lucide-search",{"title":118,"path":119,"stem":120,"icon":121},"Context Menu","\u002Fcomponents\u002Fcontext-menu","3.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":123,"path":124,"stem":125,"icon":40,"badge":126},"Data Table","\u002Fcomponents\u002Fdata-table","3.components\u002Fdata-table",{"label":79,"color":80},{"title":128,"path":129,"stem":130,"icon":131,"badge":132},"Date Field","\u002Fcomponents\u002Fdate-field","3.components\u002Fdate-field","i-lucide-calendar-clock",{"label":79,"color":80},{"title":134,"path":135,"stem":136,"icon":137,"badge":138},"Date Range Field","\u002Fcomponents\u002Fdate-range-field","3.components\u002Fdate-range-field","i-lucide-calendar-range",{"label":79,"color":80},{"title":140,"path":141,"stem":142,"icon":143,"badge":144},"Date Range Picker","\u002Fcomponents\u002Fdate-range-picker","3.components\u002Fdate-range-picker","i-lucide-calendar-search",{"label":79,"color":80},{"title":146,"path":147,"stem":148,"icon":149},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-square",{"title":151,"path":152,"stem":153,"icon":154},"Drawer","\u002Fcomponents\u002Fdrawer","3.components\u002Fdrawer","i-lucide-panel-right",{"title":156,"path":157,"stem":158,"icon":159},"Editable","\u002Fcomponents\u002Feditable","3.components\u002Feditable","i-lucide-square-pen",{"title":161,"path":162,"stem":163,"icon":164},"Field","\u002Fcomponents\u002Ffield","3.components\u002Ffield","i-lucide-text-cursor-input",{"title":166,"path":167,"stem":168,"icon":169},"Fieldset","\u002Fcomponents\u002Ffieldset","3.components\u002Ffieldset","i-lucide-group",{"title":171,"path":172,"stem":173,"icon":174},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-check",{"title":176,"path":177,"stem":178,"icon":179},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","3.components\u002Fhover-preview-card","i-lucide-id-card",{"title":181,"path":182,"stem":183,"icon":164},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput",{"title":185,"path":186,"stem":187,"icon":106},"Listbox","\u002Fcomponents\u002Flistbox","3.components\u002Flistbox",{"title":189,"path":190,"stem":191,"icon":192},"Menu","\u002Fcomponents\u002Fmenu","3.components\u002Fmenu","i-lucide-list",{"title":194,"path":195,"stem":196,"icon":197},"Menubar","\u002Fcomponents\u002Fmenubar","3.components\u002Fmenubar","i-lucide-panel-top",{"title":199,"path":200,"stem":201,"icon":202},"Meter","\u002Fcomponents\u002Fmeter","3.components\u002Fmeter","i-lucide-gauge",{"title":204,"path":205,"stem":206,"icon":137,"badge":207},"Month Picker","\u002Fcomponents\u002Fmonth-picker","3.components\u002Fmonth-picker",{"label":79,"color":80},{"title":209,"path":210,"stem":211,"icon":137,"badge":212},"Month Range Picker","\u002Fcomponents\u002Fmonth-range-picker","3.components\u002Fmonth-range-picker",{"label":79,"color":80},{"title":214,"path":215,"stem":216,"icon":217,"badge":218},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","3.components\u002Fnavigation-menu","i-lucide-navigation",{"label":219,"color":220},"UPDATED","warning",{"title":222,"path":223,"stem":224,"icon":225},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-badge-plus",{"title":227,"path":228,"stem":229,"icon":45},"Overlay Provider","\u002Fcomponents\u002Foverlay","3.components\u002Foverlay",{"title":231,"path":232,"stem":233,"icon":234},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":236,"path":237,"stem":238,"icon":239},"Pin \u002F OTP Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-binary",{"title":241,"path":242,"stem":243,"icon":244},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square",{"title":246,"path":247,"stem":248,"icon":249},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-loader",{"title":251,"path":252,"stem":253,"icon":254},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":256,"path":257,"stem":258,"icon":259},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":261,"path":262,"stem":263,"icon":264},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-filter",{"title":266,"path":267,"stem":268,"icon":269},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-minus",{"title":271,"path":272,"stem":273,"icon":50,"badge":274},"Sidebar","\u002Fcomponents\u002Fsidebar","3.components\u002Fsidebar",{"label":79,"color":80},{"title":276,"path":277,"stem":278,"icon":279},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":281,"path":282,"stem":283,"icon":284},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":286,"path":287,"stem":288,"icon":289},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-left",{"title":291,"path":292,"stem":293,"icon":68},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":295,"path":296,"stem":297,"icon":298},"Tags Input","\u002Fcomponents\u002Ftags-input","3.components\u002Ftags-input","i-lucide-tags",{"title":300,"path":301,"stem":302,"icon":303,"badge":304},"Time Field","\u002Fcomponents\u002Ftime-field","3.components\u002Ftime-field","i-lucide-clock-3",{"label":79,"color":80},{"title":306,"path":307,"stem":308,"icon":309,"badge":310},"Time Range Field","\u002Fcomponents\u002Ftime-range-field","3.components\u002Ftime-range-field","i-lucide-clock-arrow-up",{"label":79,"color":80},{"title":312,"path":313,"stem":314,"icon":244},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":316,"path":317,"stem":318,"icon":319},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle","i-lucide-toggle-right",{"title":321,"path":322,"stem":323,"icon":106},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":325,"path":326,"stem":327,"icon":328},"Toolbar","\u002Fcomponents\u002Ftoolbar","3.components\u002Ftoolbar","i-lucide-wrench",{"title":330,"path":331,"stem":332,"icon":333},"Tooltip","\u002Fcomponents\u002Ftooltip","3.components\u002Ftooltip","i-lucide-info",{"title":335,"path":336,"stem":337,"icon":338,"badge":339},"Tree","\u002Fcomponents\u002Ftree","3.components\u002Ftree","i-lucide-folder-tree",{"label":79,"color":80},{"title":341,"path":342,"stem":343,"icon":95,"badge":344},"Year Picker","\u002Fcomponents\u002Fyear-picker","3.components\u002Fyear-picker",{"label":79,"color":80},{"title":346,"path":347,"stem":348,"icon":137,"badge":349},"Year Range Picker","\u002Fcomponents\u002Fyear-range-picker","3.components\u002Fyear-range-picker",{"label":79,"color":80},{"title":351,"path":352,"stem":353,"children":354,"icon":27},"Builders","\u002Fbuilders","4.builders\u002F1.index",[355,357],{"title":356,"path":352,"stem":353,"icon":45},"All Builders",{"title":358,"path":359,"stem":360,"icon":361},"Layout Builder","\u002Fbuilders\u002Flayout-builder","4.builders\u002Flayout-builder","i-lucide-layout-dashboard",{"id":363,"title":37,"body":364,"description":3234,"extension":3235,"links":3236,"meta":3237,"navigation":3238,"path":38,"seo":3239,"stem":39,"__hash__":3240},"docs\u002F2.composables\u002Fuse-data-table.md",{"type":365,"value":366,"toc":3215},"minimark",[367,379,393,397,400,1374,1381,1385,1390,1393,1641,1655,1659,1666,1824,1832,1836,1843,1968,1979,1983,1987,2036,2040,2053,2373,2389,2393,2396,2593,2597,2607,2643,2653,2657,2769,2773,2787,3024,3028,3151,3177,3181,3191,3194,3198,3211],[368,369,370,373,374,378],"p",{},[371,372,37],"code",{}," provides the same Vue-native controller used by ",[375,376,377],"a",{"href":124},"DataTable",", without rendering a table. Use it for custom markup or a data workflow that needs table state outside a component.",[368,380,381,382,384,385,388,389,392],{},"If you already render ",[371,383,377],{},", use its slot controller or exposed ",[371,386,387],{},"table"," instead of creating a second controller. A new ",[371,390,391],{},"useDataTable()"," call is an independent instance, not a lookup of an existing component.",[394,395,23],"h2",{"id":396},"usage",[368,398,399],{},"Pass reactive data and columns, plus a stable row key. Destructure the returned refs when using them at the top level of a template; they unwrap there automatically.",[401,402,407],"pre",{"className":403,"code":404,"language":405,"meta":406,"style":406},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { DataTableColumn } from \"akaza-ui\";\nimport { useDataTable } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\ninterface Person {\n  id: string;\n  name: string;\n  email: string;\n}\n\nconst data = ref\u003CPerson[]>([\n  { id: \"ada\", name: \"Ada Lovelace\", email: \"ada@example.com\" },\n  { id: \"grace\", name: \"Grace Hopper\", email: \"grace@example.com\" },\n]);\nconst columns: DataTableColumn\u003CPerson>[] = [\n  { accessor: \"name\", header: \"Name\" },\n  { accessor: \"email\", header: \"Email\" },\n];\nconst table = useDataTable({ data, columns, rowKey: \"id\" });\nconst { rows, globalFilter, columns: visibleColumns } = table;\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Clabel>\n    Search people\n    \u003Cinput\n      :value=\"globalFilter\"\n      @input=\"table.setGlobalFilter(($event.target as HTMLInputElement).value, $event)\"\n    >\n  \u003C\u002Flabel>\n  \u003Ctable>\n    \u003Ccaption>People\u003C\u002Fcaption>\n    \u003Cthead>\n      \u003Ctr>\n        \u003Cth\n          v-for=\"column in visibleColumns\"\n          :key=\"column.id\"\n          scope=\"col\"\n          :aria-sort=\"column.sorted === 'asc' ? 'ascending' : column.sorted === 'desc' ? 'descending' : 'none'\"\n        >\n          \u003Cbutton type=\"button\" @click=\"table.toggleSorting(column.id, $event)\">\n            {{ column.definition.header }}\n          \u003C\u002Fbutton>\n        \u003C\u002Fth>\n      \u003C\u002Ftr>\n    \u003C\u002Fthead>\n    \u003Ctbody>\n      \u003Ctr v-for=\"row in rows\" :key=\"row.id\">\n        \u003Ctd v-for=\"cell in table.getRowCells(row)\" :key=\"cell.column.id\">{{ cell.value }}\u003C\u002Ftd>\n      \u003C\u002Ftr>\n      \u003Ctr v-if=\"!rows.length\">\u003Ctd colspan=\"2\">No people found.\u003C\u002Ftd>\u003C\u002Ftr>\n    \u003C\u002Ftbody>\n  \u003C\u002Ftable>\n\u003C\u002Ftemplate>\n","vue","",[371,408,409,444,478,500,522,529,542,556,568,580,586,591,619,669,713,721,747,780,811,819,865,900,910,915,925,936,942,951,967,982,988,998,1007,1026,1036,1047,1056,1071,1086,1101,1116,1122,1155,1161,1171,1182,1192,1202,1212,1245,1286,1295,1347,1356,1365],{"__ignoreMap":406},[410,411,414,418,422,426,429,432,435,439,441],"span",{"class":412,"line":413},"line",1,[410,415,417],{"class":416},"sMK4o","\u003C",[410,419,421],{"class":420},"swJcz","script",[410,423,425],{"class":424},"spNyl"," setup",[410,427,428],{"class":424}," lang",[410,430,431],{"class":416},"=",[410,433,434],{"class":416},"\"",[410,436,438],{"class":437},"sfazB","ts",[410,440,434],{"class":416},[410,442,443],{"class":416},">\n",[410,445,447,451,454,457,461,464,467,470,473,475],{"class":412,"line":446},2,[410,448,450],{"class":449},"s7zQu","import",[410,452,453],{"class":449}," type",[410,455,456],{"class":416}," {",[410,458,460],{"class":459},"sTEyZ"," DataTableColumn",[410,462,463],{"class":416}," }",[410,465,466],{"class":449}," from",[410,468,469],{"class":416}," \"",[410,471,472],{"class":437},"akaza-ui",[410,474,434],{"class":416},[410,476,477],{"class":416},";\n",[410,479,481,483,485,488,490,492,494,496,498],{"class":412,"line":480},3,[410,482,450],{"class":449},[410,484,456],{"class":416},[410,486,487],{"class":459}," useDataTable",[410,489,463],{"class":416},[410,491,466],{"class":449},[410,493,469],{"class":416},[410,495,472],{"class":437},[410,497,434],{"class":416},[410,499,477],{"class":416},[410,501,503,505,507,510,512,514,516,518,520],{"class":412,"line":502},4,[410,504,450],{"class":449},[410,506,456],{"class":416},[410,508,509],{"class":459}," ref",[410,511,463],{"class":416},[410,513,466],{"class":449},[410,515,469],{"class":416},[410,517,405],{"class":437},[410,519,434],{"class":416},[410,521,477],{"class":416},[410,523,525],{"class":412,"line":524},5,[410,526,528],{"emptyLinePlaceholder":527},true,"\n",[410,530,532,535,539],{"class":412,"line":531},6,[410,533,534],{"class":424},"interface",[410,536,538],{"class":537},"sBMFI"," Person",[410,540,541],{"class":416}," {\n",[410,543,545,548,551,554],{"class":412,"line":544},7,[410,546,547],{"class":420},"  id",[410,549,550],{"class":416},":",[410,552,553],{"class":537}," string",[410,555,477],{"class":416},[410,557,559,562,564,566],{"class":412,"line":558},8,[410,560,561],{"class":420},"  name",[410,563,550],{"class":416},[410,565,553],{"class":537},[410,567,477],{"class":416},[410,569,571,574,576,578],{"class":412,"line":570},9,[410,572,573],{"class":420},"  email",[410,575,550],{"class":416},[410,577,553],{"class":537},[410,579,477],{"class":416},[410,581,583],{"class":412,"line":582},10,[410,584,585],{"class":416},"}\n",[410,587,589],{"class":412,"line":588},11,[410,590,528],{"emptyLinePlaceholder":527},[410,592,594,597,600,602,605,607,610,613,616],{"class":412,"line":593},12,[410,595,596],{"class":424},"const",[410,598,599],{"class":459}," data ",[410,601,431],{"class":416},[410,603,509],{"class":604},"s2Zo4",[410,606,417],{"class":416},[410,608,609],{"class":537},"Person",[410,611,612],{"class":459},"[]",[410,614,615],{"class":416},">",[410,617,618],{"class":459},"([\n",[410,620,622,625,628,630,632,635,637,640,643,645,647,650,652,654,657,659,661,664,666],{"class":412,"line":621},13,[410,623,624],{"class":416},"  {",[410,626,627],{"class":420}," id",[410,629,550],{"class":416},[410,631,469],{"class":416},[410,633,634],{"class":437},"ada",[410,636,434],{"class":416},[410,638,639],{"class":416},",",[410,641,642],{"class":420}," name",[410,644,550],{"class":416},[410,646,469],{"class":416},[410,648,649],{"class":437},"Ada Lovelace",[410,651,434],{"class":416},[410,653,639],{"class":416},[410,655,656],{"class":420}," email",[410,658,550],{"class":416},[410,660,469],{"class":416},[410,662,663],{"class":437},"ada@example.com",[410,665,434],{"class":416},[410,667,668],{"class":416}," },\n",[410,670,672,674,676,678,680,683,685,687,689,691,693,696,698,700,702,704,706,709,711],{"class":412,"line":671},14,[410,673,624],{"class":416},[410,675,627],{"class":420},[410,677,550],{"class":416},[410,679,469],{"class":416},[410,681,682],{"class":437},"grace",[410,684,434],{"class":416},[410,686,639],{"class":416},[410,688,642],{"class":420},[410,690,550],{"class":416},[410,692,469],{"class":416},[410,694,695],{"class":437},"Grace Hopper",[410,697,434],{"class":416},[410,699,639],{"class":416},[410,701,656],{"class":420},[410,703,550],{"class":416},[410,705,469],{"class":416},[410,707,708],{"class":437},"grace@example.com",[410,710,434],{"class":416},[410,712,668],{"class":416},[410,714,716,719],{"class":412,"line":715},15,[410,717,718],{"class":459},"])",[410,720,477],{"class":416},[410,722,724,726,729,731,733,735,737,739,742,744],{"class":412,"line":723},16,[410,725,596],{"class":424},[410,727,728],{"class":459}," columns",[410,730,550],{"class":416},[410,732,460],{"class":537},[410,734,417],{"class":416},[410,736,609],{"class":537},[410,738,615],{"class":416},[410,740,741],{"class":459},"[] ",[410,743,431],{"class":416},[410,745,746],{"class":459}," [\n",[410,748,750,752,755,757,759,762,764,766,769,771,773,776,778],{"class":412,"line":749},17,[410,751,624],{"class":416},[410,753,754],{"class":420}," accessor",[410,756,550],{"class":416},[410,758,469],{"class":416},[410,760,761],{"class":437},"name",[410,763,434],{"class":416},[410,765,639],{"class":416},[410,767,768],{"class":420}," header",[410,770,550],{"class":416},[410,772,469],{"class":416},[410,774,775],{"class":437},"Name",[410,777,434],{"class":416},[410,779,668],{"class":416},[410,781,783,785,787,789,791,794,796,798,800,802,804,807,809],{"class":412,"line":782},18,[410,784,624],{"class":416},[410,786,754],{"class":420},[410,788,550],{"class":416},[410,790,469],{"class":416},[410,792,793],{"class":437},"email",[410,795,434],{"class":416},[410,797,639],{"class":416},[410,799,768],{"class":420},[410,801,550],{"class":416},[410,803,469],{"class":416},[410,805,806],{"class":437},"Email",[410,808,434],{"class":416},[410,810,668],{"class":416},[410,812,814,817],{"class":412,"line":813},19,[410,815,816],{"class":459},"]",[410,818,477],{"class":416},[410,820,822,824,827,829,831,834,837,840,842,844,846,849,851,853,856,858,860,863],{"class":412,"line":821},20,[410,823,596],{"class":424},[410,825,826],{"class":459}," table ",[410,828,431],{"class":416},[410,830,487],{"class":604},[410,832,833],{"class":459},"(",[410,835,836],{"class":416},"{",[410,838,839],{"class":459}," data",[410,841,639],{"class":416},[410,843,728],{"class":459},[410,845,639],{"class":416},[410,847,848],{"class":420}," rowKey",[410,850,550],{"class":416},[410,852,469],{"class":416},[410,854,855],{"class":437},"id",[410,857,434],{"class":416},[410,859,463],{"class":416},[410,861,862],{"class":459},")",[410,864,477],{"class":416},[410,866,868,870,872,875,877,880,882,884,886,889,892,895,898],{"class":412,"line":867},21,[410,869,596],{"class":424},[410,871,456],{"class":416},[410,873,874],{"class":459}," rows",[410,876,639],{"class":416},[410,878,879],{"class":459}," globalFilter",[410,881,639],{"class":416},[410,883,728],{"class":420},[410,885,550],{"class":416},[410,887,888],{"class":459}," visibleColumns ",[410,890,891],{"class":416},"}",[410,893,894],{"class":416}," =",[410,896,897],{"class":459}," table",[410,899,477],{"class":416},[410,901,903,906,908],{"class":412,"line":902},22,[410,904,905],{"class":416},"\u003C\u002F",[410,907,421],{"class":420},[410,909,443],{"class":416},[410,911,913],{"class":412,"line":912},23,[410,914,528],{"emptyLinePlaceholder":527},[410,916,918,920,923],{"class":412,"line":917},24,[410,919,417],{"class":416},[410,921,922],{"class":420},"template",[410,924,443],{"class":416},[410,926,928,931,934],{"class":412,"line":927},25,[410,929,930],{"class":416},"  \u003C",[410,932,933],{"class":420},"label",[410,935,443],{"class":416},[410,937,939],{"class":412,"line":938},26,[410,940,941],{"class":459},"    Search people\n",[410,943,945,948],{"class":412,"line":944},27,[410,946,947],{"class":416},"    \u003C",[410,949,950],{"class":420},"input\n",[410,952,954,957,959,961,964],{"class":412,"line":953},28,[410,955,956],{"class":424},"      :value",[410,958,431],{"class":416},[410,960,434],{"class":416},[410,962,963],{"class":437},"globalFilter",[410,965,966],{"class":416},"\"\n",[410,968,970,973,975,977,980],{"class":412,"line":969},29,[410,971,972],{"class":424},"      @input",[410,974,431],{"class":416},[410,976,434],{"class":416},[410,978,979],{"class":437},"table.setGlobalFilter(($event.target as HTMLInputElement).value, $event)",[410,981,966],{"class":416},[410,983,985],{"class":412,"line":984},30,[410,986,987],{"class":416},"    >\n",[410,989,991,994,996],{"class":412,"line":990},31,[410,992,993],{"class":416},"  \u003C\u002F",[410,995,933],{"class":420},[410,997,443],{"class":416},[410,999,1001,1003,1005],{"class":412,"line":1000},32,[410,1002,930],{"class":416},[410,1004,387],{"class":420},[410,1006,443],{"class":416},[410,1008,1010,1012,1015,1017,1020,1022,1024],{"class":412,"line":1009},33,[410,1011,947],{"class":416},[410,1013,1014],{"class":420},"caption",[410,1016,615],{"class":416},[410,1018,1019],{"class":459},"People",[410,1021,905],{"class":416},[410,1023,1014],{"class":420},[410,1025,443],{"class":416},[410,1027,1029,1031,1034],{"class":412,"line":1028},34,[410,1030,947],{"class":416},[410,1032,1033],{"class":420},"thead",[410,1035,443],{"class":416},[410,1037,1039,1042,1045],{"class":412,"line":1038},35,[410,1040,1041],{"class":416},"      \u003C",[410,1043,1044],{"class":420},"tr",[410,1046,443],{"class":416},[410,1048,1050,1053],{"class":412,"line":1049},36,[410,1051,1052],{"class":416},"        \u003C",[410,1054,1055],{"class":420},"th\n",[410,1057,1059,1062,1064,1066,1069],{"class":412,"line":1058},37,[410,1060,1061],{"class":424},"          v-for",[410,1063,431],{"class":416},[410,1065,434],{"class":416},[410,1067,1068],{"class":437},"column in visibleColumns",[410,1070,966],{"class":416},[410,1072,1074,1077,1079,1081,1084],{"class":412,"line":1073},38,[410,1075,1076],{"class":424},"          :key",[410,1078,431],{"class":416},[410,1080,434],{"class":416},[410,1082,1083],{"class":437},"column.id",[410,1085,966],{"class":416},[410,1087,1089,1092,1094,1096,1099],{"class":412,"line":1088},39,[410,1090,1091],{"class":424},"          scope",[410,1093,431],{"class":416},[410,1095,434],{"class":416},[410,1097,1098],{"class":437},"col",[410,1100,966],{"class":416},[410,1102,1104,1107,1109,1111,1114],{"class":412,"line":1103},40,[410,1105,1106],{"class":424},"          :aria-sort",[410,1108,431],{"class":416},[410,1110,434],{"class":416},[410,1112,1113],{"class":437},"column.sorted === 'asc' ? 'ascending' : column.sorted === 'desc' ? 'descending' : 'none'",[410,1115,966],{"class":416},[410,1117,1119],{"class":412,"line":1118},41,[410,1120,1121],{"class":416},"        >\n",[410,1123,1125,1128,1131,1133,1135,1137,1139,1141,1144,1146,1148,1151,1153],{"class":412,"line":1124},42,[410,1126,1127],{"class":416},"          \u003C",[410,1129,1130],{"class":420},"button",[410,1132,453],{"class":424},[410,1134,431],{"class":416},[410,1136,434],{"class":416},[410,1138,1130],{"class":437},[410,1140,434],{"class":416},[410,1142,1143],{"class":424}," @click",[410,1145,431],{"class":416},[410,1147,434],{"class":416},[410,1149,1150],{"class":437},"table.toggleSorting(column.id, $event)",[410,1152,434],{"class":416},[410,1154,443],{"class":416},[410,1156,1158],{"class":412,"line":1157},43,[410,1159,1160],{"class":459},"            {{ column.definition.header }}\n",[410,1162,1164,1167,1169],{"class":412,"line":1163},44,[410,1165,1166],{"class":416},"          \u003C\u002F",[410,1168,1130],{"class":420},[410,1170,443],{"class":416},[410,1172,1174,1177,1180],{"class":412,"line":1173},45,[410,1175,1176],{"class":416},"        \u003C\u002F",[410,1178,1179],{"class":420},"th",[410,1181,443],{"class":416},[410,1183,1185,1188,1190],{"class":412,"line":1184},46,[410,1186,1187],{"class":416},"      \u003C\u002F",[410,1189,1044],{"class":420},[410,1191,443],{"class":416},[410,1193,1195,1198,1200],{"class":412,"line":1194},47,[410,1196,1197],{"class":416},"    \u003C\u002F",[410,1199,1033],{"class":420},[410,1201,443],{"class":416},[410,1203,1205,1207,1210],{"class":412,"line":1204},48,[410,1206,947],{"class":416},[410,1208,1209],{"class":420},"tbody",[410,1211,443],{"class":416},[410,1213,1215,1217,1219,1222,1224,1226,1229,1231,1234,1236,1238,1241,1243],{"class":412,"line":1214},49,[410,1216,1041],{"class":416},[410,1218,1044],{"class":420},[410,1220,1221],{"class":424}," v-for",[410,1223,431],{"class":416},[410,1225,434],{"class":416},[410,1227,1228],{"class":437},"row in rows",[410,1230,434],{"class":416},[410,1232,1233],{"class":424}," :key",[410,1235,431],{"class":416},[410,1237,434],{"class":416},[410,1239,1240],{"class":437},"row.id",[410,1242,434],{"class":416},[410,1244,443],{"class":416},[410,1246,1248,1250,1253,1255,1257,1259,1262,1264,1266,1268,1270,1273,1275,1277,1280,1282,1284],{"class":412,"line":1247},50,[410,1249,1052],{"class":416},[410,1251,1252],{"class":420},"td",[410,1254,1221],{"class":424},[410,1256,431],{"class":416},[410,1258,434],{"class":416},[410,1260,1261],{"class":437},"cell in table.getRowCells(row)",[410,1263,434],{"class":416},[410,1265,1233],{"class":424},[410,1267,431],{"class":416},[410,1269,434],{"class":416},[410,1271,1272],{"class":437},"cell.column.id",[410,1274,434],{"class":416},[410,1276,615],{"class":416},[410,1278,1279],{"class":459},"{{ cell.value }}",[410,1281,905],{"class":416},[410,1283,1252],{"class":420},[410,1285,443],{"class":416},[410,1287,1289,1291,1293],{"class":412,"line":1288},51,[410,1290,1187],{"class":416},[410,1292,1044],{"class":420},[410,1294,443],{"class":416},[410,1296,1298,1300,1302,1305,1307,1309,1312,1314,1317,1319,1322,1324,1326,1329,1331,1333,1336,1338,1340,1343,1345],{"class":412,"line":1297},52,[410,1299,1041],{"class":416},[410,1301,1044],{"class":420},[410,1303,1304],{"class":424}," v-if",[410,1306,431],{"class":416},[410,1308,434],{"class":416},[410,1310,1311],{"class":437},"!rows.length",[410,1313,434],{"class":416},[410,1315,1316],{"class":416},">\u003C",[410,1318,1252],{"class":420},[410,1320,1321],{"class":424}," colspan",[410,1323,431],{"class":416},[410,1325,434],{"class":416},[410,1327,1328],{"class":437},"2",[410,1330,434],{"class":416},[410,1332,615],{"class":416},[410,1334,1335],{"class":459},"No people found.",[410,1337,905],{"class":416},[410,1339,1252],{"class":420},[410,1341,1342],{"class":416},">\u003C\u002F",[410,1344,1044],{"class":420},[410,1346,443],{"class":416},[410,1348,1350,1352,1354],{"class":412,"line":1349},53,[410,1351,1197],{"class":416},[410,1353,1209],{"class":420},[410,1355,443],{"class":416},[410,1357,1359,1361,1363],{"class":412,"line":1358},54,[410,1360,993],{"class":416},[410,1362,387],{"class":420},[410,1364,443],{"class":416},[410,1366,1368,1370,1372],{"class":412,"line":1367},55,[410,1369,905],{"class":416},[410,1371,922],{"class":420},[410,1373,443],{"class":416},[368,1375,1376,1377,1380],{},"These columns use string headers. For grouped headers or custom renderers, use the controller's ",[371,1378,1379],{},"headerGroups"," and context helpers, or let DataTable render the structure through its slots.",[394,1382,1384],{"id":1383},"examples","Examples",[1386,1387,1389],"h3",{"id":1388},"application-owned-models","Application-owned models",[368,1391,1392],{},"Supply refs when filters, selection, or pagination must also drive other controls. Use controller actions when changes should go through callbacks and cancellation.",[401,1394,1397],{"className":1395,"code":1396,"language":438,"meta":406,"style":406},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import type { DataTablePaginationState, DataTableSelection } from \"akaza-ui\";\nimport { useDataTable } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst selection = ref\u003CDataTableSelection>([]);\nconst pagination = ref\u003CDataTablePaginationState>({ page: 1, pageSize: 20 });\n\nconst table = useDataTable({\n  data,\n  columns,\n  rowKey: \"id\",\n  selectionMode: \"multiple\",\n  selection,\n  paginate: true,\n  pagination,\n});\n",[371,1398,1399,1427,1447,1467,1471,1494,1541,1545,1560,1568,1575,1590,1606,1613,1626,1633],{"__ignoreMap":406},[410,1400,1401,1403,1405,1407,1410,1412,1415,1417,1419,1421,1423,1425],{"class":412,"line":413},[410,1402,450],{"class":449},[410,1404,453],{"class":449},[410,1406,456],{"class":416},[410,1408,1409],{"class":459}," DataTablePaginationState",[410,1411,639],{"class":416},[410,1413,1414],{"class":459}," DataTableSelection",[410,1416,463],{"class":416},[410,1418,466],{"class":449},[410,1420,469],{"class":416},[410,1422,472],{"class":437},[410,1424,434],{"class":416},[410,1426,477],{"class":416},[410,1428,1429,1431,1433,1435,1437,1439,1441,1443,1445],{"class":412,"line":446},[410,1430,450],{"class":449},[410,1432,456],{"class":416},[410,1434,487],{"class":459},[410,1436,463],{"class":416},[410,1438,466],{"class":449},[410,1440,469],{"class":416},[410,1442,472],{"class":437},[410,1444,434],{"class":416},[410,1446,477],{"class":416},[410,1448,1449,1451,1453,1455,1457,1459,1461,1463,1465],{"class":412,"line":480},[410,1450,450],{"class":449},[410,1452,456],{"class":416},[410,1454,509],{"class":459},[410,1456,463],{"class":416},[410,1458,466],{"class":449},[410,1460,469],{"class":416},[410,1462,405],{"class":437},[410,1464,434],{"class":416},[410,1466,477],{"class":416},[410,1468,1469],{"class":412,"line":502},[410,1470,528],{"emptyLinePlaceholder":527},[410,1472,1473,1475,1478,1480,1482,1484,1487,1489,1492],{"class":412,"line":524},[410,1474,596],{"class":424},[410,1476,1477],{"class":459}," selection ",[410,1479,431],{"class":416},[410,1481,509],{"class":604},[410,1483,417],{"class":416},[410,1485,1486],{"class":537},"DataTableSelection",[410,1488,615],{"class":416},[410,1490,1491],{"class":459},"([])",[410,1493,477],{"class":416},[410,1495,1496,1498,1501,1503,1505,1507,1510,1512,1514,1516,1519,1521,1525,1527,1530,1532,1535,1537,1539],{"class":412,"line":531},[410,1497,596],{"class":424},[410,1499,1500],{"class":459}," pagination ",[410,1502,431],{"class":416},[410,1504,509],{"class":604},[410,1506,417],{"class":416},[410,1508,1509],{"class":537},"DataTablePaginationState",[410,1511,615],{"class":416},[410,1513,833],{"class":459},[410,1515,836],{"class":416},[410,1517,1518],{"class":420}," page",[410,1520,550],{"class":416},[410,1522,1524],{"class":1523},"sbssI"," 1",[410,1526,639],{"class":416},[410,1528,1529],{"class":420}," pageSize",[410,1531,550],{"class":416},[410,1533,1534],{"class":1523}," 20",[410,1536,463],{"class":416},[410,1538,862],{"class":459},[410,1540,477],{"class":416},[410,1542,1543],{"class":412,"line":544},[410,1544,528],{"emptyLinePlaceholder":527},[410,1546,1547,1549,1551,1553,1555,1557],{"class":412,"line":558},[410,1548,596],{"class":424},[410,1550,826],{"class":459},[410,1552,431],{"class":416},[410,1554,487],{"class":604},[410,1556,833],{"class":459},[410,1558,1559],{"class":416},"{\n",[410,1561,1562,1565],{"class":412,"line":570},[410,1563,1564],{"class":459},"  data",[410,1566,1567],{"class":416},",\n",[410,1569,1570,1573],{"class":412,"line":582},[410,1571,1572],{"class":459},"  columns",[410,1574,1567],{"class":416},[410,1576,1577,1580,1582,1584,1586,1588],{"class":412,"line":588},[410,1578,1579],{"class":420},"  rowKey",[410,1581,550],{"class":416},[410,1583,469],{"class":416},[410,1585,855],{"class":437},[410,1587,434],{"class":416},[410,1589,1567],{"class":416},[410,1591,1592,1595,1597,1599,1602,1604],{"class":412,"line":593},[410,1593,1594],{"class":420},"  selectionMode",[410,1596,550],{"class":416},[410,1598,469],{"class":416},[410,1600,1601],{"class":437},"multiple",[410,1603,434],{"class":416},[410,1605,1567],{"class":416},[410,1607,1608,1611],{"class":412,"line":621},[410,1609,1610],{"class":459},"  selection",[410,1612,1567],{"class":416},[410,1614,1615,1618,1620,1624],{"class":412,"line":671},[410,1616,1617],{"class":420},"  paginate",[410,1619,550],{"class":416},[410,1621,1623],{"class":1622},"sfNiH"," true",[410,1625,1567],{"class":416},[410,1627,1628,1631],{"class":412,"line":715},[410,1629,1630],{"class":459},"  pagination",[410,1632,1567],{"class":416},[410,1634,1635,1637,1639],{"class":412,"line":723},[410,1636,891],{"class":416},[410,1638,862],{"class":459},[410,1640,477],{"class":416},[368,1642,1643,1646,1647,1650,1651,1654],{},[371,1644,1645],{},"data"," and ",[371,1648,1649],{},"columns"," are the inputs from Usage. Pages are one-based. ",[371,1652,1653],{},"selectedRows"," contains matching loaded row instances; selection IDs may also include rows absent from a server page.",[1386,1656,1658],{"id":1657},"reactive-inputs","Reactive inputs",[368,1660,1661,1662,1665],{},"Pass refs or getters for replaceable collections and reactive options. Do not capture a current ",[371,1663,1664],{},".value"," if you expect later replacements to be observed.",[401,1667,1669],{"className":1395,"code":1668,"language":438,"meta":406,"style":406},"const table = useDataTable({\n  data: () => response.value?.items ?? [],\n  columns: () => configuredColumns.value,\n  rowKey: \"id\",\n  manualSorting: true,\n  manualFiltering: true,\n  manualPagination: true,\n  rowCount: () => response.value?.total,\n  pagination,\n});\n",[371,1670,1671,1685,1720,1739,1753,1764,1775,1786,1810,1816],{"__ignoreMap":406},[410,1672,1673,1675,1677,1679,1681,1683],{"class":412,"line":413},[410,1674,596],{"class":424},[410,1676,826],{"class":459},[410,1678,431],{"class":416},[410,1680,487],{"class":604},[410,1682,833],{"class":459},[410,1684,1559],{"class":416},[410,1686,1687,1689,1691,1694,1697,1700,1703,1706,1709,1712,1715,1718],{"class":412,"line":446},[410,1688,1564],{"class":604},[410,1690,550],{"class":416},[410,1692,1693],{"class":416}," ()",[410,1695,1696],{"class":424}," =>",[410,1698,1699],{"class":459}," response",[410,1701,1702],{"class":416},".",[410,1704,1705],{"class":459},"value",[410,1707,1708],{"class":416},"?.",[410,1710,1711],{"class":459},"items ",[410,1713,1714],{"class":416},"??",[410,1716,1717],{"class":459}," []",[410,1719,1567],{"class":416},[410,1721,1722,1724,1726,1728,1730,1733,1735,1737],{"class":412,"line":480},[410,1723,1572],{"class":604},[410,1725,550],{"class":416},[410,1727,1693],{"class":416},[410,1729,1696],{"class":424},[410,1731,1732],{"class":459}," configuredColumns",[410,1734,1702],{"class":416},[410,1736,1705],{"class":459},[410,1738,1567],{"class":416},[410,1740,1741,1743,1745,1747,1749,1751],{"class":412,"line":502},[410,1742,1579],{"class":420},[410,1744,550],{"class":416},[410,1746,469],{"class":416},[410,1748,855],{"class":437},[410,1750,434],{"class":416},[410,1752,1567],{"class":416},[410,1754,1755,1758,1760,1762],{"class":412,"line":524},[410,1756,1757],{"class":420},"  manualSorting",[410,1759,550],{"class":416},[410,1761,1623],{"class":1622},[410,1763,1567],{"class":416},[410,1765,1766,1769,1771,1773],{"class":412,"line":531},[410,1767,1768],{"class":420},"  manualFiltering",[410,1770,550],{"class":416},[410,1772,1623],{"class":1622},[410,1774,1567],{"class":416},[410,1776,1777,1780,1782,1784],{"class":412,"line":544},[410,1778,1779],{"class":420},"  manualPagination",[410,1781,550],{"class":416},[410,1783,1623],{"class":1622},[410,1785,1567],{"class":416},[410,1787,1788,1791,1793,1795,1797,1799,1801,1803,1805,1808],{"class":412,"line":558},[410,1789,1790],{"class":604},"  rowCount",[410,1792,550],{"class":416},[410,1794,1693],{"class":416},[410,1796,1696],{"class":424},[410,1798,1699],{"class":459},[410,1800,1702],{"class":416},[410,1802,1705],{"class":459},[410,1804,1708],{"class":416},[410,1806,1807],{"class":459},"total",[410,1809,1567],{"class":416},[410,1811,1812,1814],{"class":412,"line":570},[410,1813,1630],{"class":459},[410,1815,1567],{"class":416},[410,1817,1818,1820,1822],{"class":412,"line":582},[410,1819,891],{"class":416},[410,1821,862],{"class":459},[410,1823,477],{"class":416},[368,1825,1826,1827,1831],{},"Your application fetches the page and reacts to model changes. The controller does not make requests. Manual flags prevent it from reprocessing results already sorted, filtered, or paginated by the server. See ",[375,1828,1830],{"href":1829},"\u002Fcomponents\u002Fdata-table#server-controlled-data","server-controlled data"," for the component workflow.",[1386,1833,1835],{"id":1834},"cancel-a-change","Cancel a change",[368,1837,1838,1839,1842],{},"Callbacks run before action-driven commits. Call ",[371,1840,1841],{},"details.cancel()"," to reject one. Direct model assignments are application-owned and do not invoke these callbacks.",[401,1844,1846],{"className":1395,"code":1845,"language":438,"meta":406,"style":406},"const table = useDataTable({\n  data,\n  columns,\n  rowKey: \"id\",\n  paginate: true,\n  pagination,\n  onPaginationChange(_next, details) {\n    if (saving.value) details.cancel();\n  },\n});\n",[371,1847,1848,1862,1868,1874,1888,1898,1904,1924,1955,1960],{"__ignoreMap":406},[410,1849,1850,1852,1854,1856,1858,1860],{"class":412,"line":413},[410,1851,596],{"class":424},[410,1853,826],{"class":459},[410,1855,431],{"class":416},[410,1857,487],{"class":604},[410,1859,833],{"class":459},[410,1861,1559],{"class":416},[410,1863,1864,1866],{"class":412,"line":446},[410,1865,1564],{"class":459},[410,1867,1567],{"class":416},[410,1869,1870,1872],{"class":412,"line":480},[410,1871,1572],{"class":459},[410,1873,1567],{"class":416},[410,1875,1876,1878,1880,1882,1884,1886],{"class":412,"line":502},[410,1877,1579],{"class":420},[410,1879,550],{"class":416},[410,1881,469],{"class":416},[410,1883,855],{"class":437},[410,1885,434],{"class":416},[410,1887,1567],{"class":416},[410,1889,1890,1892,1894,1896],{"class":412,"line":524},[410,1891,1617],{"class":420},[410,1893,550],{"class":416},[410,1895,1623],{"class":1622},[410,1897,1567],{"class":416},[410,1899,1900,1902],{"class":412,"line":531},[410,1901,1630],{"class":459},[410,1903,1567],{"class":416},[410,1905,1906,1909,1911,1915,1917,1920,1922],{"class":412,"line":544},[410,1907,1908],{"class":420},"  onPaginationChange",[410,1910,833],{"class":416},[410,1912,1914],{"class":1913},"sHdIc","_next",[410,1916,639],{"class":416},[410,1918,1919],{"class":1913}," details",[410,1921,862],{"class":416},[410,1923,541],{"class":416},[410,1925,1926,1929,1932,1935,1937,1939,1942,1945,1947,1950,1953],{"class":412,"line":558},[410,1927,1928],{"class":449},"    if",[410,1930,1931],{"class":420}," (",[410,1933,1934],{"class":459},"saving",[410,1936,1702],{"class":416},[410,1938,1705],{"class":459},[410,1940,1941],{"class":420},") ",[410,1943,1944],{"class":459},"details",[410,1946,1702],{"class":416},[410,1948,1949],{"class":604},"cancel",[410,1951,1952],{"class":420},"()",[410,1954,477],{"class":416},[410,1956,1957],{"class":412,"line":570},[410,1958,1959],{"class":416},"  },\n",[410,1961,1962,1964,1966],{"class":412,"line":582},[410,1963,891],{"class":416},[410,1965,862],{"class":459},[410,1967,477],{"class":416},[368,1969,1970,1971,1974,1975,1978],{},"Callbacks receive the proposed value and ",[371,1972,1973],{},"{ reason, event?, cancel }",". ",[371,1976,1977],{},"onResetChange"," receives only the details object. Use the optional native event argument on actions to preserve the originating interaction.",[394,1980,1982],{"id":1981},"api-reference","API Reference",[1386,1984,1986],{"id":1985},"signature","Signature",[401,1988,1990],{"className":1395,"code":1989,"language":438,"meta":406,"style":406},"useDataTable\u003CT extends object>(options: UseDataTableOptions\u003CT>): DataTableController\u003CT>;\n",[371,1991,1992],{"__ignoreMap":406},[410,1993,1994,1996,1998,2001,2004,2007,2010,2013,2015,2018,2020,2022,2025,2028,2030,2032,2034],{"class":412,"line":413},[410,1995,37],{"class":459},[410,1997,417],{"class":416},[410,1999,2000],{"class":537},"T",[410,2002,2003],{"class":424}," extends",[410,2005,2006],{"class":537}," object",[410,2008,2009],{"class":416},">(",[410,2011,2012],{"class":1913},"options",[410,2014,550],{"class":416},[410,2016,2017],{"class":537}," UseDataTableOptions",[410,2019,417],{"class":416},[410,2021,2000],{"class":537},[410,2023,2024],{"class":416},">):",[410,2026,2027],{"class":537}," DataTableController",[410,2029,417],{"class":416},[410,2031,2000],{"class":537},[410,2033,615],{"class":416},[410,2035,477],{"class":459},[1386,2037,2039],{"id":2038},"inputs-and-behavior-options","Inputs and behavior options",[368,2041,2042,2045,2046,1646,2049,2052],{},[371,2043,2044],{},"MaybeRefOrGetter\u003CT>"," means a plain value, ref, computed ref, or getter. Function-valued options such as ",[371,2047,2048],{},"rowKey",[371,2050,2051],{},"getSubRows"," are callbacks, not reactive getters.",[387,2054,2055,2071],{},[1033,2056,2057],{},[1044,2058,2059,2062,2065,2068],{},[1179,2060,2061],{},"Option",[1179,2063,2064],{},"Type",[1179,2066,2067],{},"Default",[1179,2069,2070],{},"Description",[1209,2072,2073,2090,2110,2130,2150,2170,2188,2206,2224,2242,2262,2282,2300,2317,2334,2353],{},[1044,2074,2075,2079,2084,2087],{},[1252,2076,2077],{},[371,2078,1645],{},[1252,2080,2081],{},[371,2082,2083],{},"MaybeRefOrGetter\u003Creadonly T[]>",[1252,2085,2086],{},"Required",[1252,2088,2089],{},"Current loaded rows.",[1044,2091,2092,2096,2101,2103],{},[1252,2093,2094],{},[371,2095,1649],{},[1252,2097,2098],{},[371,2099,2100],{},"MaybeRefOrGetter\u003Creadonly DataTableColumn\u003CT>[]>",[1252,2102,2086],{},[1252,2104,2105,2106,1702],{},"Definitions; see ",[375,2107,2109],{"href":2108},"\u002Fcomponents\u002Fdata-table#column-shape","column shape",[1044,2111,2112,2116,2125,2127],{},[1252,2113,2114],{},[371,2115,2048],{},[1252,2117,2118,2121,2122],{},[371,2119,2120],{},"keyof T & string"," or ",[371,2123,2124],{},"(row, index) => string | number",[1252,2126,2086],{},[1252,2128,2129],{},"Unique stable key. Do not use a display index for changing datasets.",[1044,2131,2132,2137,2142,2147],{},[1252,2133,2134],{},[371,2135,2136],{},"sortingMode",[1252,2138,2139],{},[371,2140,2141],{},"MaybeRefOrGetter\u003C'single' | 'multiple'>",[1252,2143,2144],{},[371,2145,2146],{},"single",[1252,2148,2149],{},"Number of retained sort descriptors; multiple sorting uses a modified sort event.",[1044,2151,2152,2157,2162,2167],{},[1252,2153,2154],{},[371,2155,2156],{},"manualSorting",[1252,2158,2159],{},[371,2160,2161],{},"MaybeRefOrGetter\u003Cboolean>",[1252,2163,2164],{},[371,2165,2166],{},"false",[1252,2168,2169],{},"Do not sort data locally.",[1044,2171,2172,2177,2181,2185],{},[1252,2173,2174],{},[371,2175,2176],{},"manualFiltering",[1252,2178,2179],{},[371,2180,2161],{},[1252,2182,2183],{},[371,2184,2166],{},[1252,2186,2187],{},"Do not filter data locally.",[1044,2189,2190,2195,2199,2203],{},[1252,2191,2192],{},[371,2193,2194],{},"paginate",[1252,2196,2197],{},[371,2198,2161],{},[1252,2200,2201],{},[371,2202,2166],{},[1252,2204,2205],{},"Enable client pagination.",[1044,2207,2208,2213,2217,2221],{},[1252,2209,2210],{},[371,2211,2212],{},"manualPagination",[1252,2214,2215],{},[371,2216,2161],{},[1252,2218,2219],{},[371,2220,2166],{},[1252,2222,2223],{},"Treat loaded rows as a server page; enables pagination state.",[1044,2225,2226,2231,2236,2239],{},[1252,2227,2228],{},[371,2229,2230],{},"rowCount",[1252,2232,2233],{},[371,2234,2235],{},"MaybeRefOrGetter\u003Cnumber | undefined>",[1252,2237,2238],{},"Loaded row count",[1252,2240,2241],{},"Total count for manual pagination.",[1044,2243,2244,2249,2254,2259],{},[1252,2245,2246],{},[371,2247,2248],{},"selectionMode",[1252,2250,2251],{},[371,2252,2253],{},"MaybeRefOrGetter\u003C'none' | 'single' | 'multiple'>",[1252,2255,2256],{},[371,2257,2258],{},"none",[1252,2260,2261],{},"Enable selection actions.",[1044,2263,2264,2269,2274,2279],{},[1252,2265,2266],{},[371,2267,2268],{},"selectAllScope",[1252,2270,2271],{},[371,2272,2273],{},"MaybeRefOrGetter\u003C'page' | 'filtered'>",[1252,2275,2276],{},[371,2277,2278],{},"page",[1252,2280,2281],{},"Scope for select-all actions. Server mode can only act on loaded rows.",[1044,2283,2284,2289,2294,2297],{},[1252,2285,2286],{},[371,2287,2288],{},"isRowSelectable",[1252,2290,2291],{},[371,2292,2293],{},"(row: T) => boolean",[1252,2295,2296],{},"All rows",[1252,2298,2299],{},"Allow selection per row.",[1044,2301,2302,2307,2311,2314],{},[1252,2303,2304],{},[371,2305,2306],{},"isRowExpandable",[1252,2308,2309],{},[371,2310,2293],{},[1252,2312,2313],{},"Has child rows",[1252,2315,2316],{},"Allow expansion per row, including application-owned details.",[1044,2318,2319,2323,2328,2331],{},[1252,2320,2321],{},[371,2322,2051],{},[1252,2324,2325],{},[371,2326,2327],{},"(row: T) => readonly T[] | undefined",[1252,2329,2330],{},"-",[1252,2332,2333],{},"Return child rows.",[1044,2335,2336,2341,2346,2350],{},[1252,2337,2338],{},[371,2339,2340],{},"columnResize",[1252,2342,2343],{},[371,2344,2345],{},"MaybeRefOrGetter\u003Cboolean | DataTableColumnResizeOptions>",[1252,2347,2348],{},[371,2349,2166],{},[1252,2351,2352],{},"Enable resize actions and their behavior options.",[1044,2354,2355,2360,2365,2370],{},[1252,2356,2357],{},[371,2358,2359],{},"dir",[1252,2361,2362],{},[371,2363,2364],{},"MaybeRefOrGetter\u003C'ltr' | 'rtl'>",[1252,2366,2367],{},[371,2368,2369],{},"ltr",[1252,2371,2372],{},"Logical direction for column behavior.",[368,2374,2375,2378,2379,2378,2382,2378,2385,2388],{},[371,2376,2377],{},"ui",", ",[371,2380,2381],{},"loading",[371,2383,2384],{},"error",[371,2386,2387],{},"stickyHeader",", reorder handles, and row-click behavior are component\u002Frendering options, not composable inputs.",[1386,2390,2392],{"id":2391},"model-refs","Model refs",[368,2394,2395],{},"Each model accepts an optional writable ref. Omitting it creates internal state. These refs are also returned by the controller.",[387,2397,2398,2410],{},[1033,2399,2400],{},[1044,2401,2402,2405,2407],{},[1179,2403,2404],{},"Option \u002F return member",[1179,2406,2064],{},[1179,2408,2409],{},"Initial value when omitted",[1209,2411,2412,2429,2445,2462,2478,2495,2511,2528,2544,2560,2578],{},[1044,2413,2414,2419,2424],{},[1252,2415,2416],{},[371,2417,2418],{},"selection",[1252,2420,2421],{},[371,2422,2423],{},"Ref\u003CDataTableSelection>",[1252,2425,2426],{},[371,2427,2428],{},"null",[1044,2430,2431,2436,2441],{},[1252,2432,2433],{},[371,2434,2435],{},"sorting",[1252,2437,2438],{},[371,2439,2440],{},"Ref\u003CDataTableSorting[]>",[1252,2442,2443],{},[371,2444,612],{},[1044,2446,2447,2452,2457],{},[1252,2448,2449],{},[371,2450,2451],{},"filters",[1252,2453,2454],{},[371,2455,2456],{},"Ref\u003CDataTableFilters>",[1252,2458,2459],{},[371,2460,2461],{},"{}",[1044,2463,2464,2468,2473],{},[1252,2465,2466],{},[371,2467,963],{},[1252,2469,2470],{},[371,2471,2472],{},"Ref\u003Cstring>",[1252,2474,2475],{},[371,2476,2477],{},"''",[1044,2479,2480,2485,2490],{},[1252,2481,2482],{},[371,2483,2484],{},"pagination",[1252,2486,2487],{},[371,2488,2489],{},"Ref\u003CDataTablePaginationState>",[1252,2491,2492],{},[371,2493,2494],{},"{ page: 1, pageSize: 10 }",[1044,2496,2497,2502,2507],{},[1252,2498,2499],{},[371,2500,2501],{},"expanded",[1252,2503,2504],{},[371,2505,2506],{},"Ref\u003CDataTableRowKey[]>",[1252,2508,2509],{},[371,2510,612],{},[1044,2512,2513,2518,2523],{},[1252,2514,2515],{},[371,2516,2517],{},"columnVisibility",[1252,2519,2520],{},[371,2521,2522],{},"Ref\u003CDataTableColumnVisibility>",[1252,2524,2525,2527],{},[371,2526,2461],{},"; definitions also contribute default visibility",[1044,2529,2530,2535,2540],{},[1252,2531,2532],{},[371,2533,2534],{},"columnOrder",[1252,2536,2537],{},[371,2538,2539],{},"Ref\u003Cstring[]>",[1252,2541,2542],{},[371,2543,612],{},[1044,2545,2546,2551,2556],{},[1252,2547,2548],{},[371,2549,2550],{},"columnSizing",[1252,2552,2553],{},[371,2554,2555],{},"Ref\u003CDataTableColumnSizing>",[1252,2557,2558],{},[371,2559,2461],{},[1044,2561,2562,2567,2572],{},[1252,2563,2564],{},[371,2565,2566],{},"columnPinning",[1252,2568,2569],{},[371,2570,2571],{},"Ref\u003CDataTableColumnPinning>",[1252,2573,2574,2577],{},[371,2575,2576],{},"{ start: [], end: [] }","; definitions also contribute default pins",[1044,2579,2580,2585,2589],{},[1252,2581,2582],{},[371,2583,2584],{},"rowOrder",[1252,2586,2587],{},[371,2588,2506],{},[1252,2590,2591],{},[371,2592,612],{},[1386,2594,2596],{"id":2595},"change-callbacks","Change callbacks",[368,2598,2599,2602,2603,2606],{},[371,2600,2601],{},"UseDataTableOptions"," extends ",[371,2604,2605],{},"DataTableChangeCallbacks",". Every model has its matching callback:",[368,2608,2609,2378,2612,2378,2615,2378,2618,2378,2621,2378,2624,2378,2627,2378,2630,2378,2633,2378,2636,2639,2640,1702],{},[371,2610,2611],{},"onSelectionChange",[371,2613,2614],{},"onSortingChange",[371,2616,2617],{},"onFiltersChange",[371,2619,2620],{},"onGlobalFilterChange",[371,2622,2623],{},"onPaginationChange",[371,2625,2626],{},"onExpandedChange",[371,2628,2629],{},"onColumnVisibilityChange",[371,2631,2632],{},"onColumnOrderChange",[371,2634,2635],{},"onColumnSizingChange",[371,2637,2638],{},"onColumnPinningChange",", and ",[371,2641,2642],{},"onRowOrderChange",[368,2644,2645,2646,1974,2649,2652],{},"Each uses ",[371,2647,2648],{},"(nextValue, details) => void",[371,2650,2651],{},"onResetChange(details)"," can cancel reset before any model changes.",[1386,2654,2656],{"id":2655},"derived-state","Derived state",[387,2658,2659,2670],{},[1033,2660,2661],{},[1044,2662,2663,2666,2668],{},[1179,2664,2665],{},"Member",[1179,2667,2064],{},[1179,2669,2070],{},[1209,2671,2672,2687,2701,2716,2729,2742,2754],{},[1044,2673,2674,2678,2684],{},[1252,2675,2676],{},[371,2677,1649],{},[1252,2679,2680,2681],{},"Read-only ref of ",[371,2682,2683],{},"DataTableColumnInstance\u003CT>[]",[1252,2685,2686],{},"Current visible leaf columns in display order.",[1044,2688,2689,2693,2698],{},[1252,2690,2691],{},[371,2692,1379],{},[1252,2694,2680,2695],{},[371,2696,2697],{},"DataTableHeaderGroup\u003CT>[]",[1252,2699,2700],{},"Grouped header rows, including spans and placeholders.",[1044,2702,2703,2708,2713],{},[1252,2704,2705],{},[371,2706,2707],{},"rows",[1252,2709,2680,2710],{},[371,2711,2712],{},"DataTableRow\u003CT>[]",[1252,2714,2715],{},"Display rows after enabled processing.",[1044,2717,2718,2722,2726],{},[1252,2719,2720],{},[371,2721,1653],{},[1252,2723,2680,2724],{},[371,2725,2712],{},[1252,2727,2728],{},"Selected row instances currently loaded.",[1044,2730,2731,2736,2739],{},[1252,2732,2733],{},[371,2734,2735],{},"filteredRowCount",[1252,2737,2738],{},"Read-only number ref",[1252,2740,2741],{},"Number of loaded rows in the filtered row model.",[1044,2743,2744,2749,2751],{},[1252,2745,2746],{},[371,2747,2748],{},"pageCount",[1252,2750,2738],{},[1252,2752,2753],{},"Page count; at least one, including empty results.",[1044,2755,2756,2763,2766],{},[1252,2757,2758,2378,2760],{},[371,2759,2278],{},[371,2761,2762],{},"pageSize",[1252,2764,2765],{},"Read-only number refs",[1252,2767,2768],{},"Normalized current page and page size.",[1386,2770,2772],{"id":2771},"actions","Actions",[368,2774,2775,2776,2779,2780,2782,2783,2786],{},"The actions below return ",[371,2777,2778],{},"boolean","; rejected, canceled, or inapplicable operations can return ",[371,2781,2166],{},". Optional ",[371,2784,2785],{},"event"," arguments accept a native event.",[387,2788,2789,2801],{},[1033,2790,2791],{},[1044,2792,2793,2796,2799],{},[1179,2794,2795],{},"Method",[1179,2797,2798],{},"Arguments",[1179,2800,2070],{},[1209,2802,2803,2818,2833,2848,2862,2877,2892,2906,2921,2936,2951,2966,2981,2996,3010],{},[1044,2804,2805,2810,2815],{},[1252,2806,2807],{},[371,2808,2809],{},"setFilter",[1252,2811,2812],{},[371,2813,2814],{},"(columnId, value, event?)",[1252,2816,2817],{},"Set a column filter and reset the page when needed.",[1044,2819,2820,2825,2830],{},[1252,2821,2822],{},[371,2823,2824],{},"clearFilter",[1252,2826,2827],{},[371,2828,2829],{},"(columnId, event?)",[1252,2831,2832],{},"Remove a column filter.",[1044,2834,2835,2840,2845],{},[1252,2836,2837],{},[371,2838,2839],{},"setGlobalFilter",[1252,2841,2842],{},[371,2843,2844],{},"(value: string, event?)",[1252,2846,2847],{},"Set global search.",[1044,2849,2850,2855,2859],{},[1252,2851,2852],{},[371,2853,2854],{},"toggleSorting",[1252,2856,2857],{},[371,2858,2829],{},[1252,2860,2861],{},"Cycle ascending, descending, and unsorted.",[1044,2863,2864,2869,2874],{},[1252,2865,2866],{},[371,2867,2868],{},"toggleRow",[1252,2870,2871],{},[371,2872,2873],{},"(row, event?)",[1252,2875,2876],{},"Toggle a selectable row.",[1044,2878,2879,2884,2889],{},[1252,2880,2881],{},[371,2882,2883],{},"toggleAllRows",[1252,2885,2886],{},[371,2887,2888],{},"(event?)",[1252,2890,2891],{},"Toggle selection for the configured scope in multiple mode.",[1044,2893,2894,2899,2903],{},[1252,2895,2896],{},[371,2897,2898],{},"toggleExpanded",[1252,2900,2901],{},[371,2902,2873],{},[1252,2904,2905],{},"Toggle row details or children.",[1044,2907,2908,2913,2918],{},[1252,2909,2910],{},[371,2911,2912],{},"setPage",[1252,2914,2915],{},[371,2916,2917],{},"(page: number, event?)",[1252,2919,2920],{},"Set a one-based page.",[1044,2922,2923,2928,2933],{},[1252,2924,2925],{},[371,2926,2927],{},"setPageSize",[1252,2929,2930],{},[371,2931,2932],{},"(size: number, event?)",[1252,2934,2935],{},"Set page size and return to page one.",[1044,2937,2938,2943,2948],{},[1252,2939,2940],{},[371,2941,2942],{},"setColumnVisible",[1252,2944,2945],{},[371,2946,2947],{},"(id, visible: boolean, event?)",[1252,2949,2950],{},"Show or hide a column.",[1044,2952,2953,2958,2963],{},[1252,2954,2955],{},[371,2956,2957],{},"setColumnPinned",[1252,2959,2960],{},[371,2961,2962],{},"(id, side: false | 'start' | 'end', event?)",[1252,2964,2965],{},"Pin or unpin a column.",[1044,2967,2968,2973,2978],{},[1252,2969,2970],{},[371,2971,2972],{},"resizeColumn",[1252,2974,2975],{},[371,2976,2977],{},"(id, size: number, event?)",[1252,2979,2980],{},"Apply a constrained width when resizing is enabled.",[1044,2982,2983,2988,2993],{},[1252,2984,2985],{},[371,2986,2987],{},"moveColumn",[1252,2989,2990],{},[371,2991,2992],{},"(id, targetId, event?)",[1252,2994,2995],{},"Reorder columns by ID.",[1044,2997,2998,3003,3007],{},[1252,2999,3000],{},[371,3001,3002],{},"moveRow",[1252,3004,3005],{},[371,3006,2992],{},[1252,3008,3009],{},"Reorder rows by stable key.",[1044,3011,3012,3017,3021],{},[1252,3013,3014],{},[371,3015,3016],{},"reset",[1252,3018,3019],{},[371,3020,2888],{},[1252,3022,3023],{},"Clear selection, sorting, filters, expansion, sizing, and orders; return to page one while keeping page size, and restore definition-level visibility\u002Fpinning.",[1386,3025,3027],{"id":3026},"lookup-and-render-helpers","Lookup and render helpers",[387,3029,3030,3039],{},[1033,3031,3032],{},[1044,3033,3034,3036],{},[1179,3035,2795],{},[1179,3037,3038],{},"Return \u002F behavior",[1209,3040,3041,3054,3066,3076,3089,3101,3111,3121,3131,3141],{},[1044,3042,3043,3048],{},[1252,3044,3045],{},[371,3046,3047],{},"getColumn(id)",[1252,3049,3050,3051,1702],{},"Public column instance or ",[371,3052,3053],{},"undefined",[1044,3055,3056,3061],{},[1252,3057,3058],{},[371,3059,3060],{},"getRow(id)",[1252,3062,3063,3064,1702],{},"Public loaded row instance or ",[371,3065,3053],{},[1044,3067,3068,3073],{},[1252,3069,3070],{},[371,3071,3072],{},"getRowCells(row)",[1252,3074,3075],{},"Visible cell contexts for a row.",[1044,3077,3078,3083],{},[1252,3079,3080],{},[371,3081,3082],{},"getCellContext(row, column)",[1252,3084,3085,3086,1702],{},"A ",[371,3087,3088],{},"DataTableCellContext\u003CT>",[1044,3090,3091,3096],{},[1252,3092,3093],{},[371,3094,3095],{},"getHeaderContext(header)",[1252,3097,3085,3098,1702],{},[371,3099,3100],{},"DataTableHeaderContext\u003CT>",[1044,3102,3103,3108],{},[1252,3104,3105],{},[371,3106,3107],{},"getHeaderAttrs(header)",[1252,3109,3110],{},"Consumer-supplied header attributes from the definition.",[1044,3112,3113,3118],{},[1252,3114,3115],{},[371,3116,3117],{},"getCellAttrs(context)",[1252,3119,3120],{},"Consumer-supplied cell attributes from the definition.",[1044,3122,3123,3128],{},[1252,3124,3125],{},[371,3126,3127],{},"getFooterAttrs(header)",[1252,3129,3130],{},"Consumer-supplied footer attributes from the definition.",[1044,3132,3133,3138],{},[1252,3134,3135],{},[371,3136,3137],{},"isAllRowsSelected()",[1252,3139,3140],{},"Whether the selectable scope is fully selected.",[1044,3142,3143,3148],{},[1252,3144,3145],{},[371,3146,3147],{},"isSomeRowsSelected()",[1252,3149,3150],{},"Whether the selectable scope is partially selected.",[368,3152,3153,3154,3157,3158,3160,3161,2378,3164,3167,3168,2378,3171,2639,3174,3176],{},"Attribute helpers do not generate complete ARIA or table semantics. Supply those in custom markup. Row instances expose ",[371,3155,3156],{},"original",", stable ",[371,3159,855],{},", display ",[371,3162,3163],{},"index",[371,3165,3166],{},"originalIndex",", state flags, ",[371,3169,3170],{},"getValue",[371,3172,3173],{},"toggleSelected",[371,3175,2898],{},". Column instances expose the definition, sizing, visibility, sorting, filtering, and pinning state. None exposes the underlying table engine.",[394,3178,3180],{"id":3179},"rendering-accessibility-and-ssr","Rendering, accessibility, and SSR",[368,3182,3183,3184,3187,3188,3190],{},"This composable owns data processing, not DOM. For custom tables, keep native table semantics, an accessible name or caption, ",[371,3185,3186],{},"scope"," on headers, sorting announcements, and labelled keyboard-operable controls. Pointer, touch, drag handles, focus, and visual feedback remain the renderer's responsibility. Use ",[375,3189,377],{"href":124}," when you want those interactions supplied for you.",[368,3192,3193],{},"Create the controller in component setup so its reactive effects follow that component's lifetime. Data fetching and persistence remain application-owned. Pass stable, unique keys across client and server pages; replacing data does not mean a display index becomes a stable identity.",[394,3195,3197],{"id":3196},"related","Related",[3199,3200,3201,3207],"ul",{},[3202,3203,3204],"li",{},[375,3205,3206],{"href":124},"DataTable component, column definitions, and slots",[3202,3208,3209],{},[375,3210,231],{"href":232},[3212,3213,3214],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":406,"searchDepth":413,"depth":446,"links":3216},[3217,3218,3223,3232,3233],{"id":396,"depth":446,"text":23},{"id":1383,"depth":446,"text":1384,"children":3219},[3220,3221,3222],{"id":1388,"depth":480,"text":1389},{"id":1657,"depth":480,"text":1658},{"id":1834,"depth":480,"text":1835},{"id":1981,"depth":446,"text":1982,"children":3224},[3225,3226,3227,3228,3229,3230,3231],{"id":1985,"depth":480,"text":1986},{"id":2038,"depth":480,"text":2039},{"id":2391,"depth":480,"text":2392},{"id":2595,"depth":480,"text":2596},{"id":2655,"depth":480,"text":2656},{"id":2771,"depth":480,"text":2772},{"id":3026,"depth":480,"text":3027},{"id":3179,"depth":446,"text":3180},{"id":3196,"depth":446,"text":3197},"Reactive table data, selection, sorting, filtering, pagination, and column state.","md",null,{},{"icon":40},{"title":37,"description":3234},"CmHnMQKNphpdCuoso_9UelD7lIT-gBJbkTJw8DG-xw8",[3242,3244],{"title":34,"path":30,"stem":31,"description":3243,"icon":35,"children":-1},"Public Vue composables for programmatic control and shared state.",{"title":42,"path":43,"stem":44,"description":3245,"icon":45,"children":-1},"Open dialogs, drawers, and custom overlays from Vue code.",1791960470585]