[{"data":1,"prerenderedAt":492},["ShallowReactive",2],{"navigation_docs_en":3,"-en-owo-ui-components-components-flow-layout":237,"-en-owo-ui-components-components-flow-layout-surround":487},[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":46,"body":239,"description":479,"extension":480,"links":481,"meta":482,"navigation":484,"path":47,"seo":485,"stem":48,"__hash__":486},"docs_en/en/2.owo-ui-components/3.components/flow-layout.md",{"type":240,"value":241,"toc":475},"minimark",[242,246,251,291,295,471],[243,244,245],"p",{},"The flow layout component arranges its children in a vertical or horizontal flow. It supports various alignment and sizing options.",[247,248,250],"h2",{"id":249},"parameters","Parameters",[252,253,254,261,266,271,276,281,286],"field-group",{},[255,256,260],"field",{"name":257,"type":258,":required":259},"direction","vertical | horizontal | ltr-text-flow","true","The direction of the flow layout.",[255,262,265],{"name":263,"type":264},"gap","int","The gap between child components in pixels.",[255,267,270],{"name":268,"type":269},"padding","int | (int,int,int,int)","The padding around the child components.",[255,272,275],{"name":273,"type":274},"surface","#hex","The background surface of the flow layout.",[255,277,280],{"name":278,"type":279},"horizontal-alignment","left | right | center","The horizontal alignment of the child components.",[255,282,285],{"name":283,"type":284},"vertical-alignment","top | middle | bottom","The vertical alignment of the child components.",[255,287,290],{"name":288,"type":289},"allow-overflow","boolean","Whether to allow child components to overflow the bounds of the flow layout.",[247,292,294],{"id":293},"examples","Examples",[296,297,298,359],"code-group",{},[299,300,306],"pre",{"className":301,"code":302,"filename":303,"language":304,"meta":305,"style":305},"language-java shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","Containers.verticalFlow(Sizing.fill(100), Sizing.content())\n    .child(Components.label(Text.literal(\"Item 1\")))\n    .child(Components.label(Text.literal(\"Item 2\")))\n    .gap(10)\n    .padding(Insets.of(20))\n    .surface(Surface.PANEL)\n    .horizontalAlignment(HorizontalAlignment.CENTER)\n    .verticalAlignment(VerticalAlignment.CENTER)\n","FlowLayout.java","java","",[307,308,309,317,323,329,335,341,347,353],"code",{"__ignoreMap":305},[310,311,314],"span",{"class":312,"line":313},"line",1,[310,315,316],{},"Containers.verticalFlow(Sizing.fill(100), Sizing.content())\n",[310,318,320],{"class":312,"line":319},2,[310,321,322],{},"    .child(Components.label(Text.literal(\"Item 1\")))\n",[310,324,326],{"class":312,"line":325},3,[310,327,328],{},"    .child(Components.label(Text.literal(\"Item 2\")))\n",[310,330,332],{"class":312,"line":331},4,[310,333,334],{},"    .gap(10)\n",[310,336,338],{"class":312,"line":337},5,[310,339,340],{},"    .padding(Insets.of(20))\n",[310,342,344],{"class":312,"line":343},6,[310,345,346],{},"    .surface(Surface.PANEL)\n",[310,348,350],{"class":312,"line":349},7,[310,351,352],{},"    .horizontalAlignment(HorizontalAlignment.CENTER)\n",[310,354,356],{"class":312,"line":355},8,[310,357,358],{},"    .verticalAlignment(VerticalAlignment.CENTER)\n",[299,360,365],{"className":361,"code":362,"filename":363,"language":364,"meta":305,"style":305},"language-xml shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cflow-layout direction=\"vertical\">\n    \u003Cchildren>\n        \u003Clabel>\n            \u003Ctext>Item 1\u003C/text>\n        \u003C/label>\n        \u003Clabel>\n            \u003Ctext>Item 2\u003C/text>\n        \u003C/label>\n    \u003C/children>\n    \u003Cgap>10\u003C/gap>\n    \u003Cpadding>\n        \u003Call>20\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/flow-layout>\n","flow-layout.xml","xml",[307,366,367,372,377,382,387,392,396,401,405,411,417,423,429,435,441,447,453,459,465],{"__ignoreMap":305},[310,368,369],{"class":312,"line":313},[310,370,371],{},"\u003Cflow-layout direction=\"vertical\">\n",[310,373,374],{"class":312,"line":319},[310,375,376],{},"    \u003Cchildren>\n",[310,378,379],{"class":312,"line":325},[310,380,381],{},"        \u003Clabel>\n",[310,383,384],{"class":312,"line":331},[310,385,386],{},"            \u003Ctext>Item 1\u003C/text>\n",[310,388,389],{"class":312,"line":337},[310,390,391],{},"        \u003C/label>\n",[310,393,394],{"class":312,"line":343},[310,395,381],{},[310,397,398],{"class":312,"line":349},[310,399,400],{},"            \u003Ctext>Item 2\u003C/text>\n",[310,402,403],{"class":312,"line":355},[310,404,391],{},[310,406,408],{"class":312,"line":407},9,[310,409,410],{},"    \u003C/children>\n",[310,412,414],{"class":312,"line":413},10,[310,415,416],{},"    \u003Cgap>10\u003C/gap>\n",[310,418,420],{"class":312,"line":419},11,[310,421,422],{},"    \u003Cpadding>\n",[310,424,426],{"class":312,"line":425},12,[310,427,428],{},"        \u003Call>20\u003C/all>\n",[310,430,432],{"class":312,"line":431},13,[310,433,434],{},"    \u003C/padding>\n",[310,436,438],{"class":312,"line":437},14,[310,439,440],{},"    \u003Csurface>\n",[310,442,444],{"class":312,"line":443},15,[310,445,446],{},"        \u003Cpanel/>\n",[310,448,450],{"class":312,"line":449},16,[310,451,452],{},"    \u003C/surface>\n",[310,454,456],{"class":312,"line":455},17,[310,457,458],{},"    \u003Chorizontal-alignment>center\u003C/horizontal-alignment>\n",[310,460,462],{"class":312,"line":461},18,[310,463,464],{},"    \u003Cvertical-alignment>center\u003C/vertical-alignment>\n",[310,466,468],{"class":312,"line":467},19,[310,469,470],{},"\u003C/flow-layout>\n",[472,473,474],"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":305,"searchDepth":319,"depth":319,"links":476},[477,478],{"id":249,"depth":319,"text":250},{"id":293,"depth":319,"text":294},"The Flow Layout Component.","md",null,{"category":483},"owo-ui",true,{"title":46,"description":479},"1RWbfwu3RYn8vL5nWIQMq8qAgcm_5nRDGBc7WQzMp0c",[488,490],{"title":42,"path":43,"stem":44,"description":489,"children":-1},"The Dropdown Component.",{"title":50,"path":51,"stem":52,"description":491,"children":-1},"The Grid Layout Component.",1773317298789]