[{"data":1,"prerenderedAt":519},["ShallowReactive",2],{"navigation_docs_en":3,"-en-owo-ui-components-components-scroll-container":237,"-en-owo-ui-components-components-scroll-container-surround":514},[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":58,"body":239,"description":506,"extension":507,"links":508,"meta":509,"navigation":511,"path":59,"seo":512,"stem":60,"__hash__":513},"docs_en/en/2.owo-ui-components/3.components/scroll-container.md",{"type":240,"value":241,"toc":502},"minimark",[242,246,251,308,312,498],[243,244,245],"p",{},"The scroll container component creates a scrollable area for its child components. It supports vertical and horizontal scrolling, customizable scrollbars, and various sizing and alignment options.",[247,248,250],"h2",{"id":249},"parameters","Parameters",[252,253,254,261,266,270,275,279,283,288,293,298,303],"field-group",{},[255,256,260],"field",{"name":257,"type":258,":required":259},"direction","vertical | horizontal","true","The direction of the scroll container.",[255,262,265],{"name":263,"type":264},"scrollbar-thiccness","int","The thickness of the scrollbar in pixels.",[255,267,269],{"name":268,"type":264},"fixed-scrollbar-length","The fixed length of the scrollbar in pixels.",[255,271,274],{"name":272,"type":273},"scrollbar-color","red | yellow | blue | green | gray | purple | ...","The color of the scrollbar.",[255,276,278],{"name":277},"scrollbar","The scrollbar renderer to use for custom scrollbar styles.",[255,280,282],{"name":281,"type":264},"gap","The gap between child components in pixels.",[255,284,287],{"name":285,"type":286},"padding","int | (int,int,int,int)","The padding around the child components.",[255,289,292],{"name":290,"type":291},"surface","#hex","The background surface of the scroll container.",[255,294,297],{"name":295,"type":296},"horizontal-alignment","left | right | center","The horizontal alignment of the child components.",[255,299,302],{"name":300,"type":301},"vertical-alignment","top | middle | bottom","The vertical alignment of the child components.",[255,304,307],{"name":305,"type":306},"allow-overflow","boolean","Whether to allow child components to overflow the bounds of the scroll container.",[247,309,311],{"id":310},"examples","Examples",[313,314,315,376],"code-group",{},[316,317,323],"pre",{"className":318,"code":319,"filename":320,"language":321,"meta":322,"style":322},"language-java shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","Containers.verticalScroll(Sizing.fill(100), Sizing.content())\n    .child(Components.label(Text.literal(\"Item 1\")))\n    .child(Components.label(Text.literal(\"Item 2\")))\n    .child(Components.label(Text.literal(\"Item 3\")))\n    .scrollbarThiccness(10)\n    .scrollbarColor(0xff0000)\n    .padding(Insets.of(10))\n    .surface(Surface.PANEL)\n","ScrollContainer.java","java","",[324,325,326,334,340,346,352,358,364,370],"code",{"__ignoreMap":322},[327,328,331],"span",{"class":329,"line":330},"line",1,[327,332,333],{},"Containers.verticalScroll(Sizing.fill(100), Sizing.content())\n",[327,335,337],{"class":329,"line":336},2,[327,338,339],{},"    .child(Components.label(Text.literal(\"Item 1\")))\n",[327,341,343],{"class":329,"line":342},3,[327,344,345],{},"    .child(Components.label(Text.literal(\"Item 2\")))\n",[327,347,349],{"class":329,"line":348},4,[327,350,351],{},"    .child(Components.label(Text.literal(\"Item 3\")))\n",[327,353,355],{"class":329,"line":354},5,[327,356,357],{},"    .scrollbarThiccness(10)\n",[327,359,361],{"class":329,"line":360},6,[327,362,363],{},"    .scrollbarColor(0xff0000)\n",[327,365,367],{"class":329,"line":366},7,[327,368,369],{},"    .padding(Insets.of(10))\n",[327,371,373],{"class":329,"line":372},8,[327,374,375],{},"    .surface(Surface.PANEL)\n",[316,377,382],{"className":378,"code":379,"filename":380,"language":381,"meta":322,"style":322},"language-xml shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscroll 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        \u003Clabel>\n            \u003Ctext>Item 3\u003C/text>\n        \u003C/label>\n    \u003C/children>\n    \u003Cscrollbar-thiccness>10\u003C/scrollbar-thiccness>\n    \u003Cscrollbar-color>#ff0000\u003C/scrollbar-color>\n    \u003Cpadding>\n        \u003Call>10\u003C/all>\n    \u003C/padding>\n    \u003Csurface>\n        \u003Cpanel/>\n    \u003C/surface>\n\u003C/scroll>\n","scroll-container.xml","xml",[324,383,384,389,394,399,404,409,413,418,422,427,433,438,444,450,456,462,468,474,480,486,492],{"__ignoreMap":322},[327,385,386],{"class":329,"line":330},[327,387,388],{},"\u003Cscroll direction=\"vertical\">\n",[327,390,391],{"class":329,"line":336},[327,392,393],{},"    \u003Cchildren>\n",[327,395,396],{"class":329,"line":342},[327,397,398],{},"        \u003Clabel>\n",[327,400,401],{"class":329,"line":348},[327,402,403],{},"            \u003Ctext>Item 1\u003C/text>\n",[327,405,406],{"class":329,"line":354},[327,407,408],{},"        \u003C/label>\n",[327,410,411],{"class":329,"line":360},[327,412,398],{},[327,414,415],{"class":329,"line":366},[327,416,417],{},"            \u003Ctext>Item 2\u003C/text>\n",[327,419,420],{"class":329,"line":372},[327,421,408],{},[327,423,425],{"class":329,"line":424},9,[327,426,398],{},[327,428,430],{"class":329,"line":429},10,[327,431,432],{},"            \u003Ctext>Item 3\u003C/text>\n",[327,434,436],{"class":329,"line":435},11,[327,437,408],{},[327,439,441],{"class":329,"line":440},12,[327,442,443],{},"    \u003C/children>\n",[327,445,447],{"class":329,"line":446},13,[327,448,449],{},"    \u003Cscrollbar-thiccness>10\u003C/scrollbar-thiccness>\n",[327,451,453],{"class":329,"line":452},14,[327,454,455],{},"    \u003Cscrollbar-color>#ff0000\u003C/scrollbar-color>\n",[327,457,459],{"class":329,"line":458},15,[327,460,461],{},"    \u003Cpadding>\n",[327,463,465],{"class":329,"line":464},16,[327,466,467],{},"        \u003Call>10\u003C/all>\n",[327,469,471],{"class":329,"line":470},17,[327,472,473],{},"    \u003C/padding>\n",[327,475,477],{"class":329,"line":476},18,[327,478,479],{},"    \u003Csurface>\n",[327,481,483],{"class":329,"line":482},19,[327,484,485],{},"        \u003Cpanel/>\n",[327,487,489],{"class":329,"line":488},20,[327,490,491],{},"    \u003C/surface>\n",[327,493,495],{"class":329,"line":494},21,[327,496,497],{},"\u003C/scroll>\n",[499,500,501],"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":322,"searchDepth":336,"depth":336,"links":503},[504,505],{"id":249,"depth":336,"text":250},{"id":310,"depth":336,"text":311},"The Scroll Container Component.","md",null,{"category":510},"owo-ui",true,{"title":58,"description":506},"jk20c476ACD28ilZBhK1wBrp3mFHJlgbDe-8RCtyFFA",[515,517],{"title":54,"path":55,"stem":56,"description":516,"children":-1},"The Label Component.",{"title":62,"path":63,"stem":64,"description":518,"children":-1},"The Slider Component.",1773317298789]