[{"data":1,"prerenderedAt":1439},["ShallowReactive",2],{"navigation_docs":3,"-components-theme-select":381,"-components-theme-select-surround":665,"component-example-themeSelectBasicExample":670,"component-example-themeSelectUseThemeExample":673,"component-meta-MtThemeSelect":676,"component-example-ast-themeSelectBasicExample":716,"component-example-ast-themeSelectUseThemeExample":1022},[4,110,318],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Documentation","\u002Fdocumentation","1.documentation",[9,35,56,89],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Getting Started","\u002Fdocumentation\u002Fgetting-started","1.documentation\u002F1.getting-started",[14,18,22,26,30],{"title":15,"path":16,"stem":17},"Installation","\u002Fdocumentation\u002Fgetting-started\u002Finstallation","1.documentation\u002F1.getting-started\u002F1.installation",{"title":19,"path":20,"stem":21},"Agents","\u002Fdocumentation\u002Fgetting-started\u002Fagents","1.documentation\u002F1.getting-started\u002F2.agents",{"title":23,"path":24,"stem":25},"Migration","\u002Fdocumentation\u002Fgetting-started\u002Fmigration","1.documentation\u002F1.getting-started\u002F3.migration",{"title":27,"path":28,"stem":29},"Contributing","\u002Fdocumentation\u002Fgetting-started\u002Fcontributing","1.documentation\u002F1.getting-started\u002F4.contributing",{"title":31,"path":32,"stem":33},"What's new","\u002Fdocumentation\u002Fgetting-started\u002Fwhats-new","1.documentation\u002F1.getting-started\u002F5.whats-new",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Guidelines","\u002Fdocumentation\u002Fguidelines","1.documentation\u002F2.guidelines",[40,44,48,52],{"title":41,"path":42,"stem":43},"Design Principles","\u002Fdocumentation\u002Fguidelines\u002Fdesign-principles","1.documentation\u002F2.guidelines\u002F1.design-principles",{"title":45,"path":46,"stem":47},"Accessibility","\u002Fdocumentation\u002Fguidelines\u002Faccessibility","1.documentation\u002F2.guidelines\u002F2.accessibility",{"title":49,"path":50,"stem":51},"Interactions","\u002Fdocumentation\u002Fguidelines\u002Finteractions","1.documentation\u002F2.guidelines\u002F3.interactions",{"title":53,"path":54,"stem":55},"Components","\u002Fdocumentation\u002Fguidelines\u002Fcomponents","1.documentation\u002F2.guidelines\u002F4.components",{"title":57,"path":58,"stem":59,"children":60,"page":34},"Design","\u002Fdocumentation\u002Fdesign","1.documentation\u002F3.design",[61,65,69,73,77,81,85],{"title":62,"path":63,"stem":64},"Tokens","\u002Fdocumentation\u002Fdesign\u002Ftokens","1.documentation\u002F3.design\u002F1.tokens",{"title":66,"path":67,"stem":68},"Color Palette","\u002Fdocumentation\u002Fdesign\u002Fcolor-palette","1.documentation\u002F3.design\u002F2.color-palette",{"title":70,"path":71,"stem":72},"Elevation","\u002Fdocumentation\u002Fdesign\u002Felevation","1.documentation\u002F3.design\u002F3.elevation",{"title":74,"path":75,"stem":76},"Spacing","\u002Fdocumentation\u002Fdesign\u002Fspacing","1.documentation\u002F3.design\u002F4.spacing",{"title":78,"path":79,"stem":80},"Border Radius","\u002Fdocumentation\u002Fdesign\u002Fborder-radius","1.documentation\u002F3.design\u002F5.border-radius",{"title":82,"path":83,"stem":84},"Typography","\u002Fdocumentation\u002Fdesign\u002Ftypography","1.documentation\u002F3.design\u002F6.typography",{"title":86,"path":87,"stem":88},"Icons","\u002Fdocumentation\u002Fdesign\u002Ficons","1.documentation\u002F3.design\u002F7.icons",{"title":90,"path":91,"stem":92,"children":93,"page":34},"Content","\u002Fdocumentation\u002Fcontent","1.documentation\u002F4.content",[94,98,102,106],{"title":95,"path":96,"stem":97},"Wording","\u002Fdocumentation\u002Fcontent\u002Fwording","1.documentation\u002F4.content\u002F1.wording",{"title":99,"path":100,"stem":101},"Messaging","\u002Fdocumentation\u002Fcontent\u002Fmessaging","1.documentation\u002F4.content\u002F2.messaging",{"title":103,"path":104,"stem":105},"Glossary","\u002Fdocumentation\u002Fcontent\u002Fglossary","1.documentation\u002F4.content\u002F3.glossary",{"title":107,"path":108,"stem":109},"Artificial Intelligence","\u002Fdocumentation\u002Fcontent\u002Fartificial-intelligence","1.documentation\u002F4.content\u002F4.artificial-intelligence",{"title":53,"path":111,"stem":112,"children":113,"page":34},"\u002Fcomponents","2.components",[114,118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286,290,294,298,302,306,310,314],{"title":115,"path":116,"stem":117},"Action Menu","\u002Fcomponents\u002Faction-menu","2.components\u002Faction-menu",{"title":119,"path":120,"stem":121},"App","\u002Fcomponents\u002Fapp","2.components\u002Fapp",{"title":123,"path":124,"stem":125},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar",{"title":127,"path":128,"stem":129},"Badge","\u002Fcomponents\u002Fbadge","2.components\u002Fbadge",{"title":131,"path":132,"stem":133},"Banner","\u002Fcomponents\u002Fbanner","2.components\u002Fbanner",{"title":135,"path":136,"stem":137},"Breadcrumb","\u002Fcomponents\u002Fbreadcrumb","2.components\u002Fbreadcrumb",{"title":139,"path":140,"stem":141},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton",{"title":143,"path":144,"stem":145},"Card","\u002Fcomponents\u002Fcard","2.components\u002Fcard",{"title":147,"path":148,"stem":149},"Chart","\u002Fcomponents\u002Fchart","2.components\u002Fchart",{"title":151,"path":152,"stem":153},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox",{"title":155,"path":156,"stem":157},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible",{"title":159,"path":160,"stem":161},"Colorpicker","\u002Fcomponents\u002Fcolorpicker","2.components\u002Fcolorpicker",{"title":163,"path":164,"stem":165},"Container","\u002Fcomponents\u002Fcontainer","2.components\u002Fcontainer",{"title":167,"path":168,"stem":169},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table",{"title":171,"path":172,"stem":173},"Datepicker","\u002Fcomponents\u002Fdatepicker","2.components\u002Fdatepicker",{"title":175,"path":176,"stem":177},"Divider","\u002Fcomponents\u002Fdivider","2.components\u002Fdivider",{"title":179,"path":180,"stem":181},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer",{"title":183,"path":184,"stem":185},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":187,"path":188,"stem":189},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":191,"path":192,"stem":193},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":195,"path":196,"stem":197},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":199,"path":200,"stem":201},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":203,"path":204,"stem":205},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":207,"path":208,"stem":209},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":211,"path":212,"stem":213},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":215,"path":216,"stem":217},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":219,"path":220,"stem":221},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":223,"path":224,"stem":225},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field",{"title":227,"path":228,"stem":229},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination",{"title":231,"path":232,"stem":233},"Password Field","\u002Fcomponents\u002Fpassword-field","2.components\u002Fpassword-field",{"title":235,"path":236,"stem":237},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover",{"title":239,"path":240,"stem":241},"Progress Bar","\u002Fcomponents\u002Fprogress-bar","2.components\u002Fprogress-bar",{"title":243,"path":244,"stem":245},"Promo Badge","\u002Fcomponents\u002Fpromo-badge","2.components\u002Fpromo-badge",{"title":247,"path":248,"stem":249},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group",{"title":251,"path":252,"stem":253},"Search","\u002Fcomponents\u002Fsearch","2.components\u002Fsearch",{"title":255,"path":256,"stem":257},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect",{"title":259,"path":260,"stem":261},"Skeleton Bar","\u002Fcomponents\u002Fskeleton-bar","2.components\u002Fskeleton-bar",{"title":263,"path":264,"stem":265},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider",{"title":267,"path":268,"stem":269},"Snackbar","\u002Fcomponents\u002Fsnackbar","2.components\u002Fsnackbar",{"title":271,"path":272,"stem":273},"Status Dot","\u002Fcomponents\u002Fstatus-dot","2.components\u002Fstatus-dot",{"title":275,"path":276,"stem":277},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":279,"path":280,"stem":281},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":283,"path":284,"stem":285},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":287,"path":288,"stem":289},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":291,"path":292,"stem":293},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":295,"path":296,"stem":297},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":299,"path":300,"stem":301},"Theme Select","\u002Fcomponents\u002Ftheme-select","2.components\u002Ftheme-select",{"title":303,"path":304,"stem":305},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":307,"path":308,"stem":309},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":311,"path":312,"stem":313},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":315,"path":316,"stem":317},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":319,"path":320,"stem":321,"children":322,"page":34},"Utilities","\u002Futilities","3.utilities",[323,335,364,372],{"title":53,"path":324,"stem":325,"children":326,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[327,331],{"title":328,"path":329,"stem":330},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":332,"path":333,"stem":334},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":336,"path":337,"stem":338,"children":339,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[340,344,348,352,356,360],{"title":341,"path":342,"stem":343},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":345,"path":346,"stem":347},"useMtApp","\u002Futilities\u002Fcomposables\u002Fuse-mt-app","3.utilities\u002Fcomposables\u002Fuse-mt-app",{"title":349,"path":350,"stem":351},"useMtAppRegions","\u002Futilities\u002Fcomposables\u002Fuse-mt-app-regions","3.utilities\u002Fcomposables\u002Fuse-mt-app-regions",{"title":353,"path":354,"stem":355},"useServicePermission","\u002Futilities\u002Fcomposables\u002Fuse-service-permission","3.utilities\u002Fcomposables\u002Fuse-service-permission",{"title":357,"path":358,"stem":359},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":361,"path":362,"stem":363},"useTheme","\u002Futilities\u002Fcomposables\u002Fuse-theme","3.utilities\u002Fcomposables\u002Fuse-theme",{"title":365,"path":366,"stem":367,"children":368,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[369],{"title":307,"path":370,"stem":371},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":373,"path":374,"stem":375,"children":376,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[377],{"title":378,"path":379,"stem":380},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",{"id":382,"title":299,"body":383,"description":658,"extension":659,"links":660,"meta":661,"navigation":662,"path":300,"seo":663,"stem":301,"__hash__":664},"docs\u002F2.components\u002Ftheme-select.md",{"type":384,"value":385,"toc":645},"minimark",[386,391,396,408,440,444,449,474,477,481,484,488,537,541,598,601,621,625,641],[387,388],"component-example",{":full-width":389,"name":390},"true","theme-select-basic-example",[392,393,395],"h2",{"id":394},"usage","Usage",[397,398,399,402,403,407],"p",{},[400,401,299],"strong",{}," lets users choose the application color theme: light, dark, or following the operating system preference. Use it in settings screens, profile pages, or anywhere a theme preference belongs. It is a controlled component: it only reports the chosen theme through ",[404,405,406],"code",{},"v-model"," and does not apply or persist the theme itself, which keeps the host application in charge of how the choice takes effect.",[409,410,415],"pre",{"className":411,"code":412,"language":413,"meta":414,"style":414},"language-ts shiki shiki-themes github-light github-dark-default github-dark-default","import { MtThemeSelect } from \"@shopware-ag\u002Fmeteor-component-library\";\n","ts","",[404,416,417],{"__ignoreMap":414},[418,419,422,426,430,433,437],"span",{"class":420,"line":421},"line",1,[418,423,425],{"class":424},"sLfaJ","import",[418,427,429],{"class":428},"sSgjj"," { MtThemeSelect } ",[418,431,432],{"class":424},"from",[418,434,436],{"class":435},"sL1yV"," \"@shopware-ag\u002Fmeteor-component-library\"",[418,438,439],{"class":428},";\n",[392,441,443],{"id":442},"examples","Examples",[445,446,448],"h3",{"id":447},"pairing-with-usetheme","Pairing with useTheme",[397,450,451,452,457,458,461,462,465,466,469,470,473],{},"The ",[453,454,455],"a",{"href":362},[400,456,361],{}," composable resolves the ",[404,459,460],{},"system"," option against ",[404,463,464],{},"prefers-color-scheme",", applies the resolved value as ",[404,467,468],{},"data-theme",", and persists the choice. Binding its ",[404,471,472],{},"theme"," ref to the select is all a typical app needs.",[387,475],{":full-width":389,"name":476},"theme-select-use-theme-example",[392,478,480],{"id":479},"api-reference","API reference",[482,483],"component-api",{},[392,485,487],{"id":486},"best-practices","Best practices",[489,490,491,523],"do-dont",{":vertical":389},[492,493,494],"template",{"v-slot:do":414},[495,496,497,504,512],"ul",{},[498,499,500,501,503],"li",{},"Default to ",[404,502,460],{}," so the application respects the operating system preference.",[498,505,506,507,511],{},"Pair the select with ",[453,508,509],{"href":362},[400,510,361],{}," so the choice is applied and persisted consistently.",[498,513,514,515,518,519,522],{},"Give the field a label that describes the setting, such as ",[404,516,517],{},"Color theme"," or ",[404,520,521],{},"Appearance",".",[492,524,525,531],{"v-slot:dont":414},[498,526,527,528,530],{},"Do not use ",[400,529,299],{}," for unrelated multi-option settings; it is purpose-built for color themes.",[498,532,533,534,536],{},"Do not apply the theme from multiple places at once. Keep one owner for the ",[404,535,468],{}," attribute.",[392,538,540],{"id":539},"behavior","Behavior",[495,542,543,566,580,583],{},[498,544,545,547,548,551,552,555,556,559,560,563,564,522],{},[400,546,299],{}," accepts and emits one of three values through ",[404,549,550],{},"modelValue",": ",[404,553,554],{},"\"light\"",", ",[404,557,558],{},"\"dark\"",", or ",[404,561,562],{},"\"system\"",", and defaults to ",[404,565,562],{},[498,567,568,569,571,572,574,575,579],{},"The component is purely presentational. Resolving ",[404,570,460],{},", writing ",[404,573,468],{},", and persisting the choice is the host's responsibility, which ",[453,576,577],{"href":362},[400,578,361],{}," handles out of the box.",[498,581,582],{},"Option labels are localized (English and German) through the library's i18n setup.",[498,584,585,586,590,591,518,594,597],{},"Additional ",[453,587,588],{"href":256},[400,589,255],{}," props such as ",[404,592,593],{},"small",[404,595,596],{},"error"," fall through to the underlying select.",[392,599,45],{"id":600},"accessibility",[495,602,603,611,614],{},[498,604,605,606,610],{},"Keyboard and screen reader behavior follow the underlying ",[453,607,608],{"href":256},[400,609,255],{}," component.",[498,612,613],{},"Each option is labelled with text, so the choice never relies on color or iconography.",[498,615,616,617,620],{},"Provide a visible ",[404,618,619],{},"label"," so the setting is announced with its purpose.",[392,622,624],{"id":623},"related-components","Related components",[495,626,627,634],{},[498,628,629,633],{},[453,630,631],{"href":256},[400,632,255],{},": the general-purpose select this component builds on, for arbitrary option sets.",[498,635,636,640],{},[453,637,638],{"href":362},[400,639,361],{},": the composable that resolves, applies, and persists the theme this component selects.",[642,643,644],"style",{},"html pre.shiki code .sLfaJ, html code.shiki .sLfaJ{--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72}html pre.shiki code .sSgjj, html code.shiki .sSgjj{--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3}html pre.shiki code .sL1yV, html code.shiki .sL1yV{--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF}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":414,"searchDepth":646,"depth":646,"links":647},2,[648,649,653,654,655,656,657],{"id":394,"depth":646,"text":395},{"id":442,"depth":646,"text":443,"children":650},[651],{"id":447,"depth":652,"text":448},3,{"id":479,"depth":646,"text":480},{"id":486,"depth":646,"text":487},{"id":539,"depth":646,"text":540},{"id":600,"depth":646,"text":45},{"id":623,"depth":646,"text":624},"A select control for choosing the application color theme, either light, dark, or following the system preference.","md",null,{},true,{"title":299,"description":658},"Jvvywt2Ctvw6tHFyqdN0EF3Le4ert4E0l5mUWLSAx9M",[666,668],{"title":295,"path":296,"stem":297,"description":667,"children":-1},"A multi-line input for longer free-form text in a form.",{"title":303,"path":304,"stem":305,"description":669,"children":-1},"Short-lived, action-bound feedback that appears briefly to confirm or report the result of something the user just did.",{"code":671,"pascalName":672},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport MtThemeSelect from \"@shopware-ag\u002Fmeteor-component-library\u002FMtThemeSelect\";\nimport type { Theme } from \"@shopware-ag\u002Fmeteor-component-library\";\n\nconst theme = ref\u003CTheme>(\"system\");\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-theme-select v-model=\"theme\" label=\"Color theme\" \u002F>\n\u003C\u002Ftemplate>\n","ThemeSelectBasicExample",{"code":674,"pascalName":675},"\u003Cscript setup lang=\"ts\">\nimport MtThemeSelect from \"@shopware-ag\u002Fmeteor-component-library\u002FMtThemeSelect\";\nimport MtText from \"@shopware-ag\u002Fmeteor-component-library\u002FMtText\";\n\u002F\u002F useTheme has no subpath export, so it is imported from the barrel.\nimport { useTheme } from \"@shopware-ag\u002Fmeteor-component-library\";\n\n\u002F\u002F Persistence and global application are disabled so the docs page itself\n\u002F\u002F stays untouched. Omit these options in your app.\nconst { theme, resolvedTheme } = useTheme({\n  storageKey: null,\n  applyToTarget: false,\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv style=\"display: flex; flex-direction: column; gap: 16px\">\n    \u003Cmt-theme-select v-model=\"theme\" label=\"Color theme\" \u002F>\n\n    \u003Cmt-text>Resolved theme: {{ resolvedTheme }}\u003C\u002Fmt-text>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","ThemeSelectUseThemeExample",{"pascalName":677,"kebabName":678,"filePath":679,"meta":680},"MtThemeSelect","mt-theme-select","..\u002F..\u002Fpackages\u002Fcomponent-library\u002Fsrc\u002Fcomponents\u002Fmt-theme-select\u002Fmt-theme-select.vue",{"type":421,"props":681,"slots":702,"events":703,"exposed":714,"hash":715},[682,691,699],{"name":619,"global":34,"description":683,"tags":684,"required":34,"type":685,"schema":686},"The label for the select field itself.",[],"string | undefined",{"kind":687,"type":685,"schema":688},"enum",{"0":689,"1":690},"undefined","string",{"name":692,"global":34,"description":693,"tags":694,"required":34,"type":695,"schema":696},"disabled","Disables the select field.",[],"boolean | undefined",{"kind":687,"type":695,"schema":697},{"0":689,"1":698,"2":389},"false",{"name":550,"global":34,"default":562,"description":414,"tags":700,"required":34,"type":701,"schema":701},[],"any",[],[704],{"name":705,"description":414,"tags":706,"type":707,"signature":708,"schema":709},"update:modelValue",[],"[value: Theme]","(event: \"update:modelValue\", value: Theme): void",[710],{"kind":711,"type":712,"schema":713},"array","Theme",[],[],"LzHEb-Pepogi-ltZrsCr3FK8of_iIgcYxJiz5ccfbF4",{"data":717,"body":718,"toc":1020},{"title":414,"description":414},{"type":719,"children":720},"root",[721,1015],{"type":722,"tag":409,"props":723,"children":726},"element",{"className":724,"code":671,"language":725,"meta":414,"style":414},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","vue",[727],{"type":722,"tag":404,"props":728,"children":729},{"__ignoreMap":414},[730,773,799,824,854,863,912,929,937,953,999],{"type":722,"tag":418,"props":731,"children":732},{"class":420,"line":421},[733,740,746,752,757,762,768],{"type":722,"tag":418,"props":734,"children":736},{"style":735},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[737],{"type":738,"value":739},"text","\u003C",{"type":722,"tag":418,"props":741,"children":743},{"style":742},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[744],{"type":738,"value":745},"script",{"type":722,"tag":418,"props":747,"children":749},{"style":748},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[750],{"type":738,"value":751}," setup",{"type":722,"tag":418,"props":753,"children":754},{"style":748},[755],{"type":738,"value":756}," lang",{"type":722,"tag":418,"props":758,"children":759},{"style":735},[760],{"type":738,"value":761},"=",{"type":722,"tag":418,"props":763,"children":765},{"style":764},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[766],{"type":738,"value":767},"\"ts\"",{"type":722,"tag":418,"props":769,"children":770},{"style":735},[771],{"type":738,"value":772},">\n",{"type":722,"tag":418,"props":774,"children":775},{"class":420,"line":646},[776,781,786,790,795],{"type":722,"tag":418,"props":777,"children":779},{"style":778},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[780],{"type":738,"value":425},{"type":722,"tag":418,"props":782,"children":783},{"style":735},[784],{"type":738,"value":785}," { ref } ",{"type":722,"tag":418,"props":787,"children":788},{"style":778},[789],{"type":738,"value":432},{"type":722,"tag":418,"props":791,"children":792},{"style":764},[793],{"type":738,"value":794}," \"vue\"",{"type":722,"tag":418,"props":796,"children":797},{"style":735},[798],{"type":738,"value":439},{"type":722,"tag":418,"props":800,"children":801},{"class":420,"line":652},[802,806,811,815,820],{"type":722,"tag":418,"props":803,"children":804},{"style":778},[805],{"type":738,"value":425},{"type":722,"tag":418,"props":807,"children":808},{"style":735},[809],{"type":738,"value":810}," MtThemeSelect ",{"type":722,"tag":418,"props":812,"children":813},{"style":778},[814],{"type":738,"value":432},{"type":722,"tag":418,"props":816,"children":817},{"style":764},[818],{"type":738,"value":819}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtThemeSelect\"",{"type":722,"tag":418,"props":821,"children":822},{"style":735},[823],{"type":738,"value":439},{"type":722,"tag":418,"props":825,"children":827},{"class":420,"line":826},4,[828,832,837,842,846,850],{"type":722,"tag":418,"props":829,"children":830},{"style":778},[831],{"type":738,"value":425},{"type":722,"tag":418,"props":833,"children":834},{"style":778},[835],{"type":738,"value":836}," type",{"type":722,"tag":418,"props":838,"children":839},{"style":735},[840],{"type":738,"value":841}," { Theme } ",{"type":722,"tag":418,"props":843,"children":844},{"style":778},[845],{"type":738,"value":432},{"type":722,"tag":418,"props":847,"children":848},{"style":764},[849],{"type":738,"value":436},{"type":722,"tag":418,"props":851,"children":852},{"style":735},[853],{"type":738,"value":439},{"type":722,"tag":418,"props":855,"children":857},{"class":420,"line":856},5,[858],{"type":722,"tag":418,"props":859,"children":860},{"emptyLinePlaceholder":662},[861],{"type":738,"value":862},"\n",{"type":722,"tag":418,"props":864,"children":866},{"class":420,"line":865},6,[867,872,878,883,889,893,898,903,907],{"type":722,"tag":418,"props":868,"children":869},{"style":778},[870],{"type":738,"value":871},"const",{"type":722,"tag":418,"props":873,"children":875},{"style":874},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[876],{"type":738,"value":877}," theme",{"type":722,"tag":418,"props":879,"children":880},{"style":778},[881],{"type":738,"value":882}," =",{"type":722,"tag":418,"props":884,"children":886},{"style":885},"--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF",[887],{"type":738,"value":888}," ref",{"type":722,"tag":418,"props":890,"children":891},{"style":735},[892],{"type":738,"value":739},{"type":722,"tag":418,"props":894,"children":896},{"style":895},"--shiki-light:#6F42C1;--shiki-default:#FFA657;--shiki-dark:#FFA657",[897],{"type":738,"value":712},{"type":722,"tag":418,"props":899,"children":900},{"style":735},[901],{"type":738,"value":902},">(",{"type":722,"tag":418,"props":904,"children":905},{"style":764},[906],{"type":738,"value":562},{"type":722,"tag":418,"props":908,"children":909},{"style":735},[910],{"type":738,"value":911},");\n",{"type":722,"tag":418,"props":913,"children":915},{"class":420,"line":914},7,[916,921,925],{"type":722,"tag":418,"props":917,"children":918},{"style":735},[919],{"type":738,"value":920},"\u003C\u002F",{"type":722,"tag":418,"props":922,"children":923},{"style":742},[924],{"type":738,"value":745},{"type":722,"tag":418,"props":926,"children":927},{"style":735},[928],{"type":738,"value":772},{"type":722,"tag":418,"props":930,"children":932},{"class":420,"line":931},8,[933],{"type":722,"tag":418,"props":934,"children":935},{"emptyLinePlaceholder":662},[936],{"type":738,"value":862},{"type":722,"tag":418,"props":938,"children":940},{"class":420,"line":939},9,[941,945,949],{"type":722,"tag":418,"props":942,"children":943},{"style":735},[944],{"type":738,"value":739},{"type":722,"tag":418,"props":946,"children":947},{"style":742},[948],{"type":738,"value":492},{"type":722,"tag":418,"props":950,"children":951},{"style":735},[952],{"type":738,"value":772},{"type":722,"tag":418,"props":954,"children":956},{"class":420,"line":955},10,[957,962,966,971,975,980,985,989,994],{"type":722,"tag":418,"props":958,"children":959},{"style":735},[960],{"type":738,"value":961},"  \u003C",{"type":722,"tag":418,"props":963,"children":964},{"style":742},[965],{"type":738,"value":678},{"type":722,"tag":418,"props":967,"children":968},{"style":748},[969],{"type":738,"value":970}," v-model",{"type":722,"tag":418,"props":972,"children":973},{"style":735},[974],{"type":738,"value":761},{"type":722,"tag":418,"props":976,"children":977},{"style":764},[978],{"type":738,"value":979},"\"theme\"",{"type":722,"tag":418,"props":981,"children":982},{"style":748},[983],{"type":738,"value":984}," label",{"type":722,"tag":418,"props":986,"children":987},{"style":735},[988],{"type":738,"value":761},{"type":722,"tag":418,"props":990,"children":991},{"style":764},[992],{"type":738,"value":993},"\"Color theme\"",{"type":722,"tag":418,"props":995,"children":996},{"style":735},[997],{"type":738,"value":998}," \u002F>\n",{"type":722,"tag":418,"props":1000,"children":1002},{"class":420,"line":1001},11,[1003,1007,1011],{"type":722,"tag":418,"props":1004,"children":1005},{"style":735},[1006],{"type":738,"value":920},{"type":722,"tag":418,"props":1008,"children":1009},{"style":742},[1010],{"type":738,"value":492},{"type":722,"tag":418,"props":1012,"children":1013},{"style":735},[1014],{"type":738,"value":772},{"type":722,"tag":642,"props":1016,"children":1017},{},[1018],{"type":738,"value":1019},"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":414,"searchDepth":646,"depth":646,"links":1021},[],{"data":1023,"body":1024,"toc":1437},{"title":414,"description":414},{"type":719,"children":1025},[1026,1433],{"type":722,"tag":409,"props":1027,"children":1028},{"className":724,"code":674,"language":725,"meta":414,"style":414},[1029],{"type":722,"tag":404,"props":1030,"children":1031},{"__ignoreMap":414},[1032,1063,1086,1111,1120,1144,1151,1159,1167,1211,1229,1245,1254,1270,1278,1294,1325,1366,1374,1400,1417],{"type":722,"tag":418,"props":1033,"children":1034},{"class":420,"line":421},[1035,1039,1043,1047,1051,1055,1059],{"type":722,"tag":418,"props":1036,"children":1037},{"style":735},[1038],{"type":738,"value":739},{"type":722,"tag":418,"props":1040,"children":1041},{"style":742},[1042],{"type":738,"value":745},{"type":722,"tag":418,"props":1044,"children":1045},{"style":748},[1046],{"type":738,"value":751},{"type":722,"tag":418,"props":1048,"children":1049},{"style":748},[1050],{"type":738,"value":756},{"type":722,"tag":418,"props":1052,"children":1053},{"style":735},[1054],{"type":738,"value":761},{"type":722,"tag":418,"props":1056,"children":1057},{"style":764},[1058],{"type":738,"value":767},{"type":722,"tag":418,"props":1060,"children":1061},{"style":735},[1062],{"type":738,"value":772},{"type":722,"tag":418,"props":1064,"children":1065},{"class":420,"line":646},[1066,1070,1074,1078,1082],{"type":722,"tag":418,"props":1067,"children":1068},{"style":778},[1069],{"type":738,"value":425},{"type":722,"tag":418,"props":1071,"children":1072},{"style":735},[1073],{"type":738,"value":810},{"type":722,"tag":418,"props":1075,"children":1076},{"style":778},[1077],{"type":738,"value":432},{"type":722,"tag":418,"props":1079,"children":1080},{"style":764},[1081],{"type":738,"value":819},{"type":722,"tag":418,"props":1083,"children":1084},{"style":735},[1085],{"type":738,"value":439},{"type":722,"tag":418,"props":1087,"children":1088},{"class":420,"line":652},[1089,1093,1098,1102,1107],{"type":722,"tag":418,"props":1090,"children":1091},{"style":778},[1092],{"type":738,"value":425},{"type":722,"tag":418,"props":1094,"children":1095},{"style":735},[1096],{"type":738,"value":1097}," MtText ",{"type":722,"tag":418,"props":1099,"children":1100},{"style":778},[1101],{"type":738,"value":432},{"type":722,"tag":418,"props":1103,"children":1104},{"style":764},[1105],{"type":738,"value":1106}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtText\"",{"type":722,"tag":418,"props":1108,"children":1109},{"style":735},[1110],{"type":738,"value":439},{"type":722,"tag":418,"props":1112,"children":1113},{"class":420,"line":826},[1114],{"type":722,"tag":418,"props":1115,"children":1117},{"style":1116},"--shiki-light:#6A737D;--shiki-default:#8B949E;--shiki-dark:#8B949E",[1118],{"type":738,"value":1119},"\u002F\u002F useTheme has no subpath export, so it is imported from the barrel.\n",{"type":722,"tag":418,"props":1121,"children":1122},{"class":420,"line":856},[1123,1127,1132,1136,1140],{"type":722,"tag":418,"props":1124,"children":1125},{"style":778},[1126],{"type":738,"value":425},{"type":722,"tag":418,"props":1128,"children":1129},{"style":735},[1130],{"type":738,"value":1131}," { useTheme } ",{"type":722,"tag":418,"props":1133,"children":1134},{"style":778},[1135],{"type":738,"value":432},{"type":722,"tag":418,"props":1137,"children":1138},{"style":764},[1139],{"type":738,"value":436},{"type":722,"tag":418,"props":1141,"children":1142},{"style":735},[1143],{"type":738,"value":439},{"type":722,"tag":418,"props":1145,"children":1146},{"class":420,"line":865},[1147],{"type":722,"tag":418,"props":1148,"children":1149},{"emptyLinePlaceholder":662},[1150],{"type":738,"value":862},{"type":722,"tag":418,"props":1152,"children":1153},{"class":420,"line":914},[1154],{"type":722,"tag":418,"props":1155,"children":1156},{"style":1116},[1157],{"type":738,"value":1158},"\u002F\u002F Persistence and global application are disabled so the docs page itself\n",{"type":722,"tag":418,"props":1160,"children":1161},{"class":420,"line":931},[1162],{"type":722,"tag":418,"props":1163,"children":1164},{"style":1116},[1165],{"type":738,"value":1166},"\u002F\u002F stays untouched. Omit these options in your app.\n",{"type":722,"tag":418,"props":1168,"children":1169},{"class":420,"line":939},[1170,1174,1179,1183,1187,1192,1197,1201,1206],{"type":722,"tag":418,"props":1171,"children":1172},{"style":778},[1173],{"type":738,"value":871},{"type":722,"tag":418,"props":1175,"children":1176},{"style":735},[1177],{"type":738,"value":1178}," { ",{"type":722,"tag":418,"props":1180,"children":1181},{"style":874},[1182],{"type":738,"value":472},{"type":722,"tag":418,"props":1184,"children":1185},{"style":735},[1186],{"type":738,"value":555},{"type":722,"tag":418,"props":1188,"children":1189},{"style":874},[1190],{"type":738,"value":1191},"resolvedTheme",{"type":722,"tag":418,"props":1193,"children":1194},{"style":735},[1195],{"type":738,"value":1196}," } ",{"type":722,"tag":418,"props":1198,"children":1199},{"style":778},[1200],{"type":738,"value":761},{"type":722,"tag":418,"props":1202,"children":1203},{"style":885},[1204],{"type":738,"value":1205}," useTheme",{"type":722,"tag":418,"props":1207,"children":1208},{"style":735},[1209],{"type":738,"value":1210},"({\n",{"type":722,"tag":418,"props":1212,"children":1213},{"class":420,"line":955},[1214,1219,1224],{"type":722,"tag":418,"props":1215,"children":1216},{"style":735},[1217],{"type":738,"value":1218},"  storageKey: ",{"type":722,"tag":418,"props":1220,"children":1221},{"style":874},[1222],{"type":738,"value":1223},"null",{"type":722,"tag":418,"props":1225,"children":1226},{"style":735},[1227],{"type":738,"value":1228},",\n",{"type":722,"tag":418,"props":1230,"children":1231},{"class":420,"line":1001},[1232,1237,1241],{"type":722,"tag":418,"props":1233,"children":1234},{"style":735},[1235],{"type":738,"value":1236},"  applyToTarget: ",{"type":722,"tag":418,"props":1238,"children":1239},{"style":874},[1240],{"type":738,"value":698},{"type":722,"tag":418,"props":1242,"children":1243},{"style":735},[1244],{"type":738,"value":1228},{"type":722,"tag":418,"props":1246,"children":1248},{"class":420,"line":1247},12,[1249],{"type":722,"tag":418,"props":1250,"children":1251},{"style":735},[1252],{"type":738,"value":1253},"});\n",{"type":722,"tag":418,"props":1255,"children":1257},{"class":420,"line":1256},13,[1258,1262,1266],{"type":722,"tag":418,"props":1259,"children":1260},{"style":735},[1261],{"type":738,"value":920},{"type":722,"tag":418,"props":1263,"children":1264},{"style":742},[1265],{"type":738,"value":745},{"type":722,"tag":418,"props":1267,"children":1268},{"style":735},[1269],{"type":738,"value":772},{"type":722,"tag":418,"props":1271,"children":1273},{"class":420,"line":1272},14,[1274],{"type":722,"tag":418,"props":1275,"children":1276},{"emptyLinePlaceholder":662},[1277],{"type":738,"value":862},{"type":722,"tag":418,"props":1279,"children":1281},{"class":420,"line":1280},15,[1282,1286,1290],{"type":722,"tag":418,"props":1283,"children":1284},{"style":735},[1285],{"type":738,"value":739},{"type":722,"tag":418,"props":1287,"children":1288},{"style":742},[1289],{"type":738,"value":492},{"type":722,"tag":418,"props":1291,"children":1292},{"style":735},[1293],{"type":738,"value":772},{"type":722,"tag":418,"props":1295,"children":1297},{"class":420,"line":1296},16,[1298,1302,1307,1312,1316,1321],{"type":722,"tag":418,"props":1299,"children":1300},{"style":735},[1301],{"type":738,"value":961},{"type":722,"tag":418,"props":1303,"children":1304},{"style":742},[1305],{"type":738,"value":1306},"div",{"type":722,"tag":418,"props":1308,"children":1309},{"style":748},[1310],{"type":738,"value":1311}," style",{"type":722,"tag":418,"props":1313,"children":1314},{"style":735},[1315],{"type":738,"value":761},{"type":722,"tag":418,"props":1317,"children":1318},{"style":764},[1319],{"type":738,"value":1320},"\"display: flex; flex-direction: column; gap: 16px\"",{"type":722,"tag":418,"props":1322,"children":1323},{"style":735},[1324],{"type":738,"value":772},{"type":722,"tag":418,"props":1326,"children":1328},{"class":420,"line":1327},17,[1329,1334,1338,1342,1346,1350,1354,1358,1362],{"type":722,"tag":418,"props":1330,"children":1331},{"style":735},[1332],{"type":738,"value":1333},"    \u003C",{"type":722,"tag":418,"props":1335,"children":1336},{"style":742},[1337],{"type":738,"value":678},{"type":722,"tag":418,"props":1339,"children":1340},{"style":748},[1341],{"type":738,"value":970},{"type":722,"tag":418,"props":1343,"children":1344},{"style":735},[1345],{"type":738,"value":761},{"type":722,"tag":418,"props":1347,"children":1348},{"style":764},[1349],{"type":738,"value":979},{"type":722,"tag":418,"props":1351,"children":1352},{"style":748},[1353],{"type":738,"value":984},{"type":722,"tag":418,"props":1355,"children":1356},{"style":735},[1357],{"type":738,"value":761},{"type":722,"tag":418,"props":1359,"children":1360},{"style":764},[1361],{"type":738,"value":993},{"type":722,"tag":418,"props":1363,"children":1364},{"style":735},[1365],{"type":738,"value":998},{"type":722,"tag":418,"props":1367,"children":1369},{"class":420,"line":1368},18,[1370],{"type":722,"tag":418,"props":1371,"children":1372},{"emptyLinePlaceholder":662},[1373],{"type":738,"value":862},{"type":722,"tag":418,"props":1375,"children":1377},{"class":420,"line":1376},19,[1378,1382,1387,1392,1396],{"type":722,"tag":418,"props":1379,"children":1380},{"style":735},[1381],{"type":738,"value":1333},{"type":722,"tag":418,"props":1383,"children":1384},{"style":742},[1385],{"type":738,"value":1386},"mt-text",{"type":722,"tag":418,"props":1388,"children":1389},{"style":735},[1390],{"type":738,"value":1391},">Resolved theme: {{ resolvedTheme }}\u003C\u002F",{"type":722,"tag":418,"props":1393,"children":1394},{"style":742},[1395],{"type":738,"value":1386},{"type":722,"tag":418,"props":1397,"children":1398},{"style":735},[1399],{"type":738,"value":772},{"type":722,"tag":418,"props":1401,"children":1403},{"class":420,"line":1402},20,[1404,1409,1413],{"type":722,"tag":418,"props":1405,"children":1406},{"style":735},[1407],{"type":738,"value":1408},"  \u003C\u002F",{"type":722,"tag":418,"props":1410,"children":1411},{"style":742},[1412],{"type":738,"value":1306},{"type":722,"tag":418,"props":1414,"children":1415},{"style":735},[1416],{"type":738,"value":772},{"type":722,"tag":418,"props":1418,"children":1420},{"class":420,"line":1419},21,[1421,1425,1429],{"type":722,"tag":418,"props":1422,"children":1423},{"style":735},[1424],{"type":738,"value":920},{"type":722,"tag":418,"props":1426,"children":1427},{"style":742},[1428],{"type":738,"value":492},{"type":722,"tag":418,"props":1430,"children":1431},{"style":735},[1432],{"type":738,"value":772},{"type":722,"tag":642,"props":1434,"children":1435},{},[1436],{"type":738,"value":1019},{"title":414,"searchDepth":646,"depth":646,"links":1438},[],1790339687837]