[{"data":1,"prerenderedAt":5485},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fdata\u002Ftable":649},[4,11,124,509,568,593],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,66,103],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",90,{"title":67,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":68,"stem":69,"children":70,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[71,74,78,82,86,90,95,99],{"title":67,"path":72,"stem":73,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":75,"path":76,"stem":77,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":79,"path":80,"stem":81,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":83,"path":84,"stem":85,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":87,"path":88,"stem":89,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":91,"path":92,"stem":93,"order":94,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":96,"path":97,"stem":98,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":100,"path":101,"stem":102,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":104,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":105,"stem":106,"children":107,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[108,112,116,120],{"title":109,"path":110,"stem":111,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":113,"path":114,"stem":115,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":117,"path":118,"stem":119,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":121,"path":122,"stem":123,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":125,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":126,"stem":127,"children":128,"page":10},"Components","\u002Fcomponents","components",[129,202,301,320,364,417,470],{"title":130,"path":131,"stem":132,"children":133,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[134,138,143,148,153,158,162,167,172,177,182,187,192,197],{"title":135,"path":136,"stem":137,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":139,"path":140,"stem":141,"order":142,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":144,"path":145,"stem":146,"order":147,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":149,"path":150,"stem":151,"order":152,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":154,"path":155,"stem":156,"order":157,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":159,"path":160,"stem":161,"order":157,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":163,"path":164,"stem":165,"order":166,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":168,"path":169,"stem":170,"order":171,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":173,"path":174,"stem":175,"order":176,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":178,"path":179,"stem":180,"order":181,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":183,"path":184,"stem":185,"order":186,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":188,"path":189,"stem":190,"order":191,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":193,"path":194,"stem":195,"order":196,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":198,"path":199,"stem":200,"order":201,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":203,"path":204,"stem":205,"children":206,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[207,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296],{"title":208,"path":209,"stem":210,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":212,"path":213,"stem":214,"order":215,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":217,"path":218,"stem":219,"order":220,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",20.5,{"title":222,"path":223,"stem":224,"order":225,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":227,"path":228,"stem":229,"order":230,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":232,"path":233,"stem":234,"order":235,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":237,"path":238,"stem":239,"order":240,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":242,"path":243,"stem":244,"order":245,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":247,"path":248,"stem":249,"order":250,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":252,"path":253,"stem":254,"order":255,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":257,"path":258,"stem":259,"order":260,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":262,"path":263,"stem":264,"order":265,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":267,"path":268,"stem":269,"order":270,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":272,"path":273,"stem":274,"order":275,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":277,"path":278,"stem":279,"order":280,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":282,"path":283,"stem":284,"order":285,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":287,"path":288,"stem":289,"order":290,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":292,"path":293,"stem":294,"order":295,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":297,"path":298,"stem":299,"order":300,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":302,"path":303,"stem":304,"children":305,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[306,311,315],{"title":307,"path":308,"stem":309,"order":310,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":312,"path":313,"stem":314,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":316,"path":317,"stem":318,"order":319,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":321,"path":322,"stem":323,"children":324,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[325,330,334,339,344,349,354,359],{"title":326,"path":327,"stem":328,"order":329,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":331,"path":332,"stem":333,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":335,"path":336,"stem":337,"order":338,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":340,"path":341,"stem":342,"order":343,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":345,"path":346,"stem":347,"order":348,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":350,"path":351,"stem":352,"order":353,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":355,"path":356,"stem":357,"order":358,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":360,"path":361,"stem":362,"order":363,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":365,"path":366,"stem":367,"children":368,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[369,373,378,383,388,393,398,403,408,412],{"title":370,"path":371,"stem":372,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":374,"path":375,"stem":376,"order":377,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":379,"path":380,"stem":381,"order":382,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":384,"path":385,"stem":386,"order":387,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":389,"path":390,"stem":391,"order":392,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":394,"path":395,"stem":396,"order":397,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":399,"path":400,"stem":401,"order":402,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":404,"path":405,"stem":406,"order":407,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":409,"path":410,"stem":411,"order":94,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":413,"path":414,"stem":415,"order":416,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":418,"path":419,"stem":420,"children":421,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[422,427,431,436,441,446,450,455,460,465],{"title":423,"path":424,"stem":425,"order":426,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":428,"path":429,"stem":430,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":432,"path":433,"stem":434,"order":435,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":437,"path":438,"stem":439,"order":440,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":442,"path":443,"stem":444,"order":445,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":447,"path":448,"stem":449,"order":445,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":451,"path":452,"stem":453,"order":454,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":456,"path":457,"stem":458,"order":459,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":461,"path":462,"stem":463,"order":464,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":466,"path":467,"stem":468,"order":469,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":471,"path":472,"stem":473,"children":474,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[475,479,484,489,494,499,504],{"title":476,"path":477,"stem":478,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":480,"path":481,"stem":482,"order":483,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":485,"path":486,"stem":487,"order":488,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":490,"path":491,"stem":492,"order":493,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":495,"path":496,"stem":497,"order":498,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":500,"path":501,"stem":502,"order":503,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":505,"path":506,"stem":507,"order":508,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":510,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":511,"stem":512,"children":513,"page":10},"Composites","\u002Fcomposites","composites",[514,543],{"title":515,"path":516,"stem":517,"children":518,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[519,523,527,531,535,539],{"title":520,"path":521,"stem":522,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":524,"path":525,"stem":526,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":528,"path":529,"stem":530,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":532,"path":533,"stem":534,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":536,"path":537,"stem":538,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":540,"path":541,"stem":542,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":544,"path":545,"stem":546,"children":547,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[548,552,556,560,564],{"title":549,"path":550,"stem":551,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":553,"path":554,"stem":555,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":557,"path":558,"stem":559,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":561,"path":562,"stem":563,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":565,"path":566,"stem":567,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":569,"order":570,"icon":9,"collapse":10,"navBadges":9,"path":571,"stem":572,"children":573,"page":10},"Blocks",35,"\u002Fblocks","blocks",[574,577,581,585,589],{"title":569,"path":575,"stem":576,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":578,"path":579,"stem":580,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":582,"path":583,"stem":584,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":586,"path":587,"stem":588,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":590,"path":591,"stem":592,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":594,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":595,"stem":596,"children":597,"page":10},"Utilities","\u002Futilities","utilities",[598,632],{"title":599,"path":600,"stem":601,"children":602,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[603,607,611,616,620,624,628],{"title":604,"path":605,"stem":606,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":608,"path":609,"stem":610,"order":166,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":612,"path":613,"stem":614,"order":615,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":617,"path":618,"stem":619,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":621,"path":622,"stem":623,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":625,"path":626,"stem":627,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":629,"path":630,"stem":631,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":633,"path":634,"stem":635,"children":636,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[637,641,645],{"title":638,"path":639,"stem":640,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":642,"path":643,"stem":644,"order":615,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":646,"path":647,"stem":648,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"id":650,"title":312,"aside":651,"body":652,"collapse":10,"description":5481,"editLink":651,"extension":3281,"icon":9,"meta":5482,"navBadges":9,"navigation":9,"order":35,"path":313,"prevNext":651,"seo":5483,"stem":314,"toc":651,"__hash__":5484},"docs\u002Fcomponents\u002Fdata\u002Ftable.md",true,{"type":653,"value":654,"toc":5446},"minimark",[655,660,673,677,1164,1194,1208,1211,1343,1349,1440,1449,1454,1468,1471,1616,1619,1646,1650,1660,1740,1755,1759,1777,1863,1867,1886,1889,2018,2022,2039,2042,2188,2195,2199,2224,2227,2325,2331,2335,2347,2350,2486,2490,2499,2502,2627,2631,2637,2640,2736,2743,2747,2766,2769,3076,3079,3082,3090,3093,3177,3190,3246,3258,3267,3271,3294,3297,3311,3416,3420,3425,3428,3513,3517,3526,3529,3712,3716,3753,3772,4178,4182,4215,4471,4475,4506,4526,4530,4557,4564,4581,4585,4589,4592,5038,5042,5198,5201,5294,5297,5335,5339,5384,5410,5414,5419,5442],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662,663,664,668,669,672],"p",{},"Pass ",[665,666,667],"code",{},"data"," and declare columns with ",[665,670,671],{},"\u003CSColumn>"," children - no column config\nobjects required for the common case:",[674,675],"component-example",{"name":676},"table-basic",[678,679,684],"pre",{"className":680,"code":681,"language":682,"meta":683,"style":683},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\ninterface User { name: string, email: string, role: string }\n\nconst users = ref\u003CUser[]>([\n  { name: 'Alice Johnson', email: 'alice@example.com', role: 'Admin' },\n  { name: 'Bob Smith', email: 'bob@example.com', role: 'Member' },\n])\n\nconst rowSelection = ref({})\nconst globalFilter = ref('')\nconst getUserId = (user: User) => user.email\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSInput v-model=\"globalFilter\" placeholder=\"Search users...\" \u002F>\n  \u003CSTable\n    v-model:row-selection=\"rowSelection\"\n    v-model:global-filter=\"globalFilter\"\n    :data=\"users\"\n    :get-row-id=\"getUserId\"\n    selectable\n    :page-size=\"3\"\n  >\n    \u003CSColumn field=\"name\" header=\"Name\" filterable sortable \u002F>\n    \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n    \u003CSColumn field=\"role\" header=\"Role\" \u002F>\n  \u003C\u002FSTable>\n\u003C\u002Ftemplate>\n","vue","",[665,685,686,715,761,767,790,814,834,840,845,860,880,908,917,922,932,964,972,993,1011,1028,1044,1049,1065,1070,1102,1124,1146,1156],{"__ignoreMap":683},[687,688,690,694,698,702,705,708,712],"span",{"class":689,"line":8},"line",[687,691,693],{"class":692},"sVt8B","\u003C",[687,695,697],{"class":696},"s9eBZ","script",[687,699,701],{"class":700},"sScJk"," setup",[687,703,704],{"class":700}," lang",[687,706,707],{"class":692},"=",[687,709,711],{"class":710},"sZZnC","\"ts\"",[687,713,714],{"class":692},">\n",[687,716,718,722,725,728,732,735,739,742,745,747,749,751,754,756,758],{"class":689,"line":717},2,[687,719,721],{"class":720},"szBVR","interface",[687,723,724],{"class":700}," User",[687,726,727],{"class":692}," { ",[687,729,731],{"class":730},"s4XuR","name",[687,733,734],{"class":720},":",[687,736,738],{"class":737},"sj4cs"," string",[687,740,741],{"class":692},", ",[687,743,744],{"class":730},"email",[687,746,734],{"class":720},[687,748,738],{"class":737},[687,750,741],{"class":692},[687,752,753],{"class":730},"role",[687,755,734],{"class":720},[687,757,738],{"class":737},[687,759,760],{"class":692}," }\n",[687,762,764],{"class":689,"line":763},3,[687,765,766],{"emptyLinePlaceholder":651},"\n",[687,768,770,773,776,779,782,784,787],{"class":689,"line":769},4,[687,771,772],{"class":720},"const",[687,774,775],{"class":737}," users",[687,777,778],{"class":720}," =",[687,780,781],{"class":700}," ref",[687,783,693],{"class":692},[687,785,786],{"class":700},"User",[687,788,789],{"class":692},"[]>([\n",[687,791,793,796,799,802,805,808,811],{"class":689,"line":792},5,[687,794,795],{"class":692},"  { name: ",[687,797,798],{"class":710},"'Alice Johnson'",[687,800,801],{"class":692},", email: ",[687,803,804],{"class":710},"'alice@example.com'",[687,806,807],{"class":692},", role: ",[687,809,810],{"class":710},"'Admin'",[687,812,813],{"class":692}," },\n",[687,815,817,819,822,824,827,829,832],{"class":689,"line":816},6,[687,818,795],{"class":692},[687,820,821],{"class":710},"'Bob Smith'",[687,823,801],{"class":692},[687,825,826],{"class":710},"'bob@example.com'",[687,828,807],{"class":692},[687,830,831],{"class":710},"'Member'",[687,833,813],{"class":692},[687,835,837],{"class":689,"line":836},7,[687,838,839],{"class":692},"])\n",[687,841,843],{"class":689,"line":842},8,[687,844,766],{"emptyLinePlaceholder":651},[687,846,848,850,853,855,857],{"class":689,"line":847},9,[687,849,772],{"class":720},[687,851,852],{"class":737}," rowSelection",[687,854,778],{"class":720},[687,856,781],{"class":700},[687,858,859],{"class":692},"({})\n",[687,861,862,864,867,869,871,874,877],{"class":689,"line":13},[687,863,772],{"class":720},[687,865,866],{"class":737}," globalFilter",[687,868,778],{"class":720},[687,870,781],{"class":700},[687,872,873],{"class":692},"(",[687,875,876],{"class":710},"''",[687,878,879],{"class":692},")\n",[687,881,882,884,887,889,892,895,897,899,902,905],{"class":689,"line":147},[687,883,772],{"class":720},[687,885,886],{"class":700}," getUserId",[687,888,778],{"class":720},[687,890,891],{"class":692}," (",[687,893,894],{"class":730},"user",[687,896,734],{"class":720},[687,898,724],{"class":700},[687,900,901],{"class":692},") ",[687,903,904],{"class":720},"=>",[687,906,907],{"class":692}," user.email\n",[687,909,910,913,915],{"class":689,"line":166},[687,911,912],{"class":692},"\u003C\u002F",[687,914,697],{"class":696},[687,916,714],{"class":692},[687,918,920],{"class":689,"line":919},13,[687,921,766],{"emptyLinePlaceholder":651},[687,923,925,927,930],{"class":689,"line":924},14,[687,926,693],{"class":692},[687,928,929],{"class":696},"template",[687,931,714],{"class":692},[687,933,934,937,940,943,945,948,951,953,956,958,961],{"class":689,"line":615},[687,935,936],{"class":692},"  \u003C",[687,938,939],{"class":696},"SInput",[687,941,942],{"class":700}," v-model",[687,944,707],{"class":692},[687,946,947],{"class":710},"\"",[687,949,950],{"class":692},"globalFilter",[687,952,947],{"class":710},[687,954,955],{"class":700}," placeholder",[687,957,707],{"class":692},[687,959,960],{"class":710},"\"Search users...\"",[687,962,963],{"class":692}," \u002F>\n",[687,965,967,969],{"class":689,"line":966},16,[687,968,936],{"class":692},[687,970,971],{"class":696},"STable\n",[687,973,975,978,980,983,985,987,990],{"class":689,"line":974},17,[687,976,977],{"class":700},"    v-model",[687,979,734],{"class":692},[687,981,982],{"class":700},"row-selection",[687,984,707],{"class":692},[687,986,947],{"class":710},[687,988,989],{"class":692},"rowSelection",[687,991,992],{"class":710},"\"\n",[687,994,996,998,1000,1003,1005,1007,1009],{"class":689,"line":995},18,[687,997,977],{"class":700},[687,999,734],{"class":692},[687,1001,1002],{"class":700},"global-filter",[687,1004,707],{"class":692},[687,1006,947],{"class":710},[687,1008,950],{"class":692},[687,1010,992],{"class":710},[687,1012,1014,1017,1019,1021,1023,1026],{"class":689,"line":1013},19,[687,1015,1016],{"class":692},"    :",[687,1018,667],{"class":700},[687,1020,707],{"class":692},[687,1022,947],{"class":710},[687,1024,1025],{"class":692},"users",[687,1027,992],{"class":710},[687,1029,1030,1032,1035,1037,1039,1042],{"class":689,"line":30},[687,1031,1016],{"class":692},[687,1033,1034],{"class":700},"get-row-id",[687,1036,707],{"class":692},[687,1038,947],{"class":710},[687,1040,1041],{"class":692},"getUserId",[687,1043,992],{"class":710},[687,1045,1046],{"class":689,"line":235},[687,1047,1048],{"class":700},"    selectable\n",[687,1050,1051,1053,1056,1058,1060,1063],{"class":689,"line":245},[687,1052,1016],{"class":692},[687,1054,1055],{"class":700},"page-size",[687,1057,707],{"class":692},[687,1059,947],{"class":710},[687,1061,1062],{"class":737},"3",[687,1064,992],{"class":710},[687,1066,1067],{"class":689,"line":260},[687,1068,1069],{"class":692},"  >\n",[687,1071,1072,1075,1078,1081,1083,1086,1089,1091,1094,1097,1100],{"class":689,"line":275},[687,1073,1074],{"class":692},"    \u003C",[687,1076,1077],{"class":696},"SColumn",[687,1079,1080],{"class":700}," field",[687,1082,707],{"class":692},[687,1084,1085],{"class":710},"\"name\"",[687,1087,1088],{"class":700}," header",[687,1090,707],{"class":692},[687,1092,1093],{"class":710},"\"Name\"",[687,1095,1096],{"class":700}," filterable",[687,1098,1099],{"class":700}," sortable",[687,1101,963],{"class":692},[687,1103,1104,1106,1108,1110,1112,1115,1117,1119,1122],{"class":689,"line":280},[687,1105,1074],{"class":692},[687,1107,1077],{"class":696},[687,1109,1080],{"class":700},[687,1111,707],{"class":692},[687,1113,1114],{"class":710},"\"email\"",[687,1116,1088],{"class":700},[687,1118,707],{"class":692},[687,1120,1121],{"class":710},"\"Email\"",[687,1123,963],{"class":692},[687,1125,1126,1128,1130,1132,1134,1137,1139,1141,1144],{"class":689,"line":290},[687,1127,1074],{"class":692},[687,1129,1077],{"class":696},[687,1131,1080],{"class":700},[687,1133,707],{"class":692},[687,1135,1136],{"class":710},"\"role\"",[687,1138,1088],{"class":700},[687,1140,707],{"class":692},[687,1142,1143],{"class":710},"\"Role\"",[687,1145,963],{"class":692},[687,1147,1148,1151,1154],{"class":689,"line":295},[687,1149,1150],{"class":692},"  \u003C\u002F",[687,1152,1153],{"class":696},"STable",[687,1155,714],{"class":692},[687,1157,1158,1160,1162],{"class":689,"line":300},[687,1159,912],{"class":692},[687,1161,929],{"class":696},[687,1163,714],{"class":692},[661,1165,1166,1167,1170,1171,1173,1174,6,1178,1181,1182,1185,1186,1189,1190,1193],{},"Columns are not sortable by default. Add ",[665,1168,1169],{},"sortable"," to an ",[665,1172,671],{}," to\nenable sorting; an adjacent icon shows its current state (unsorted, ascending,\nor descending). Click a sortable header, or focus it and press\n",[1175,1176,1177],"kbd",{},"Enter",[1175,1179,1180],{},"Space",", to cycle through those states. Shift-click\na second sortable header to add it as a secondary sort without clearing the\nfirst. ",[665,1183,1184],{},"filterable"," adds a funnel button beside that column's header; it opens\na popover with a live text filter and a Clear action. ",[665,1187,1188],{},"selectable"," adds a leading checkbox column wired to\n",[665,1191,1192],{},"v-model:row-selection",".",[661,1195,1196,1197,1200,1201,1203,1204,1207],{},"Use ",[665,1198,1199],{},"select-on-row-click"," alongside ",[665,1202,1188],{}," to toggle selection by\nclicking anywhere on a row. Clicks on controls inside cells (such as links,\nbuttons, and checkboxes) keep their normal behavior. ",[665,1205,1206],{},"row-hover"," adds a subtle\ntheme-aware background while the pointer is over a body row:",[674,1209],{"name":1210},"table-row-click-selection",[678,1212,1216],{"className":1213,"code":1214,"language":1215,"meta":683,"style":683},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSTable\n  v-model:row-selection=\"rowSelection\"\n  :data=\"users\"\n  :get-row-id=\"user => user.email\"\n  selectable\n  select-on-row-click\n  row-hover\n>\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n  \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n\u003C\u002FSTable>\n","vue-html",[665,1217,1218,1224,1241,1256,1276,1281,1286,1291,1295,1315,1335],{"__ignoreMap":683},[687,1219,1220,1222],{"class":689,"line":8},[687,1221,693],{"class":692},[687,1223,971],{"class":696},[687,1225,1226,1229,1231,1233,1235,1237,1239],{"class":689,"line":717},[687,1227,1228],{"class":700},"  v-model",[687,1230,734],{"class":692},[687,1232,982],{"class":700},[687,1234,707],{"class":692},[687,1236,947],{"class":710},[687,1238,989],{"class":692},[687,1240,992],{"class":710},[687,1242,1243,1246,1248,1250,1252,1254],{"class":689,"line":763},[687,1244,1245],{"class":692},"  :",[687,1247,667],{"class":700},[687,1249,707],{"class":692},[687,1251,947],{"class":710},[687,1253,1025],{"class":692},[687,1255,992],{"class":710},[687,1257,1258,1260,1262,1264,1266,1268,1271,1274],{"class":689,"line":769},[687,1259,1245],{"class":692},[687,1261,1034],{"class":700},[687,1263,707],{"class":692},[687,1265,947],{"class":710},[687,1267,894],{"class":730},[687,1269,1270],{"class":720}," =>",[687,1272,1273],{"class":692}," user.email",[687,1275,992],{"class":710},[687,1277,1278],{"class":689,"line":792},[687,1279,1280],{"class":700},"  selectable\n",[687,1282,1283],{"class":689,"line":816},[687,1284,1285],{"class":700},"  select-on-row-click\n",[687,1287,1288],{"class":689,"line":836},[687,1289,1290],{"class":700},"  row-hover\n",[687,1292,1293],{"class":689,"line":842},[687,1294,714],{"class":692},[687,1296,1297,1299,1301,1303,1305,1307,1309,1311,1313],{"class":689,"line":847},[687,1298,936],{"class":692},[687,1300,1077],{"class":696},[687,1302,1080],{"class":700},[687,1304,707],{"class":692},[687,1306,1085],{"class":710},[687,1308,1088],{"class":700},[687,1310,707],{"class":692},[687,1312,1093],{"class":710},[687,1314,963],{"class":692},[687,1316,1317,1319,1321,1323,1325,1327,1329,1331,1333],{"class":689,"line":13},[687,1318,936],{"class":692},[687,1320,1077],{"class":696},[687,1322,1080],{"class":700},[687,1324,707],{"class":692},[687,1326,1114],{"class":710},[687,1328,1088],{"class":700},[687,1330,707],{"class":692},[687,1332,1121],{"class":710},[687,1334,963],{"class":692},[687,1336,1337,1339,1341],{"class":689,"line":147},[687,1338,912],{"class":692},[687,1340,1153],{"class":696},[687,1342,714],{"class":692},[661,1344,1345,1346,1348],{},"Selection and expansion use TanStack's positional row ids by default. For\ndata that can be sorted, filtered, refreshed, or paginated by a server, provide\n",[665,1347,1034],{}," so controlled state follows the record rather than its current\narray position:",[678,1350,1352],{"className":1213,"code":1351,"language":1215,"meta":683,"style":683},"\u003CSTable\n  v-model:row-selection=\"rowSelection\"\n  :data=\"users\"\n  :get-row-id=\"getUserId\"\n  selectable\n>\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n\u003C\u002FSTable>\n",[665,1353,1354,1360,1376,1390,1404,1408,1412,1432],{"__ignoreMap":683},[687,1355,1356,1358],{"class":689,"line":8},[687,1357,693],{"class":692},[687,1359,971],{"class":696},[687,1361,1362,1364,1366,1368,1370,1372,1374],{"class":689,"line":717},[687,1363,1228],{"class":700},[687,1365,734],{"class":692},[687,1367,982],{"class":700},[687,1369,707],{"class":692},[687,1371,947],{"class":710},[687,1373,989],{"class":692},[687,1375,992],{"class":710},[687,1377,1378,1380,1382,1384,1386,1388],{"class":689,"line":763},[687,1379,1245],{"class":692},[687,1381,667],{"class":700},[687,1383,707],{"class":692},[687,1385,947],{"class":710},[687,1387,1025],{"class":692},[687,1389,992],{"class":710},[687,1391,1392,1394,1396,1398,1400,1402],{"class":689,"line":769},[687,1393,1245],{"class":692},[687,1395,1034],{"class":700},[687,1397,707],{"class":692},[687,1399,947],{"class":710},[687,1401,1041],{"class":692},[687,1403,992],{"class":710},[687,1405,1406],{"class":689,"line":792},[687,1407,1280],{"class":700},[687,1409,1410],{"class":689,"line":816},[687,1411,714],{"class":692},[687,1413,1414,1416,1418,1420,1422,1424,1426,1428,1430],{"class":689,"line":836},[687,1415,936],{"class":692},[687,1417,1077],{"class":696},[687,1419,1080],{"class":700},[687,1421,707],{"class":692},[687,1423,1085],{"class":710},[687,1425,1088],{"class":700},[687,1427,707],{"class":692},[687,1429,1093],{"class":710},[687,1431,963],{"class":692},[687,1433,1434,1436,1438],{"class":689,"line":842},[687,1435,912],{"class":692},[687,1437,1153],{"class":696},[687,1439,714],{"class":692},[661,1441,1442,1444,1445,1448],{},[665,1443,1153],{}," doesn't render a global search input itself - wire one up yourself\nand bind it to ",[665,1446,1447],{},"v-model:global-filter",", same compositional approach as the\nrest of the library.",[1450,1451,1453],"h3",{"id":1452},"grouped-headers","Grouped headers",[661,1455,1456,1457,1460,1461,6,1464,1467],{},"Wrap columns in ",[665,1458,1459],{},"\u003CSColumnGroup>"," to produce a multi-row header with the\ncorrect ",[665,1462,1463],{},"colspan",[665,1465,1466],{},"rowspan"," - nest as deeply as needed:",[674,1469],{"name":1470},"table-grouped",[678,1472,1474],{"className":1213,"code":1473,"language":1215,"meta":683,"style":683},"\u003CSTable :data=\"employees\">\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n  \u003CSColumnGroup header=\"Details\">\n    \u003CSColumn field=\"age\" header=\"Age\" \u002F>\n    \u003CSColumn field=\"city\" header=\"City\" \u002F>\n    \u003CSColumn field=\"department\" header=\"Department\" \u002F>\n  \u003C\u002FSColumnGroup>\n\u003C\u002FSTable>\n",[665,1475,1476,1498,1518,1534,1556,1578,1600,1608],{"__ignoreMap":683},[687,1477,1478,1480,1482,1485,1487,1489,1491,1494,1496],{"class":689,"line":8},[687,1479,693],{"class":692},[687,1481,1153],{"class":696},[687,1483,1484],{"class":692}," :",[687,1486,667],{"class":700},[687,1488,707],{"class":692},[687,1490,947],{"class":710},[687,1492,1493],{"class":692},"employees",[687,1495,947],{"class":710},[687,1497,714],{"class":692},[687,1499,1500,1502,1504,1506,1508,1510,1512,1514,1516],{"class":689,"line":717},[687,1501,936],{"class":692},[687,1503,1077],{"class":696},[687,1505,1080],{"class":700},[687,1507,707],{"class":692},[687,1509,1085],{"class":710},[687,1511,1088],{"class":700},[687,1513,707],{"class":692},[687,1515,1093],{"class":710},[687,1517,963],{"class":692},[687,1519,1520,1522,1525,1527,1529,1532],{"class":689,"line":763},[687,1521,936],{"class":692},[687,1523,1524],{"class":696},"SColumnGroup",[687,1526,1088],{"class":700},[687,1528,707],{"class":692},[687,1530,1531],{"class":710},"\"Details\"",[687,1533,714],{"class":692},[687,1535,1536,1538,1540,1542,1544,1547,1549,1551,1554],{"class":689,"line":769},[687,1537,1074],{"class":692},[687,1539,1077],{"class":696},[687,1541,1080],{"class":700},[687,1543,707],{"class":692},[687,1545,1546],{"class":710},"\"age\"",[687,1548,1088],{"class":700},[687,1550,707],{"class":692},[687,1552,1553],{"class":710},"\"Age\"",[687,1555,963],{"class":692},[687,1557,1558,1560,1562,1564,1566,1569,1571,1573,1576],{"class":689,"line":792},[687,1559,1074],{"class":692},[687,1561,1077],{"class":696},[687,1563,1080],{"class":700},[687,1565,707],{"class":692},[687,1567,1568],{"class":710},"\"city\"",[687,1570,1088],{"class":700},[687,1572,707],{"class":692},[687,1574,1575],{"class":710},"\"City\"",[687,1577,963],{"class":692},[687,1579,1580,1582,1584,1586,1588,1591,1593,1595,1598],{"class":689,"line":816},[687,1581,1074],{"class":692},[687,1583,1077],{"class":696},[687,1585,1080],{"class":700},[687,1587,707],{"class":692},[687,1589,1590],{"class":710},"\"department\"",[687,1592,1088],{"class":700},[687,1594,707],{"class":692},[687,1596,1597],{"class":710},"\"Department\"",[687,1599,963],{"class":692},[687,1601,1602,1604,1606],{"class":689,"line":836},[687,1603,1150],{"class":692},[687,1605,1524],{"class":696},[687,1607,714],{"class":692},[687,1609,1610,1612,1614],{"class":689,"line":842},[687,1611,912],{"class":692},[687,1613,1153],{"class":696},[687,1615,714],{"class":692},[1450,1617,355],{"id":1618},"pagination",[661,1620,1621,1622,1624,1625,1628,1629,1632,1633,1636,1637,1640,1641,1645],{},"Pagination is opt-in: every row renders on one page until you set\n",[665,1623,1055],{},". Once set, a ",[1626,1627,355],"a",{"href":356},"\ncontrol (page numbers, Prev\u002FNext, scaling with ",[665,1630,1631],{},"size",") appears automatically\nonce there's more than one page, and binds to ",[665,1634,1635],{},"v-model:page-index"," if you\nneed to read or control the current page yourself. ",[665,1638,1639],{},"virtualize"," is the\nbetter fit for windowing a large dataset instead - see\n",[1626,1642,1644],{"href":1643},"#virtual-scroll","Virtual scroll"," below.",[1450,1647,1649],{"id":1648},"presort","Presort",[661,1651,1652,1655,1656,1659],{},[665,1653,1654],{},"default-sorting"," seeds the initial sort without needing ",[665,1657,1658],{},"v-model:sorting"," -\nuseful when you want a table to open already sorted but still let the user\nchange it freely afterward:",[678,1661,1663],{"className":1213,"code":1662,"language":1215,"meta":683,"style":683},"\u003CSTable :data=\"users\" :default-sorting=\"[{ id: 'name', desc: false }]\">\n  \u003CSColumn field=\"name\" header=\"Name\" sortable \u002F>\n\u003C\u002FSTable>\n",[665,1664,1665,1710,1732],{"__ignoreMap":683},[687,1666,1667,1669,1671,1673,1675,1677,1679,1681,1683,1685,1687,1689,1691,1694,1697,1700,1703,1706,1708],{"class":689,"line":8},[687,1668,693],{"class":692},[687,1670,1153],{"class":696},[687,1672,1484],{"class":692},[687,1674,667],{"class":700},[687,1676,707],{"class":692},[687,1678,947],{"class":710},[687,1680,1025],{"class":692},[687,1682,947],{"class":710},[687,1684,1484],{"class":692},[687,1686,1654],{"class":700},[687,1688,707],{"class":692},[687,1690,947],{"class":710},[687,1692,1693],{"class":692},"[{ id: ",[687,1695,1696],{"class":710},"'name'",[687,1698,1699],{"class":692},", desc: ",[687,1701,1702],{"class":737},"false",[687,1704,1705],{"class":692}," }]",[687,1707,947],{"class":710},[687,1709,714],{"class":692},[687,1711,1712,1714,1716,1718,1720,1722,1724,1726,1728,1730],{"class":689,"line":717},[687,1713,936],{"class":692},[687,1715,1077],{"class":696},[687,1717,1080],{"class":700},[687,1719,707],{"class":692},[687,1721,1085],{"class":710},[687,1723,1088],{"class":700},[687,1725,707],{"class":692},[687,1727,1093],{"class":710},[687,1729,1099],{"class":700},[687,1731,963],{"class":692},[687,1733,1734,1736,1738],{"class":689,"line":763},[687,1735,912],{"class":692},[687,1737,1153],{"class":696},[687,1739,714],{"class":692},[661,1741,1742,1743,1746,1747,6,1749,1751,1752,1193],{},"Unlike ",[665,1744,1745],{},"sorting",", this is read once as a starting value, not on every render -\nthe same uncontrolled-default pattern as ",[665,1748,340],{},[665,1750,331],{},"'s ",[665,1753,1754],{},"defaultValue",[1450,1756,1758],{"id":1757},"custom-cell-content","Custom cell content",[661,1760,1761,1762,1764,1765,1768,1769,1772,1773,1776],{},"Give an ",[665,1763,671],{}," a default slot to customize how each cell renders. It\nreceives ",[665,1766,1767],{},"{ row, value }",", where ",[665,1770,1771],{},"row"," is the full row object and ",[665,1774,1775],{},"value"," is\nthat column's own field value:",[678,1778,1780],{"className":1213,"code":1779,"language":1215,"meta":683,"style":683},"\u003CSColumn field=\"role\" header=\"Role\">\n  \u003Ctemplate #default=\"{ value }\">\n    \u003CSBadge :label=\"value\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FSColumn>\n",[665,1781,1782,1802,1825,1847,1855],{"__ignoreMap":683},[687,1783,1784,1786,1788,1790,1792,1794,1796,1798,1800],{"class":689,"line":8},[687,1785,693],{"class":692},[687,1787,1077],{"class":696},[687,1789,1080],{"class":700},[687,1791,707],{"class":692},[687,1793,1136],{"class":710},[687,1795,1088],{"class":700},[687,1797,707],{"class":692},[687,1799,1143],{"class":710},[687,1801,714],{"class":692},[687,1803,1804,1806,1808,1811,1814,1816,1818,1821,1823],{"class":689,"line":717},[687,1805,936],{"class":692},[687,1807,929],{"class":696},[687,1809,1810],{"class":692}," #",[687,1812,1813],{"class":700},"default",[687,1815,707],{"class":692},[687,1817,947],{"class":710},[687,1819,1820],{"class":692},"{ value }",[687,1822,947],{"class":710},[687,1824,714],{"class":692},[687,1826,1827,1829,1832,1834,1837,1839,1841,1843,1845],{"class":689,"line":763},[687,1828,1074],{"class":692},[687,1830,1831],{"class":696},"SBadge",[687,1833,1484],{"class":692},[687,1835,1836],{"class":700},"label",[687,1838,707],{"class":692},[687,1840,947],{"class":710},[687,1842,1775],{"class":692},[687,1844,947],{"class":710},[687,1846,963],{"class":692},[687,1848,1849,1851,1853],{"class":689,"line":769},[687,1850,1150],{"class":692},[687,1852,929],{"class":696},[687,1854,714],{"class":692},[687,1856,1857,1859,1861],{"class":689,"line":792},[687,1858,912],{"class":692},[687,1860,1077],{"class":696},[687,1862,714],{"class":692},[1450,1864,1866],{"id":1865},"custom-header-content","Custom header content",[661,1868,1869,6,1871,1873,1874,1877,1878,1881,1882,1885],{},[665,1870,671],{},[665,1872,1459],{}," take the same treatment for their ",[665,1875,1876],{},"header","\u002F\n",[665,1879,1880],{},"footer"," - a named slot (scoped with ",[665,1883,1884],{},"{ column }",", TanStack's own column\nAPI) that replaces the plain string prop when given:",[674,1887],{"name":1888},"table-custom-header",[678,1890,1892],{"className":1213,"code":1891,"language":1215,"meta":683,"style":683},"\u003CSColumn field=\"role\">\n  \u003Ctemplate #header>\n    \u003Cspan class=\"inline-flex items-center gap-1\">\n      Role\n      \u003CSTooltip text=\"Admins can manage billing and members\">\n        \u003CSIcon name=\"hugeicons:information-circle\" class=\"size-3.5 text-[var(--selaras-resolved-text-muted)]\" \u002F>\n      \u003C\u002FSTooltip>\n    \u003C\u002Fspan>\n  \u003C\u002Ftemplate>\n\u003C\u002FSColumn>\n",[665,1893,1894,1908,1920,1936,1941,1959,1984,1993,2002,2010],{"__ignoreMap":683},[687,1895,1896,1898,1900,1902,1904,1906],{"class":689,"line":8},[687,1897,693],{"class":692},[687,1899,1077],{"class":696},[687,1901,1080],{"class":700},[687,1903,707],{"class":692},[687,1905,1136],{"class":710},[687,1907,714],{"class":692},[687,1909,1910,1912,1914,1916,1918],{"class":689,"line":717},[687,1911,936],{"class":692},[687,1913,929],{"class":696},[687,1915,1810],{"class":692},[687,1917,1876],{"class":700},[687,1919,714],{"class":692},[687,1921,1922,1924,1926,1929,1931,1934],{"class":689,"line":763},[687,1923,1074],{"class":692},[687,1925,687],{"class":696},[687,1927,1928],{"class":700}," class",[687,1930,707],{"class":692},[687,1932,1933],{"class":710},"\"inline-flex items-center gap-1\"",[687,1935,714],{"class":692},[687,1937,1938],{"class":689,"line":769},[687,1939,1940],{"class":692},"      Role\n",[687,1942,1943,1946,1949,1952,1954,1957],{"class":689,"line":792},[687,1944,1945],{"class":692},"      \u003C",[687,1947,1948],{"class":696},"STooltip",[687,1950,1951],{"class":700}," text",[687,1953,707],{"class":692},[687,1955,1956],{"class":710},"\"Admins can manage billing and members\"",[687,1958,714],{"class":692},[687,1960,1961,1964,1967,1970,1972,1975,1977,1979,1982],{"class":689,"line":816},[687,1962,1963],{"class":692},"        \u003C",[687,1965,1966],{"class":696},"SIcon",[687,1968,1969],{"class":700}," name",[687,1971,707],{"class":692},[687,1973,1974],{"class":710},"\"hugeicons:information-circle\"",[687,1976,1928],{"class":700},[687,1978,707],{"class":692},[687,1980,1981],{"class":710},"\"size-3.5 text-[var(--selaras-resolved-text-muted)]\"",[687,1983,963],{"class":692},[687,1985,1986,1989,1991],{"class":689,"line":836},[687,1987,1988],{"class":692},"      \u003C\u002F",[687,1990,1948],{"class":696},[687,1992,714],{"class":692},[687,1994,1995,1998,2000],{"class":689,"line":842},[687,1996,1997],{"class":692},"    \u003C\u002F",[687,1999,687],{"class":696},[687,2001,714],{"class":692},[687,2003,2004,2006,2008],{"class":689,"line":847},[687,2005,1150],{"class":692},[687,2007,929],{"class":696},[687,2009,714],{"class":692},[687,2011,2012,2014,2016],{"class":689,"line":13},[687,2013,912],{"class":692},[687,2015,1077],{"class":696},[687,2017,714],{"class":692},[1450,2019,2021],{"id":2020},"row-expansion","Row expansion",[661,2023,2024,2027,2028,2030,2031,2034,2035,2038],{},[665,2025,2026],{},"expandable"," adds a leading toggle column; give ",[665,2029,1153],{}," an ",[665,2032,2033],{},"expanded"," slot\nfor the detail content, receiving ",[665,2036,2037],{},"{ row }"," (the row's original data object):",[674,2040],{"name":2041},"table-expandable",[678,2043,2045],{"className":1213,"code":2044,"language":1215,"meta":683,"style":683},"\u003CSTable :data=\"orders\" expandable>\n  \u003CSColumn field=\"id\" header=\"Order\" \u002F>\n  \u003CSColumn field=\"customer\" header=\"Customer\" \u002F>\n  \u003CSColumn field=\"total\" header=\"Total\" \u002F>\n  \u003Ctemplate #expanded=\"{ row }\">\n    \u003Cstrong>Items:\u003C\u002Fstrong> {{ row.items.join(', ') }}\n  \u003C\u002Ftemplate>\n\u003C\u002FSTable>\n",[665,2046,2047,2071,2093,2115,2137,2157,2172,2180],{"__ignoreMap":683},[687,2048,2049,2051,2053,2055,2057,2059,2061,2064,2066,2069],{"class":689,"line":8},[687,2050,693],{"class":692},[687,2052,1153],{"class":696},[687,2054,1484],{"class":692},[687,2056,667],{"class":700},[687,2058,707],{"class":692},[687,2060,947],{"class":710},[687,2062,2063],{"class":692},"orders",[687,2065,947],{"class":710},[687,2067,2068],{"class":700}," expandable",[687,2070,714],{"class":692},[687,2072,2073,2075,2077,2079,2081,2084,2086,2088,2091],{"class":689,"line":717},[687,2074,936],{"class":692},[687,2076,1077],{"class":696},[687,2078,1080],{"class":700},[687,2080,707],{"class":692},[687,2082,2083],{"class":710},"\"id\"",[687,2085,1088],{"class":700},[687,2087,707],{"class":692},[687,2089,2090],{"class":710},"\"Order\"",[687,2092,963],{"class":692},[687,2094,2095,2097,2099,2101,2103,2106,2108,2110,2113],{"class":689,"line":763},[687,2096,936],{"class":692},[687,2098,1077],{"class":696},[687,2100,1080],{"class":700},[687,2102,707],{"class":692},[687,2104,2105],{"class":710},"\"customer\"",[687,2107,1088],{"class":700},[687,2109,707],{"class":692},[687,2111,2112],{"class":710},"\"Customer\"",[687,2114,963],{"class":692},[687,2116,2117,2119,2121,2123,2125,2128,2130,2132,2135],{"class":689,"line":769},[687,2118,936],{"class":692},[687,2120,1077],{"class":696},[687,2122,1080],{"class":700},[687,2124,707],{"class":692},[687,2126,2127],{"class":710},"\"total\"",[687,2129,1088],{"class":700},[687,2131,707],{"class":692},[687,2133,2134],{"class":710},"\"Total\"",[687,2136,963],{"class":692},[687,2138,2139,2141,2143,2145,2147,2149,2151,2153,2155],{"class":689,"line":792},[687,2140,936],{"class":692},[687,2142,929],{"class":696},[687,2144,1810],{"class":692},[687,2146,2033],{"class":700},[687,2148,707],{"class":692},[687,2150,947],{"class":710},[687,2152,2037],{"class":692},[687,2154,947],{"class":710},[687,2156,714],{"class":692},[687,2158,2159,2161,2164,2167,2169],{"class":689,"line":816},[687,2160,1074],{"class":692},[687,2162,2163],{"class":696},"strong",[687,2165,2166],{"class":692},">Items:\u003C\u002F",[687,2168,2163],{"class":696},[687,2170,2171],{"class":692},"> {{ row.items.join(', ') }}\n",[687,2173,2174,2176,2178],{"class":689,"line":836},[687,2175,1150],{"class":692},[687,2177,929],{"class":696},[687,2179,714],{"class":692},[687,2181,2182,2184,2186],{"class":689,"line":842},[687,2183,912],{"class":692},[687,2185,1153],{"class":696},[687,2187,714],{"class":692},[661,2189,2190,2191,2194],{},"Expansion state is uncontrolled by default; bind ",[665,2192,2193],{},"v-model:expanded"," if you\nneed to read or drive it yourself (e.g. to expand a row programmatically).",[1450,2196,2198],{"id":2197},"tree-data","Tree data",[661,2200,2201,2202,2205,2206,2209,2210,2213,2214,2216,2217,2219,2220,2223],{},"Set ",[665,2203,2204],{},"tree"," to render hierarchical rows from each row's ",[665,2207,2208],{},"subRows"," array. Parent\nrows get an inline expand control in the first visible data column, and nested\nrows are indented by depth. For another child property, pass ",[665,2211,2212],{},"get-sub-rows",".\nUse stable ",[665,2215,1034],{}," values when the same table may expand, select, or sort\ntree rows. Tree mode uses ",[665,2218,2033],{}," for child visibility, so it cannot be\ncombined with the detail ",[665,2221,2222],{},"#expanded"," slot.",[674,2225],{"name":2226},"table-tree",[678,2228,2230],{"className":1213,"code":2229,"language":1215,"meta":683,"style":683},"\u003CSTable :data=\"teams\" tree :get-row-id=\"team => team.name\">\n  \u003CSColumn field=\"name\" header=\"Team\" \u002F>\n  \u003CSColumn field=\"lead\" header=\"Lead\" \u002F>\n\u003C\u002FSTable>\n",[665,2231,2232,2274,2295,2317],{"__ignoreMap":683},[687,2233,2234,2236,2238,2240,2242,2244,2246,2249,2251,2254,2256,2258,2260,2262,2265,2267,2270,2272],{"class":689,"line":8},[687,2235,693],{"class":692},[687,2237,1153],{"class":696},[687,2239,1484],{"class":692},[687,2241,667],{"class":700},[687,2243,707],{"class":692},[687,2245,947],{"class":710},[687,2247,2248],{"class":692},"teams",[687,2250,947],{"class":710},[687,2252,2253],{"class":700}," tree",[687,2255,1484],{"class":692},[687,2257,1034],{"class":700},[687,2259,707],{"class":692},[687,2261,947],{"class":710},[687,2263,2264],{"class":730},"team",[687,2266,1270],{"class":720},[687,2268,2269],{"class":692}," team.name",[687,2271,947],{"class":710},[687,2273,714],{"class":692},[687,2275,2276,2278,2280,2282,2284,2286,2288,2290,2293],{"class":689,"line":717},[687,2277,936],{"class":692},[687,2279,1077],{"class":696},[687,2281,1080],{"class":700},[687,2283,707],{"class":692},[687,2285,1085],{"class":710},[687,2287,1088],{"class":700},[687,2289,707],{"class":692},[687,2291,2292],{"class":710},"\"Team\"",[687,2294,963],{"class":692},[687,2296,2297,2299,2301,2303,2305,2308,2310,2312,2315],{"class":689,"line":763},[687,2298,936],{"class":692},[687,2300,1077],{"class":696},[687,2302,1080],{"class":700},[687,2304,707],{"class":692},[687,2306,2307],{"class":710},"\"lead\"",[687,2309,1088],{"class":700},[687,2311,707],{"class":692},[687,2313,2314],{"class":710},"\"Lead\"",[687,2316,963],{"class":692},[687,2318,2319,2321,2323],{"class":689,"line":769},[687,2320,912],{"class":692},[687,2322,1153],{"class":696},[687,2324,714],{"class":692},[661,2326,2327,2328,1193],{},"For a different nested field, return each row's children with\n",[665,2329,2330],{},"get-sub-rows=\"row => row.children\"",[1450,2332,2334],{"id":2333},"row-click","Row click",[661,2336,2337,6,2340,2343,2344,2346],{},[665,2338,2339],{},"@row-click",[665,2341,2342],{},"@row-contextmenu"," fire with the row's original data object\nand the native event - useful for navigating to a detail page, for\ninstance. A row only gets a pointer cursor when ",[665,2345,2339],{}," actually has\na listener attached, so a plain, non-interactive table isn't misleadingly\nstyled as clickable:",[674,2348],{"name":2349},"table-row-click",[678,2351,2353],{"className":1213,"code":2352,"language":1215,"meta":683,"style":683},"\u003CSTable :data=\"users\" @row-click=\"(row) => router.push(`\u002Fusers\u002F${row.id}`)\">\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n  \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n  \u003CSColumn field=\"role\" header=\"Role\" \u002F>\n\u003C\u002FSTable>\n",[665,2354,2355,2418,2438,2458,2478],{"__ignoreMap":683},[687,2356,2357,2359,2361,2363,2365,2367,2369,2371,2373,2376,2378,2380,2382,2384,2386,2388,2390,2393,2396,2398,2401,2403,2405,2408,2411,2414,2416],{"class":689,"line":8},[687,2358,693],{"class":692},[687,2360,1153],{"class":696},[687,2362,1484],{"class":692},[687,2364,667],{"class":700},[687,2366,707],{"class":692},[687,2368,947],{"class":710},[687,2370,1025],{"class":692},[687,2372,947],{"class":710},[687,2374,2375],{"class":692}," @",[687,2377,2333],{"class":700},[687,2379,707],{"class":692},[687,2381,947],{"class":710},[687,2383,873],{"class":692},[687,2385,1771],{"class":730},[687,2387,901],{"class":692},[687,2389,904],{"class":720},[687,2391,2392],{"class":692}," router.",[687,2394,2395],{"class":700},"push",[687,2397,873],{"class":692},[687,2399,2400],{"class":710},"`\u002Fusers\u002F${",[687,2402,1771],{"class":692},[687,2404,1193],{"class":710},[687,2406,2407],{"class":692},"id",[687,2409,2410],{"class":710},"}`",[687,2412,2413],{"class":692},")",[687,2415,947],{"class":710},[687,2417,714],{"class":692},[687,2419,2420,2422,2424,2426,2428,2430,2432,2434,2436],{"class":689,"line":717},[687,2421,936],{"class":692},[687,2423,1077],{"class":696},[687,2425,1080],{"class":700},[687,2427,707],{"class":692},[687,2429,1085],{"class":710},[687,2431,1088],{"class":700},[687,2433,707],{"class":692},[687,2435,1093],{"class":710},[687,2437,963],{"class":692},[687,2439,2440,2442,2444,2446,2448,2450,2452,2454,2456],{"class":689,"line":763},[687,2441,936],{"class":692},[687,2443,1077],{"class":696},[687,2445,1080],{"class":700},[687,2447,707],{"class":692},[687,2449,1114],{"class":710},[687,2451,1088],{"class":700},[687,2453,707],{"class":692},[687,2455,1121],{"class":710},[687,2457,963],{"class":692},[687,2459,2460,2462,2464,2466,2468,2470,2472,2474,2476],{"class":689,"line":769},[687,2461,936],{"class":692},[687,2463,1077],{"class":696},[687,2465,1080],{"class":700},[687,2467,707],{"class":692},[687,2469,1136],{"class":710},[687,2471,1088],{"class":700},[687,2473,707],{"class":692},[687,2475,1143],{"class":710},[687,2477,963],{"class":692},[687,2479,2480,2482,2484],{"class":689,"line":792},[687,2481,912],{"class":692},[687,2483,1153],{"class":696},[687,2485,714],{"class":692},[1450,2487,2489],{"id":2488},"per-row-styling","Per-row styling",[661,2491,2492,6,2495,2498],{},[665,2493,2494],{},"row-class",[665,2496,2497],{},"row-style"," are called with each row's own data, letting you\nstyle a row conditionally - highlighting an overdue order, say:",[674,2500],{"name":2501},"table-row-styling",[678,2503,2505],{"className":1213,"code":2504,"language":1215,"meta":683,"style":683},"\u003CSTable :data=\"orders\" :row-class=\"(row) => row.overdue ? 'bg-[var(--selaras-resolved-color-danger-subtle)]' : undefined\">\n  \u003CSColumn field=\"id\" header=\"Order\" \u002F>\n  \u003CSColumn field=\"customer\" header=\"Customer\" \u002F>\n  \u003CSColumn field=\"total\" header=\"Total\" \u002F>\n\u003C\u002FSTable>\n",[665,2506,2507,2559,2579,2599,2619],{"__ignoreMap":683},[687,2508,2509,2511,2513,2515,2517,2519,2521,2523,2525,2527,2529,2531,2533,2535,2537,2539,2541,2544,2547,2550,2552,2555,2557],{"class":689,"line":8},[687,2510,693],{"class":692},[687,2512,1153],{"class":696},[687,2514,1484],{"class":692},[687,2516,667],{"class":700},[687,2518,707],{"class":692},[687,2520,947],{"class":710},[687,2522,2063],{"class":692},[687,2524,947],{"class":710},[687,2526,1484],{"class":692},[687,2528,2494],{"class":700},[687,2530,707],{"class":692},[687,2532,947],{"class":710},[687,2534,873],{"class":692},[687,2536,1771],{"class":730},[687,2538,901],{"class":692},[687,2540,904],{"class":720},[687,2542,2543],{"class":692}," row.overdue ",[687,2545,2546],{"class":720},"?",[687,2548,2549],{"class":710}," 'bg-[var(--selaras-resolved-color-danger-subtle)]'",[687,2551,1484],{"class":720},[687,2553,2554],{"class":737}," undefined",[687,2556,947],{"class":710},[687,2558,714],{"class":692},[687,2560,2561,2563,2565,2567,2569,2571,2573,2575,2577],{"class":689,"line":717},[687,2562,936],{"class":692},[687,2564,1077],{"class":696},[687,2566,1080],{"class":700},[687,2568,707],{"class":692},[687,2570,2083],{"class":710},[687,2572,1088],{"class":700},[687,2574,707],{"class":692},[687,2576,2090],{"class":710},[687,2578,963],{"class":692},[687,2580,2581,2583,2585,2587,2589,2591,2593,2595,2597],{"class":689,"line":763},[687,2582,936],{"class":692},[687,2584,1077],{"class":696},[687,2586,1080],{"class":700},[687,2588,707],{"class":692},[687,2590,2105],{"class":710},[687,2592,1088],{"class":700},[687,2594,707],{"class":692},[687,2596,2112],{"class":710},[687,2598,963],{"class":692},[687,2600,2601,2603,2605,2607,2609,2611,2613,2615,2617],{"class":689,"line":769},[687,2602,936],{"class":692},[687,2604,1077],{"class":696},[687,2606,1080],{"class":700},[687,2608,707],{"class":692},[687,2610,2127],{"class":710},[687,2612,1088],{"class":700},[687,2614,707],{"class":692},[687,2616,2134],{"class":710},[687,2618,963],{"class":692},[687,2620,2621,2623,2625],{"class":689,"line":792},[687,2622,912],{"class":692},[687,2624,1153],{"class":696},[687,2626,714],{"class":692},[1450,2628,2630],{"id":2629},"column-visibility-toggle","Column visibility toggle",[661,2632,2633,2636],{},[665,2634,2635],{},"column-toggle"," renders a \"Columns\" button above the table that opens a panel\nof checkboxes, one per column, letting the user hide\u002Fshow columns on the fly:",[674,2638],{"name":2639},"table-column-toggle",[678,2641,2643],{"className":1213,"code":2642,"language":1215,"meta":683,"style":683},"\u003CSTable :data=\"users\" column-toggle>\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n  \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n  \u003CSColumn field=\"role\" header=\"Role\" \u002F>\n\u003C\u002FSTable>\n",[665,2644,2645,2668,2688,2708,2728],{"__ignoreMap":683},[687,2646,2647,2649,2651,2653,2655,2657,2659,2661,2663,2666],{"class":689,"line":8},[687,2648,693],{"class":692},[687,2650,1153],{"class":696},[687,2652,1484],{"class":692},[687,2654,667],{"class":700},[687,2656,707],{"class":692},[687,2658,947],{"class":710},[687,2660,1025],{"class":692},[687,2662,947],{"class":710},[687,2664,2665],{"class":700}," column-toggle",[687,2667,714],{"class":692},[687,2669,2670,2672,2674,2676,2678,2680,2682,2684,2686],{"class":689,"line":717},[687,2671,936],{"class":692},[687,2673,1077],{"class":696},[687,2675,1080],{"class":700},[687,2677,707],{"class":692},[687,2679,1085],{"class":710},[687,2681,1088],{"class":700},[687,2683,707],{"class":692},[687,2685,1093],{"class":710},[687,2687,963],{"class":692},[687,2689,2690,2692,2694,2696,2698,2700,2702,2704,2706],{"class":689,"line":763},[687,2691,936],{"class":692},[687,2693,1077],{"class":696},[687,2695,1080],{"class":700},[687,2697,707],{"class":692},[687,2699,1114],{"class":710},[687,2701,1088],{"class":700},[687,2703,707],{"class":692},[687,2705,1121],{"class":710},[687,2707,963],{"class":692},[687,2709,2710,2712,2714,2716,2718,2720,2722,2724,2726],{"class":689,"line":769},[687,2711,936],{"class":692},[687,2713,1077],{"class":696},[687,2715,1080],{"class":700},[687,2717,707],{"class":692},[687,2719,1136],{"class":710},[687,2721,1088],{"class":700},[687,2723,707],{"class":692},[687,2725,1143],{"class":710},[687,2727,963],{"class":692},[687,2729,2730,2732,2734],{"class":689,"line":792},[687,2731,912],{"class":692},[687,2733,1153],{"class":696},[687,2735,714],{"class":692},[661,2737,2738,2739,2742],{},"Bind ",[665,2740,2741],{},"v-model:column-visibility"," if you need to read or control which\ncolumns are shown yourself (e.g. to persist the choice).",[1450,2744,2746],{"id":2745},"frozen-columns","Frozen columns",[661,2748,2749,2750,2753,2754,2757,2758,2761,2762,2765],{},"Give a column ",[665,2751,2752],{},"pinned=\"left\""," or ",[665,2755,2756],{},"pinned=\"right\""," to keep it fixed at that\nedge during horizontal scroll - pair it with ",[665,2759,2760],{},"scroll-height"," (below) and\nenough columns (or a ",[665,2763,2764],{},"ui.table"," min-width override) that the table actually\nneeds to scroll:",[674,2767],{"name":2768},"table-pinned",[678,2770,2772],{"className":1213,"code":2771,"language":1215,"meta":683,"style":683},"\u003CSTable :data=\"employees\" scroll-height=\"16rem\" :ui=\"{ table: 'min-w-[960px]' }\">\n  \u003CSColumn field=\"name\" header=\"Name\" pinned=\"left\" \u002F>\n  \u003CSColumn field=\"department\" header=\"Department\" \u002F>\n  \u003CSColumn field=\"role\" header=\"Role\" \u002F>\n  \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n  \u003CSColumn field=\"phone\" header=\"Phone\" \u002F>\n  \u003CSColumn field=\"city\" header=\"City\" \u002F>\n  \u003CSColumn field=\"startDate\" header=\"Start date\" \u002F>\n  \u003CSColumn field=\"actions\" header=\"Actions\" sortable=\"false\" pinned=\"right\">\n    \u003Ctemplate #default>\n      \u003CSButton variant=\"outline\" size=\"sm\">Edit\u003C\u002FSButton>\n    \u003C\u002Ftemplate>\n  \u003C\u002FSColumn>\n\u003C\u002FSTable>\n",[665,2773,2774,2822,2850,2870,2890,2910,2932,2952,2974,3010,3022,3052,3060,3068],{"__ignoreMap":683},[687,2775,2776,2778,2780,2782,2784,2786,2788,2790,2792,2795,2797,2800,2802,2805,2807,2809,2812,2815,2818,2820],{"class":689,"line":8},[687,2777,693],{"class":692},[687,2779,1153],{"class":696},[687,2781,1484],{"class":692},[687,2783,667],{"class":700},[687,2785,707],{"class":692},[687,2787,947],{"class":710},[687,2789,1493],{"class":692},[687,2791,947],{"class":710},[687,2793,2794],{"class":700}," scroll-height",[687,2796,707],{"class":692},[687,2798,2799],{"class":710},"\"16rem\"",[687,2801,1484],{"class":692},[687,2803,2804],{"class":700},"ui",[687,2806,707],{"class":692},[687,2808,947],{"class":710},[687,2810,2811],{"class":692},"{ table: ",[687,2813,2814],{"class":710},"'min-w-[960px]'",[687,2816,2817],{"class":692}," }",[687,2819,947],{"class":710},[687,2821,714],{"class":692},[687,2823,2824,2826,2828,2830,2832,2834,2836,2838,2840,2843,2845,2848],{"class":689,"line":717},[687,2825,936],{"class":692},[687,2827,1077],{"class":696},[687,2829,1080],{"class":700},[687,2831,707],{"class":692},[687,2833,1085],{"class":710},[687,2835,1088],{"class":700},[687,2837,707],{"class":692},[687,2839,1093],{"class":710},[687,2841,2842],{"class":700}," pinned",[687,2844,707],{"class":692},[687,2846,2847],{"class":710},"\"left\"",[687,2849,963],{"class":692},[687,2851,2852,2854,2856,2858,2860,2862,2864,2866,2868],{"class":689,"line":763},[687,2853,936],{"class":692},[687,2855,1077],{"class":696},[687,2857,1080],{"class":700},[687,2859,707],{"class":692},[687,2861,1590],{"class":710},[687,2863,1088],{"class":700},[687,2865,707],{"class":692},[687,2867,1597],{"class":710},[687,2869,963],{"class":692},[687,2871,2872,2874,2876,2878,2880,2882,2884,2886,2888],{"class":689,"line":769},[687,2873,936],{"class":692},[687,2875,1077],{"class":696},[687,2877,1080],{"class":700},[687,2879,707],{"class":692},[687,2881,1136],{"class":710},[687,2883,1088],{"class":700},[687,2885,707],{"class":692},[687,2887,1143],{"class":710},[687,2889,963],{"class":692},[687,2891,2892,2894,2896,2898,2900,2902,2904,2906,2908],{"class":689,"line":792},[687,2893,936],{"class":692},[687,2895,1077],{"class":696},[687,2897,1080],{"class":700},[687,2899,707],{"class":692},[687,2901,1114],{"class":710},[687,2903,1088],{"class":700},[687,2905,707],{"class":692},[687,2907,1121],{"class":710},[687,2909,963],{"class":692},[687,2911,2912,2914,2916,2918,2920,2923,2925,2927,2930],{"class":689,"line":816},[687,2913,936],{"class":692},[687,2915,1077],{"class":696},[687,2917,1080],{"class":700},[687,2919,707],{"class":692},[687,2921,2922],{"class":710},"\"phone\"",[687,2924,1088],{"class":700},[687,2926,707],{"class":692},[687,2928,2929],{"class":710},"\"Phone\"",[687,2931,963],{"class":692},[687,2933,2934,2936,2938,2940,2942,2944,2946,2948,2950],{"class":689,"line":836},[687,2935,936],{"class":692},[687,2937,1077],{"class":696},[687,2939,1080],{"class":700},[687,2941,707],{"class":692},[687,2943,1568],{"class":710},[687,2945,1088],{"class":700},[687,2947,707],{"class":692},[687,2949,1575],{"class":710},[687,2951,963],{"class":692},[687,2953,2954,2956,2958,2960,2962,2965,2967,2969,2972],{"class":689,"line":842},[687,2955,936],{"class":692},[687,2957,1077],{"class":696},[687,2959,1080],{"class":700},[687,2961,707],{"class":692},[687,2963,2964],{"class":710},"\"startDate\"",[687,2966,1088],{"class":700},[687,2968,707],{"class":692},[687,2970,2971],{"class":710},"\"Start date\"",[687,2973,963],{"class":692},[687,2975,2976,2978,2980,2982,2984,2987,2989,2991,2994,2996,2998,3001,3003,3005,3008],{"class":689,"line":847},[687,2977,936],{"class":692},[687,2979,1077],{"class":696},[687,2981,1080],{"class":700},[687,2983,707],{"class":692},[687,2985,2986],{"class":710},"\"actions\"",[687,2988,1088],{"class":700},[687,2990,707],{"class":692},[687,2992,2993],{"class":710},"\"Actions\"",[687,2995,1099],{"class":700},[687,2997,707],{"class":692},[687,2999,3000],{"class":710},"\"false\"",[687,3002,2842],{"class":700},[687,3004,707],{"class":692},[687,3006,3007],{"class":710},"\"right\"",[687,3009,714],{"class":692},[687,3011,3012,3014,3016,3018,3020],{"class":689,"line":13},[687,3013,1074],{"class":692},[687,3015,929],{"class":696},[687,3017,1810],{"class":692},[687,3019,1813],{"class":700},[687,3021,714],{"class":692},[687,3023,3024,3026,3029,3032,3034,3037,3040,3042,3045,3048,3050],{"class":689,"line":147},[687,3025,1945],{"class":692},[687,3027,3028],{"class":696},"SButton",[687,3030,3031],{"class":700}," variant",[687,3033,707],{"class":692},[687,3035,3036],{"class":710},"\"outline\"",[687,3038,3039],{"class":700}," size",[687,3041,707],{"class":692},[687,3043,3044],{"class":710},"\"sm\"",[687,3046,3047],{"class":692},">Edit\u003C\u002F",[687,3049,3028],{"class":696},[687,3051,714],{"class":692},[687,3053,3054,3056,3058],{"class":689,"line":166},[687,3055,1997],{"class":692},[687,3057,929],{"class":696},[687,3059,714],{"class":692},[687,3061,3062,3064,3066],{"class":689,"line":919},[687,3063,1150],{"class":692},[687,3065,1077],{"class":696},[687,3067,714],{"class":692},[687,3069,3070,3072,3074],{"class":689,"line":924},[687,3071,912],{"class":692},[687,3073,1153],{"class":696},[687,3075,714],{"class":692},[661,3077,3078],{},"Sticky offsets are measured from each header's real rendered width after\nmount and whenever the column list or visibility changes - not on every\npossible layout shift (a later web-font load, a window resize), which is a\ndeliberate scope cut for this pass.",[1450,3080,1644],{"id":3081},"virtual-scroll",[661,3083,3084,3086,3087,3089],{},[665,3085,2760],{}," caps the table at a fixed CSS height with a sticky header and\nvertical scroll. Add ",[665,3088,1639],{}," to only render the rows currently in view,\nfor datasets too large to put in the DOM all at once:",[674,3091],{"name":3092},"table-virtualized",[678,3094,3096],{"className":1213,"code":3095,"language":1215,"meta":683,"style":683},"\u003CSTable :data=\"tenThousandRows\" scroll-height=\"16rem\" virtualize>\n  \u003CSColumn field=\"id\" header=\"ID\" \u002F>\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n\u003C\u002FSTable>\n",[665,3097,3098,3128,3149,3169],{"__ignoreMap":683},[687,3099,3100,3102,3104,3106,3108,3110,3112,3115,3117,3119,3121,3123,3126],{"class":689,"line":8},[687,3101,693],{"class":692},[687,3103,1153],{"class":696},[687,3105,1484],{"class":692},[687,3107,667],{"class":700},[687,3109,707],{"class":692},[687,3111,947],{"class":710},[687,3113,3114],{"class":692},"tenThousandRows",[687,3116,947],{"class":710},[687,3118,2794],{"class":700},[687,3120,707],{"class":692},[687,3122,2799],{"class":710},[687,3124,3125],{"class":700}," virtualize",[687,3127,714],{"class":692},[687,3129,3130,3132,3134,3136,3138,3140,3142,3144,3147],{"class":689,"line":717},[687,3131,936],{"class":692},[687,3133,1077],{"class":696},[687,3135,1080],{"class":700},[687,3137,707],{"class":692},[687,3139,2083],{"class":710},[687,3141,1088],{"class":700},[687,3143,707],{"class":692},[687,3145,3146],{"class":710},"\"ID\"",[687,3148,963],{"class":692},[687,3150,3151,3153,3155,3157,3159,3161,3163,3165,3167],{"class":689,"line":763},[687,3152,936],{"class":692},[687,3154,1077],{"class":696},[687,3156,1080],{"class":700},[687,3158,707],{"class":692},[687,3160,1085],{"class":710},[687,3162,1088],{"class":700},[687,3164,707],{"class":692},[687,3166,1093],{"class":710},[687,3168,963],{"class":692},[687,3170,3171,3173,3175],{"class":689,"line":769},[687,3172,912],{"class":692},[687,3174,1153],{"class":696},[687,3176,714],{"class":692},[661,3178,3179,3180,3183,3184,6,3187,734],{},"Pass an object instead of ",[665,3181,3182],{},"true"," to tune ",[665,3185,3186],{},"estimateSize",[665,3188,3189],{},"overscan",[678,3191,3193],{"className":1213,"code":3192,"language":1215,"meta":683,"style":683},"\u003CSTable :data=\"rows\" scroll-height=\"16rem\" :virtualize=\"{ estimateSize: 48, overscan: 12 }\" \u002F>\n",[665,3194,3195],{"__ignoreMap":683},[687,3196,3197,3199,3201,3203,3205,3207,3209,3212,3214,3216,3218,3220,3222,3224,3226,3228,3231,3234,3237,3240,3242,3244],{"class":689,"line":8},[687,3198,693],{"class":692},[687,3200,1153],{"class":696},[687,3202,1484],{"class":692},[687,3204,667],{"class":700},[687,3206,707],{"class":692},[687,3208,947],{"class":710},[687,3210,3211],{"class":692},"rows",[687,3213,947],{"class":710},[687,3215,2794],{"class":700},[687,3217,707],{"class":692},[687,3219,2799],{"class":710},[687,3221,1484],{"class":692},[687,3223,1639],{"class":700},[687,3225,707],{"class":692},[687,3227,947],{"class":710},[687,3229,3230],{"class":692},"{ estimateSize: ",[687,3232,3233],{"class":737},"48",[687,3235,3236],{"class":692},", overscan: ",[687,3238,3239],{"class":737},"12",[687,3241,2817],{"class":692},[687,3243,947],{"class":710},[687,3245,963],{"class":692},[661,3247,3248,3249,3251,3252,3254,3255,1193],{},"Omit either field (or pass ",[665,3250,1639],{}," as plain ",[665,3253,3182],{},") and it defaults to\n",[665,3256,3257],{},"estimateSize: 40, overscan: 8",[661,3259,3260,3261,3263,3264,3266],{},"Virtualizing replaces pagination as the strategy for a large dataset - while\n",[665,3262,1639],{}," is set, ",[665,3265,1055],{}," has no effect and the pagination controls\ndon't render.",[1450,3268,3270],{"id":3269},"sizes-grid-lines-striped-rows","Sizes, grid lines & striped rows",[661,3272,3273,891,3275,3278,3279,3278,3282,3285,3286,3289,3290,3293],{},[665,3274,1631],{},[665,3276,3277],{},"sm"," \u002F ",[665,3280,3281],{},"md",[665,3283,3284],{},"lg",") controls cell padding and text size. ",[665,3287,3288],{},"gridlines","\nadds borders around every cell instead of just row dividers, and ",[665,3291,3292],{},"striped","\nalternates row backgrounds:",[674,3295],{"name":3296},"table-styling",[661,3298,3299,3300,3303,3304,3278,3307,3310],{},"Gridline tables keep one rounded outer frame around the scroll viewport, with\nlines between columns and rows. The same frame remains around empty and loading\nstates; no extra table border is added. Use ",[665,3301,3302],{},"ui.wrapper"," to customize the frame\nand ",[665,3305,3306],{},"ui.th",[665,3308,3309],{},"ui.td"," for cell lines.",[678,3312,3314],{"className":1213,"code":3313,"language":1215,"meta":683,"style":683},"\u003CSTable :data=\"users\" gridlines striped size=\"sm\">\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n  \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n  \u003CSColumn field=\"role\" header=\"Role\" \u002F>\n\u003C\u002FSTable>\n",[665,3315,3316,3348,3368,3388,3408],{"__ignoreMap":683},[687,3317,3318,3320,3322,3324,3326,3328,3330,3332,3334,3337,3340,3342,3344,3346],{"class":689,"line":8},[687,3319,693],{"class":692},[687,3321,1153],{"class":696},[687,3323,1484],{"class":692},[687,3325,667],{"class":700},[687,3327,707],{"class":692},[687,3329,947],{"class":710},[687,3331,1025],{"class":692},[687,3333,947],{"class":710},[687,3335,3336],{"class":700}," gridlines",[687,3338,3339],{"class":700}," striped",[687,3341,3039],{"class":700},[687,3343,707],{"class":692},[687,3345,3044],{"class":710},[687,3347,714],{"class":692},[687,3349,3350,3352,3354,3356,3358,3360,3362,3364,3366],{"class":689,"line":717},[687,3351,936],{"class":692},[687,3353,1077],{"class":696},[687,3355,1080],{"class":700},[687,3357,707],{"class":692},[687,3359,1085],{"class":710},[687,3361,1088],{"class":700},[687,3363,707],{"class":692},[687,3365,1093],{"class":710},[687,3367,963],{"class":692},[687,3369,3370,3372,3374,3376,3378,3380,3382,3384,3386],{"class":689,"line":763},[687,3371,936],{"class":692},[687,3373,1077],{"class":696},[687,3375,1080],{"class":700},[687,3377,707],{"class":692},[687,3379,1114],{"class":710},[687,3381,1088],{"class":700},[687,3383,707],{"class":692},[687,3385,1121],{"class":710},[687,3387,963],{"class":692},[687,3389,3390,3392,3394,3396,3398,3400,3402,3404,3406],{"class":689,"line":769},[687,3391,936],{"class":692},[687,3393,1077],{"class":696},[687,3395,1080],{"class":700},[687,3397,707],{"class":692},[687,3399,1136],{"class":710},[687,3401,1088],{"class":700},[687,3403,707],{"class":692},[687,3405,1143],{"class":710},[687,3407,963],{"class":692},[687,3409,3410,3412,3414],{"class":689,"line":792},[687,3411,912],{"class":692},[687,3413,1153],{"class":696},[687,3415,714],{"class":692},[1450,3417,3419],{"id":3418},"loading","Loading",[661,3421,3422,3424],{},[665,3423,3418],{}," overlays the table with a spinner while keeping the existing rows\nvisible underneath, rather than swapping to an empty state:",[674,3426],{"name":3427},"table-loading",[678,3429,3431],{"className":1213,"code":3430,"language":1215,"meta":683,"style":683},"\u003CSTable :data=\"users\" :loading=\"loading\">\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n  \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n\u003C\u002FSTable>\n",[665,3432,3433,3465,3485,3505],{"__ignoreMap":683},[687,3434,3435,3437,3439,3441,3443,3445,3447,3449,3451,3453,3455,3457,3459,3461,3463],{"class":689,"line":8},[687,3436,693],{"class":692},[687,3438,1153],{"class":696},[687,3440,1484],{"class":692},[687,3442,667],{"class":700},[687,3444,707],{"class":692},[687,3446,947],{"class":710},[687,3448,1025],{"class":692},[687,3450,947],{"class":710},[687,3452,1484],{"class":692},[687,3454,3418],{"class":700},[687,3456,707],{"class":692},[687,3458,947],{"class":710},[687,3460,3418],{"class":692},[687,3462,947],{"class":710},[687,3464,714],{"class":692},[687,3466,3467,3469,3471,3473,3475,3477,3479,3481,3483],{"class":689,"line":717},[687,3468,936],{"class":692},[687,3470,1077],{"class":696},[687,3472,1080],{"class":700},[687,3474,707],{"class":692},[687,3476,1085],{"class":710},[687,3478,1088],{"class":700},[687,3480,707],{"class":692},[687,3482,1093],{"class":710},[687,3484,963],{"class":692},[687,3486,3487,3489,3491,3493,3495,3497,3499,3501,3503],{"class":689,"line":763},[687,3488,936],{"class":692},[687,3490,1077],{"class":696},[687,3492,1080],{"class":700},[687,3494,707],{"class":692},[687,3496,1114],{"class":710},[687,3498,1088],{"class":700},[687,3500,707],{"class":692},[687,3502,1121],{"class":710},[687,3504,963],{"class":692},[687,3506,3507,3509,3511],{"class":689,"line":769},[687,3508,912],{"class":692},[687,3510,1153],{"class":696},[687,3512,714],{"class":692},[1450,3514,3516],{"id":3515},"export","Export",[661,3518,3519,3521,3522,3525],{},[665,3520,1153],{}," exposes an ",[665,3523,3524],{},"exportCsv(filename?)"," method via a template ref - it\ndownloads every row matching the current filters\u002Fsort across all pages (not\njust the current page), skipping any synthetic selection\u002Fexpand column:",[674,3527],{"name":3528},"table-export",[678,3530,3532],{"className":1213,"code":3531,"language":1215,"meta":683,"style":683},"\u003Cscript setup lang=\"ts\">\nconst tableRef = ref()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSButton @click=\"tableRef.exportCsv('users.csv')\">\n    Export CSV\n  \u003C\u002FSButton>\n  \u003CSTable ref=\"tableRef\" :data=\"users\">\n    \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n    \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n  \u003C\u002FSTable>\n\u003C\u002Ftemplate>\n",[665,3533,3534,3550,3564,3572,3576,3584,3616,3621,3629,3656,3676,3696,3704],{"__ignoreMap":683},[687,3535,3536,3538,3540,3542,3544,3546,3548],{"class":689,"line":8},[687,3537,693],{"class":692},[687,3539,697],{"class":696},[687,3541,701],{"class":700},[687,3543,704],{"class":700},[687,3545,707],{"class":692},[687,3547,711],{"class":710},[687,3549,714],{"class":692},[687,3551,3552,3554,3557,3559,3561],{"class":689,"line":717},[687,3553,772],{"class":720},[687,3555,3556],{"class":737}," tableRef",[687,3558,778],{"class":720},[687,3560,781],{"class":700},[687,3562,3563],{"class":692},"()\n",[687,3565,3566,3568,3570],{"class":689,"line":763},[687,3567,912],{"class":692},[687,3569,697],{"class":696},[687,3571,714],{"class":692},[687,3573,3574],{"class":689,"line":769},[687,3575,766],{"emptyLinePlaceholder":651},[687,3577,3578,3580,3582],{"class":689,"line":792},[687,3579,693],{"class":692},[687,3581,929],{"class":696},[687,3583,714],{"class":692},[687,3585,3586,3588,3590,3592,3595,3597,3599,3602,3605,3607,3610,3612,3614],{"class":689,"line":816},[687,3587,936],{"class":692},[687,3589,3028],{"class":696},[687,3591,2375],{"class":692},[687,3593,3594],{"class":700},"click",[687,3596,707],{"class":692},[687,3598,947],{"class":710},[687,3600,3601],{"class":692},"tableRef.",[687,3603,3604],{"class":700},"exportCsv",[687,3606,873],{"class":692},[687,3608,3609],{"class":710},"'users.csv'",[687,3611,2413],{"class":692},[687,3613,947],{"class":710},[687,3615,714],{"class":692},[687,3617,3618],{"class":689,"line":836},[687,3619,3620],{"class":692},"    Export CSV\n",[687,3622,3623,3625,3627],{"class":689,"line":842},[687,3624,1150],{"class":692},[687,3626,3028],{"class":696},[687,3628,714],{"class":692},[687,3630,3631,3633,3635,3637,3639,3642,3644,3646,3648,3650,3652,3654],{"class":689,"line":847},[687,3632,936],{"class":692},[687,3634,1153],{"class":696},[687,3636,781],{"class":700},[687,3638,707],{"class":692},[687,3640,3641],{"class":710},"\"tableRef\"",[687,3643,1484],{"class":692},[687,3645,667],{"class":700},[687,3647,707],{"class":692},[687,3649,947],{"class":710},[687,3651,1025],{"class":692},[687,3653,947],{"class":710},[687,3655,714],{"class":692},[687,3657,3658,3660,3662,3664,3666,3668,3670,3672,3674],{"class":689,"line":13},[687,3659,1074],{"class":692},[687,3661,1077],{"class":696},[687,3663,1080],{"class":700},[687,3665,707],{"class":692},[687,3667,1085],{"class":710},[687,3669,1088],{"class":700},[687,3671,707],{"class":692},[687,3673,1093],{"class":710},[687,3675,963],{"class":692},[687,3677,3678,3680,3682,3684,3686,3688,3690,3692,3694],{"class":689,"line":147},[687,3679,1074],{"class":692},[687,3681,1077],{"class":696},[687,3683,1080],{"class":700},[687,3685,707],{"class":692},[687,3687,1114],{"class":710},[687,3689,1088],{"class":700},[687,3691,707],{"class":692},[687,3693,1121],{"class":710},[687,3695,963],{"class":692},[687,3697,3698,3700,3702],{"class":689,"line":166},[687,3699,1150],{"class":692},[687,3701,1153],{"class":696},[687,3703,714],{"class":692},[687,3705,3706,3708,3710],{"class":689,"line":919},[687,3707,912],{"class":692},[687,3709,929],{"class":696},[687,3711,714],{"class":692},[1450,3713,3715],{"id":3714},"server-side-manual-mode","Server-side \u002F manual mode",[661,3717,3718,3719,3721,3722,3724,3725,6,3728,6,3731,3734,3735,3737,3738,3740,3741,6,3743,6,3745,3748,3749,3752],{},"By default, ",[665,3720,1153],{}," sorts\u002Ffilters\u002Fpaginates ",[665,3723,667],{}," itself, locally, every\ntime. Set ",[665,3726,3727],{},"manual-sorting",[665,3729,3730],{},"manual-filtering",[665,3732,3733],{},"manual-pagination"," when\n",[665,3736,667],{}," is already sorted\u002Ffiltered\u002Fpaginated server-side instead - each one\nopts that specific concern out of the local row model (TanStack's term for\nthe actual list of rows it computes after applying sorting\u002Ffiltering\u002F\npagination), so ",[665,3739,1153],{}," doesn't redundantly (and incorrectly) reprocess a\nslice the server already handled. ",[665,3742,1745],{},[665,3744,1002],{},[665,3746,3747],{},"page-index"," still drive the UI and\nstill emit their own ",[665,3750,3751],{},"update:*"," events the normal way; only the local row\nmodel backing them changes.",[661,3754,3755,3757,3758,3760,3761,3764,3765,3767,3768,3771],{},[665,3756,3733],{}," also suppresses the built-in pagination UI entirely -\nthere's no way to derive a real page count from a server-paginated slice\nof ",[665,3759,667],{},", and guessing at one would be misleading. Bring your own\n",[1626,3762,3763],{"href":356},"SPagination"," instead, bound to\nwhatever your server actually returns, the same way this table already\nexpects you to bring your own search input for ",[665,3766,1002],{}," (see\n",[1626,3769,659],{"href":3770},"#usage"," above) rather than rendering one itself:",[678,3773,3775],{"className":1213,"code":3774,"language":1215,"meta":683,"style":683},"\u003Cscript setup lang=\"ts\">\nconst sorting = ref([])\nconst pageIndex = ref(0)\nconst total = ref(0)\nconst rows = ref([])\n\nwatch([sorting, pageIndex], async () => {\n  const result = await fetchUsers({ sorting: sorting.value, page: pageIndex.value })\n  rows.value = result.rows\n  total.value = result.total\n}, { immediate: true })\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSTable\n    v-model:sorting=\"sorting\"\n    v-model:page-index=\"pageIndex\"\n    :data=\"rows\"\n    manual-sorting\n    manual-pagination\n  >\n    \u003CSColumn field=\"name\" header=\"Name\" sortable \u002F>\n    \u003CSColumn field=\"email\" header=\"Email\" sortable \u002F>\n  \u003C\u002FSTable>\n  \u003CSPagination\n    :page=\"pageIndex + 1\"\n    :total=\"total\"\n    :items-per-page=\"10\"\n    @update:page=\"(page) => pageIndex = page - 1\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[665,3776,3777,3793,3807,3825,3842,3855,3859,3878,3897,3907,3917,3927,3935,3939,3947,3953,3969,3986,4000,4005,4010,4014,4036,4058,4066,4073,4095,4110,4126,4165,4170],{"__ignoreMap":683},[687,3778,3779,3781,3783,3785,3787,3789,3791],{"class":689,"line":8},[687,3780,693],{"class":692},[687,3782,697],{"class":696},[687,3784,701],{"class":700},[687,3786,704],{"class":700},[687,3788,707],{"class":692},[687,3790,711],{"class":710},[687,3792,714],{"class":692},[687,3794,3795,3797,3800,3802,3804],{"class":689,"line":717},[687,3796,772],{"class":720},[687,3798,3799],{"class":737}," sorting",[687,3801,778],{"class":720},[687,3803,781],{"class":700},[687,3805,3806],{"class":692},"([])\n",[687,3808,3809,3811,3814,3816,3818,3820,3823],{"class":689,"line":763},[687,3810,772],{"class":720},[687,3812,3813],{"class":737}," pageIndex",[687,3815,778],{"class":720},[687,3817,781],{"class":700},[687,3819,873],{"class":692},[687,3821,3822],{"class":737},"0",[687,3824,879],{"class":692},[687,3826,3827,3829,3832,3834,3836,3838,3840],{"class":689,"line":769},[687,3828,772],{"class":720},[687,3830,3831],{"class":737}," total",[687,3833,778],{"class":720},[687,3835,781],{"class":700},[687,3837,873],{"class":692},[687,3839,3822],{"class":737},[687,3841,879],{"class":692},[687,3843,3844,3846,3849,3851,3853],{"class":689,"line":792},[687,3845,772],{"class":720},[687,3847,3848],{"class":737}," rows",[687,3850,778],{"class":720},[687,3852,781],{"class":700},[687,3854,3806],{"class":692},[687,3856,3857],{"class":689,"line":816},[687,3858,766],{"emptyLinePlaceholder":651},[687,3860,3861,3864,3867,3870,3873,3875],{"class":689,"line":836},[687,3862,3863],{"class":700},"watch",[687,3865,3866],{"class":692},"([sorting, pageIndex], ",[687,3868,3869],{"class":720},"async",[687,3871,3872],{"class":692}," () ",[687,3874,904],{"class":720},[687,3876,3877],{"class":692}," {\n",[687,3879,3880,3883,3886,3888,3891,3894],{"class":689,"line":842},[687,3881,3882],{"class":720},"  const",[687,3884,3885],{"class":737}," result",[687,3887,778],{"class":720},[687,3889,3890],{"class":720}," await",[687,3892,3893],{"class":700}," fetchUsers",[687,3895,3896],{"class":692},"({ sorting: sorting.value, page: pageIndex.value })\n",[687,3898,3899,3902,3904],{"class":689,"line":847},[687,3900,3901],{"class":692},"  rows.value ",[687,3903,707],{"class":720},[687,3905,3906],{"class":692}," result.rows\n",[687,3908,3909,3912,3914],{"class":689,"line":13},[687,3910,3911],{"class":692},"  total.value ",[687,3913,707],{"class":720},[687,3915,3916],{"class":692}," result.total\n",[687,3918,3919,3922,3924],{"class":689,"line":147},[687,3920,3921],{"class":692},"}, { immediate: ",[687,3923,3182],{"class":737},[687,3925,3926],{"class":692}," })\n",[687,3928,3929,3931,3933],{"class":689,"line":166},[687,3930,912],{"class":692},[687,3932,697],{"class":696},[687,3934,714],{"class":692},[687,3936,3937],{"class":689,"line":919},[687,3938,766],{"emptyLinePlaceholder":651},[687,3940,3941,3943,3945],{"class":689,"line":924},[687,3942,693],{"class":692},[687,3944,929],{"class":696},[687,3946,714],{"class":692},[687,3948,3949,3951],{"class":689,"line":615},[687,3950,936],{"class":692},[687,3952,971],{"class":696},[687,3954,3955,3957,3959,3961,3963,3965,3967],{"class":689,"line":966},[687,3956,977],{"class":700},[687,3958,734],{"class":692},[687,3960,1745],{"class":700},[687,3962,707],{"class":692},[687,3964,947],{"class":710},[687,3966,1745],{"class":692},[687,3968,992],{"class":710},[687,3970,3971,3973,3975,3977,3979,3981,3984],{"class":689,"line":974},[687,3972,977],{"class":700},[687,3974,734],{"class":692},[687,3976,3747],{"class":700},[687,3978,707],{"class":692},[687,3980,947],{"class":710},[687,3982,3983],{"class":692},"pageIndex",[687,3985,992],{"class":710},[687,3987,3988,3990,3992,3994,3996,3998],{"class":689,"line":995},[687,3989,1016],{"class":692},[687,3991,667],{"class":700},[687,3993,707],{"class":692},[687,3995,947],{"class":710},[687,3997,3211],{"class":692},[687,3999,992],{"class":710},[687,4001,4002],{"class":689,"line":1013},[687,4003,4004],{"class":700},"    manual-sorting\n",[687,4006,4007],{"class":689,"line":30},[687,4008,4009],{"class":700},"    manual-pagination\n",[687,4011,4012],{"class":689,"line":235},[687,4013,1069],{"class":692},[687,4015,4016,4018,4020,4022,4024,4026,4028,4030,4032,4034],{"class":689,"line":245},[687,4017,1074],{"class":692},[687,4019,1077],{"class":696},[687,4021,1080],{"class":700},[687,4023,707],{"class":692},[687,4025,1085],{"class":710},[687,4027,1088],{"class":700},[687,4029,707],{"class":692},[687,4031,1093],{"class":710},[687,4033,1099],{"class":700},[687,4035,963],{"class":692},[687,4037,4038,4040,4042,4044,4046,4048,4050,4052,4054,4056],{"class":689,"line":260},[687,4039,1074],{"class":692},[687,4041,1077],{"class":696},[687,4043,1080],{"class":700},[687,4045,707],{"class":692},[687,4047,1114],{"class":710},[687,4049,1088],{"class":700},[687,4051,707],{"class":692},[687,4053,1121],{"class":710},[687,4055,1099],{"class":700},[687,4057,963],{"class":692},[687,4059,4060,4062,4064],{"class":689,"line":275},[687,4061,1150],{"class":692},[687,4063,1153],{"class":696},[687,4065,714],{"class":692},[687,4067,4068,4070],{"class":689,"line":280},[687,4069,936],{"class":692},[687,4071,4072],{"class":696},"SPagination\n",[687,4074,4075,4077,4080,4082,4084,4087,4090,4093],{"class":689,"line":290},[687,4076,1016],{"class":692},[687,4078,4079],{"class":700},"page",[687,4081,707],{"class":692},[687,4083,947],{"class":710},[687,4085,4086],{"class":692},"pageIndex ",[687,4088,4089],{"class":720},"+",[687,4091,4092],{"class":737}," 1",[687,4094,992],{"class":710},[687,4096,4097,4099,4102,4104,4106,4108],{"class":689,"line":295},[687,4098,1016],{"class":692},[687,4100,4101],{"class":700},"total",[687,4103,707],{"class":692},[687,4105,947],{"class":710},[687,4107,4101],{"class":692},[687,4109,992],{"class":710},[687,4111,4112,4114,4117,4119,4121,4124],{"class":689,"line":300},[687,4113,1016],{"class":692},[687,4115,4116],{"class":700},"items-per-page",[687,4118,707],{"class":692},[687,4120,947],{"class":710},[687,4122,4123],{"class":737},"10",[687,4125,992],{"class":710},[687,4127,4128,4131,4134,4136,4138,4140,4142,4144,4146,4148,4150,4153,4155,4158,4161,4163],{"class":689,"line":310},[687,4129,4130],{"class":692},"    @",[687,4132,4133],{"class":700},"update",[687,4135,734],{"class":692},[687,4137,4079],{"class":700},[687,4139,707],{"class":692},[687,4141,947],{"class":710},[687,4143,873],{"class":692},[687,4145,4079],{"class":730},[687,4147,901],{"class":692},[687,4149,904],{"class":720},[687,4151,4152],{"class":692}," pageIndex ",[687,4154,707],{"class":720},[687,4156,4157],{"class":692}," page ",[687,4159,4160],{"class":720},"-",[687,4162,4092],{"class":737},[687,4164,992],{"class":710},[687,4166,4167],{"class":689,"line":35},[687,4168,4169],{"class":692},"  \u002F>\n",[687,4171,4172,4174,4176],{"class":689,"line":319},[687,4173,912],{"class":692},[687,4175,929],{"class":696},[687,4177,714],{"class":692},[1450,4179,4181],{"id":4180},"escape-hatch-raw-column-defs","Escape hatch: raw column defs",[661,4183,4184,4185,4187,4188,4191,4192,4194,4195,4198,4199,4201,4202,4204,4205,4208,4209,4212,4213,734],{},"For full TanStack type inference (or features ",[665,4186,671],{}," doesn't expose),\npass a ",[665,4189,4190],{},"columns"," prop instead of ",[665,4193,671],{}," children. Raw column definitions\nalso start non-sortable; set ",[665,4196,4197],{},"enableSorting: true"," on columns that should sort.\n",[665,4200,1153],{}," infers its row type from ",[665,4203,667],{},", and ",[665,4206,4207],{},"TableColumnDef\u003CTData>"," checks\naccessor keys and render contexts against that same type.\n",[665,4210,4211],{},"createTableColumnHelper\u003CTData>()"," is\nauto-imported by the Nuxt module and binds TanStack v9's feature generic to the\nfixed feature set used by ",[665,4214,1153],{},[678,4216,4218],{"className":680,"code":4217,"language":682,"meta":683,"style":683},"\u003Cscript setup lang=\"ts\">\ninterface User { id: string, name: string, age: number }\n\nconst column = createTableColumnHelper\u003CUser>()\nconst columns = column.columns([\n  column.accessor('name', { header: 'Name', enableSorting: true }),\n  column.accessor('age', {\n    header: 'Age',\n    enableSorting: true,\n    cell: context => context.getValue().toFixed(0),\n  }),\n])\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSTable :data=\"users\" :columns=\"columns\" \u002F>\n\u003C\u002Ftemplate>\n",[665,4219,4220,4236,4270,4274,4293,4310,4336,4350,4361,4370,4402,4407,4411,4419,4423,4431,4463],{"__ignoreMap":683},[687,4221,4222,4224,4226,4228,4230,4232,4234],{"class":689,"line":8},[687,4223,693],{"class":692},[687,4225,697],{"class":696},[687,4227,701],{"class":700},[687,4229,704],{"class":700},[687,4231,707],{"class":692},[687,4233,711],{"class":710},[687,4235,714],{"class":692},[687,4237,4238,4240,4242,4244,4246,4248,4250,4252,4254,4256,4258,4260,4263,4265,4268],{"class":689,"line":717},[687,4239,721],{"class":720},[687,4241,724],{"class":700},[687,4243,727],{"class":692},[687,4245,2407],{"class":730},[687,4247,734],{"class":720},[687,4249,738],{"class":737},[687,4251,741],{"class":692},[687,4253,731],{"class":730},[687,4255,734],{"class":720},[687,4257,738],{"class":737},[687,4259,741],{"class":692},[687,4261,4262],{"class":730},"age",[687,4264,734],{"class":720},[687,4266,4267],{"class":737}," number",[687,4269,760],{"class":692},[687,4271,4272],{"class":689,"line":763},[687,4273,766],{"emptyLinePlaceholder":651},[687,4275,4276,4278,4281,4283,4286,4288,4290],{"class":689,"line":769},[687,4277,772],{"class":720},[687,4279,4280],{"class":737}," column",[687,4282,778],{"class":720},[687,4284,4285],{"class":700}," createTableColumnHelper",[687,4287,693],{"class":692},[687,4289,786],{"class":700},[687,4291,4292],{"class":692},">()\n",[687,4294,4295,4297,4300,4302,4305,4307],{"class":689,"line":792},[687,4296,772],{"class":720},[687,4298,4299],{"class":737}," columns",[687,4301,778],{"class":720},[687,4303,4304],{"class":692}," column.",[687,4306,4190],{"class":700},[687,4308,4309],{"class":692},"([\n",[687,4311,4312,4315,4318,4320,4322,4325,4328,4331,4333],{"class":689,"line":816},[687,4313,4314],{"class":692},"  column.",[687,4316,4317],{"class":700},"accessor",[687,4319,873],{"class":692},[687,4321,1696],{"class":710},[687,4323,4324],{"class":692},", { header: ",[687,4326,4327],{"class":710},"'Name'",[687,4329,4330],{"class":692},", enableSorting: ",[687,4332,3182],{"class":737},[687,4334,4335],{"class":692}," }),\n",[687,4337,4338,4340,4342,4344,4347],{"class":689,"line":836},[687,4339,4314],{"class":692},[687,4341,4317],{"class":700},[687,4343,873],{"class":692},[687,4345,4346],{"class":710},"'age'",[687,4348,4349],{"class":692},", {\n",[687,4351,4352,4355,4358],{"class":689,"line":842},[687,4353,4354],{"class":692},"    header: ",[687,4356,4357],{"class":710},"'Age'",[687,4359,4360],{"class":692},",\n",[687,4362,4363,4366,4368],{"class":689,"line":847},[687,4364,4365],{"class":692},"    enableSorting: ",[687,4367,3182],{"class":737},[687,4369,4360],{"class":692},[687,4371,4372,4375,4378,4381,4383,4386,4389,4392,4395,4397,4399],{"class":689,"line":13},[687,4373,4374],{"class":700},"    cell",[687,4376,4377],{"class":692},": ",[687,4379,4380],{"class":730},"context",[687,4382,1270],{"class":720},[687,4384,4385],{"class":692}," context.",[687,4387,4388],{"class":700},"getValue",[687,4390,4391],{"class":692},"().",[687,4393,4394],{"class":700},"toFixed",[687,4396,873],{"class":692},[687,4398,3822],{"class":737},[687,4400,4401],{"class":692},"),\n",[687,4403,4404],{"class":689,"line":147},[687,4405,4406],{"class":692},"  }),\n",[687,4408,4409],{"class":689,"line":166},[687,4410,839],{"class":692},[687,4412,4413,4415,4417],{"class":689,"line":919},[687,4414,912],{"class":692},[687,4416,697],{"class":696},[687,4418,714],{"class":692},[687,4420,4421],{"class":689,"line":924},[687,4422,766],{"emptyLinePlaceholder":651},[687,4424,4425,4427,4429],{"class":689,"line":615},[687,4426,693],{"class":692},[687,4428,929],{"class":696},[687,4430,714],{"class":692},[687,4432,4433,4435,4437,4439,4441,4443,4445,4447,4449,4451,4453,4455,4457,4459,4461],{"class":689,"line":966},[687,4434,936],{"class":692},[687,4436,1153],{"class":696},[687,4438,1484],{"class":692},[687,4440,667],{"class":700},[687,4442,707],{"class":692},[687,4444,947],{"class":710},[687,4446,1025],{"class":692},[687,4448,947],{"class":710},[687,4450,1484],{"class":692},[687,4452,4190],{"class":700},[687,4454,707],{"class":692},[687,4456,947],{"class":710},[687,4458,4190],{"class":692},[687,4460,947],{"class":710},[687,4462,963],{"class":692},[687,4464,4465,4467,4469],{"class":689,"line":974},[687,4466,912],{"class":692},[687,4468,929],{"class":696},[687,4470,714],{"class":692},[656,4472,4474],{"id":4473},"known-limitation","Known limitation",[661,4476,4477,1751,4479,4482,4483,4486,4487,4490,4491,4493,4494,4496,4497,4499,4500,4502,4503,4505],{},[665,4478,671],{},[665,4480,4481],{},"field"," prop remains a plain ",[665,4484,4485],{},"string",", rather than ",[665,4488,4489],{},"keyof TData"," -\nthis is a genuine Vue limitation (a parent's generic type parameter doesn't\npropagate into child components referenced in its template), not something\nunique to ",[665,4492,1153],{}," - any declarative-column-as-children table API in Vue has\nthe identical gap. As a cheap safety net, ",[665,4495,1153],{}," warns in dev mode (not\nproduction) if a column's ",[665,4498,4481],{}," doesn't exist as a key on the first row of\n",[665,4501,667],{}," - catching typos without any type-system gymnastics. For actual\ncompile-time safety, use the ",[665,4504,4190],{}," escape hatch above instead.",[661,4507,4508,4509,741,4511,741,4514,4360,4517,4520,4521,4523,4524,1193],{},"The table component itself is generic. Its ",[665,4510,4190],{},[665,4512,4513],{},"getRowId",[665,4515,4516],{},"rowClass",[665,4518,4519],{},"rowStyle",", row events, and ",[665,4522,2033],{}," slot all share the row type inferred\nfrom ",[665,4525,667],{},[1450,4527,4529],{"id":4528},"accessibility","Accessibility",[661,4531,4532,4533,6,4535,4537,4538,4541,4542,4545,4546,4549,4550,4553,4554,4556],{},"Sortable headers are keyboard-operable (",[1175,4534,1177],{},[1175,4536,1180],{},"\ntoggle the sort, same as a click) and expose ",[665,4539,4540],{},"aria-sort"," reflecting the\ncurrent state. The row-expansion toggle is a real ",[665,4543,4544],{},"\u003Cbutton>"," with an\n",[665,4547,4548],{},"aria-label"," of \"Expand row\"\u002F\"Collapse row\" that updates with its state.\nEach filterable column has a labeled filter button that opens its text filter\nin a popover; its Clear action resets that column's filter.\nColumn-visibility checkboxes are standard ",[665,4551,4552],{},"SCheckbox"," elements, and\npagination is a nested ",[1626,4555,3763],{"href":356},", so\nboth inherit those components' own accessibility behavior rather than\nreimplementing it here.",[656,4558,4560,4561],{"id":4559},"custom-ui","Custom ",[665,4562,4563],{},":ui",[661,4565,4566,6,4568,4570,4571,4574,4575,4577,4578,4580],{},[665,4567,1077],{},[665,4569,1524],{}," render no DOM of their own (see\n",[1626,4572,4181],{"href":4573},"#escape-hatch-raw-column-defs"," above) and\nhave no theme file - every visual slot lives on ",[665,4576,1153],{}," itself. To see\nexactly what you'd be overriding - the current default classes for every\nslot - here's ",[665,4579,312],{},"'s own theme file:",[4582,4583],"theme-source",{"name":4584},"table",[656,4586,4588],{"id":4587},"props","Props",[1450,4590,1153],{"id":4591},"stable",[4584,4593,4594,4610],{},[4595,4596,4597],"thead",{},[4598,4599,4600,4604,4607],"tr",{},[4601,4602,4603],"th",{},"Prop",[4601,4605,4606],{},"Type",[4601,4608,4609],{},"Default",[4611,4612,4613,4627,4640,4655,4670,4685,4700,4714,4727,4740,4753,4765,4777,4793,4807,4821,4835,4849,4870,4883,4897,4912,4925,4940,4955,4970,4985,4999,5012,5025],"tbody",{},[4598,4614,4615,4620,4625],{},[4616,4617,4618],"td",{},[665,4619,667],{},[4616,4621,4622],{},[665,4623,4624],{},"TData[]",[4616,4626,4160],{},[4598,4628,4629,4633,4638],{},[4616,4630,4631],{},[665,4632,4190],{},[4616,4634,4635],{},[665,4636,4637],{},"TableColumnDef\u003CTData>[]",[4616,4639,4160],{},[4598,4641,4642,4646,4651],{},[4616,4643,4644],{},[665,4645,1188],{},[4616,4647,4648],{},[665,4649,4650],{},"boolean",[4616,4652,4653],{},[665,4654,1702],{},[4598,4656,4657,4662,4666],{},[4616,4658,4659],{},[665,4660,4661],{},"selectOnRowClick",[4616,4663,4664],{},[665,4665,4650],{},[4616,4667,4668],{},[665,4669,1702],{},[4598,4671,4672,4677,4681],{},[4616,4673,4674],{},[665,4675,4676],{},"rowHover",[4616,4678,4679],{},[665,4680,4650],{},[4616,4682,4683],{},[665,4684,1702],{},[4598,4686,4687,4692,4697],{},[4616,4688,4689],{},[665,4690,4691],{},"pageSize",[4616,4693,4694],{},[665,4695,4696],{},"number",[4616,4698,4699],{},"- (no pagination until set)",[4598,4701,4702,4706,4710],{},[4616,4703,4704],{},[665,4705,3418],{},[4616,4707,4708],{},[665,4709,4650],{},[4616,4711,4712],{},[665,4713,1702],{},[4598,4715,4716,4720,4725],{},[4616,4717,4718],{},[665,4719,1745],{},[4616,4721,4722],{},[665,4723,4724],{},"SortingState",[4616,4726,4160],{},[4598,4728,4729,4734,4738],{},[4616,4730,4731],{},[665,4732,4733],{},"defaultSorting",[4616,4735,4736],{},[665,4737,4724],{},[4616,4739,4160],{},[4598,4741,4742,4746,4751],{},[4616,4743,4744],{},[665,4745,989],{},[4616,4747,4748],{},[665,4749,4750],{},"TableRowSelectionState",[4616,4752,4160],{},[4598,4754,4755,4759,4763],{},[4616,4756,4757],{},[665,4758,950],{},[4616,4760,4761],{},[665,4762,4485],{},[4616,4764,4160],{},[4598,4766,4767,4771,4775],{},[4616,4768,4769],{},[665,4770,3983],{},[4616,4772,4773],{},[665,4774,4696],{},[4616,4776,4160],{},[4598,4778,4779,4783,4788],{},[4616,4780,4781],{},[665,4782,1631],{},[4616,4784,4785],{},[665,4786,4787],{},"'sm' | 'md' | 'lg'",[4616,4789,4790],{},[665,4791,4792],{},"'md'",[4598,4794,4795,4799,4803],{},[4616,4796,4797],{},[665,4798,3288],{},[4616,4800,4801],{},[665,4802,4650],{},[4616,4804,4805],{},[665,4806,1702],{},[4598,4808,4809,4813,4817],{},[4616,4810,4811],{},[665,4812,3292],{},[4616,4814,4815],{},[665,4816,4650],{},[4616,4818,4819],{},[665,4820,1702],{},[4598,4822,4823,4827,4831],{},[4616,4824,4825],{},[665,4826,2026],{},[4616,4828,4829],{},[665,4830,4650],{},[4616,4832,4833],{},[665,4834,1702],{},[4598,4836,4837,4841,4845],{},[4616,4838,4839],{},[665,4840,2204],{},[4616,4842,4843],{},[665,4844,4650],{},[4616,4846,4847],{},[665,4848,1702],{},[4598,4850,4851,4856,4861],{},[4616,4852,4853],{},[665,4854,4855],{},"getSubRows",[4616,4857,4858],{},[665,4859,4860],{},"(row: TData, index: number) => readonly TData[] | undefined",[4616,4862,4863,4866,4867,4869],{},[665,4864,4865],{},"row => row.subRows"," when ",[665,4868,2204],{}," is enabled",[4598,4871,4872,4876,4881],{},[4616,4873,4874],{},[665,4875,2033],{},[4616,4877,4878],{},[665,4879,4880],{},"TableExpandedState",[4616,4882,4160],{},[4598,4884,4885,4890,4895],{},[4616,4886,4887],{},[665,4888,4889],{},"columnVisibility",[4616,4891,4892],{},[665,4893,4894],{},"TableColumnVisibilityState",[4616,4896,4160],{},[4598,4898,4899,4904,4908],{},[4616,4900,4901],{},[665,4902,4903],{},"columnToggle",[4616,4905,4906],{},[665,4907,4650],{},[4616,4909,4910],{},[665,4911,1702],{},[4598,4913,4914,4919,4923],{},[4616,4915,4916],{},[665,4917,4918],{},"scrollHeight",[4616,4920,4921],{},[665,4922,4485],{},[4616,4924,4160],{},[4598,4926,4927,4931,4936],{},[4616,4928,4929],{},[665,4930,1639],{},[4616,4932,4933],{},[665,4934,4935],{},"boolean | { estimateSize?: number; overscan?: number }",[4616,4937,4938],{},[665,4939,1702],{},[4598,4941,4942,4947,4951],{},[4616,4943,4944],{},[665,4945,4946],{},"manualSorting",[4616,4948,4949],{},[665,4950,4650],{},[4616,4952,4953],{},[665,4954,1702],{},[4598,4956,4957,4962,4966],{},[4616,4958,4959],{},[665,4960,4961],{},"manualFiltering",[4616,4963,4964],{},[665,4965,4650],{},[4616,4967,4968],{},[665,4969,1702],{},[4598,4971,4972,4977,4981],{},[4616,4973,4974],{},[665,4975,4976],{},"manualPagination",[4616,4978,4979],{},[665,4980,4650],{},[4616,4982,4983],{},[665,4984,1702],{},[4598,4986,4987,4991,4996],{},[4616,4988,4989],{},[665,4990,4513],{},[4616,4992,4993],{},[665,4994,4995],{},"(row: TData, index: number) => string",[4616,4997,4998],{},"row index",[4598,5000,5001,5005,5010],{},[4616,5002,5003],{},[665,5004,4516],{},[4616,5006,5007],{},[665,5008,5009],{},"(row: TData) => string | undefined",[4616,5011,4160],{},[4598,5013,5014,5018,5023],{},[4616,5015,5016],{},[665,5017,4519],{},[4616,5019,5020],{},[665,5021,5022],{},"(row: TData) => Record\u003Cstring, string> | undefined",[4616,5024,4160],{},[4598,5026,5027,5031,5036],{},[4616,5028,5029],{},[665,5030,2804],{},[4616,5032,5033],{},[665,5034,5035],{},"Partial\u003CRecord\u003CTableSlot, string | object>>",[4616,5037,4160],{},[656,5039,5041],{"id":5040},"emits","Emits",[4584,5043,5044,5057],{},[4595,5045,5046],{},[4598,5047,5048,5051,5054],{},[4601,5049,5050],{},"Event",[4601,5052,5053],{},"Payload",[4601,5055,5056],{},"Description",[4611,5058,5059,5080,5096,5112,5131,5150,5169,5184],{},[4598,5060,5061,5066,5071],{},[4616,5062,5063],{},[665,5064,5065],{},"update:sorting",[4616,5067,5068],{},[665,5069,5070],{},"TableSortingState",[4616,5072,5073,5074,5076,5077,2413],{},"Backs ",[665,5075,1658],{}," - fired whenever the sort state changes (see ",[1626,5078,1649],{"href":5079},"#presort",[4598,5081,5082,5087,5091],{},[4616,5083,5084],{},[665,5085,5086],{},"update:rowSelection",[4616,5088,5089],{},[665,5090,4750],{},[4616,5092,5073,5093,5095],{},[665,5094,1192],{}," - fired whenever the selected rows change",[4598,5097,5098,5103,5107],{},[4616,5099,5100],{},[665,5101,5102],{},"update:globalFilter",[4616,5104,5105],{},[665,5106,4485],{},[4616,5108,5073,5109,5111],{},[665,5110,1447],{}," - fired whenever the global filter value changes",[4598,5113,5114,5119,5123],{},[4616,5115,5116],{},[665,5117,5118],{},"update:pageIndex",[4616,5120,5121],{},[665,5122,4696],{},[4616,5124,5073,5125,5127,5128,2413],{},[665,5126,1635],{}," - fired whenever the current page changes (see ",[1626,5129,355],{"href":5130},"#pagination",[4598,5132,5133,5138,5142],{},[4616,5134,5135],{},[665,5136,5137],{},"update:expanded",[4616,5139,5140],{},[665,5141,4880],{},[4616,5143,5073,5144,5146,5147,2413],{},[665,5145,2193],{}," - fired whenever row expansion state changes (see ",[1626,5148,2021],{"href":5149},"#row-expansion",[4598,5151,5152,5157,5161],{},[4616,5153,5154],{},[665,5155,5156],{},"update:columnVisibility",[4616,5158,5159],{},[665,5160,4894],{},[4616,5162,5073,5163,5165,5166,2413],{},[665,5164,2741],{}," - fired whenever column visibility changes (see ",[1626,5167,2630],{"href":5168},"#column-visibility-toggle",[4598,5170,5171,5176,5181],{},[4616,5172,5173],{},[665,5174,5175],{},"rowClick",[4616,5177,5178],{},[665,5179,5180],{},"(row: TData, event: MouseEvent)",[4616,5182,5183],{},"Fired when a body row is clicked",[4598,5185,5186,5191,5195],{},[4616,5187,5188],{},[665,5189,5190],{},"rowContextmenu",[4616,5192,5193],{},[665,5194,5180],{},[4616,5196,5197],{},"Fired when a body row is right-clicked",[1450,5199,1077],{"id":5200},"scolumn",[4584,5202,5203,5213],{},[4595,5204,5205],{},[4598,5206,5207,5209,5211],{},[4601,5208,4603],{},[4601,5210,4606],{},[4601,5212,4609],{},[4611,5214,5215,5228,5240,5252,5266,5280],{},[4598,5216,5217,5221,5225],{},[4616,5218,5219],{},[665,5220,4481],{},[4616,5222,5223],{},[665,5224,4485],{},[4616,5226,5227],{},"- (required)",[4598,5229,5230,5234,5238],{},[4616,5231,5232],{},[665,5233,1876],{},[4616,5235,5236],{},[665,5237,4485],{},[4616,5239,4160],{},[4598,5241,5242,5246,5250],{},[4616,5243,5244],{},[665,5245,1880],{},[4616,5247,5248],{},[665,5249,4485],{},[4616,5251,4160],{},[4598,5253,5254,5258,5262],{},[4616,5255,5256],{},[665,5257,1169],{},[4616,5259,5260],{},[665,5261,4650],{},[4616,5263,5264],{},[665,5265,1702],{},[4598,5267,5268,5272,5276],{},[4616,5269,5270],{},[665,5271,1184],{},[4616,5273,5274],{},[665,5275,4650],{},[4616,5277,5278],{},[665,5279,1702],{},[4598,5281,5282,5287,5292],{},[4616,5283,5284],{},[665,5285,5286],{},"pinned",[4616,5288,5289],{},[665,5290,5291],{},"'left' | 'right'",[4616,5293,4160],{},[1450,5295,1524],{"id":5296},"scolumngroup",[4584,5298,5299,5309],{},[4595,5300,5301],{},[4598,5302,5303,5305,5307],{},[4601,5304,4603],{},[4601,5306,4606],{},[4601,5308,4609],{},[4611,5310,5311,5323],{},[4598,5312,5313,5317,5321],{},[4616,5314,5315],{},[665,5316,1876],{},[4616,5318,5319],{},[665,5320,4485],{},[4616,5322,4160],{},[4598,5324,5325,5329,5333],{},[4616,5326,5327],{},[665,5328,1880],{},[4616,5330,5331],{},[665,5332,4485],{},[4616,5334,4160],{},[656,5336,5338],{"id":5337},"slots","Slots",[4584,5340,5341,5352],{},[4595,5342,5343],{},[4598,5344,5345,5348,5350],{},[4601,5346,5347],{},"Slot",[4601,5349,4588],{},[4601,5351,5056],{},[4611,5353,5354,5369],{},[4598,5355,5356,5361,5363],{},[4616,5357,5358],{},[665,5359,5360],{},"empty",[4616,5362,4160],{},[4616,5364,5365,5366,5368],{},"Shown when ",[665,5367,667],{}," is empty",[4598,5370,5371,5375,5379],{},[4616,5372,5373],{},[665,5374,2033],{},[4616,5376,5377],{},[665,5378,2037],{},[4616,5380,5381,5382,2413],{},"Detail content for an expanded row (requires ",[665,5383,2026],{},[661,5385,5386,5388,5389,5392,5393,6,5395,5397,5398,6,5400,5402,5403,5405,5406,5409],{},[665,5387,1077],{},"'s own default slot customizes that column's cell content - see\n",[1626,5390,1758],{"href":5391},"#custom-cell-content"," above. ",[665,5394,1077],{},[665,5396,1524],{},"\nalso both take ",[665,5399,1876],{},[665,5401,1880],{}," slots (scoped with ",[665,5404,1884],{},") - see\n",[1626,5407,1866],{"href":5408},"#custom-header-content"," above.",[656,5411,5413],{"id":5412},"methods","Methods",[661,5415,5416,5417,1193],{},"Access these via a template ref on ",[665,5418,1153],{},[4584,5420,5421,5430],{},[4595,5422,5423],{},[4598,5424,5425,5428],{},[4601,5426,5427],{},"Method",[4601,5429,5056],{},[4611,5431,5432],{},[4598,5433,5434,5439],{},[4616,5435,5436],{},[665,5437,5438],{},"exportCsv(filename?: string)",[4616,5440,5441],{},"Downloads all matching rows (across every page) as a CSV file",[5443,5444,5445],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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);}",{"title":683,"searchDepth":763,"depth":763,"links":5447},[5448,5467,5470,5472,5475,5479,5480],{"id":658,"depth":717,"text":659,"children":5449},[5450,5451,5452,5453,5454,5455,5456,5457,5458,5459,5460,5461,5462,5463,5464,5465,5466],{"id":1452,"depth":763,"text":1453},{"id":1618,"depth":763,"text":355},{"id":1648,"depth":763,"text":1649},{"id":1757,"depth":763,"text":1758},{"id":1865,"depth":763,"text":1866},{"id":2020,"depth":763,"text":2021},{"id":2197,"depth":763,"text":2198},{"id":2333,"depth":763,"text":2334},{"id":2488,"depth":763,"text":2489},{"id":2629,"depth":763,"text":2630},{"id":2745,"depth":763,"text":2746},{"id":3081,"depth":763,"text":1644},{"id":3269,"depth":763,"text":3270},{"id":3418,"depth":763,"text":3419},{"id":3515,"depth":763,"text":3516},{"id":3714,"depth":763,"text":3715},{"id":4180,"depth":763,"text":4181},{"id":4473,"depth":717,"text":4474,"children":5468},[5469],{"id":4528,"depth":763,"text":4529},{"id":4559,"depth":717,"text":5471},"Custom :ui",{"id":4587,"depth":717,"text":4588,"children":5473},[5474],{"id":4591,"depth":763,"text":1153},{"id":5040,"depth":717,"text":5041,"children":5476},[5477,5478],{"id":5200,"depth":763,"text":1077},{"id":5296,"depth":763,"text":1524},{"id":5337,"depth":717,"text":5338},{"id":5412,"depth":717,"text":5413},"A table built on TanStack Table, with a declarative column API - sorting, row selection, pagination, filtering, expansion, column visibility, virtual scroll, and pinned columns out of the box.",{},{"title":312,"description":5481},"1aGs1WdFEJuS4aRncrFf6njlEqPNN3KdyXl3kkWy6pY",1792056122386]