[{"data":1,"prerenderedAt":1679},["ShallowReactive",2],{"navigation_docs":3,"-utilities-composables-use-mt-app":377,"-utilities-composables-use-mt-app-surround":700,"component-example-appComposableExample":705,"component-example-ast-appComposableExample":708},[4,110,314],{"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],{"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},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":183,"path":184,"stem":185},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":187,"path":188,"stem":189},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":191,"path":192,"stem":193},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":195,"path":196,"stem":197},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":199,"path":200,"stem":201},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":203,"path":204,"stem":205},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":207,"path":208,"stem":209},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":211,"path":212,"stem":213},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":215,"path":216,"stem":217},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":219,"path":220,"stem":221},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field",{"title":223,"path":224,"stem":225},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination",{"title":227,"path":228,"stem":229},"Password Field","\u002Fcomponents\u002Fpassword-field","2.components\u002Fpassword-field",{"title":231,"path":232,"stem":233},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover",{"title":235,"path":236,"stem":237},"Progress Bar","\u002Fcomponents\u002Fprogress-bar","2.components\u002Fprogress-bar",{"title":239,"path":240,"stem":241},"Promo Badge","\u002Fcomponents\u002Fpromo-badge","2.components\u002Fpromo-badge",{"title":243,"path":244,"stem":245},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group",{"title":247,"path":248,"stem":249},"Search","\u002Fcomponents\u002Fsearch","2.components\u002Fsearch",{"title":251,"path":252,"stem":253},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect",{"title":255,"path":256,"stem":257},"Skeleton Bar","\u002Fcomponents\u002Fskeleton-bar","2.components\u002Fskeleton-bar",{"title":259,"path":260,"stem":261},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider",{"title":263,"path":264,"stem":265},"Snackbar","\u002Fcomponents\u002Fsnackbar","2.components\u002Fsnackbar",{"title":267,"path":268,"stem":269},"Status Dot","\u002Fcomponents\u002Fstatus-dot","2.components\u002Fstatus-dot",{"title":271,"path":272,"stem":273},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":275,"path":276,"stem":277},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":279,"path":280,"stem":281},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":283,"path":284,"stem":285},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":287,"path":288,"stem":289},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":291,"path":292,"stem":293},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":295,"path":296,"stem":297},"Theme Select","\u002Fcomponents\u002Ftheme-select","2.components\u002Ftheme-select",{"title":299,"path":300,"stem":301},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":303,"path":304,"stem":305},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":307,"path":308,"stem":309},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":311,"path":312,"stem":313},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":315,"path":316,"stem":317,"children":318,"page":34},"Utilities","\u002Futilities","3.utilities",[319,331,360,368],{"title":53,"path":320,"stem":321,"children":322,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[323,327],{"title":324,"path":325,"stem":326},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":328,"path":329,"stem":330},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":332,"path":333,"stem":334,"children":335,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[336,340,344,348,352,356],{"title":337,"path":338,"stem":339},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":341,"path":342,"stem":343},"useMtApp","\u002Futilities\u002Fcomposables\u002Fuse-mt-app","3.utilities\u002Fcomposables\u002Fuse-mt-app",{"title":345,"path":346,"stem":347},"useMtAppRegions","\u002Futilities\u002Fcomposables\u002Fuse-mt-app-regions","3.utilities\u002Fcomposables\u002Fuse-mt-app-regions",{"title":349,"path":350,"stem":351},"useServicePermission","\u002Futilities\u002Fcomposables\u002Fuse-service-permission","3.utilities\u002Fcomposables\u002Fuse-service-permission",{"title":353,"path":354,"stem":355},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":357,"path":358,"stem":359},"useTheme","\u002Futilities\u002Fcomposables\u002Fuse-theme","3.utilities\u002Fcomposables\u002Fuse-theme",{"title":361,"path":362,"stem":363,"children":364,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[365],{"title":303,"path":366,"stem":367},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":369,"path":370,"stem":371,"children":372,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[373],{"title":374,"path":375,"stem":376},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",{"id":378,"title":341,"body":379,"description":694,"extension":695,"links":696,"meta":697,"navigation":443,"path":342,"seo":698,"stem":343,"__hash__":699},"docs\u002F3.utilities\u002Fcomposables\u002Fuse-mt-app.md",{"type":380,"value":381,"toc":687},"minimark",[382,387,392,406,487,491,496,661,665,683],[383,384],"component-example",{":full-width":385,"name":386},"true","app-composable-example",[388,389,391],"h2",{"id":390},"usage","Usage",[393,394,395,398,399,405],"p",{},[396,397,341],"code",{}," gives any component below ",[400,401,402],"a",{"href":120},[403,404,119],"strong",{}," access to the shell state: whether the mobile layout is active, which drawer is open and which theme applies, plus functions to open and close drawers and to set the theme. Outside of a shell it returns inert defaults, so components that use it keep working on their own.",[407,408,413],"pre",{"className":409,"code":410,"language":411,"meta":412,"style":412},"language-ts shiki shiki-themes github-light github-dark-default github-dark-default","import { useMtApp } from \"@shopware-ag\u002Fmeteor-component-library\";\n\nconst { isMobile, activeDrawer, openDrawer, closeDrawer } = useMtApp();\n","ts","",[396,414,415,438,445],{"__ignoreMap":412},[416,417,420,424,428,431,435],"span",{"class":418,"line":419},"line",1,[416,421,423],{"class":422},"sLfaJ","import",[416,425,427],{"class":426},"sSgjj"," { useMtApp } ",[416,429,430],{"class":422},"from",[416,432,434],{"class":433},"sL1yV"," \"@shopware-ag\u002Fmeteor-component-library\"",[416,436,437],{"class":426},";\n",[416,439,441],{"class":418,"line":440},2,[416,442,444],{"emptyLinePlaceholder":443},true,"\n",[416,446,448,451,454,458,461,464,466,469,471,474,477,480,484],{"class":418,"line":447},3,[416,449,450],{"class":422},"const",[416,452,453],{"class":426}," { ",[416,455,457],{"class":456},"sfxXV","isMobile",[416,459,460],{"class":426},", ",[416,462,463],{"class":456},"activeDrawer",[416,465,460],{"class":426},[416,467,468],{"class":456},"openDrawer",[416,470,460],{"class":426},[416,472,473],{"class":456},"closeDrawer",[416,475,476],{"class":426}," } ",[416,478,479],{"class":422},"=",[416,481,483],{"class":482},"s71ug"," useMtApp",[416,485,486],{"class":426},"();\n",[388,488,490],{"id":489},"api","API",[492,493,495],"h3",{"id":494},"return-value","Return value",[497,498,499,515],"table",{},[500,501,502],"thead",{},[503,504,505,509,512],"tr",{},[506,507,508],"th",{},"Member",[506,510,511],{},"Type",[506,513,514],{},"Description",[516,517,518,533,551,577,594,612,626,640],"tbody",{},[503,519,520,525,530],{},[521,522,523],"td",{},[396,524,457],{},[521,526,527],{},[396,528,529],{},"Readonly\u003CRef\u003Cboolean>>",[521,531,532],{},"Whether the shell uses the mobile layout with off-canvas sidebars.",[503,534,535,539,544],{},[521,536,537],{},[396,538,463],{},[521,540,541],{},[396,542,543],{},"Readonly\u003CRef\u003C\"start\" | \"end\" | null>>",[521,545,546,547,550],{},"The sidebar that is open as a drawer. Always ",[396,548,549],{},"null"," in the desktop layout.",[503,552,553,558,563],{},[521,554,555],{},[396,556,557],{},"theme",[521,559,560],{},[396,561,562],{},"Readonly\u003CRef\u003CTheme>>",[521,564,565,566,460,569,572,573,576],{},"The theme preference: ",[396,567,568],{},"\"light\"",[396,570,571],{},"\"dark\""," or ",[396,574,575],{},"\"system\"",".",[503,578,579,584,589],{},[521,580,581],{},[396,582,583],{},"resolvedTheme",[521,585,586],{},[396,587,588],{},"Readonly\u003CRef\u003CResolvedTheme>>",[521,590,591,592,576],{},"The applied theme after resolving ",[396,593,575],{},[503,595,596,601,606],{},[521,597,598],{},[396,599,600],{},"scrollContainer",[521,602,603],{},[396,604,605],{},"Readonly\u003CRef\u003CHTMLElement | null>>",[521,607,608,609,611],{},"The content element that scrolls, for scrolling programmatically or restoring positions with a router other than Vue Router. ",[396,610,549],{}," outside of a shell.",[503,613,614,618,623],{},[521,615,616],{},[396,617,468],{},[521,619,620],{},[396,621,622],{},"(side: \"start\" | \"end\") => void",[521,624,625],{},"Opens the drawer of the given side. Does nothing in the desktop layout or for an empty or hidden sidebar.",[503,627,628,632,637],{},[521,629,630],{},[396,631,473],{},[521,633,634],{},[396,635,636],{},"() => void",[521,638,639],{},"Closes the open drawer.",[503,641,642,647,652],{},[521,643,644],{},[396,645,646],{},"setTheme",[521,648,649],{},[396,650,651],{},"(theme: Theme) => void",[521,653,654,655,657,658,576],{},"Sets the theme preference. With a controlled ",[396,656,557],{}," prop on the shell this only emits ",[396,659,660],{},"update:theme",[388,662,664],{"id":663},"related-components","Related components",[666,667,668,676],"ul",{},[669,670,671,675],"li",{},[400,672,673],{"href":346},[403,674,345],{},": when a view should hide the header or sidebars, for example for a fullscreen route.",[669,677,678,682],{},[400,679,680],{"href":358},[403,681,357],{},": when a component outside the shell manages or reads the theme preference.",[684,685,686],"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 pre.shiki code .sfxXV, html code.shiki .sfxXV{--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF}html pre.shiki code .s71ug, html code.shiki .s71ug{--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF}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":412,"searchDepth":440,"depth":440,"links":688},[689,690,693],{"id":390,"depth":440,"text":391},{"id":489,"depth":440,"text":490,"children":691},[692],{"id":494,"depth":447,"text":495},{"id":663,"depth":440,"text":664},"A composable that exposes the state and controls of the surrounding App shell.","md",null,{},{"title":341,"description":694},"2o5VEnMpxGSzR51KjCUdnPzgcxjCnrBrjWh-0wkm4PE",[701,703],{"title":337,"path":338,"stem":339,"description":702,"children":-1},"Reads the active future flags inside a component so it can adapt to behavior the application has opted into.",{"title":345,"path":346,"stem":347,"description":704,"children":-1},"A composable that hides the header or sidebars of the surrounding App shell while a view is shown.",{"code":706,"pascalName":707},"\u003Cscript setup lang=\"ts\">\nimport { defineComponent, h } from \"vue\";\nimport MtApp from \"@shopware-ag\u002Fmeteor-component-library\u002FMtApp\";\nimport MtText from \"@shopware-ag\u002Fmeteor-component-library\u002FMtText\";\nimport { useMtApp } from \"@shopware-ag\u002Fmeteor-component-library\";\n\nconst ShellState = defineComponent({\n  setup() {\n    const app = useMtApp();\n\n    return () =>\n      h(MtText, { size: \"xs\" }, () => [\n        `Layout: ${app.isMobile.value ? \"mobile\" : \"desktop\"} · `,\n        `Drawer: ${app.activeDrawer.value ?? \"none\"} · `,\n        `Theme: ${app.theme.value} (${app.resolvedTheme.value})`,\n      ]);\n  },\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-app\n    class=\"app-composable\"\n    :mobile-breakpoint=\"0\"\n    :apply-theme=\"false\"\n    :lock-document=\"false\"\n  >\n    \u003Ctemplate #content>\n      \u003Cdiv class=\"app-composable__content\">\n        \u003Cshell-state \u002F>\n      \u003C\u002Fdiv>\n    \u003C\u002Ftemplate>\n  \u003C\u002Fmt-app>\n\u003C\u002Ftemplate>\n\n\u003Cstyle scoped>\n.app-composable {\n  --mt-app-height: 160px;\n\n  border-radius: var(--border-radius-m);\n}\n\n.app-composable__content {\n  padding: var(--scale-size-24);\n}\n\u003C\u002Fstyle>\n","AppComposableExample",{"data":709,"body":710,"toc":1677},{"title":412,"description":412},{"type":711,"children":712},"root",[713,1672],{"type":714,"tag":407,"props":715,"children":718},"element",{"className":716,"code":706,"language":717,"meta":412,"style":412},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","vue",[719],{"type":714,"tag":396,"props":720,"children":721},{"__ignoreMap":412},[722,764,790,815,841,865,873,903,917,943,951,970,1004,1060,1103,1166,1175,1184,1193,1210,1218,1235,1249,1267,1285,1303,1320,1329,1356,1388,1407,1424,1441,1459,1475,1483,1504,1518,1547,1555,1588,1597,1605,1618,1648,1656],{"type":714,"tag":416,"props":723,"children":724},{"class":418,"line":419},[725,732,738,744,749,753,759],{"type":714,"tag":416,"props":726,"children":728},{"style":727},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[729],{"type":730,"value":731},"text","\u003C",{"type":714,"tag":416,"props":733,"children":735},{"style":734},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[736],{"type":730,"value":737},"script",{"type":714,"tag":416,"props":739,"children":741},{"style":740},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[742],{"type":730,"value":743}," setup",{"type":714,"tag":416,"props":745,"children":746},{"style":740},[747],{"type":730,"value":748}," lang",{"type":714,"tag":416,"props":750,"children":751},{"style":727},[752],{"type":730,"value":479},{"type":714,"tag":416,"props":754,"children":756},{"style":755},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[757],{"type":730,"value":758},"\"ts\"",{"type":714,"tag":416,"props":760,"children":761},{"style":727},[762],{"type":730,"value":763},">\n",{"type":714,"tag":416,"props":765,"children":766},{"class":418,"line":440},[767,772,777,781,786],{"type":714,"tag":416,"props":768,"children":770},{"style":769},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[771],{"type":730,"value":423},{"type":714,"tag":416,"props":773,"children":774},{"style":727},[775],{"type":730,"value":776}," { defineComponent, h } ",{"type":714,"tag":416,"props":778,"children":779},{"style":769},[780],{"type":730,"value":430},{"type":714,"tag":416,"props":782,"children":783},{"style":755},[784],{"type":730,"value":785}," \"vue\"",{"type":714,"tag":416,"props":787,"children":788},{"style":727},[789],{"type":730,"value":437},{"type":714,"tag":416,"props":791,"children":792},{"class":418,"line":447},[793,797,802,806,811],{"type":714,"tag":416,"props":794,"children":795},{"style":769},[796],{"type":730,"value":423},{"type":714,"tag":416,"props":798,"children":799},{"style":727},[800],{"type":730,"value":801}," MtApp ",{"type":714,"tag":416,"props":803,"children":804},{"style":769},[805],{"type":730,"value":430},{"type":714,"tag":416,"props":807,"children":808},{"style":755},[809],{"type":730,"value":810}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtApp\"",{"type":714,"tag":416,"props":812,"children":813},{"style":727},[814],{"type":730,"value":437},{"type":714,"tag":416,"props":816,"children":818},{"class":418,"line":817},4,[819,823,828,832,837],{"type":714,"tag":416,"props":820,"children":821},{"style":769},[822],{"type":730,"value":423},{"type":714,"tag":416,"props":824,"children":825},{"style":727},[826],{"type":730,"value":827}," MtText ",{"type":714,"tag":416,"props":829,"children":830},{"style":769},[831],{"type":730,"value":430},{"type":714,"tag":416,"props":833,"children":834},{"style":755},[835],{"type":730,"value":836}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtText\"",{"type":714,"tag":416,"props":838,"children":839},{"style":727},[840],{"type":730,"value":437},{"type":714,"tag":416,"props":842,"children":844},{"class":418,"line":843},5,[845,849,853,857,861],{"type":714,"tag":416,"props":846,"children":847},{"style":769},[848],{"type":730,"value":423},{"type":714,"tag":416,"props":850,"children":851},{"style":727},[852],{"type":730,"value":427},{"type":714,"tag":416,"props":854,"children":855},{"style":769},[856],{"type":730,"value":430},{"type":714,"tag":416,"props":858,"children":859},{"style":755},[860],{"type":730,"value":434},{"type":714,"tag":416,"props":862,"children":863},{"style":727},[864],{"type":730,"value":437},{"type":714,"tag":416,"props":866,"children":868},{"class":418,"line":867},6,[869],{"type":714,"tag":416,"props":870,"children":871},{"emptyLinePlaceholder":443},[872],{"type":730,"value":444},{"type":714,"tag":416,"props":874,"children":876},{"class":418,"line":875},7,[877,881,887,892,898],{"type":714,"tag":416,"props":878,"children":879},{"style":769},[880],{"type":730,"value":450},{"type":714,"tag":416,"props":882,"children":884},{"style":883},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[885],{"type":730,"value":886}," ShellState",{"type":714,"tag":416,"props":888,"children":889},{"style":769},[890],{"type":730,"value":891}," =",{"type":714,"tag":416,"props":893,"children":895},{"style":894},"--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF",[896],{"type":730,"value":897}," defineComponent",{"type":714,"tag":416,"props":899,"children":900},{"style":727},[901],{"type":730,"value":902},"({\n",{"type":714,"tag":416,"props":904,"children":906},{"class":418,"line":905},8,[907,912],{"type":714,"tag":416,"props":908,"children":909},{"style":894},[910],{"type":730,"value":911},"  setup",{"type":714,"tag":416,"props":913,"children":914},{"style":727},[915],{"type":730,"value":916},"() {\n",{"type":714,"tag":416,"props":918,"children":920},{"class":418,"line":919},9,[921,926,931,935,939],{"type":714,"tag":416,"props":922,"children":923},{"style":769},[924],{"type":730,"value":925},"    const",{"type":714,"tag":416,"props":927,"children":928},{"style":883},[929],{"type":730,"value":930}," app",{"type":714,"tag":416,"props":932,"children":933},{"style":769},[934],{"type":730,"value":891},{"type":714,"tag":416,"props":936,"children":937},{"style":894},[938],{"type":730,"value":483},{"type":714,"tag":416,"props":940,"children":941},{"style":727},[942],{"type":730,"value":486},{"type":714,"tag":416,"props":944,"children":946},{"class":418,"line":945},10,[947],{"type":714,"tag":416,"props":948,"children":949},{"emptyLinePlaceholder":443},[950],{"type":730,"value":444},{"type":714,"tag":416,"props":952,"children":954},{"class":418,"line":953},11,[955,960,965],{"type":714,"tag":416,"props":956,"children":957},{"style":769},[958],{"type":730,"value":959},"    return",{"type":714,"tag":416,"props":961,"children":962},{"style":727},[963],{"type":730,"value":964}," () ",{"type":714,"tag":416,"props":966,"children":967},{"style":769},[968],{"type":730,"value":969},"=>\n",{"type":714,"tag":416,"props":971,"children":973},{"class":418,"line":972},12,[974,979,984,989,994,999],{"type":714,"tag":416,"props":975,"children":976},{"style":894},[977],{"type":730,"value":978},"      h",{"type":714,"tag":416,"props":980,"children":981},{"style":727},[982],{"type":730,"value":983},"(MtText, { size: ",{"type":714,"tag":416,"props":985,"children":986},{"style":755},[987],{"type":730,"value":988},"\"xs\"",{"type":714,"tag":416,"props":990,"children":991},{"style":727},[992],{"type":730,"value":993}," }, () ",{"type":714,"tag":416,"props":995,"children":996},{"style":769},[997],{"type":730,"value":998},"=>",{"type":714,"tag":416,"props":1000,"children":1001},{"style":727},[1002],{"type":730,"value":1003}," [\n",{"type":714,"tag":416,"props":1005,"children":1007},{"class":418,"line":1006},13,[1008,1013,1018,1022,1026,1030,1035,1040,1045,1050,1055],{"type":714,"tag":416,"props":1009,"children":1010},{"style":755},[1011],{"type":730,"value":1012},"        `Layout: ${",{"type":714,"tag":416,"props":1014,"children":1015},{"style":727},[1016],{"type":730,"value":1017},"app",{"type":714,"tag":416,"props":1019,"children":1020},{"style":755},[1021],{"type":730,"value":576},{"type":714,"tag":416,"props":1023,"children":1024},{"style":727},[1025],{"type":730,"value":457},{"type":714,"tag":416,"props":1027,"children":1028},{"style":755},[1029],{"type":730,"value":576},{"type":714,"tag":416,"props":1031,"children":1032},{"style":727},[1033],{"type":730,"value":1034},"value",{"type":714,"tag":416,"props":1036,"children":1037},{"style":769},[1038],{"type":730,"value":1039}," ?",{"type":714,"tag":416,"props":1041,"children":1042},{"style":755},[1043],{"type":730,"value":1044}," \"mobile\"",{"type":714,"tag":416,"props":1046,"children":1047},{"style":769},[1048],{"type":730,"value":1049}," :",{"type":714,"tag":416,"props":1051,"children":1052},{"style":755},[1053],{"type":730,"value":1054}," \"desktop\"} · `",{"type":714,"tag":416,"props":1056,"children":1057},{"style":727},[1058],{"type":730,"value":1059},",\n",{"type":714,"tag":416,"props":1061,"children":1063},{"class":418,"line":1062},14,[1064,1069,1073,1077,1081,1085,1089,1094,1099],{"type":714,"tag":416,"props":1065,"children":1066},{"style":755},[1067],{"type":730,"value":1068},"        `Drawer: ${",{"type":714,"tag":416,"props":1070,"children":1071},{"style":727},[1072],{"type":730,"value":1017},{"type":714,"tag":416,"props":1074,"children":1075},{"style":755},[1076],{"type":730,"value":576},{"type":714,"tag":416,"props":1078,"children":1079},{"style":727},[1080],{"type":730,"value":463},{"type":714,"tag":416,"props":1082,"children":1083},{"style":755},[1084],{"type":730,"value":576},{"type":714,"tag":416,"props":1086,"children":1087},{"style":727},[1088],{"type":730,"value":1034},{"type":714,"tag":416,"props":1090,"children":1091},{"style":769},[1092],{"type":730,"value":1093}," ??",{"type":714,"tag":416,"props":1095,"children":1096},{"style":755},[1097],{"type":730,"value":1098}," \"none\"} · `",{"type":714,"tag":416,"props":1100,"children":1101},{"style":727},[1102],{"type":730,"value":1059},{"type":714,"tag":416,"props":1104,"children":1106},{"class":418,"line":1105},15,[1107,1112,1116,1120,1124,1128,1132,1137,1141,1145,1149,1153,1157,1162],{"type":714,"tag":416,"props":1108,"children":1109},{"style":755},[1110],{"type":730,"value":1111},"        `Theme: ${",{"type":714,"tag":416,"props":1113,"children":1114},{"style":727},[1115],{"type":730,"value":1017},{"type":714,"tag":416,"props":1117,"children":1118},{"style":755},[1119],{"type":730,"value":576},{"type":714,"tag":416,"props":1121,"children":1122},{"style":727},[1123],{"type":730,"value":557},{"type":714,"tag":416,"props":1125,"children":1126},{"style":755},[1127],{"type":730,"value":576},{"type":714,"tag":416,"props":1129,"children":1130},{"style":727},[1131],{"type":730,"value":1034},{"type":714,"tag":416,"props":1133,"children":1134},{"style":755},[1135],{"type":730,"value":1136},"} (${",{"type":714,"tag":416,"props":1138,"children":1139},{"style":727},[1140],{"type":730,"value":1017},{"type":714,"tag":416,"props":1142,"children":1143},{"style":755},[1144],{"type":730,"value":576},{"type":714,"tag":416,"props":1146,"children":1147},{"style":727},[1148],{"type":730,"value":583},{"type":714,"tag":416,"props":1150,"children":1151},{"style":755},[1152],{"type":730,"value":576},{"type":714,"tag":416,"props":1154,"children":1155},{"style":727},[1156],{"type":730,"value":1034},{"type":714,"tag":416,"props":1158,"children":1159},{"style":755},[1160],{"type":730,"value":1161},"})`",{"type":714,"tag":416,"props":1163,"children":1164},{"style":727},[1165],{"type":730,"value":1059},{"type":714,"tag":416,"props":1167,"children":1169},{"class":418,"line":1168},16,[1170],{"type":714,"tag":416,"props":1171,"children":1172},{"style":727},[1173],{"type":730,"value":1174},"      ]);\n",{"type":714,"tag":416,"props":1176,"children":1178},{"class":418,"line":1177},17,[1179],{"type":714,"tag":416,"props":1180,"children":1181},{"style":727},[1182],{"type":730,"value":1183},"  },\n",{"type":714,"tag":416,"props":1185,"children":1187},{"class":418,"line":1186},18,[1188],{"type":714,"tag":416,"props":1189,"children":1190},{"style":727},[1191],{"type":730,"value":1192},"});\n",{"type":714,"tag":416,"props":1194,"children":1196},{"class":418,"line":1195},19,[1197,1202,1206],{"type":714,"tag":416,"props":1198,"children":1199},{"style":727},[1200],{"type":730,"value":1201},"\u003C\u002F",{"type":714,"tag":416,"props":1203,"children":1204},{"style":734},[1205],{"type":730,"value":737},{"type":714,"tag":416,"props":1207,"children":1208},{"style":727},[1209],{"type":730,"value":763},{"type":714,"tag":416,"props":1211,"children":1213},{"class":418,"line":1212},20,[1214],{"type":714,"tag":416,"props":1215,"children":1216},{"emptyLinePlaceholder":443},[1217],{"type":730,"value":444},{"type":714,"tag":416,"props":1219,"children":1221},{"class":418,"line":1220},21,[1222,1226,1231],{"type":714,"tag":416,"props":1223,"children":1224},{"style":727},[1225],{"type":730,"value":731},{"type":714,"tag":416,"props":1227,"children":1228},{"style":734},[1229],{"type":730,"value":1230},"template",{"type":714,"tag":416,"props":1232,"children":1233},{"style":727},[1234],{"type":730,"value":763},{"type":714,"tag":416,"props":1236,"children":1238},{"class":418,"line":1237},22,[1239,1244],{"type":714,"tag":416,"props":1240,"children":1241},{"style":727},[1242],{"type":730,"value":1243},"  \u003C",{"type":714,"tag":416,"props":1245,"children":1246},{"style":734},[1247],{"type":730,"value":1248},"mt-app\n",{"type":714,"tag":416,"props":1250,"children":1252},{"class":418,"line":1251},23,[1253,1258,1262],{"type":714,"tag":416,"props":1254,"children":1255},{"style":740},[1256],{"type":730,"value":1257},"    class",{"type":714,"tag":416,"props":1259,"children":1260},{"style":727},[1261],{"type":730,"value":479},{"type":714,"tag":416,"props":1263,"children":1264},{"style":755},[1265],{"type":730,"value":1266},"\"app-composable\"\n",{"type":714,"tag":416,"props":1268,"children":1270},{"class":418,"line":1269},24,[1271,1276,1280],{"type":714,"tag":416,"props":1272,"children":1273},{"style":740},[1274],{"type":730,"value":1275},"    :mobile-breakpoint",{"type":714,"tag":416,"props":1277,"children":1278},{"style":727},[1279],{"type":730,"value":479},{"type":714,"tag":416,"props":1281,"children":1282},{"style":755},[1283],{"type":730,"value":1284},"\"0\"\n",{"type":714,"tag":416,"props":1286,"children":1288},{"class":418,"line":1287},25,[1289,1294,1298],{"type":714,"tag":416,"props":1290,"children":1291},{"style":740},[1292],{"type":730,"value":1293},"    :apply-theme",{"type":714,"tag":416,"props":1295,"children":1296},{"style":727},[1297],{"type":730,"value":479},{"type":714,"tag":416,"props":1299,"children":1300},{"style":755},[1301],{"type":730,"value":1302},"\"false\"\n",{"type":714,"tag":416,"props":1304,"children":1306},{"class":418,"line":1305},26,[1307,1312,1316],{"type":714,"tag":416,"props":1308,"children":1309},{"style":740},[1310],{"type":730,"value":1311},"    :lock-document",{"type":714,"tag":416,"props":1313,"children":1314},{"style":727},[1315],{"type":730,"value":479},{"type":714,"tag":416,"props":1317,"children":1318},{"style":755},[1319],{"type":730,"value":1302},{"type":714,"tag":416,"props":1321,"children":1323},{"class":418,"line":1322},27,[1324],{"type":714,"tag":416,"props":1325,"children":1326},{"style":727},[1327],{"type":730,"value":1328},"  >\n",{"type":714,"tag":416,"props":1330,"children":1332},{"class":418,"line":1331},28,[1333,1338,1342,1347,1352],{"type":714,"tag":416,"props":1334,"children":1335},{"style":727},[1336],{"type":730,"value":1337},"    \u003C",{"type":714,"tag":416,"props":1339,"children":1340},{"style":734},[1341],{"type":730,"value":1230},{"type":714,"tag":416,"props":1343,"children":1344},{"style":727},[1345],{"type":730,"value":1346}," #",{"type":714,"tag":416,"props":1348,"children":1349},{"style":740},[1350],{"type":730,"value":1351},"content",{"type":714,"tag":416,"props":1353,"children":1354},{"style":727},[1355],{"type":730,"value":763},{"type":714,"tag":416,"props":1357,"children":1359},{"class":418,"line":1358},29,[1360,1365,1370,1375,1379,1384],{"type":714,"tag":416,"props":1361,"children":1362},{"style":727},[1363],{"type":730,"value":1364},"      \u003C",{"type":714,"tag":416,"props":1366,"children":1367},{"style":734},[1368],{"type":730,"value":1369},"div",{"type":714,"tag":416,"props":1371,"children":1372},{"style":740},[1373],{"type":730,"value":1374}," class",{"type":714,"tag":416,"props":1376,"children":1377},{"style":727},[1378],{"type":730,"value":479},{"type":714,"tag":416,"props":1380,"children":1381},{"style":755},[1382],{"type":730,"value":1383},"\"app-composable__content\"",{"type":714,"tag":416,"props":1385,"children":1386},{"style":727},[1387],{"type":730,"value":763},{"type":714,"tag":416,"props":1389,"children":1391},{"class":418,"line":1390},30,[1392,1397,1402],{"type":714,"tag":416,"props":1393,"children":1394},{"style":727},[1395],{"type":730,"value":1396},"        \u003C",{"type":714,"tag":416,"props":1398,"children":1399},{"style":734},[1400],{"type":730,"value":1401},"shell-state",{"type":714,"tag":416,"props":1403,"children":1404},{"style":727},[1405],{"type":730,"value":1406}," \u002F>\n",{"type":714,"tag":416,"props":1408,"children":1410},{"class":418,"line":1409},31,[1411,1416,1420],{"type":714,"tag":416,"props":1412,"children":1413},{"style":727},[1414],{"type":730,"value":1415},"      \u003C\u002F",{"type":714,"tag":416,"props":1417,"children":1418},{"style":734},[1419],{"type":730,"value":1369},{"type":714,"tag":416,"props":1421,"children":1422},{"style":727},[1423],{"type":730,"value":763},{"type":714,"tag":416,"props":1425,"children":1427},{"class":418,"line":1426},32,[1428,1433,1437],{"type":714,"tag":416,"props":1429,"children":1430},{"style":727},[1431],{"type":730,"value":1432},"    \u003C\u002F",{"type":714,"tag":416,"props":1434,"children":1435},{"style":734},[1436],{"type":730,"value":1230},{"type":714,"tag":416,"props":1438,"children":1439},{"style":727},[1440],{"type":730,"value":763},{"type":714,"tag":416,"props":1442,"children":1444},{"class":418,"line":1443},33,[1445,1450,1455],{"type":714,"tag":416,"props":1446,"children":1447},{"style":727},[1448],{"type":730,"value":1449},"  \u003C\u002F",{"type":714,"tag":416,"props":1451,"children":1452},{"style":734},[1453],{"type":730,"value":1454},"mt-app",{"type":714,"tag":416,"props":1456,"children":1457},{"style":727},[1458],{"type":730,"value":763},{"type":714,"tag":416,"props":1460,"children":1462},{"class":418,"line":1461},34,[1463,1467,1471],{"type":714,"tag":416,"props":1464,"children":1465},{"style":727},[1466],{"type":730,"value":1201},{"type":714,"tag":416,"props":1468,"children":1469},{"style":734},[1470],{"type":730,"value":1230},{"type":714,"tag":416,"props":1472,"children":1473},{"style":727},[1474],{"type":730,"value":763},{"type":714,"tag":416,"props":1476,"children":1478},{"class":418,"line":1477},35,[1479],{"type":714,"tag":416,"props":1480,"children":1481},{"emptyLinePlaceholder":443},[1482],{"type":730,"value":444},{"type":714,"tag":416,"props":1484,"children":1486},{"class":418,"line":1485},36,[1487,1491,1495,1500],{"type":714,"tag":416,"props":1488,"children":1489},{"style":727},[1490],{"type":730,"value":731},{"type":714,"tag":416,"props":1492,"children":1493},{"style":734},[1494],{"type":730,"value":684},{"type":714,"tag":416,"props":1496,"children":1497},{"style":740},[1498],{"type":730,"value":1499}," scoped",{"type":714,"tag":416,"props":1501,"children":1502},{"style":727},[1503],{"type":730,"value":763},{"type":714,"tag":416,"props":1505,"children":1507},{"class":418,"line":1506},37,[1508,1513],{"type":714,"tag":416,"props":1509,"children":1510},{"style":740},[1511],{"type":730,"value":1512},".app-composable",{"type":714,"tag":416,"props":1514,"children":1515},{"style":727},[1516],{"type":730,"value":1517}," {\n",{"type":714,"tag":416,"props":1519,"children":1521},{"class":418,"line":1520},38,[1522,1528,1533,1538,1543],{"type":714,"tag":416,"props":1523,"children":1525},{"style":1524},"--shiki-light:#E36209;--shiki-default:#FFA657;--shiki-dark:#FFA657",[1526],{"type":730,"value":1527},"  --mt-app-height",{"type":714,"tag":416,"props":1529,"children":1530},{"style":727},[1531],{"type":730,"value":1532},": ",{"type":714,"tag":416,"props":1534,"children":1535},{"style":883},[1536],{"type":730,"value":1537},"160",{"type":714,"tag":416,"props":1539,"children":1540},{"style":769},[1541],{"type":730,"value":1542},"px",{"type":714,"tag":416,"props":1544,"children":1545},{"style":727},[1546],{"type":730,"value":437},{"type":714,"tag":416,"props":1548,"children":1550},{"class":418,"line":1549},39,[1551],{"type":714,"tag":416,"props":1552,"children":1553},{"emptyLinePlaceholder":443},[1554],{"type":730,"value":444},{"type":714,"tag":416,"props":1556,"children":1558},{"class":418,"line":1557},40,[1559,1564,1568,1573,1578,1583],{"type":714,"tag":416,"props":1560,"children":1561},{"style":883},[1562],{"type":730,"value":1563},"  border-radius",{"type":714,"tag":416,"props":1565,"children":1566},{"style":727},[1567],{"type":730,"value":1532},{"type":714,"tag":416,"props":1569,"children":1570},{"style":883},[1571],{"type":730,"value":1572},"var",{"type":714,"tag":416,"props":1574,"children":1575},{"style":727},[1576],{"type":730,"value":1577},"(",{"type":714,"tag":416,"props":1579,"children":1580},{"style":1524},[1581],{"type":730,"value":1582},"--border-radius-m",{"type":714,"tag":416,"props":1584,"children":1585},{"style":727},[1586],{"type":730,"value":1587},");\n",{"type":714,"tag":416,"props":1589,"children":1591},{"class":418,"line":1590},41,[1592],{"type":714,"tag":416,"props":1593,"children":1594},{"style":727},[1595],{"type":730,"value":1596},"}\n",{"type":714,"tag":416,"props":1598,"children":1600},{"class":418,"line":1599},42,[1601],{"type":714,"tag":416,"props":1602,"children":1603},{"emptyLinePlaceholder":443},[1604],{"type":730,"value":444},{"type":714,"tag":416,"props":1606,"children":1608},{"class":418,"line":1607},43,[1609,1614],{"type":714,"tag":416,"props":1610,"children":1611},{"style":740},[1612],{"type":730,"value":1613},".app-composable__content",{"type":714,"tag":416,"props":1615,"children":1616},{"style":727},[1617],{"type":730,"value":1517},{"type":714,"tag":416,"props":1619,"children":1621},{"class":418,"line":1620},44,[1622,1627,1631,1635,1639,1644],{"type":714,"tag":416,"props":1623,"children":1624},{"style":883},[1625],{"type":730,"value":1626},"  padding",{"type":714,"tag":416,"props":1628,"children":1629},{"style":727},[1630],{"type":730,"value":1532},{"type":714,"tag":416,"props":1632,"children":1633},{"style":883},[1634],{"type":730,"value":1572},{"type":714,"tag":416,"props":1636,"children":1637},{"style":727},[1638],{"type":730,"value":1577},{"type":714,"tag":416,"props":1640,"children":1641},{"style":1524},[1642],{"type":730,"value":1643},"--scale-size-24",{"type":714,"tag":416,"props":1645,"children":1646},{"style":727},[1647],{"type":730,"value":1587},{"type":714,"tag":416,"props":1649,"children":1651},{"class":418,"line":1650},45,[1652],{"type":714,"tag":416,"props":1653,"children":1654},{"style":727},[1655],{"type":730,"value":1596},{"type":714,"tag":416,"props":1657,"children":1659},{"class":418,"line":1658},46,[1660,1664,1668],{"type":714,"tag":416,"props":1661,"children":1662},{"style":727},[1663],{"type":730,"value":1201},{"type":714,"tag":416,"props":1665,"children":1666},{"style":734},[1667],{"type":730,"value":684},{"type":714,"tag":416,"props":1669,"children":1670},{"style":727},[1671],{"type":730,"value":763},{"type":714,"tag":684,"props":1673,"children":1674},{},[1675],{"type":730,"value":1676},"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":412,"searchDepth":440,"depth":440,"links":1678},[],1790242005845]