[{"data":1,"prerenderedAt":2365},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"i-ph:arrow-right":22,"components-table":24,"i-ph:copy":2361,"i-ph:dots-three-outline-fill":2363},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"currentColor\" d=\"m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32\"/>",{"id":25,"title":26,"body":27,"description":2354,"extension":2355,"meta":2356,"navigation":141,"path":2357,"seo":2358,"stem":2359,"__hash__":2360},"docs/docs/components/table.md","Table",{"type":28,"value":29,"toc":2348},"minimark",[30,34,43,50,895,900,905,1026,1030,1079,1083,1113,1117,1121,1162,1166,1188,1192,1223,1227,1233,1429,1435,1439,1486,1489,1577,1581,1586,1591,1678,1682,1841,1845,1849,2344],[31,32,26],"h1",{"id":33},"table",[35,36,37,38,42],"p",{},"A powerful data display component that provides sorting, pagination, row selection, and custom cell content. It's built with composable parts and the ",[39,40,41],"code",{},"defineTable"," composable to create complex interactive data tables. It is also the only component which should be imported as a namespace and not as separate atomic components.",[35,44,45,46,49],{},"If you have tables with a lot of horizontal content, wrap them in a ",[39,47,48],{},".vui-table-overflow"," class seamless vertical scrollbar setup.",[51,52,53],"table-example",{},[54,55,60],"pre",{"className":56,"code":57,"language":58,"meta":59,"style":59},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup lang=\"ts\">\nimport { defineTable, Pagination, Table } from '@dolanske/vui'\n\nconst data = [\n  { id: 1, name: 'John Doe', age: 30 },\n  { id: 2, name: 'Jane Smith', age: 25 },\n  { id: 3, name: 'Bob Johnson', age: 35 },\n  { id: 4, name: 'Alice Brown', age: 28 },\n  { id: 5, name: 'Charlie Davis', age: 32 },\n]\n\nconst { headers, rows, pagination, setPage } = defineTable(data, {\n  pagination: {\n    enabled: true,\n    perPage: 3,\n  },\n  select: true,\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTable.Root separate-cells>\n    \u003Ctemplate #header>\n      \u003CTable.SelectAll />\n      \u003CTable.Head v-for=\"header in headers\" :key=\"header.label\" :header=\"header\" sort />\n    \u003C/template>\n    \u003Ctemplate #body>\n      \u003Ctr v-for=\"row in rows\" :key=\"row.id\">\n        \u003CTable.SelectRow :row=\"row\" />\n        \u003CTable.SelectRow :row=\"row\" />\n        \u003CTable.Cell>\n          {{ row.id }}\n        \u003C/Table.Cell>\n        \u003CTable.Cell>\n          {{ row.name }}\n        \u003C/Table.Cell>\n        \u003CTable.Cell>\n          {{ row.age }}\n        \u003C/Table.Cell>\n      \u003C/tr>\n    \u003C/template>\n    \u003Ctemplate #pagination>\n      \u003CPagination :pagination=\"pagination\" @change=\"setPage\" />\n    \u003C/template>\n  \u003C/Table.Root>\n\u003C/template>\n","vue","",[39,61,62,98,136,143,159,205,241,277,313,349,355,360,403,412,426,438,444,456,462,472,477,487,501,517,529,590,600,614,655,678,699,709,725,735,744,757,766,775,788,797,807,816,830,867,876,886],{"__ignoreMap":59},[63,64,67,71,75,79,82,85,89,93,95],"span",{"class":65,"line":66},"line",1,[63,68,70],{"class":69},"sP76a","\u003C",[63,72,74],{"class":73},"sKpE2","script",[63,76,78],{"class":77},"sflEz"," setup",[63,80,81],{"class":77}," lang",[63,83,84],{"class":69},"=",[63,86,88],{"class":87},"sBR95","\"",[63,90,92],{"class":91},"sfmH-","ts",[63,94,88],{"class":87},[63,96,97],{"class":69},">\n",[63,99,101,104,107,110,113,116,118,121,124,127,130,133],{"class":65,"line":100},2,[63,102,103],{"class":73},"import",[63,105,106],{"class":69}," {",[63,108,109],{"class":77}," defineTable",[63,111,112],{"class":69},",",[63,114,115],{"class":77}," Pagination",[63,117,112],{"class":69},[63,119,120],{"class":77}," Table",[63,122,123],{"class":69}," }",[63,125,126],{"class":73}," from",[63,128,129],{"class":87}," '",[63,131,132],{"class":91},"@dolanske/vui",[63,134,135],{"class":87},"'\n",[63,137,139],{"class":65,"line":138},3,[63,140,142],{"emptyLinePlaceholder":141},true,"\n",[63,144,146,150,153,156],{"class":65,"line":145},4,[63,147,149],{"class":148},"sCMWV","const ",[63,151,152],{"class":77},"data",[63,154,155],{"class":69}," =",[63,157,158],{"class":69}," [\n",[63,160,162,165,169,172,176,179,182,184,187,190,192,194,197,199,202],{"class":65,"line":161},5,[63,163,164],{"class":69},"  { ",[63,166,168],{"class":167},"sDB6b","id",[63,170,171],{"class":69},": ",[63,173,175],{"class":174},"socUO","1",[63,177,178],{"class":69},", ",[63,180,181],{"class":167},"name",[63,183,171],{"class":69},[63,185,186],{"class":87},"'",[63,188,189],{"class":91},"John Doe",[63,191,186],{"class":87},[63,193,178],{"class":69},[63,195,196],{"class":167},"age",[63,198,171],{"class":69},[63,200,201],{"class":174},"30",[63,203,204],{"class":69}," },\n",[63,206,208,210,212,214,217,219,221,223,225,228,230,232,234,236,239],{"class":65,"line":207},6,[63,209,164],{"class":69},[63,211,168],{"class":167},[63,213,171],{"class":69},[63,215,216],{"class":174},"2",[63,218,178],{"class":69},[63,220,181],{"class":167},[63,222,171],{"class":69},[63,224,186],{"class":87},[63,226,227],{"class":91},"Jane Smith",[63,229,186],{"class":87},[63,231,178],{"class":69},[63,233,196],{"class":167},[63,235,171],{"class":69},[63,237,238],{"class":174},"25",[63,240,204],{"class":69},[63,242,244,246,248,250,253,255,257,259,261,264,266,268,270,272,275],{"class":65,"line":243},7,[63,245,164],{"class":69},[63,247,168],{"class":167},[63,249,171],{"class":69},[63,251,252],{"class":174},"3",[63,254,178],{"class":69},[63,256,181],{"class":167},[63,258,171],{"class":69},[63,260,186],{"class":87},[63,262,263],{"class":91},"Bob Johnson",[63,265,186],{"class":87},[63,267,178],{"class":69},[63,269,196],{"class":167},[63,271,171],{"class":69},[63,273,274],{"class":174},"35",[63,276,204],{"class":69},[63,278,280,282,284,286,289,291,293,295,297,300,302,304,306,308,311],{"class":65,"line":279},8,[63,281,164],{"class":69},[63,283,168],{"class":167},[63,285,171],{"class":69},[63,287,288],{"class":174},"4",[63,290,178],{"class":69},[63,292,181],{"class":167},[63,294,171],{"class":69},[63,296,186],{"class":87},[63,298,299],{"class":91},"Alice Brown",[63,301,186],{"class":87},[63,303,178],{"class":69},[63,305,196],{"class":167},[63,307,171],{"class":69},[63,309,310],{"class":174},"28",[63,312,204],{"class":69},[63,314,316,318,320,322,325,327,329,331,333,336,338,340,342,344,347],{"class":65,"line":315},9,[63,317,164],{"class":69},[63,319,168],{"class":167},[63,321,171],{"class":69},[63,323,324],{"class":174},"5",[63,326,178],{"class":69},[63,328,181],{"class":167},[63,330,171],{"class":69},[63,332,186],{"class":87},[63,334,335],{"class":91},"Charlie Davis",[63,337,186],{"class":87},[63,339,178],{"class":69},[63,341,196],{"class":167},[63,343,171],{"class":69},[63,345,346],{"class":174},"32",[63,348,204],{"class":69},[63,350,352],{"class":65,"line":351},10,[63,353,354],{"class":69},"]\n",[63,356,358],{"class":65,"line":357},11,[63,359,142],{"emptyLinePlaceholder":141},[63,361,363,365,368,371,373,376,378,381,383,386,388,390,393,396,398,400],{"class":65,"line":362},12,[63,364,149],{"class":148},[63,366,367],{"class":69},"{",[63,369,370],{"class":77}," headers",[63,372,112],{"class":69},[63,374,375],{"class":77}," rows",[63,377,112],{"class":69},[63,379,380],{"class":77}," pagination",[63,382,112],{"class":69},[63,384,385],{"class":77}," setPage",[63,387,123],{"class":69},[63,389,155],{"class":69},[63,391,109],{"class":392},"sRTv0",[63,394,395],{"class":69},"(",[63,397,152],{"class":77},[63,399,112],{"class":69},[63,401,402],{"class":69}," {\n",[63,404,406,409],{"class":65,"line":405},13,[63,407,408],{"class":167},"  pagination",[63,410,411],{"class":69},": {\n",[63,413,415,418,420,423],{"class":65,"line":414},14,[63,416,417],{"class":167},"    enabled",[63,419,171],{"class":69},[63,421,422],{"class":73},"true",[63,424,425],{"class":69},",\n",[63,427,429,432,434,436],{"class":65,"line":428},15,[63,430,431],{"class":167},"    perPage",[63,433,171],{"class":69},[63,435,252],{"class":174},[63,437,425],{"class":69},[63,439,441],{"class":65,"line":440},16,[63,442,443],{"class":69},"  },\n",[63,445,447,450,452,454],{"class":65,"line":446},17,[63,448,449],{"class":167},"  select",[63,451,171],{"class":69},[63,453,422],{"class":73},[63,455,425],{"class":69},[63,457,459],{"class":65,"line":458},18,[63,460,461],{"class":69},"})\n",[63,463,465,468,470],{"class":65,"line":464},19,[63,466,467],{"class":69},"\u003C/",[63,469,74],{"class":73},[63,471,97],{"class":69},[63,473,475],{"class":65,"line":474},20,[63,476,142],{"emptyLinePlaceholder":141},[63,478,480,482,485],{"class":65,"line":479},21,[63,481,70],{"class":69},[63,483,484],{"class":73},"template",[63,486,97],{"class":69},[63,488,490,493,496,499],{"class":65,"line":489},22,[63,491,492],{"class":69},"  \u003C",[63,494,495],{"class":73},"Table.Root",[63,497,498],{"class":77}," separate-cells",[63,500,97],{"class":69},[63,502,504,507,509,512,515],{"class":65,"line":503},23,[63,505,506],{"class":69},"    \u003C",[63,508,484],{"class":73},[63,510,511],{"class":69}," #",[63,513,514],{"class":392},"header",[63,516,97],{"class":69},[63,518,520,523,526],{"class":65,"line":519},24,[63,521,522],{"class":69},"      \u003C",[63,524,525],{"class":73},"Table.SelectAll",[63,527,528],{"class":69}," />\n",[63,530,532,534,537,540,542,544,546,549,551,553,556,559,561,563,565,568,571,573,575,577,579,581,583,585,588],{"class":65,"line":531},25,[63,533,522],{"class":69},[63,535,536],{"class":73},"Table.Head",[63,538,539],{"class":73}," v-for",[63,541,84],{"class":69},[63,543,88],{"class":69},[63,545,514],{"class":77},[63,547,548],{"class":148}," in",[63,550,370],{"class":77},[63,552,88],{"class":69},[63,554,555],{"class":69}," :",[63,557,558],{"class":392},"key",[63,560,84],{"class":69},[63,562,88],{"class":69},[63,564,514],{"class":77},[63,566,567],{"class":69},".",[63,569,570],{"class":77},"label",[63,572,88],{"class":69},[63,574,555],{"class":69},[63,576,514],{"class":392},[63,578,84],{"class":69},[63,580,88],{"class":69},[63,582,514],{"class":77},[63,584,88],{"class":69},[63,586,587],{"class":77}," sort",[63,589,528],{"class":69},[63,591,593,596,598],{"class":65,"line":592},26,[63,594,595],{"class":69},"    \u003C/",[63,597,484],{"class":73},[63,599,97],{"class":69},[63,601,603,605,607,609,612],{"class":65,"line":602},27,[63,604,506],{"class":69},[63,606,484],{"class":73},[63,608,511],{"class":69},[63,610,611],{"class":392},"body",[63,613,97],{"class":69},[63,615,617,619,622,624,626,628,631,633,635,637,639,641,643,645,647,649,651,653],{"class":65,"line":616},28,[63,618,522],{"class":69},[63,620,621],{"class":73},"tr",[63,623,539],{"class":73},[63,625,84],{"class":69},[63,627,88],{"class":69},[63,629,630],{"class":77},"row",[63,632,548],{"class":148},[63,634,375],{"class":77},[63,636,88],{"class":69},[63,638,555],{"class":69},[63,640,558],{"class":392},[63,642,84],{"class":69},[63,644,88],{"class":69},[63,646,630],{"class":77},[63,648,567],{"class":69},[63,650,168],{"class":77},[63,652,88],{"class":69},[63,654,97],{"class":69},[63,656,658,661,664,666,668,670,672,674,676],{"class":65,"line":657},29,[63,659,660],{"class":69},"        \u003C",[63,662,663],{"class":73},"Table.SelectRow",[63,665,555],{"class":69},[63,667,630],{"class":392},[63,669,84],{"class":69},[63,671,88],{"class":69},[63,673,630],{"class":77},[63,675,88],{"class":69},[63,677,528],{"class":69},[63,679,681,683,685,687,689,691,693,695,697],{"class":65,"line":680},30,[63,682,660],{"class":69},[63,684,663],{"class":73},[63,686,555],{"class":69},[63,688,630],{"class":392},[63,690,84],{"class":69},[63,692,88],{"class":69},[63,694,630],{"class":77},[63,696,88],{"class":69},[63,698,528],{"class":69},[63,700,702,704,707],{"class":65,"line":701},31,[63,703,660],{"class":69},[63,705,706],{"class":73},"Table.Cell",[63,708,97],{"class":69},[63,710,712,715,718,720,722],{"class":65,"line":711},32,[63,713,714],{"class":69},"          {{",[63,716,717],{"class":77}," row",[63,719,567],{"class":69},[63,721,168],{"class":77},[63,723,724],{"class":69}," }}\n",[63,726,728,731,733],{"class":65,"line":727},33,[63,729,730],{"class":69},"        \u003C/",[63,732,706],{"class":73},[63,734,97],{"class":69},[63,736,738,740,742],{"class":65,"line":737},34,[63,739,660],{"class":69},[63,741,706],{"class":73},[63,743,97],{"class":69},[63,745,747,749,751,753,755],{"class":65,"line":746},35,[63,748,714],{"class":69},[63,750,717],{"class":77},[63,752,567],{"class":69},[63,754,181],{"class":77},[63,756,724],{"class":69},[63,758,760,762,764],{"class":65,"line":759},36,[63,761,730],{"class":69},[63,763,706],{"class":73},[63,765,97],{"class":69},[63,767,769,771,773],{"class":65,"line":768},37,[63,770,660],{"class":69},[63,772,706],{"class":73},[63,774,97],{"class":69},[63,776,778,780,782,784,786],{"class":65,"line":777},38,[63,779,714],{"class":69},[63,781,717],{"class":77},[63,783,567],{"class":69},[63,785,196],{"class":77},[63,787,724],{"class":69},[63,789,791,793,795],{"class":65,"line":790},39,[63,792,730],{"class":69},[63,794,706],{"class":73},[63,796,97],{"class":69},[63,798,800,803,805],{"class":65,"line":799},40,[63,801,802],{"class":69},"      \u003C/",[63,804,621],{"class":73},[63,806,97],{"class":69},[63,808,810,812,814],{"class":65,"line":809},41,[63,811,595],{"class":69},[63,813,484],{"class":73},[63,815,97],{"class":69},[63,817,819,821,823,825,828],{"class":65,"line":818},42,[63,820,506],{"class":69},[63,822,484],{"class":73},[63,824,511],{"class":69},[63,826,827],{"class":392},"pagination",[63,829,97],{"class":69},[63,831,833,835,838,840,842,844,846,848,850,853,856,858,860,863,865],{"class":65,"line":832},43,[63,834,522],{"class":69},[63,836,837],{"class":73},"Pagination",[63,839,555],{"class":69},[63,841,827],{"class":392},[63,843,84],{"class":69},[63,845,88],{"class":69},[63,847,827],{"class":77},[63,849,88],{"class":69},[63,851,852],{"class":69}," @",[63,854,855],{"class":392},"change",[63,857,84],{"class":69},[63,859,88],{"class":69},[63,861,862],{"class":77},"setPage",[63,864,88],{"class":69},[63,866,528],{"class":69},[63,868,870,872,874],{"class":65,"line":869},44,[63,871,595],{"class":69},[63,873,484],{"class":73},[63,875,97],{"class":69},[63,877,879,882,884],{"class":65,"line":878},45,[63,880,881],{"class":69},"  \u003C/",[63,883,495],{"class":73},[63,885,97],{"class":69},[63,887,889,891,893],{"class":65,"line":888},46,[63,890,467],{"class":69},[63,892,484],{"class":73},[63,894,97],{"class":69},[896,897,899],"h3",{"id":898},"props","Props",[901,902,904],"h4",{"id":903},"tableroot-props","Table.Root Props",[33,906,907,922],{},[908,909,910],"thead",{},[621,911,912,916,919],{},[913,914,915],"th",{},"Name",[913,917,918],{},"Default",[913,920,921],{},"Type",[923,924,925,954,972,990,1008],"tbody",{},[621,926,927,933,938],{},[928,929,930],"td",{},[39,931,932],{},"fixed",[928,934,935],{},[39,936,937],{},"false",[928,939,940,943,944,947,948,951,952],{},[39,941,942],{},"boolean"," ",[945,946],"br",{}," Sets the ",[39,949,950],{},"table-layout"," property to ",[39,953,932],{},[621,955,956,961,965],{},[928,957,958],{},[39,959,960],{},"nowrap",[928,962,963],{},[39,964,937],{},[928,966,967,943,969,971],{},[39,968,942],{},[945,970],{}," Prevents cell content from wrapping to new lines",[621,973,974,979,983],{},[928,975,976],{},[39,977,978],{},"separateRows",[928,980,981],{},[39,982,422],{},[928,984,985,943,987,989],{},[39,986,942],{},[945,988],{}," Adds a visual separator between rows",[621,991,992,997,1001],{},[928,993,994],{},[39,995,996],{},"separateCells",[928,998,999],{},[39,1000,937],{},[928,1002,1003,943,1005,1007],{},[39,1004,942],{},[945,1006],{}," Adds a visual separator between cells",[621,1009,1010,1015,1019],{},[928,1011,1012],{},[39,1013,1014],{},"outerBorder",[928,1016,1017],{},[39,1018,422],{},[928,1020,1021,943,1023,1025],{},[39,1022,942],{},[945,1024],{}," Adds a border around the table",[901,1027,1029],{"id":1028},"tablehead-props","Table.Head Props",[33,1031,1032,1042],{},[908,1033,1034],{},[621,1035,1036,1038,1040],{},[913,1037,915],{},[913,1039,918],{},[913,1041,921],{},[923,1043,1044,1061],{},[621,1045,1046,1050,1053],{},[928,1047,1048],{},[39,1049,514],{},[928,1051,1052],{},"—",[928,1054,1055,943,1058,1060],{},[39,1056,1057],{},"Header",[945,1059],{}," Header data including label and sort state",[621,1062,1063,1068,1072],{},[928,1064,1065],{},[39,1066,1067],{},"sort",[928,1069,1070],{},[39,1071,937],{},[928,1073,1074,943,1076,1078],{},[39,1075,942],{},[945,1077],{}," Enables sorting for the column",[901,1080,1082],{"id":1081},"tableselectrow-props","Table.SelectRow Props",[33,1084,1085,1095],{},[908,1086,1087],{},[621,1088,1089,1091,1093],{},[913,1090,915],{},[913,1092,918],{},[913,1094,921],{},[923,1096,1097],{},[621,1098,1099,1103,1105],{},[928,1100,1101],{},[39,1102,630],{},[928,1104,1052],{},[928,1106,1107,943,1110,1112],{},[39,1108,1109],{},"BaseRow",[945,1111],{}," Row data for selection",[896,1114,1116],{"id":1115},"slots","Slots",[901,1118,1120],{"id":1119},"tableroot-slots","Table.Root Slots",[33,1122,1123,1133],{},[908,1124,1125],{},[621,1126,1127,1130],{},[913,1128,1129],{},"Slot",[913,1131,1132],{},"Description",[923,1134,1135,1144,1153],{},[621,1136,1137,1141],{},[928,1138,1139],{},[39,1140,514],{},[928,1142,1143],{},"Content for the table header row",[621,1145,1146,1150],{},[928,1147,1148],{},[39,1149,611],{},[928,1151,1152],{},"Content for the table body rows",[621,1154,1155,1159],{},[928,1156,1157],{},[39,1158,827],{},[928,1160,1161],{},"Content for the pagination section",[901,1163,1165],{"id":1164},"tablehead-slots","Table.Head Slots",[33,1167,1168,1176],{},[908,1169,1170],{},[621,1171,1172,1174],{},[913,1173,1129],{},[913,1175,1132],{},[923,1177,1178],{},[621,1179,1180,1185],{},[928,1181,1182],{},[39,1183,1184],{},"default",[928,1186,1187],{},"Custom header content",[901,1189,1191],{"id":1190},"tablecell-slots","Table.Cell Slots",[33,1193,1194,1202],{},[908,1195,1196],{},[621,1197,1198,1200],{},[913,1199,1129],{},[913,1201,1132],{},[923,1203,1204,1213],{},[621,1205,1206,1210],{},[928,1207,1208],{},[39,1209,1184],{},[928,1211,1212],{},"Main cell content",[621,1214,1215,1220],{},[928,1216,1217],{},[39,1218,1219],{},"context",[928,1221,1222],{},"Additional content that appears on the right side of the cell",[896,1224,1226],{"id":1225},"definetable-api","defineTable API",[35,1228,1229,1230,1232],{},"The ",[39,1231,41],{}," composable is the core of the table system, providing reactive data management with built-in sorting, pagination, and selection.",[54,1234,1237],{"className":1235,"code":1236,"language":92,"meta":59,"style":59},"language-ts shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","import { defineTable, Pagination, Table } from '@dolanske/vui'\n\nconst data = [\n  { id: 1, name: 'John Doe', age: 30 },\n  { id: 2, name: 'Jane Smith', age: 25 },\n]\n\nconst { headers, rows, pagination, setPage } = defineTable(data, {\n  pagination: {\n    enabled: true,\n    perPage: 1,\n  },\n  select: true,\n})\n",[39,1238,1239,1265,1269,1279,1311,1343,1347,1351,1385,1391,1401,1411,1415,1425],{"__ignoreMap":59},[63,1240,1241,1243,1245,1247,1249,1251,1253,1255,1257,1259,1261,1263],{"class":65,"line":66},[63,1242,103],{"class":73},[63,1244,106],{"class":69},[63,1246,109],{"class":77},[63,1248,112],{"class":69},[63,1250,115],{"class":77},[63,1252,112],{"class":69},[63,1254,120],{"class":77},[63,1256,123],{"class":69},[63,1258,126],{"class":73},[63,1260,129],{"class":87},[63,1262,132],{"class":91},[63,1264,135],{"class":87},[63,1266,1267],{"class":65,"line":100},[63,1268,142],{"emptyLinePlaceholder":141},[63,1270,1271,1273,1275,1277],{"class":65,"line":138},[63,1272,149],{"class":148},[63,1274,152],{"class":77},[63,1276,155],{"class":69},[63,1278,158],{"class":69},[63,1280,1281,1283,1285,1287,1289,1291,1293,1295,1297,1299,1301,1303,1305,1307,1309],{"class":65,"line":145},[63,1282,164],{"class":69},[63,1284,168],{"class":167},[63,1286,171],{"class":69},[63,1288,175],{"class":174},[63,1290,178],{"class":69},[63,1292,181],{"class":167},[63,1294,171],{"class":69},[63,1296,186],{"class":87},[63,1298,189],{"class":91},[63,1300,186],{"class":87},[63,1302,178],{"class":69},[63,1304,196],{"class":167},[63,1306,171],{"class":69},[63,1308,201],{"class":174},[63,1310,204],{"class":69},[63,1312,1313,1315,1317,1319,1321,1323,1325,1327,1329,1331,1333,1335,1337,1339,1341],{"class":65,"line":161},[63,1314,164],{"class":69},[63,1316,168],{"class":167},[63,1318,171],{"class":69},[63,1320,216],{"class":174},[63,1322,178],{"class":69},[63,1324,181],{"class":167},[63,1326,171],{"class":69},[63,1328,186],{"class":87},[63,1330,227],{"class":91},[63,1332,186],{"class":87},[63,1334,178],{"class":69},[63,1336,196],{"class":167},[63,1338,171],{"class":69},[63,1340,238],{"class":174},[63,1342,204],{"class":69},[63,1344,1345],{"class":65,"line":207},[63,1346,354],{"class":69},[63,1348,1349],{"class":65,"line":243},[63,1350,142],{"emptyLinePlaceholder":141},[63,1352,1353,1355,1357,1359,1361,1363,1365,1367,1369,1371,1373,1375,1377,1379,1381,1383],{"class":65,"line":279},[63,1354,149],{"class":148},[63,1356,367],{"class":69},[63,1358,370],{"class":77},[63,1360,112],{"class":69},[63,1362,375],{"class":77},[63,1364,112],{"class":69},[63,1366,380],{"class":77},[63,1368,112],{"class":69},[63,1370,385],{"class":77},[63,1372,123],{"class":69},[63,1374,155],{"class":69},[63,1376,109],{"class":392},[63,1378,395],{"class":69},[63,1380,152],{"class":77},[63,1382,112],{"class":69},[63,1384,402],{"class":69},[63,1386,1387,1389],{"class":65,"line":315},[63,1388,408],{"class":167},[63,1390,411],{"class":69},[63,1392,1393,1395,1397,1399],{"class":65,"line":351},[63,1394,417],{"class":167},[63,1396,171],{"class":69},[63,1398,422],{"class":73},[63,1400,425],{"class":69},[63,1402,1403,1405,1407,1409],{"class":65,"line":357},[63,1404,431],{"class":167},[63,1406,171],{"class":69},[63,1408,175],{"class":174},[63,1410,425],{"class":69},[63,1412,1413],{"class":65,"line":362},[63,1414,443],{"class":69},[63,1416,1417,1419,1421,1423],{"class":65,"line":405},[63,1418,449],{"class":167},[63,1420,171],{"class":69},[63,1422,422],{"class":73},[63,1424,425],{"class":69},[63,1426,1427],{"class":65,"line":414},[63,1428,461],{"class":69},[35,1430,1431,1432,1434],{},"It is a separate API, because it allows you to build your own table-like UI without having to use the provided ",[39,1433,26],{}," namespace. It doesn't even need to look like one!",[901,1436,1438],{"id":1437},"parameters","Parameters",[33,1440,1441,1451],{},[908,1442,1443],{},[621,1444,1445,1447,1449],{},[913,1446,915],{},[913,1448,918],{},[913,1450,921],{},[923,1452,1453,1469],{},[621,1454,1455,1459,1461],{},[928,1456,1457],{},[39,1458,152],{},[928,1460,1052],{},[928,1462,1463,943,1466,1468],{},[39,1464,1465],{},"MaybeRefOrGetter\u003CT[]>",[945,1467],{}," The dataset to display in the table",[621,1470,1471,1476,1478],{},[928,1472,1473],{},[39,1474,1475],{},"options",[928,1477,1052],{},[928,1479,1480,943,1483,1485],{},[39,1481,1482],{},"TableOptionsInput",[945,1484],{}," Configuration options",[901,1487,1488],{"id":1475},"Options",[33,1490,1491,1501],{},[908,1492,1493],{},[621,1494,1495,1497,1499],{},[913,1496,915],{},[913,1498,918],{},[913,1500,921],{},[923,1502,1503,1521,1541,1559],{},[621,1504,1505,1510,1514],{},[928,1506,1507],{},[39,1508,1509],{},"pagination.enabled",[928,1511,1512],{},[39,1513,937],{},[928,1515,1516,943,1518,1520],{},[39,1517,942],{},[945,1519],{}," Enable pagination",[621,1522,1523,1528,1533],{},[928,1524,1525],{},[39,1526,1527],{},"pagination.perPage",[928,1529,1530],{},[39,1531,1532],{},"10",[928,1534,1535,943,1538,1540],{},[39,1536,1537],{},"number",[945,1539],{}," Number of items per page",[621,1542,1543,1548,1552],{},[928,1544,1545],{},[39,1546,1547],{},"pagination.maxPages",[928,1549,1550],{},[39,1551,252],{},[928,1553,1554,943,1556,1558],{},[39,1555,1537],{},[945,1557],{}," Maximum number of page buttons",[621,1560,1561,1566,1570],{},[928,1562,1563],{},[39,1564,1565],{},"select",[928,1567,1568],{},[39,1569,937],{},[928,1571,1572,943,1574,1576],{},[39,1573,942],{},[945,1575],{}," Enable row selection",[901,1578,1580],{"id":1579},"returns","Returns",[35,1582,1229,1583,1585],{},[39,1584,41],{}," composable returns an object with the following reactive properties and methods:",[1587,1588,1590],"h5",{"id":1589},"methods","Methods",[33,1592,1593,1603],{},[908,1594,1595],{},[621,1596,1597,1599,1601],{},[913,1598,915],{},[913,1600,921],{},[913,1602,1132],{},[923,1604,1605,1620,1635,1649,1664],{},[621,1606,1607,1612,1617],{},[928,1608,1609],{},[39,1610,1611],{},"setSort",[928,1613,1614],{},[39,1615,1616],{},"(key: string, type: 'asc' | 'desc' | 'toggle') => void",[928,1618,1619],{},"Set sorting for a specific column key",[621,1621,1622,1627,1632],{},[928,1623,1624],{},[39,1625,1626],{},"clearSort",[928,1628,1629],{},[39,1630,1631],{},"() => void",[928,1633,1634],{},"Clear current sorting",[621,1636,1637,1641,1646],{},[928,1638,1639],{},[39,1640,862],{},[928,1642,1643],{},[39,1644,1645],{},"(page: number) => void",[928,1647,1648],{},"Navigate to a specific page (1-indexed)",[621,1650,1651,1656,1661],{},[928,1652,1653],{},[39,1654,1655],{},"selectRow",[928,1657,1658],{},[39,1659,1660],{},"(row: T) => void",[928,1662,1663],{},"Toggle selection state of a specific row",[621,1665,1666,1671,1675],{},[928,1667,1668],{},[39,1669,1670],{},"selectAllRows",[928,1672,1673],{},[39,1674,1631],{},[928,1676,1677],{},"Toggle selection of all rows",[1587,1679,1681],{"id":1680},"properties","Properties",[33,1683,1684,1694],{},[908,1685,1686],{},[621,1687,1688,1690,1692],{},[913,1689,915],{},[913,1691,921],{},[913,1693,1132],{},[923,1695,1696,1711,1726,1740,1755,1770,1784,1799,1813,1827],{},[621,1697,1698,1703,1708],{},[928,1699,1700],{},[39,1701,1702],{},"search",[928,1704,1705],{},[39,1706,1707],{},"Ref\u003Cstring>",[928,1709,1710],{},"Reactive search query string",[621,1712,1713,1718,1723],{},[928,1714,1715],{},[39,1716,1717],{},"rows",[928,1719,1720],{},[39,1721,1722],{},"ComputedRef\u003CT[]>",[928,1724,1725],{},"Filtered and paginated dataset rows",[621,1727,1728,1733,1737],{},[928,1729,1730],{},[39,1731,1732],{},"allRows",[928,1734,1735],{},[39,1736,1722],{},[928,1738,1739],{},"All filtered rows (without pagination)",[621,1741,1742,1747,1752],{},[928,1743,1744],{},[39,1745,1746],{},"selectedRows",[928,1748,1749],{},[39,1750,1751],{},"ComputedRef\u003CSet\u003CT>>",[928,1753,1754],{},"Set of currently selected rows",[621,1756,1757,1762,1767],{},[928,1758,1759],{},[39,1760,1761],{},"headers",[928,1763,1764],{},[39,1765,1766],{},"ComputedRef\u003CHeader[]>",[928,1768,1769],{},"Table headers with sorting functionality",[621,1771,1772,1776,1781],{},[928,1773,1774],{},[39,1775,827],{},[928,1777,1778],{},[39,1779,1780],{},"ComputedRef\u003CPaginationResult>",[928,1782,1783],{},"Pagination state and metadata",[621,1785,1786,1791,1796],{},[928,1787,1788],{},[39,1789,1790],{},"canPrevPage",[928,1792,1793],{},[39,1794,1795],{},"ComputedRef\u003Cboolean>",[928,1797,1798],{},"Whether previous page navigation is available",[621,1800,1801,1806,1810],{},[928,1802,1803],{},[39,1804,1805],{},"canNextPage",[928,1807,1808],{},[39,1809,1795],{},[928,1811,1812],{},"Whether next page navigation is available",[621,1814,1815,1819,1824],{},[928,1816,1817],{},[39,1818,1475],{},[928,1820,1821],{},[39,1822,1823],{},"Ref\u003CDeepRequired\u003CTableOptionsInput>>",[928,1825,1826],{},"Reactive table configuration options",[621,1828,1829,1834,1838],{},[928,1830,1831],{},[39,1832,1833],{},"isSelectedAll",[928,1835,1836],{},[39,1837,1795],{},[928,1839,1840],{},"Whether all rows are currently selected",[896,1842,1844],{"id":1843},"examples","Examples",[901,1846,1848],{"id":1847},"custom-cell-content","Custom Cell content",[1850,1851,1852],"table-custom-cell-example",{},[54,1853,1855],{"className":56,"code":1854,"language":58,"meta":59,"style":59},"\u003Cscript setup lang=\"ts\">\nimport { Button, defineTable, Table } from '@dolanske/vui'\n\nconst data = [\n  { id: 1, name: 'John', status: 'Active' },\n  { id: 2, name: 'Jane', status: 'Inactive' },\n]\n\nconst { headers, rows } = defineTable(data)\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTable.Root>\n    \u003Ctemplate #header>\n      \u003CTable.Head v-for=\"header in headers\" :key=\"header.label\" :header=\"header\" sort />\n    \u003C/template>\n    \u003Ctemplate #body>\n      \u003Ctr v-for=\"row in rows\" :key=\"row.id\">\n        \u003CTable.Cell v-for=\"header in headers\" :key=\"header.label\">\n          {{ row[header.label as keyof typeof row] }}\n          \u003Ctemplate #context>\n            \u003CButton plain square>\n              \u003CIconDotsThree />\n            \u003C/Button>\n          \u003C/template>\n        \u003C/Table.Cell>\n      \u003C/tr>\n    \u003C/template>\n  \u003C/Table.Root>\n\u003C/template>\n",[39,1856,1857,1877,1904,1908,1918,1957,1995,1999,2003,2028,2036,2040,2048,2056,2068,2120,2128,2140,2178,2216,2247,2260,2276,2286,2295,2304,2312,2320,2328,2336],{"__ignoreMap":59},[63,1858,1859,1861,1863,1865,1867,1869,1871,1873,1875],{"class":65,"line":66},[63,1860,70],{"class":69},[63,1862,74],{"class":73},[63,1864,78],{"class":77},[63,1866,81],{"class":77},[63,1868,84],{"class":69},[63,1870,88],{"class":87},[63,1872,92],{"class":91},[63,1874,88],{"class":87},[63,1876,97],{"class":69},[63,1878,1879,1881,1883,1886,1888,1890,1892,1894,1896,1898,1900,1902],{"class":65,"line":100},[63,1880,103],{"class":73},[63,1882,106],{"class":69},[63,1884,1885],{"class":77}," Button",[63,1887,112],{"class":69},[63,1889,109],{"class":77},[63,1891,112],{"class":69},[63,1893,120],{"class":77},[63,1895,123],{"class":69},[63,1897,126],{"class":73},[63,1899,129],{"class":87},[63,1901,132],{"class":91},[63,1903,135],{"class":87},[63,1905,1906],{"class":65,"line":138},[63,1907,142],{"emptyLinePlaceholder":141},[63,1909,1910,1912,1914,1916],{"class":65,"line":145},[63,1911,149],{"class":148},[63,1913,152],{"class":77},[63,1915,155],{"class":69},[63,1917,158],{"class":69},[63,1919,1920,1922,1924,1926,1928,1930,1932,1934,1936,1939,1941,1943,1946,1948,1950,1953,1955],{"class":65,"line":161},[63,1921,164],{"class":69},[63,1923,168],{"class":167},[63,1925,171],{"class":69},[63,1927,175],{"class":174},[63,1929,178],{"class":69},[63,1931,181],{"class":167},[63,1933,171],{"class":69},[63,1935,186],{"class":87},[63,1937,1938],{"class":91},"John",[63,1940,186],{"class":87},[63,1942,178],{"class":69},[63,1944,1945],{"class":167},"status",[63,1947,171],{"class":69},[63,1949,186],{"class":87},[63,1951,1952],{"class":91},"Active",[63,1954,186],{"class":87},[63,1956,204],{"class":69},[63,1958,1959,1961,1963,1965,1967,1969,1971,1973,1975,1978,1980,1982,1984,1986,1988,1991,1993],{"class":65,"line":207},[63,1960,164],{"class":69},[63,1962,168],{"class":167},[63,1964,171],{"class":69},[63,1966,216],{"class":174},[63,1968,178],{"class":69},[63,1970,181],{"class":167},[63,1972,171],{"class":69},[63,1974,186],{"class":87},[63,1976,1977],{"class":91},"Jane",[63,1979,186],{"class":87},[63,1981,178],{"class":69},[63,1983,1945],{"class":167},[63,1985,171],{"class":69},[63,1987,186],{"class":87},[63,1989,1990],{"class":91},"Inactive",[63,1992,186],{"class":87},[63,1994,204],{"class":69},[63,1996,1997],{"class":65,"line":243},[63,1998,354],{"class":69},[63,2000,2001],{"class":65,"line":279},[63,2002,142],{"emptyLinePlaceholder":141},[63,2004,2005,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025],{"class":65,"line":315},[63,2006,149],{"class":148},[63,2008,367],{"class":69},[63,2010,370],{"class":77},[63,2012,112],{"class":69},[63,2014,375],{"class":77},[63,2016,123],{"class":69},[63,2018,155],{"class":69},[63,2020,109],{"class":392},[63,2022,395],{"class":69},[63,2024,152],{"class":77},[63,2026,2027],{"class":69},")\n",[63,2029,2030,2032,2034],{"class":65,"line":351},[63,2031,467],{"class":69},[63,2033,74],{"class":73},[63,2035,97],{"class":69},[63,2037,2038],{"class":65,"line":357},[63,2039,142],{"emptyLinePlaceholder":141},[63,2041,2042,2044,2046],{"class":65,"line":362},[63,2043,70],{"class":69},[63,2045,484],{"class":73},[63,2047,97],{"class":69},[63,2049,2050,2052,2054],{"class":65,"line":405},[63,2051,492],{"class":69},[63,2053,495],{"class":73},[63,2055,97],{"class":69},[63,2057,2058,2060,2062,2064,2066],{"class":65,"line":414},[63,2059,506],{"class":69},[63,2061,484],{"class":73},[63,2063,511],{"class":69},[63,2065,514],{"class":392},[63,2067,97],{"class":69},[63,2069,2070,2072,2074,2076,2078,2080,2082,2084,2086,2088,2090,2092,2094,2096,2098,2100,2102,2104,2106,2108,2110,2112,2114,2116,2118],{"class":65,"line":428},[63,2071,522],{"class":69},[63,2073,536],{"class":73},[63,2075,539],{"class":73},[63,2077,84],{"class":69},[63,2079,88],{"class":69},[63,2081,514],{"class":77},[63,2083,548],{"class":148},[63,2085,370],{"class":77},[63,2087,88],{"class":69},[63,2089,555],{"class":69},[63,2091,558],{"class":392},[63,2093,84],{"class":69},[63,2095,88],{"class":69},[63,2097,514],{"class":77},[63,2099,567],{"class":69},[63,2101,570],{"class":77},[63,2103,88],{"class":69},[63,2105,555],{"class":69},[63,2107,514],{"class":392},[63,2109,84],{"class":69},[63,2111,88],{"class":69},[63,2113,514],{"class":77},[63,2115,88],{"class":69},[63,2117,587],{"class":77},[63,2119,528],{"class":69},[63,2121,2122,2124,2126],{"class":65,"line":440},[63,2123,595],{"class":69},[63,2125,484],{"class":73},[63,2127,97],{"class":69},[63,2129,2130,2132,2134,2136,2138],{"class":65,"line":446},[63,2131,506],{"class":69},[63,2133,484],{"class":73},[63,2135,511],{"class":69},[63,2137,611],{"class":392},[63,2139,97],{"class":69},[63,2141,2142,2144,2146,2148,2150,2152,2154,2156,2158,2160,2162,2164,2166,2168,2170,2172,2174,2176],{"class":65,"line":458},[63,2143,522],{"class":69},[63,2145,621],{"class":73},[63,2147,539],{"class":73},[63,2149,84],{"class":69},[63,2151,88],{"class":69},[63,2153,630],{"class":77},[63,2155,548],{"class":148},[63,2157,375],{"class":77},[63,2159,88],{"class":69},[63,2161,555],{"class":69},[63,2163,558],{"class":392},[63,2165,84],{"class":69},[63,2167,88],{"class":69},[63,2169,630],{"class":77},[63,2171,567],{"class":69},[63,2173,168],{"class":77},[63,2175,88],{"class":69},[63,2177,97],{"class":69},[63,2179,2180,2182,2184,2186,2188,2190,2192,2194,2196,2198,2200,2202,2204,2206,2208,2210,2212,2214],{"class":65,"line":464},[63,2181,660],{"class":69},[63,2183,706],{"class":73},[63,2185,539],{"class":73},[63,2187,84],{"class":69},[63,2189,88],{"class":69},[63,2191,514],{"class":77},[63,2193,548],{"class":148},[63,2195,370],{"class":77},[63,2197,88],{"class":69},[63,2199,555],{"class":69},[63,2201,558],{"class":392},[63,2203,84],{"class":69},[63,2205,88],{"class":69},[63,2207,514],{"class":77},[63,2209,567],{"class":69},[63,2211,570],{"class":77},[63,2213,88],{"class":69},[63,2215,97],{"class":69},[63,2217,2218,2220,2222,2225,2227,2229,2231,2234,2237,2240,2242,2245],{"class":65,"line":474},[63,2219,714],{"class":69},[63,2221,717],{"class":77},[63,2223,2224],{"class":69},"[",[63,2226,514],{"class":77},[63,2228,567],{"class":69},[63,2230,570],{"class":77},[63,2232,2233],{"class":73}," as",[63,2235,2236],{"class":148}," keyof",[63,2238,2239],{"class":148}," typeof",[63,2241,717],{"class":77},[63,2243,2244],{"class":69},"]",[63,2246,724],{"class":69},[63,2248,2249,2252,2254,2256,2258],{"class":65,"line":479},[63,2250,2251],{"class":69},"          \u003C",[63,2253,484],{"class":73},[63,2255,511],{"class":69},[63,2257,1219],{"class":392},[63,2259,97],{"class":69},[63,2261,2262,2265,2268,2271,2274],{"class":65,"line":489},[63,2263,2264],{"class":69},"            \u003C",[63,2266,2267],{"class":73},"Button",[63,2269,2270],{"class":77}," plain",[63,2272,2273],{"class":77}," square",[63,2275,97],{"class":69},[63,2277,2278,2281,2284],{"class":65,"line":503},[63,2279,2280],{"class":69},"              \u003C",[63,2282,2283],{"class":73},"IconDotsThree",[63,2285,528],{"class":69},[63,2287,2288,2291,2293],{"class":65,"line":519},[63,2289,2290],{"class":69},"            \u003C/",[63,2292,2267],{"class":73},[63,2294,97],{"class":69},[63,2296,2297,2300,2302],{"class":65,"line":531},[63,2298,2299],{"class":69},"          \u003C/",[63,2301,484],{"class":73},[63,2303,97],{"class":69},[63,2305,2306,2308,2310],{"class":65,"line":592},[63,2307,730],{"class":69},[63,2309,706],{"class":73},[63,2311,97],{"class":69},[63,2313,2314,2316,2318],{"class":65,"line":602},[63,2315,802],{"class":69},[63,2317,621],{"class":73},[63,2319,97],{"class":69},[63,2321,2322,2324,2326],{"class":65,"line":616},[63,2323,595],{"class":69},[63,2325,484],{"class":73},[63,2327,97],{"class":69},[63,2329,2330,2332,2334],{"class":65,"line":657},[63,2331,881],{"class":69},[63,2333,495],{"class":73},[63,2335,97],{"class":69},[63,2337,2338,2340,2342],{"class":65,"line":680},[63,2339,467],{"class":69},[63,2341,484],{"class":73},[63,2343,97],{"class":69},[2345,2346,2347],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sDB6b, html code.shiki .sDB6b{--shiki-dark:#B8A965;--shiki-light:#998418;--shiki-default:#B8A965}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}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 .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);}",{"title":59,"searchDepth":100,"depth":100,"links":2349},[2350,2351,2352,2353],{"id":898,"depth":138,"text":899},{"id":1115,"depth":138,"text":1116},{"id":1225,"depth":138,"text":1226},{"id":1843,"depth":138,"text":1844},"A powerful data display component that provides sorting, pagination, row selection, and custom cell content. It's built with composable parts and the defineTable composable to create complex interactive data tables. It is also the only component which should be imported as a namespace and not as separate atomic components.","md",{},"/docs/components/table",{"title":26,"description":2354},"docs/components/table","XMSOGK7cp2Gl4FLizdlDkX7oa99LS6gUdcRK5gJ43tM",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":2362},"\u003Cpath fill=\"currentColor\" d=\"M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8m-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":2364},"\u003Cpath fill=\"currentColor\" d=\"M156 128a28 28 0 1 1-28-28a28 28 0 0 1 28 28M48 100a28 28 0 1 0 28 28a28 28 0 0 0-28-28m160 0a28 28 0 1 0 28 28a28 28 0 0 0-28-28\"/>",1777992281739]