[{"data":1,"prerenderedAt":526},["ShallowReactive",2],{"navigation_docs_en":3,"-en-owo-ui-components-components-grid-layout":237,"-en-owo-ui-components-components-grid-layout-surround":521},[4,15,69,122],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":14},"Getting Started with Docs","i-lucide-home","/en/getting-started","en/1.getting-started",[10],{"title":11,"path":12,"stem":13,"icon":6},"Introduction","/en/getting-started/introduction","en/1.getting-started/1.introduction",false,{"title":16,"path":17,"stem":18,"children":19,"page":14},"owo-ui Components","/en/owo-ui-components","en/2.owo-ui-components",[20,23],{"title":11,"path":21,"stem":22,"icon":6},"/en/owo-ui-components/introduction","en/2.owo-ui-components/2.introduction",{"title":24,"icon":25,"path":26,"stem":27,"children":28,"page":14},"Components","i-lucide-layout","/en/owo-ui-components/components","en/2.owo-ui-components/3.components",[29,33,37,41,45,49,53,57,61,65],{"title":30,"path":31,"stem":32},"Button","/en/owo-ui-components/components/button","en/2.owo-ui-components/3.components/button",{"title":34,"path":35,"stem":36},"Checkbox","/en/owo-ui-components/components/checkbox","en/2.owo-ui-components/3.components/checkbox",{"title":38,"path":39,"stem":40},"Collapsible Container","/en/owo-ui-components/components/collapsible-container","en/2.owo-ui-components/3.components/collapsible-container",{"title":42,"path":43,"stem":44},"Dropdown","/en/owo-ui-components/components/dropdown","en/2.owo-ui-components/3.components/dropdown",{"title":46,"path":47,"stem":48},"Flow Layout","/en/owo-ui-components/components/flow-layout","en/2.owo-ui-components/3.components/flow-layout",{"title":50,"path":51,"stem":52},"Grid Layout","/en/owo-ui-components/components/grid-layout","en/2.owo-ui-components/3.components/grid-layout",{"title":54,"path":55,"stem":56},"Label","/en/owo-ui-components/components/label","en/2.owo-ui-components/3.components/label",{"title":58,"path":59,"stem":60},"Scroll Container","/en/owo-ui-components/components/scroll-container","en/2.owo-ui-components/3.components/scroll-container",{"title":62,"path":63,"stem":64},"Slider","/en/owo-ui-components/components/slider","en/2.owo-ui-components/3.components/slider",{"title":66,"path":67,"stem":68},"Templates","/en/owo-ui-components/components/templates","en/2.owo-ui-components/3.components/templates",{"title":70,"path":71,"stem":72,"children":73,"page":14},"Nexus","/en/nexus","en/3.nexus",[74,77,82],{"title":11,"path":75,"stem":76,"icon":6},"/en/nexus/introduction","en/3.nexus/2.introduction",{"title":78,"path":79,"stem":80,"icon":81},"Deployment","/en/nexus/deployment","en/3.nexus/3.deployment","i-lucide-rocket",{"title":83,"path":84,"stem":85,"children":86,"page":14},"Endpoints","/en/nexus/endpoints","en/3.nexus/endpoints",[87,91,95,99,102,106,110,114,118],{"title":88,"path":89,"stem":90},"Authentication","/en/nexus/endpoints/authentication","en/3.nexus/endpoints/1.authentication",{"title":92,"path":93,"stem":94},"Rate Limiting","/en/nexus/endpoints/rate-limiting","en/3.nexus/endpoints/2.rate-limiting",{"title":96,"path":97,"stem":98},"Error Handling","/en/nexus/endpoints/error-handling","en/3.nexus/endpoints/3.error-handling",{"title":83,"path":100,"stem":101},"/en/nexus/endpoints/_dir","en/3.nexus/endpoints/_dir",{"title":103,"path":104,"stem":105},"Album","/en/nexus/endpoints/albums","en/3.nexus/endpoints/albums",{"title":107,"path":108,"stem":109},"Blog","/en/nexus/endpoints/blog","en/3.nexus/endpoints/blog",{"title":111,"path":112,"stem":113},"Comments","/en/nexus/endpoints/comments","en/3.nexus/endpoints/comments",{"title":115,"path":116,"stem":117},"File Management","/en/nexus/endpoints/file-management","en/3.nexus/endpoints/file-management",{"title":119,"path":120,"stem":121},"Photo Management","/en/nexus/endpoints/photos","en/3.nexus/endpoints/photos",{"title":123,"icon":124,"path":125,"stem":126,"children":127,"page":14},"Tauri SQLite ORM","i-lucide-database","/en/tauri-sqlite-orm","en/4.tauri-sqlite-orm",[128,132,137,141,162,187,232],{"title":11,"path":129,"stem":130,"icon":131},"/en/tauri-sqlite-orm/introduction","en/4.tauri-sqlite-orm/1.introduction","i-lucide-book-open",{"title":133,"path":134,"stem":135,"icon":136},"Installation & Setup","/en/tauri-sqlite-orm/installation-and-setup","en/4.tauri-sqlite-orm/2.installation-and-setup","i-lucide-download",{"title":138,"path":139,"stem":140,"icon":81},"Your First Schema & Query","/en/tauri-sqlite-orm/your-first-schema-and-query","en/4.tauri-sqlite-orm/3.your-first-schema-and-query",{"title":142,"path":143,"stem":144,"children":145,"page":14},"Core Concepts","/en/tauri-sqlite-orm/core-concepts","en/4.tauri-sqlite-orm/4.core-concepts",[146,150,154,158],{"title":147,"path":148,"stem":149},"Defining Schemas","/en/tauri-sqlite-orm/core-concepts/defining-schemas","en/4.tauri-sqlite-orm/4.core-concepts/1.defining-schemas",{"title":151,"path":152,"stem":153},"Column Types & Modifiers","/en/tauri-sqlite-orm/core-concepts/column-types-and-modifiers","en/4.tauri-sqlite-orm/4.core-concepts/2.column-types-and-modifiers",{"title":155,"path":156,"stem":157},"The ORM Instance","/en/tauri-sqlite-orm/core-concepts/the-orm-instance","en/4.tauri-sqlite-orm/4.core-concepts/3.the-orm-instance",{"title":159,"path":160,"stem":161},"Migrations","/en/tauri-sqlite-orm/core-concepts/migrations","en/4.tauri-sqlite-orm/4.core-concepts/4.migrations",{"title":163,"path":164,"stem":165,"children":166,"page":14},"Querying Data","/en/tauri-sqlite-orm/querying-data","en/4.tauri-sqlite-orm/5.querying-data",[167,171,175,179,183],{"title":168,"path":169,"stem":170},"Select","/en/tauri-sqlite-orm/querying-data/selecting-data","en/4.tauri-sqlite-orm/5.querying-data/1.selecting-data",{"title":172,"path":173,"stem":174},"Insert","/en/tauri-sqlite-orm/querying-data/inserting-data","en/4.tauri-sqlite-orm/5.querying-data/2.inserting-data",{"title":176,"path":177,"stem":178},"Update","/en/tauri-sqlite-orm/querying-data/updating-data","en/4.tauri-sqlite-orm/5.querying-data/3.updating-data",{"title":180,"path":181,"stem":182},"Delete","/en/tauri-sqlite-orm/querying-data/deleting-data","en/4.tauri-sqlite-orm/5.querying-data/4.deleting-data",{"title":184,"path":185,"stem":186},"Conditions & Operators","/en/tauri-sqlite-orm/querying-data/conditions-and-operators","en/4.tauri-sqlite-orm/5.querying-data/5.conditions-and-operators",{"title":188,"path":189,"stem":190,"children":191,"page":14},"Advanced Topics","/en/tauri-sqlite-orm/advanced-topics","en/4.tauri-sqlite-orm/6.advanced-topics",[192,196,200,204,208,212,216,220,224,228],{"title":193,"path":194,"stem":195},"Relations","/en/tauri-sqlite-orm/advanced-topics/working-with-relations","en/4.tauri-sqlite-orm/6.advanced-topics/1.working-with-relations",{"title":197,"path":198,"stem":199},"Error Handling & Safety","/en/tauri-sqlite-orm/advanced-topics/error-handling-and-safety","en/4.tauri-sqlite-orm/6.advanced-topics/10.error-handling-and-safety",{"title":201,"path":202,"stem":203},"Joins","/en/tauri-sqlite-orm/advanced-topics/joins","en/4.tauri-sqlite-orm/6.advanced-topics/2.joins",{"title":205,"path":206,"stem":207},"Transactions","/en/tauri-sqlite-orm/advanced-topics/transactions","en/4.tauri-sqlite-orm/6.advanced-topics/3.transactions",{"title":209,"path":210,"stem":211},"Common Table Expressions","/en/tauri-sqlite-orm/advanced-topics/common-table-expressions","en/4.tauri-sqlite-orm/6.advanced-topics/4.common-table-expressions",{"title":213,"path":214,"stem":215},"Raw SQL","/en/tauri-sqlite-orm/advanced-topics/raw-sql","en/4.tauri-sqlite-orm/6.advanced-topics/5.raw-sql",{"title":217,"path":218,"stem":219},"Type Safety & Inference","/en/tauri-sqlite-orm/advanced-topics/type-safety-and-inference","en/4.tauri-sqlite-orm/6.advanced-topics/6.type-safety-and-inference",{"title":221,"path":222,"stem":223},"Schema Management","/en/tauri-sqlite-orm/advanced-topics/manual-schema-management","en/4.tauri-sqlite-orm/6.advanced-topics/7.manual-schema-management",{"title":225,"path":226,"stem":227},"Query Debugging","/en/tauri-sqlite-orm/advanced-topics/query-debugging","en/4.tauri-sqlite-orm/6.advanced-topics/8.query-debugging",{"title":229,"path":230,"stem":231},"Subqueries & Aggregates","/en/tauri-sqlite-orm/advanced-topics/subqueries-and-aggregates","en/4.tauri-sqlite-orm/6.advanced-topics/9.subqueries-and-aggregates",{"title":233,"path":234,"stem":235,"icon":236},"API Reference","/en/tauri-sqlite-orm/api-reference","en/4.tauri-sqlite-orm/7.api-reference","i-lucide-book",{"id":238,"title":50,"body":239,"description":513,"extension":514,"links":515,"meta":516,"navigation":518,"path":51,"seo":519,"stem":52,"__hash__":520},"docs_en/en/2.owo-ui-components/3.components/grid-layout.md",{"type":240,"value":241,"toc":509},"minimark",[242,246,251,294,298,505],[243,244,245],"p",{},"The grid layout component arranges its children in a grid with a specified number of rows and columns. It supports various alignment and sizing options.",[247,248,250],"h2",{"id":249},"parameters","Parameters",[252,253,254,261,265,269,274,279,284,289],"field-group",{},[255,256,260],"field",{"name":257,"type":258,":required":259},"rows","int","true","The number of rows in the grid.",[255,262,264],{"name":263,"type":258,":required":259},"columns","The number of columns in the grid.",[255,266,268],{"name":267,"type":258},"gap","The gap between child components in pixels.",[255,270,273],{"name":271,"type":272},"padding","int | (int,int,int,int)","The padding around the child components.",[255,275,278],{"name":276,"type":277},"surface","#hex","The background surface of the grid layout.",[255,280,283],{"name":281,"type":282},"horizontal-alignment","left | right | center","The horizontal alignment of the child components within each cell.",[255,285,288],{"name":286,"type":287},"vertical-alignment","top | middle | bottom","The vertical alignment of the child components within each cell.",[255,290,293],{"name":291,"type":292},"allow-overflow","boolean","Whether to allow child components to overflow the bounds of the grid layout.",[247,295,297],{"id":296},"examples","Examples",[299,300,301,368],"code-group",{},[302,303,309],"pre",{"className":304,"code":305,"filename":306,"language":307,"meta":308,"style":308},"language-java shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","Containers.grid(2, 2)\n    .child(Components.label(Text.literal(\"Cell 1\")))\n    .child(Components.label(Text.literal(\"Cell 2\")))\n    .child(Components.label(Text.literal(\"Cell 3\")))\n    .child(Components.label(Text.literal(\"Cell 4\")))\n    .padding(Insets.of(10))\n    .surface(Surface.PANEL)\n    .horizontalAlignment(HorizontalAlignment.CENTER)\n    .verticalAlignment(VerticalAlignment.CENTER)\n","GridLayout.java","java","",[310,311,312,320,326,332,338,344,350,356,362],"code",{"__ignoreMap":308},[313,314,317],"span",{"class":315,"line":316},"line",1,[313,318,319],{},"Containers.grid(2, 2)\n",[313,321,323],{"class":315,"line":322},2,[313,324,325],{},"    .child(Components.label(Text.literal(\"Cell 1\")))\n",[313,327,329],{"class":315,"line":328},3,[313,330,331],{},"    .child(Components.label(Text.literal(\"Cell 2\")))\n",[313,333,335],{"class":315,"line":334},4,[313,336,337],{},"    .child(Components.label(Text.literal(\"Cell 3\")))\n",[313,339,341],{"class":315,"line":340},5,[313,342,343],{},"    .child(Components.label(Text.literal(\"Cell 4\")))\n",[313,345,347],{"class":315,"line":346},6,[313,348,349],{},"    .padding(Insets.of(10))\n",[313,351,353],{"class":315,"line":352},7,[313,354,355],{},"    .surface(Surface.PANEL)\n",[313,357,359],{"class":315,"line":358},8,[313,360,361],{},"    .horizontalAlignment(HorizontalAlignment.CENTER)\n",[313,363,365],{"class":315,"line":364},9,[313,366,367],{},"    .verticalAlignment(VerticalAlignment.CENTER)\n",[302,369,374],{"className":370,"code":371,"filename":372,"language":373,"meta":308,"style":308},"language-xml shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cgrid-layout rows=\"2\" columns=\"2\">\n    \u003Cchildren>\n        \u003Clabel>\n            \u003Ctext>Cell 1\u003C/text>\n        \u003C/label>\n        \u003Clabel>\n            \u003Ctext>Cell 2\u003C/text>\n        \u003C/label>\n        \u003Clabel>\n            \u003Ctext>Cell 3\u003C/text>\n        \u003C/label>\n        \u003Clabel>\n            \u003Ctext>Cell 4\u003C/text>\n        \u003C/label>\n    \u003C/children>\n    \u003Cpadding>\n        \u003Call>10\u003C/all>\n    \u003C/padding>\n    \u003Csurface>\n        \u003Cpanel/>\n    \u003C/surface>\n    \u003Chorizontal-alignment>center\u003C/horizontal-alignment>\n    \u003Cvertical-alignment>center\u003C/vertical-alignment>\n\u003C/grid-layout>\n","grid-layout.xml","xml",[310,375,376,381,386,391,396,401,405,410,414,418,424,429,434,440,445,451,457,463,469,475,481,487,493,499],{"__ignoreMap":308},[313,377,378],{"class":315,"line":316},[313,379,380],{},"\u003Cgrid-layout rows=\"2\" columns=\"2\">\n",[313,382,383],{"class":315,"line":322},[313,384,385],{},"    \u003Cchildren>\n",[313,387,388],{"class":315,"line":328},[313,389,390],{},"        \u003Clabel>\n",[313,392,393],{"class":315,"line":334},[313,394,395],{},"            \u003Ctext>Cell 1\u003C/text>\n",[313,397,398],{"class":315,"line":340},[313,399,400],{},"        \u003C/label>\n",[313,402,403],{"class":315,"line":346},[313,404,390],{},[313,406,407],{"class":315,"line":352},[313,408,409],{},"            \u003Ctext>Cell 2\u003C/text>\n",[313,411,412],{"class":315,"line":358},[313,413,400],{},[313,415,416],{"class":315,"line":364},[313,417,390],{},[313,419,421],{"class":315,"line":420},10,[313,422,423],{},"            \u003Ctext>Cell 3\u003C/text>\n",[313,425,427],{"class":315,"line":426},11,[313,428,400],{},[313,430,432],{"class":315,"line":431},12,[313,433,390],{},[313,435,437],{"class":315,"line":436},13,[313,438,439],{},"            \u003Ctext>Cell 4\u003C/text>\n",[313,441,443],{"class":315,"line":442},14,[313,444,400],{},[313,446,448],{"class":315,"line":447},15,[313,449,450],{},"    \u003C/children>\n",[313,452,454],{"class":315,"line":453},16,[313,455,456],{},"    \u003Cpadding>\n",[313,458,460],{"class":315,"line":459},17,[313,461,462],{},"        \u003Call>10\u003C/all>\n",[313,464,466],{"class":315,"line":465},18,[313,467,468],{},"    \u003C/padding>\n",[313,470,472],{"class":315,"line":471},19,[313,473,474],{},"    \u003Csurface>\n",[313,476,478],{"class":315,"line":477},20,[313,479,480],{},"        \u003Cpanel/>\n",[313,482,484],{"class":315,"line":483},21,[313,485,486],{},"    \u003C/surface>\n",[313,488,490],{"class":315,"line":489},22,[313,491,492],{},"    \u003Chorizontal-alignment>center\u003C/horizontal-alignment>\n",[313,494,496],{"class":315,"line":495},23,[313,497,498],{},"    \u003Cvertical-alignment>center\u003C/vertical-alignment>\n",[313,500,502],{"class":315,"line":501},24,[313,503,504],{},"\u003C/grid-layout>\n",[506,507,508],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":308,"searchDepth":322,"depth":322,"links":510},[511,512],{"id":249,"depth":322,"text":250},{"id":296,"depth":322,"text":297},"The Grid Layout Component.","md",null,{"category":517},"owo-ui",true,{"title":50,"description":513},"eGbWp7zNXfJ1q0pc0v5PQqDH4Ct8AiQFqLZboinyP3g",[522,524],{"title":46,"path":47,"stem":48,"description":523,"children":-1},"The Flow Layout Component.",{"title":54,"path":55,"stem":56,"description":525,"children":-1},"The Label Component.",1773317298789]