[{"data":1,"prerenderedAt":452},["ShallowReactive",2],{"i-simple-icons:github":3,"i-lucide:arrow-right":8,"doc-\u002Fdocs\u002Felements\u002Fselect":10,"docs-sidebar":411,"doc-surround-\u002Fdocs\u002Felements\u002Fselect":445,"i-lucide:arrow-left":450},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"\u002F>",{"id":11,"title":12,"body":13,"description":401,"extension":402,"group":403,"groupOrder":87,"meta":404,"navTitle":405,"navigation":406,"order":111,"path":407,"seo":408,"stem":409,"__hash__":410},"docs\u002Fdocs\u002Felements\u002Fselect.md","\u003Cwmcp-select>",{"type":14,"value":15,"toc":396},"minimark",[16,23,37,42,161,167,171,178,292,296,306,392],[17,18,20],"h1",{"id":19},"wmcp-select",[21,22,12],"code",{},[24,25,26,27,30,31,36],"p",{},"A dropdown built on the native ",[21,28,29],{},"\u003Cselect>"," (so you get native keyboard and mobile pickers for free). Shares every ",[32,33,35],"a",{"href":34},"\u002Fdocs\u002Felements\u002Finput#common-attributes","common attribute",".",[38,39,41],"h2",{"id":40},"declarative-options","Declarative options",[43,44,49],"pre",{"className":45,"code":46,"language":47,"meta":48,"style":48},"language-html shiki shiki-themes github-light github-dark","\u003Cwmcp-select label=\"Country\" name=\"country\">\n  \u003Coption value=\"us\">United States\u003C\u002Foption>\n  \u003Coption value=\"ca\">Canada\u003C\u002Foption>\n  \u003Coption value=\"mx\">Mexico\u003C\u002Foption>\n\u003C\u002Fwmcp-select>\n","html","",[21,50,51,85,109,130,151],{"__ignoreMap":48},[52,53,56,60,63,67,70,74,77,79,82],"span",{"class":54,"line":55},"line",1,[52,57,59],{"class":58},"sVt8B","\u003C",[52,61,19],{"class":62},"s9eBZ",[52,64,66],{"class":65},"sScJk"," label",[52,68,69],{"class":58},"=",[52,71,73],{"class":72},"sZZnC","\"Country\"",[52,75,76],{"class":65}," name",[52,78,69],{"class":58},[52,80,81],{"class":72},"\"country\"",[52,83,84],{"class":58},">\n",[52,86,88,91,94,97,99,102,105,107],{"class":54,"line":87},2,[52,89,90],{"class":58},"  \u003C",[52,92,93],{"class":62},"option",[52,95,96],{"class":65}," value",[52,98,69],{"class":58},[52,100,101],{"class":72},"\"us\"",[52,103,104],{"class":58},">United States\u003C\u002F",[52,106,93],{"class":62},[52,108,84],{"class":58},[52,110,112,114,116,118,120,123,126,128],{"class":54,"line":111},3,[52,113,90],{"class":58},[52,115,93],{"class":62},[52,117,96],{"class":65},[52,119,69],{"class":58},[52,121,122],{"class":72},"\"ca\"",[52,124,125],{"class":58},">Canada\u003C\u002F",[52,127,93],{"class":62},[52,129,84],{"class":58},[52,131,133,135,137,139,141,144,147,149],{"class":54,"line":132},4,[52,134,90],{"class":58},[52,136,93],{"class":62},[52,138,96],{"class":65},[52,140,69],{"class":58},[52,142,143],{"class":72},"\"mx\"",[52,145,146],{"class":58},">Mexico\u003C\u002F",[52,148,93],{"class":62},[52,150,84],{"class":58},[52,152,154,157,159],{"class":54,"line":153},5,[52,155,156],{"class":58},"\u003C\u002F",[52,158,19],{"class":62},[52,160,84],{"class":58},[24,162,163,164,36],{},"Option groups are supported with ",[21,165,166],{},"\u003Coptgroup>",[38,168,170],{"id":169},"programmatic-options","Programmatic options",[24,172,173,174,177],{},"Set the ",[21,175,176],{},"options"," property (an array) for dynamic data:",[43,179,183],{"className":180,"code":181,"language":182,"meta":48,"style":48},"language-ts shiki shiki-themes github-light github-dark","const select = document.querySelector('wmcp-select')!;\nselect.options = [\n  { value: 'us', label: 'United States' },\n  { value: 'ca', label: 'Canada' },\n  { label: 'Europe', options: [{ value: 'fr', label: 'France' }] }, \u002F\u002F group\n];\n","ts",[21,184,185,219,229,246,260,286],{"__ignoreMap":48},[52,186,187,191,195,198,201,204,207,210,213,216],{"class":54,"line":55},[52,188,190],{"class":189},"szBVR","const",[52,192,194],{"class":193},"sj4cs"," select",[52,196,197],{"class":189}," =",[52,199,200],{"class":58}," document.",[52,202,203],{"class":65},"querySelector",[52,205,206],{"class":58},"(",[52,208,209],{"class":72},"'wmcp-select'",[52,211,212],{"class":58},")",[52,214,215],{"class":189},"!",[52,217,218],{"class":58},";\n",[52,220,221,224,226],{"class":54,"line":87},[52,222,223],{"class":58},"select.options ",[52,225,69],{"class":189},[52,227,228],{"class":58}," [\n",[52,230,231,234,237,240,243],{"class":54,"line":111},[52,232,233],{"class":58},"  { value: ",[52,235,236],{"class":72},"'us'",[52,238,239],{"class":58},", label: ",[52,241,242],{"class":72},"'United States'",[52,244,245],{"class":58}," },\n",[52,247,248,250,253,255,258],{"class":54,"line":132},[52,249,233],{"class":58},[52,251,252],{"class":72},"'ca'",[52,254,239],{"class":58},[52,256,257],{"class":72},"'Canada'",[52,259,245],{"class":58},[52,261,262,265,268,271,274,276,279,282],{"class":54,"line":153},[52,263,264],{"class":58},"  { label: ",[52,266,267],{"class":72},"'Europe'",[52,269,270],{"class":58},", options: [{ value: ",[52,272,273],{"class":72},"'fr'",[52,275,239],{"class":58},[52,277,278],{"class":72},"'France'",[52,280,281],{"class":58}," }] }, ",[52,283,285],{"class":284},"sJ8bj","\u002F\u002F group\n",[52,287,289],{"class":54,"line":288},6,[52,290,291],{"class":58},"];\n",[38,293,295],{"id":294},"enum-typed-tool","Enum-typed tool",[24,297,298,299,301,302,305],{},"When exposed, ",[21,300,12],{}," generates an ",[21,303,304],{},"enum","-typed input schema from its options, so an agent is told the exact set of allowed values:",[43,307,311],{"className":308,"code":309,"language":310,"meta":48,"style":48},"language-json shiki shiki-themes github-light github-dark","{\n  \"type\": \"object\",\n  \"properties\": { \"value\": { \"type\": \"string\", \"enum\": [\"us\", \"ca\", \"mx\"] } },\n  \"required\": [\"value\"]\n}\n","json",[21,312,313,318,332,375,387],{"__ignoreMap":48},[52,314,315],{"class":54,"line":55},[52,316,317],{"class":58},"{\n",[52,319,320,323,326,329],{"class":54,"line":87},[52,321,322],{"class":193},"  \"type\"",[52,324,325],{"class":58},": ",[52,327,328],{"class":72},"\"object\"",[52,330,331],{"class":58},",\n",[52,333,334,337,340,343,345,348,350,353,356,359,362,364,366,368,370,372],{"class":54,"line":111},[52,335,336],{"class":193},"  \"properties\"",[52,338,339],{"class":58},": { ",[52,341,342],{"class":193},"\"value\"",[52,344,339],{"class":58},[52,346,347],{"class":193},"\"type\"",[52,349,325],{"class":58},[52,351,352],{"class":72},"\"string\"",[52,354,355],{"class":58},", ",[52,357,358],{"class":193},"\"enum\"",[52,360,361],{"class":58},": [",[52,363,101],{"class":72},[52,365,355],{"class":58},[52,367,122],{"class":72},[52,369,355],{"class":58},[52,371,143],{"class":72},[52,373,374],{"class":58},"] } },\n",[52,376,377,380,382,384],{"class":54,"line":132},[52,378,379],{"class":193},"  \"required\"",[52,381,361],{"class":58},[52,383,342],{"class":72},[52,385,386],{"class":58},"]\n",[52,388,389],{"class":54,"line":153},[52,390,391],{"class":58},"}\n",[393,394,395],"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 .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);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":48,"searchDepth":87,"depth":87,"links":397},[398,399,400],{"id":40,"depth":87,"text":41},{"id":169,"depth":87,"text":170},{"id":294,"depth":87,"text":295},"A native select with declarative options and an enum-typed WebMCP tool schema.","md","Elements",{},"Select",true,"\u002Fdocs\u002Felements\u002Fselect",{"title":12,"description":401},"docs\u002Felements\u002Fselect","abdNneRPFQU-0WqtKmCRKaKzWKPXVUrh3D-IIHzVEQ8",[412,416,420,424,425,429,433,436,439,442],{"path":413,"title":414,"navTitle":415,"group":403,"order":132,"groupOrder":87},"\u002Fdocs\u002Felements\u002Fcheckbox","\u003Cwmcp-checkbox>","Checkbox",{"path":417,"title":418,"navTitle":419,"group":403,"order":55,"groupOrder":87},"\u002Fdocs\u002Felements\u002Finput","\u003Cwmcp-input>","Input",{"path":421,"title":422,"navTitle":423,"group":403,"order":153,"groupOrder":87},"\u002Fdocs\u002Felements\u002Fradio","\u003Cwmcp-radio-group>","Radio group",{"path":407,"title":12,"navTitle":405,"group":403,"order":111,"groupOrder":87},{"path":426,"title":427,"navTitle":428,"group":403,"order":87,"groupOrder":87},"\u002Fdocs\u002Felements\u002Ftextarea","\u003Cwmcp-textarea>","Textarea",{"path":430,"title":431,"navTitle":431,"group":432,"order":55,"groupOrder":55},"\u002Fdocs","Introduction","Getting started",{"path":434,"title":435,"navTitle":435,"group":432,"order":87,"groupOrder":55},"\u002Fdocs\u002Finstallation","Installation",{"path":437,"title":438,"navTitle":438,"group":432,"order":153,"groupOrder":55},"\u002Fdocs\u002Ftesting","Testing",{"path":440,"title":441,"navTitle":441,"group":432,"order":111,"groupOrder":55},"\u002Fdocs\u002Fvalidation","Validation",{"path":443,"title":444,"navTitle":444,"group":432,"order":132,"groupOrder":55},"\u002Fdocs\u002Fwebmcp","WebMCP exposure",[446,448],{"title":422,"path":421,"stem":447,"navTitle":423,"children":-1},"docs\u002Felements\u002Fradio",{"title":427,"path":426,"stem":449,"navTitle":428,"children":-1},"docs\u002Felements\u002Ftextarea",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":451},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",1781416228943]