[{"data":1,"prerenderedAt":539},["ShallowReactive",2],{"navigation_docs_en":3,"-en-owo-ui-components-components-dropdown":237,"-en-owo-ui-components-components-dropdown-surround":534},[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":42,"body":239,"description":526,"extension":527,"links":528,"meta":529,"navigation":531,"path":43,"seo":532,"stem":44,"__hash__":533},"docs_en/en/2.owo-ui-components/3.components/dropdown.md",{"type":240,"value":241,"toc":522},"minimark",[242,246,251,288,292,518],[243,244,245],"p",{},"The dropdown component creates a dropdown menu with various entries such as buttons, checkboxes, and nested dropdowns. It supports customizable entries and various sizing and alignment options.",[247,248,250],"h2",{"id":249},"parameters","Parameters",[252,253,254,260,264,269,274,279,284],"field-group",{},[255,256,259],"field",{"name":257,"type":258},"close-when-not-hovered","boolean","Whether to automatically close the dropdown when the mouse is not hovering over it.",[255,261,263],{"name":262},"entries","The entries of the dropdown menu.",[255,265,268],{"name":266,"type":267},"padding","int | (int,int,int,int)","The padding around the dropdown entries.",[255,270,273],{"name":271,"type":272},"surface","#hex","The background surface of the dropdown.",[255,275,278],{"name":276,"type":277},"horizontal-alignment","left | right | center","The horizontal alignment of the dropdown entries.",[255,280,283],{"name":281,"type":282},"vertical-alignment","top | middle | bottom","The vertical alignment of the dropdown entries.",[255,285,287],{"name":286,"type":258},"allow-overflow","Whether to allow the dropdown entries to overflow the bounds of the dropdown.",[247,289,291],{"id":290},"examples","Examples",[293,294,295,385],"code-group",{},[296,297,303],"pre",{"className":298,"code":299,"filename":300,"language":301,"meta":302,"style":302},"language-java shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","Components.dropdown()\n    .button(Text.literal(\"Option 1\"), button -> {\n        // Handle button click event\n    })\n    .checkbox(Text.literal(\"Option 2\"), false)\n    .nested(Text.literal(\"Submenu\"), submenu -> {\n        submenu.button(Text.literal(\"Submenu Option\"), button -> {\n            // Handle submenu button click event\n        });\n    })\n    .closeWhenNotHovered(true)\n    .padding(Insets.of(5))\n    .surface(Surface.TOOLTIP)\n","Dropdown.java","java","",[304,305,306,314,320,326,332,338,344,350,356,362,367,373,379],"code",{"__ignoreMap":302},[307,308,311],"span",{"class":309,"line":310},"line",1,[307,312,313],{},"Components.dropdown()\n",[307,315,317],{"class":309,"line":316},2,[307,318,319],{},"    .button(Text.literal(\"Option 1\"), button -> {\n",[307,321,323],{"class":309,"line":322},3,[307,324,325],{},"        // Handle button click event\n",[307,327,329],{"class":309,"line":328},4,[307,330,331],{},"    })\n",[307,333,335],{"class":309,"line":334},5,[307,336,337],{},"    .checkbox(Text.literal(\"Option 2\"), false)\n",[307,339,341],{"class":309,"line":340},6,[307,342,343],{},"    .nested(Text.literal(\"Submenu\"), submenu -> {\n",[307,345,347],{"class":309,"line":346},7,[307,348,349],{},"        submenu.button(Text.literal(\"Submenu Option\"), button -> {\n",[307,351,353],{"class":309,"line":352},8,[307,354,355],{},"            // Handle submenu button click event\n",[307,357,359],{"class":309,"line":358},9,[307,360,361],{},"        });\n",[307,363,365],{"class":309,"line":364},10,[307,366,331],{},[307,368,370],{"class":309,"line":369},11,[307,371,372],{},"    .closeWhenNotHovered(true)\n",[307,374,376],{"class":309,"line":375},12,[307,377,378],{},"    .padding(Insets.of(5))\n",[307,380,382],{"class":309,"line":381},13,[307,383,384],{},"    .surface(Surface.TOOLTIP)\n",[296,386,391],{"className":387,"code":388,"filename":389,"language":390,"meta":302,"style":302},"language-xml shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdropdown>\n    \u003Cclose-when-not-hovered>true\u003C/close-when-not-hovered>\n    \u003Centries>\n        \u003Cbutton>\n            \u003Ctext>Option 1\u003C/text>\n        \u003C/button>\n        \u003Ccheckbox>\n            \u003Ctext>Option 2\u003C/text>\n            \u003Cchecked>false\u003C/checked>\n        \u003C/checkbox>\n        \u003Cnested name=\"Submenu\" translate=\"false\">\n            \u003Cbutton>\n                \u003Ctext>Submenu Option\u003C/text>\n            \u003C/button>\n        \u003C/nested>\n    \u003C/entries>\n    \u003Cpadding>\n        \u003Call>5\u003C/all>\n    \u003C/padding>\n    \u003Csurface>\n        \u003Ctooltip/>\n    \u003C/surface>\n\u003C/dropdown>\n","dropdown.xml","xml",[304,392,393,398,403,408,413,418,423,428,433,438,443,448,453,458,464,470,476,482,488,494,500,506,512],{"__ignoreMap":302},[307,394,395],{"class":309,"line":310},[307,396,397],{},"\u003Cdropdown>\n",[307,399,400],{"class":309,"line":316},[307,401,402],{},"    \u003Cclose-when-not-hovered>true\u003C/close-when-not-hovered>\n",[307,404,405],{"class":309,"line":322},[307,406,407],{},"    \u003Centries>\n",[307,409,410],{"class":309,"line":328},[307,411,412],{},"        \u003Cbutton>\n",[307,414,415],{"class":309,"line":334},[307,416,417],{},"            \u003Ctext>Option 1\u003C/text>\n",[307,419,420],{"class":309,"line":340},[307,421,422],{},"        \u003C/button>\n",[307,424,425],{"class":309,"line":346},[307,426,427],{},"        \u003Ccheckbox>\n",[307,429,430],{"class":309,"line":352},[307,431,432],{},"            \u003Ctext>Option 2\u003C/text>\n",[307,434,435],{"class":309,"line":358},[307,436,437],{},"            \u003Cchecked>false\u003C/checked>\n",[307,439,440],{"class":309,"line":364},[307,441,442],{},"        \u003C/checkbox>\n",[307,444,445],{"class":309,"line":369},[307,446,447],{},"        \u003Cnested name=\"Submenu\" translate=\"false\">\n",[307,449,450],{"class":309,"line":375},[307,451,452],{},"            \u003Cbutton>\n",[307,454,455],{"class":309,"line":381},[307,456,457],{},"                \u003Ctext>Submenu Option\u003C/text>\n",[307,459,461],{"class":309,"line":460},14,[307,462,463],{},"            \u003C/button>\n",[307,465,467],{"class":309,"line":466},15,[307,468,469],{},"        \u003C/nested>\n",[307,471,473],{"class":309,"line":472},16,[307,474,475],{},"    \u003C/entries>\n",[307,477,479],{"class":309,"line":478},17,[307,480,481],{},"    \u003Cpadding>\n",[307,483,485],{"class":309,"line":484},18,[307,486,487],{},"        \u003Call>5\u003C/all>\n",[307,489,491],{"class":309,"line":490},19,[307,492,493],{},"    \u003C/padding>\n",[307,495,497],{"class":309,"line":496},20,[307,498,499],{},"    \u003Csurface>\n",[307,501,503],{"class":309,"line":502},21,[307,504,505],{},"        \u003Ctooltip/>\n",[307,507,509],{"class":309,"line":508},22,[307,510,511],{},"    \u003C/surface>\n",[307,513,515],{"class":309,"line":514},23,[307,516,517],{},"\u003C/dropdown>\n",[519,520,521],"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":302,"searchDepth":316,"depth":316,"links":523},[524,525],{"id":249,"depth":316,"text":250},{"id":290,"depth":316,"text":291},"The Dropdown Component.","md",null,{"category":530},"owo-ui",true,{"title":42,"description":526},"MXoYjB_aMCBbGjfuEnZ_Sd_CbC1UClJ2u4VWxEq0UQU",[535,537],{"title":38,"path":39,"stem":40,"description":536,"children":-1},"The Collapsible Container Component.",{"title":46,"path":47,"stem":48,"description":538,"children":-1},"The Flow Layout Component.",1773317298789]