[{"data":1,"prerenderedAt":2121},["ShallowReactive",2],{"navigation_docs":3,"-guides-polaris-components":396,"-guides-polaris-components-surround":2116},[4,35,61,83],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":34},"Getting Started","lucide:rocket","\u002Fgetting-started","1.getting-started",[10,14,18,22,26,30],{"title":11,"path":12,"stem":13},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F2.introduction",{"title":15,"path":16,"stem":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F3.installation",{"title":19,"path":20,"stem":21},"Project Structure","\u002Fgetting-started\u002Fproject-structure","1.getting-started\u002F4.project-structure",{"title":23,"path":24,"stem":25},"Configuration","\u002Fgetting-started\u002Fconfiguration","1.getting-started\u002F5.configuration",{"title":27,"path":28,"stem":29},"Requirements","\u002Fgetting-started\u002Frequirements","1.getting-started\u002F6.requirements",{"title":31,"path":32,"stem":33},"Troubleshooting","\u002Fgetting-started\u002Ftroubleshooting","1.getting-started\u002F7.troubleshooting",false,{"title":36,"icon":37,"path":38,"stem":39,"children":40,"page":34},"Guides","lucide:book-search","\u002Fguides","2.guides",[41,45,49,53,57],{"title":42,"path":43,"stem":44},"Authentication","\u002Fguides\u002Fauthentication","2.guides\u002F1.authentication",{"title":46,"path":47,"stem":48},"Webhooks","\u002Fguides\u002Fwebhooks","2.guides\u002F2.webhooks",{"title":50,"path":51,"stem":52},"App Bridge","\u002Fguides\u002Fapp-bridge","2.guides\u002F3.app-bridge",{"title":54,"path":55,"stem":56},"Polaris Components","\u002Fguides\u002Fpolaris-components","2.guides\u002F4.polaris-components",{"title":58,"path":59,"stem":60},"GraphQL Codegen","\u002Fguides\u002Fgraphql-codegen","2.guides\u002F5.graphql-codegen",{"title":62,"icon":63,"path":64,"stem":65,"children":66,"page":34},"API Reference","lucide:square-dashed-bottom-code","\u002Fapi","3.api",[67,71,75,79],{"title":68,"path":69,"stem":70},"Server Utilities","\u002Fapi\u002Fserver-utilities","3.api\u002F1.server-utilities",{"title":72,"path":73,"stem":74},"Composables","\u002Fapi\u002Fcomposables","3.api\u002F2.composables",{"title":76,"path":77,"stem":78},"Middleware","\u002Fapi\u002Fmiddleware","3.api\u002F4.middleware",{"title":80,"path":81,"stem":82},"Types","\u002Fapi\u002Ftypes","3.api\u002F5.types",{"title":84,"icon":85,"path":86,"stem":87,"children":88},"Polaris Web Components","ic:baseline-shopify","\u002Fpolaris-wc","4.polaris-wc",[89,91,124,145,166,243,264,289,318,371,384],{"title":84,"path":86,"stem":90},"4.polaris-wc\u002Findex",{"title":92,"path":93,"stem":94,"children":95,"page":34},"Layout","\u002Fpolaris-wc\u002Flayout","4.polaris-wc\u002F1.layout",[96,100,104,108,112,116,120],{"title":97,"path":98,"stem":99},"Page","\u002Fpolaris-wc\u002Flayout\u002Fpage","4.polaris-wc\u002F1.layout\u002F1.page",{"title":101,"path":102,"stem":103},"Box","\u002Fpolaris-wc\u002Flayout\u002Fbox","4.polaris-wc\u002F1.layout\u002F2.box",{"title":105,"path":106,"stem":107},"Stack","\u002Fpolaris-wc\u002Flayout\u002Fstack","4.polaris-wc\u002F1.layout\u002F3.stack",{"title":109,"path":110,"stem":111},"Grid","\u002Fpolaris-wc\u002Flayout\u002Fgrid","4.polaris-wc\u002F1.layout\u002F4.grid",{"title":113,"path":114,"stem":115},"GridItem","\u002Fpolaris-wc\u002Flayout\u002Fgrid-item","4.polaris-wc\u002F1.layout\u002F5.grid-item",{"title":117,"path":118,"stem":119},"Section","\u002Fpolaris-wc\u002Flayout\u002Fsection","4.polaris-wc\u002F1.layout\u002F6.section",{"title":121,"path":122,"stem":123},"Divider","\u002Fpolaris-wc\u002Flayout\u002Fdivider","4.polaris-wc\u002F1.layout\u002F7.divider",{"title":125,"path":126,"stem":127,"children":128,"page":34},"App Bridge Ui","\u002Fpolaris-wc\u002Fapp-bridge-ui","4.polaris-wc\u002F10.app-bridge-ui",[129,133,137,141],{"title":130,"path":131,"stem":132},"UiModal","\u002Fpolaris-wc\u002Fapp-bridge-ui\u002Fui-modal","4.polaris-wc\u002F10.app-bridge-ui\u002F1.ui-modal",{"title":134,"path":135,"stem":136},"UiTitleBar","\u002Fpolaris-wc\u002Fapp-bridge-ui\u002Fui-title-bar","4.polaris-wc\u002F10.app-bridge-ui\u002F2.ui-title-bar",{"title":138,"path":139,"stem":140},"UiSaveBar","\u002Fpolaris-wc\u002Fapp-bridge-ui\u002Fui-save-bar","4.polaris-wc\u002F10.app-bridge-ui\u002F3.ui-save-bar",{"title":142,"path":143,"stem":144},"UiNavMenu","\u002Fpolaris-wc\u002Fapp-bridge-ui\u002Fui-nav-menu","4.polaris-wc\u002F10.app-bridge-ui\u002F4.ui-nav-menu",{"title":146,"path":147,"stem":148,"children":149,"page":34},"Actions","\u002Fpolaris-wc\u002Factions","4.polaris-wc\u002F2.actions",[150,154,158,162],{"title":151,"path":152,"stem":153},"Button","\u002Fpolaris-wc\u002Factions\u002Fbutton","4.polaris-wc\u002F2.actions\u002F1.button",{"title":155,"path":156,"stem":157},"ButtonGroup","\u002Fpolaris-wc\u002Factions\u002Fbutton-group","4.polaris-wc\u002F2.actions\u002F2.button-group",{"title":159,"path":160,"stem":161},"Clickable","\u002Fpolaris-wc\u002Factions\u002Fclickable","4.polaris-wc\u002F2.actions\u002F3.clickable",{"title":163,"path":164,"stem":165},"Link","\u002Fpolaris-wc\u002Factions\u002Flink","4.polaris-wc\u002F2.actions\u002F4.link",{"title":167,"path":168,"stem":169,"children":170,"page":34},"Forms","\u002Fpolaris-wc\u002Fforms","4.polaris-wc\u002F3.forms",[171,175,179,183,187,191,195,199,203,207,211,215,219,223,227,231,235,239],{"title":172,"path":173,"stem":174},"TextField","\u002Fpolaris-wc\u002Fforms\u002Ftext-field","4.polaris-wc\u002F3.forms\u002F01.text-field",{"title":176,"path":177,"stem":178},"NumberField","\u002Fpolaris-wc\u002Fforms\u002Fnumber-field","4.polaris-wc\u002F3.forms\u002F02.number-field",{"title":180,"path":181,"stem":182},"EmailField","\u002Fpolaris-wc\u002Fforms\u002Femail-field","4.polaris-wc\u002F3.forms\u002F03.email-field",{"title":184,"path":185,"stem":186},"PasswordField","\u002Fpolaris-wc\u002Fforms\u002Fpassword-field","4.polaris-wc\u002F3.forms\u002F04.password-field",{"title":188,"path":189,"stem":190},"UrlField","\u002Fpolaris-wc\u002Fforms\u002Furl-field","4.polaris-wc\u002F3.forms\u002F05.url-field",{"title":192,"path":193,"stem":194},"MoneyField","\u002Fpolaris-wc\u002Fforms\u002Fmoney-field","4.polaris-wc\u002F3.forms\u002F06.money-field",{"title":196,"path":197,"stem":198},"ColorField","\u002Fpolaris-wc\u002Fforms\u002Fcolor-field","4.polaris-wc\u002F3.forms\u002F07.color-field",{"title":200,"path":201,"stem":202},"DateField","\u002Fpolaris-wc\u002Fforms\u002Fdate-field","4.polaris-wc\u002F3.forms\u002F08.date-field",{"title":204,"path":205,"stem":206},"TextArea","\u002Fpolaris-wc\u002Fforms\u002Ftext-area","4.polaris-wc\u002F3.forms\u002F09.text-area",{"title":208,"path":209,"stem":210},"Select","\u002Fpolaris-wc\u002Fforms\u002Fselect","4.polaris-wc\u002F3.forms\u002F10.select",{"title":212,"path":213,"stem":214},"Checkbox","\u002Fpolaris-wc\u002Fforms\u002Fcheckbox","4.polaris-wc\u002F3.forms\u002F11.checkbox",{"title":216,"path":217,"stem":218},"Switch","\u002Fpolaris-wc\u002Fforms\u002Fswitch","4.polaris-wc\u002F3.forms\u002F12.switch",{"title":220,"path":221,"stem":222},"ChoiceList","\u002Fpolaris-wc\u002Fforms\u002Fchoice-list","4.polaris-wc\u002F3.forms\u002F13.choice-list",{"title":224,"path":225,"stem":226},"Choice","\u002Fpolaris-wc\u002Fforms\u002Fchoice","4.polaris-wc\u002F3.forms\u002F14.choice",{"title":228,"path":229,"stem":230},"SearchField","\u002Fpolaris-wc\u002Fforms\u002Fsearch-field","4.polaris-wc\u002F3.forms\u002F15.search-field",{"title":232,"path":233,"stem":234},"DropZone","\u002Fpolaris-wc\u002Fforms\u002Fdrop-zone","4.polaris-wc\u002F3.forms\u002F16.drop-zone",{"title":236,"path":237,"stem":238},"ColorPicker","\u002Fpolaris-wc\u002Fforms\u002Fcolor-picker","4.polaris-wc\u002F3.forms\u002F17.color-picker",{"title":240,"path":241,"stem":242},"DatePicker","\u002Fpolaris-wc\u002Fforms\u002Fdate-picker","4.polaris-wc\u002F3.forms\u002F18.date-picker",{"title":244,"path":245,"stem":246,"children":247,"page":34},"Feedback","\u002Fpolaris-wc\u002Ffeedback","4.polaris-wc\u002F4.feedback",[248,252,256,260],{"title":249,"path":250,"stem":251},"Banner","\u002Fpolaris-wc\u002Ffeedback\u002Fbanner","4.polaris-wc\u002F4.feedback\u002F1.banner",{"title":253,"path":254,"stem":255},"Badge","\u002Fpolaris-wc\u002Ffeedback\u002Fbadge","4.polaris-wc\u002F4.feedback\u002F2.badge",{"title":257,"path":258,"stem":259},"Spinner","\u002Fpolaris-wc\u002Ffeedback\u002Fspinner","4.polaris-wc\u002F4.feedback\u002F3.spinner",{"title":261,"path":262,"stem":263},"Tooltip","\u002Fpolaris-wc\u002Ffeedback\u002Ftooltip","4.polaris-wc\u002F4.feedback\u002F4.tooltip",{"title":265,"path":266,"stem":267,"children":268,"page":34},"Navigation","\u002Fpolaris-wc\u002Fnavigation","4.polaris-wc\u002F5.navigation",[269,273,277,281,285],{"title":270,"path":271,"stem":272},"AppNav","\u002Fpolaris-wc\u002Fnavigation\u002Fapp-nav","4.polaris-wc\u002F5.navigation\u002F1.app-nav",{"title":274,"path":275,"stem":276},"Menu","\u002Fpolaris-wc\u002Fnavigation\u002Fmenu","4.polaris-wc\u002F5.navigation\u002F2.menu",{"title":278,"path":279,"stem":280},"Option","\u002Fpolaris-wc\u002Fnavigation\u002Foption","4.polaris-wc\u002F5.navigation\u002F3.option",{"title":282,"path":283,"stem":284},"OptionGroup","\u002Fpolaris-wc\u002Fnavigation\u002Foption-group","4.polaris-wc\u002F5.navigation\u002F4.option-group",{"title":286,"path":287,"stem":288},"Popover","\u002Fpolaris-wc\u002Fnavigation\u002Fpopover","4.polaris-wc\u002F5.navigation\u002F5.popover",{"title":290,"path":291,"stem":292,"children":293,"page":34},"Data","\u002Fpolaris-wc\u002Fdata","4.polaris-wc\u002F6.data",[294,298,302,306,310,314],{"title":295,"path":296,"stem":297},"Table","\u002Fpolaris-wc\u002Fdata\u002Ftable","4.polaris-wc\u002F6.data\u002F1.table",{"title":299,"path":300,"stem":301},"TableHeader","\u002Fpolaris-wc\u002Fdata\u002Ftable-header","4.polaris-wc\u002F6.data\u002F2.table-header",{"title":303,"path":304,"stem":305},"TableHeaderRow","\u002Fpolaris-wc\u002Fdata\u002Ftable-header-row","4.polaris-wc\u002F6.data\u002F3.table-header-row",{"title":307,"path":308,"stem":309},"TableBody","\u002Fpolaris-wc\u002Fdata\u002Ftable-body","4.polaris-wc\u002F6.data\u002F4.table-body",{"title":311,"path":312,"stem":313},"TableRow","\u002Fpolaris-wc\u002Fdata\u002Ftable-row","4.polaris-wc\u002F6.data\u002F5.table-row",{"title":315,"path":316,"stem":317},"TableCell","\u002Fpolaris-wc\u002Fdata\u002Ftable-cell","4.polaris-wc\u002F6.data\u002F6.table-cell",{"title":319,"path":320,"stem":321,"children":322,"page":34},"Content","\u002Fpolaris-wc\u002Fcontent","4.polaris-wc\u002F7.content",[323,327,331,335,339,343,347,351,355,359,363,367],{"title":324,"path":325,"stem":326},"Text","\u002Fpolaris-wc\u002Fcontent\u002Ftext","4.polaris-wc\u002F7.content\u002F01.text",{"title":328,"path":329,"stem":330},"Heading","\u002Fpolaris-wc\u002Fcontent\u002Fheading","4.polaris-wc\u002F7.content\u002F02.heading",{"title":332,"path":333,"stem":334},"Paragraph","\u002Fpolaris-wc\u002Fcontent\u002Fparagraph","4.polaris-wc\u002F7.content\u002F03.paragraph",{"title":336,"path":337,"stem":338},"Icon","\u002Fpolaris-wc\u002Fcontent\u002Ficon","4.polaris-wc\u002F7.content\u002F04.icon",{"title":340,"path":341,"stem":342},"Image","\u002Fpolaris-wc\u002Fcontent\u002Fimage","4.polaris-wc\u002F7.content\u002F05.image",{"title":344,"path":345,"stem":346},"Thumbnail","\u002Fpolaris-wc\u002Fcontent\u002Fthumbnail","4.polaris-wc\u002F7.content\u002F06.thumbnail",{"title":348,"path":349,"stem":350},"Avatar","\u002Fpolaris-wc\u002Fcontent\u002Favatar","4.polaris-wc\u002F7.content\u002F07.avatar",{"title":352,"path":353,"stem":354},"Chip","\u002Fpolaris-wc\u002Fcontent\u002Fchip","4.polaris-wc\u002F7.content\u002F08.chip",{"title":356,"path":357,"stem":358},"ClickableChip","\u002Fpolaris-wc\u002Fcontent\u002Fclickable-chip","4.polaris-wc\u002F7.content\u002F09.clickable-chip",{"title":360,"path":361,"stem":362},"ListItem","\u002Fpolaris-wc\u002Fcontent\u002Flist-item","4.polaris-wc\u002F7.content\u002F10.list-item",{"title":364,"path":365,"stem":366},"OrderedList","\u002Fpolaris-wc\u002Fcontent\u002Fordered-list","4.polaris-wc\u002F7.content\u002F11.ordered-list",{"title":368,"path":369,"stem":370},"UnorderedList","\u002Fpolaris-wc\u002Fcontent\u002Funordered-list","4.polaris-wc\u002F7.content\u002F12.unordered-list",{"title":372,"path":373,"stem":374,"children":375,"page":34},"Overlays","\u002Fpolaris-wc\u002Foverlays","4.polaris-wc\u002F8.overlays",[376,380],{"title":377,"path":378,"stem":379},"Modal","\u002Fpolaris-wc\u002Foverlays\u002Fmodal","4.polaris-wc\u002F8.overlays\u002F1.modal",{"title":381,"path":382,"stem":383},"QueryContainer","\u002Fpolaris-wc\u002Foverlays\u002Fquery-container","4.polaris-wc\u002F8.overlays\u002F2.query-container",{"title":385,"path":386,"stem":387,"children":388,"page":34},"App","\u002Fpolaris-wc\u002Fapp","4.polaris-wc\u002F9.app",[389,392],{"title":385,"path":390,"stem":391},"\u002Fpolaris-wc\u002Fapp\u002Fapp","4.polaris-wc\u002F9.app\u002F1.app",{"title":393,"path":394,"stem":395},"LoadingIndicator","\u002Fpolaris-wc\u002Fapp\u002Floading-indicator","4.polaris-wc\u002F9.app\u002F2.loading-indicator",{"id":397,"title":54,"body":398,"description":2108,"extension":2109,"links":2110,"meta":2111,"navigation":712,"path":55,"seo":2112,"stem":56,"__hash__":2115},"docs\u002F2.guides\u002F4.polaris-components.md",{"type":399,"value":400,"toc":2090},"minimark",[401,406,427,439,447,451,461,550,556,560,928,932,939,954,1003,1009,1015,1085,1089,1100,1415,1422,1448,1705,1720,1743,1750,1775,1802,1811,1902,1905,1940,1944,1956,2078,2086],[402,403,405],"h2",{"id":404},"overview","Overview",[407,408,409,410,417,418,422,423,426],"p",{},"This module provides Vue wrapper components for ",[411,412,416],"a",{"href":413,"rel":414},"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fapi\u002Fapp-home\u002Fweb-components",[415],"nofollow","Shopify Polaris web components",". Use the ",[419,420,421],"code",{},"Sh","-prefixed wrappers instead of raw ",[419,424,425],{},"s-*"," web components — they provide typed props with autocomplete, v-model support for form components, and work seamlessly with Vue's reactivity system.",[407,428,429,430,433,434,438],{},"All ",[419,431,432],{},"Sh*"," components are ",[435,436,437],"strong",{},"auto-imported"," — no manual imports needed.",[440,441,442,443,446],"tip",{},"For detailed props, events, and slots of each component, see the ",[411,444,445],{"href":86},"Polaris Components reference",".",[402,448,450],{"id":449},"component-prefix","Component Prefix",[407,452,453,454,456,457,460],{},"All components use a configurable prefix (default: ",[419,455,421],{},"). You can change it via the ",[419,458,459],{},"componentPrefix"," module option:",[462,463,468],"pre",{"className":464,"code":465,"language":466,"meta":467,"style":467},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F nuxt.config.ts\nexport default defineNuxtConfig({\n  shopify: {\n    componentPrefix: 'Shopify' \u002F\u002F \u003CShopifyButton>, \u003CShopifyApp>, etc.\n  }\n})\n","ts","",[419,469,470,479,501,514,535,541],{"__ignoreMap":467},[471,472,475],"span",{"class":473,"line":474},"line",1,[471,476,478],{"class":477},"sHwdD","\u002F\u002F nuxt.config.ts\n",[471,480,482,486,489,493,497],{"class":473,"line":481},2,[471,483,485],{"class":484},"s7zQu","export",[471,487,488],{"class":484}," default",[471,490,492],{"class":491},"s2Zo4"," defineNuxtConfig",[471,494,496],{"class":495},"sTEyZ","(",[471,498,500],{"class":499},"sMK4o","{\n",[471,502,504,508,511],{"class":473,"line":503},3,[471,505,507],{"class":506},"swJcz","  shopify",[471,509,510],{"class":499},":",[471,512,513],{"class":499}," {\n",[471,515,517,520,522,525,529,532],{"class":473,"line":516},4,[471,518,519],{"class":506},"    componentPrefix",[471,521,510],{"class":499},[471,523,524],{"class":499}," '",[471,526,528],{"class":527},"sfazB","Shopify",[471,530,531],{"class":499},"'",[471,533,534],{"class":477}," \u002F\u002F \u003CShopifyButton>, \u003CShopifyApp>, etc.\n",[471,536,538],{"class":473,"line":537},5,[471,539,540],{"class":499},"  }\n",[471,542,544,547],{"class":473,"line":543},6,[471,545,546],{"class":499},"}",[471,548,549],{"class":495},")\n",[407,551,552,553,555],{},"The examples below use the default ",[419,554,421],{}," prefix.",[402,557,559],{"id":558},"basic-example","Basic Example",[462,561,565],{"className":562,"code":563,"language":564,"meta":467,"style":467},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CShPage heading=\"Products\">\n    \u003CShStack gap=\"base\">\n      \u003CShButton variant=\"primary\" @click=\"save\">Save\u003C\u002FShButton>\n      \u003CShButton @click=\"cancel\">Cancel\u003C\u002FShButton>\n    \u003C\u002FShStack>\n\n    \u003CShBanner heading=\"Welcome\" tone=\"info\" dismissible>\n      Start by adding your first product.\n    \u003C\u002FShBanner>\n\n    \u003CShTextField\n      v-model=\"title\"\n      label=\"Product title\"\n      placeholder=\"Enter product title\"\n    \u002F>\n\n    \u003CShSelect\n      v-model=\"status\"\n      label=\"Status\"\n      :options=\"[\n        { label: 'Active', value: 'active' },\n        { label: 'Draft', value: 'draft' }\n      ]\"\n    \u002F>\n  \u003C\u002FShPage>\n\u003C\u002Ftemplate>\n","vue",[419,566,567,578,603,625,670,698,707,714,750,756,765,770,778,794,809,824,830,835,843,857,871,884,890,896,904,909,919],{"__ignoreMap":467},[471,568,569,572,575],{"class":473,"line":474},[471,570,571],{"class":499},"\u003C",[471,573,574],{"class":506},"template",[471,576,577],{"class":499},">\n",[471,579,580,583,586,590,593,596,599,601],{"class":473,"line":481},[471,581,582],{"class":499},"  \u003C",[471,584,585],{"class":506},"ShPage",[471,587,589],{"class":588},"spNyl"," heading",[471,591,592],{"class":499},"=",[471,594,595],{"class":499},"\"",[471,597,598],{"class":527},"Products",[471,600,595],{"class":499},[471,602,577],{"class":499},[471,604,605,608,611,614,616,618,621,623],{"class":473,"line":503},[471,606,607],{"class":499},"    \u003C",[471,609,610],{"class":506},"ShStack",[471,612,613],{"class":588}," gap",[471,615,592],{"class":499},[471,617,595],{"class":499},[471,619,620],{"class":527},"base",[471,622,595],{"class":499},[471,624,577],{"class":499},[471,626,627,630,633,636,638,640,643,645,648,650,652,655,657,660,663,666,668],{"class":473,"line":516},[471,628,629],{"class":499},"      \u003C",[471,631,632],{"class":506},"ShButton",[471,634,635],{"class":588}," variant",[471,637,592],{"class":499},[471,639,595],{"class":499},[471,641,642],{"class":527},"primary",[471,644,595],{"class":499},[471,646,647],{"class":588}," @click",[471,649,592],{"class":499},[471,651,595],{"class":499},[471,653,654],{"class":527},"save",[471,656,595],{"class":499},[471,658,659],{"class":499},">",[471,661,662],{"class":495},"Save",[471,664,665],{"class":499},"\u003C\u002F",[471,667,632],{"class":506},[471,669,577],{"class":499},[471,671,672,674,676,678,680,682,685,687,689,692,694,696],{"class":473,"line":537},[471,673,629],{"class":499},[471,675,632],{"class":506},[471,677,647],{"class":588},[471,679,592],{"class":499},[471,681,595],{"class":499},[471,683,684],{"class":527},"cancel",[471,686,595],{"class":499},[471,688,659],{"class":499},[471,690,691],{"class":495},"Cancel",[471,693,665],{"class":499},[471,695,632],{"class":506},[471,697,577],{"class":499},[471,699,700,703,705],{"class":473,"line":543},[471,701,702],{"class":499},"    \u003C\u002F",[471,704,610],{"class":506},[471,706,577],{"class":499},[471,708,710],{"class":473,"line":709},7,[471,711,713],{"emptyLinePlaceholder":712},true,"\n",[471,715,717,719,722,724,726,728,731,733,736,738,740,743,745,748],{"class":473,"line":716},8,[471,718,607],{"class":499},[471,720,721],{"class":506},"ShBanner",[471,723,589],{"class":588},[471,725,592],{"class":499},[471,727,595],{"class":499},[471,729,730],{"class":527},"Welcome",[471,732,595],{"class":499},[471,734,735],{"class":588}," tone",[471,737,592],{"class":499},[471,739,595],{"class":499},[471,741,742],{"class":527},"info",[471,744,595],{"class":499},[471,746,747],{"class":588}," dismissible",[471,749,577],{"class":499},[471,751,753],{"class":473,"line":752},9,[471,754,755],{"class":495},"      Start by adding your first product.\n",[471,757,759,761,763],{"class":473,"line":758},10,[471,760,702],{"class":499},[471,762,721],{"class":506},[471,764,577],{"class":499},[471,766,768],{"class":473,"line":767},11,[471,769,713],{"emptyLinePlaceholder":712},[471,771,773,775],{"class":473,"line":772},12,[471,774,607],{"class":499},[471,776,777],{"class":506},"ShTextField\n",[471,779,781,784,786,788,791],{"class":473,"line":780},13,[471,782,783],{"class":588},"      v-model",[471,785,592],{"class":499},[471,787,595],{"class":499},[471,789,790],{"class":527},"title",[471,792,793],{"class":499},"\"\n",[471,795,797,800,802,804,807],{"class":473,"line":796},14,[471,798,799],{"class":588},"      label",[471,801,592],{"class":499},[471,803,595],{"class":499},[471,805,806],{"class":527},"Product title",[471,808,793],{"class":499},[471,810,812,815,817,819,822],{"class":473,"line":811},15,[471,813,814],{"class":588},"      placeholder",[471,816,592],{"class":499},[471,818,595],{"class":499},[471,820,821],{"class":527},"Enter product title",[471,823,793],{"class":499},[471,825,827],{"class":473,"line":826},16,[471,828,829],{"class":499},"    \u002F>\n",[471,831,833],{"class":473,"line":832},17,[471,834,713],{"emptyLinePlaceholder":712},[471,836,838,840],{"class":473,"line":837},18,[471,839,607],{"class":499},[471,841,842],{"class":506},"ShSelect\n",[471,844,846,848,850,852,855],{"class":473,"line":845},19,[471,847,783],{"class":588},[471,849,592],{"class":499},[471,851,595],{"class":499},[471,853,854],{"class":527},"status",[471,856,793],{"class":499},[471,858,860,862,864,866,869],{"class":473,"line":859},20,[471,861,799],{"class":588},[471,863,592],{"class":499},[471,865,595],{"class":499},[471,867,868],{"class":527},"Status",[471,870,793],{"class":499},[471,872,874,877,879,881],{"class":473,"line":873},21,[471,875,876],{"class":588},"      :options",[471,878,592],{"class":499},[471,880,595],{"class":499},[471,882,883],{"class":527},"[\n",[471,885,887],{"class":473,"line":886},22,[471,888,889],{"class":527},"        { label: 'Active', value: 'active' },\n",[471,891,893],{"class":473,"line":892},23,[471,894,895],{"class":527},"        { label: 'Draft', value: 'draft' }\n",[471,897,899,902],{"class":473,"line":898},24,[471,900,901],{"class":527},"      ]",[471,903,793],{"class":499},[471,905,907],{"class":473,"line":906},25,[471,908,829],{"class":499},[471,910,912,915,917],{"class":473,"line":911},26,[471,913,914],{"class":499},"  \u003C\u002F",[471,916,585],{"class":506},[471,918,577],{"class":499},[471,920,922,924,926],{"class":473,"line":921},27,[471,923,665],{"class":499},[471,925,574],{"class":506},[471,927,577],{"class":499},[402,929,931],{"id":930},"app-components","App Components",[933,934,936],"h3",{"id":935},"shapp",[419,937,938],{},"\u003CShApp>",[407,940,941,942,944,945,950,951,446],{},"Wrap your app pages with ",[419,943,938],{}," to automatically render the ",[411,946,949],{"href":947,"rel":948},"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fapi\u002Fapp-home\u002Fapp-bridge-web-components\u002Fapp-nav",[415],"App Bridge navigation menu"," from your module config. See ",[411,952,953],{"href":390},"ShApp reference",[462,955,958],{"className":562,"code":956,"filename":957,"language":564,"meta":467,"style":467},"\u003Ctemplate>\n  \u003CShApp>\n    \u003Cslot \u002F>\n  \u003C\u002FShApp>\n\u003C\u002Ftemplate>\n","layouts\u002Fdefault.vue",[419,959,960,968,977,987,995],{"__ignoreMap":467},[471,961,962,964,966],{"class":473,"line":474},[471,963,571],{"class":499},[471,965,574],{"class":506},[471,967,577],{"class":499},[471,969,970,972,975],{"class":473,"line":481},[471,971,582],{"class":499},[471,973,974],{"class":506},"ShApp",[471,976,577],{"class":499},[471,978,979,981,984],{"class":473,"line":503},[471,980,607],{"class":499},[471,982,983],{"class":506},"slot",[471,985,986],{"class":499}," \u002F>\n",[471,988,989,991,993],{"class":473,"line":516},[471,990,914],{"class":499},[471,992,974],{"class":506},[471,994,577],{"class":499},[471,996,997,999,1001],{"class":473,"line":537},[471,998,665],{"class":499},[471,1000,574],{"class":506},[471,1002,577],{"class":499},[933,1004,1006],{"id":1005},"shloadingindicator",[419,1007,1008],{},"\u003CShLoadingIndicator>",[407,1010,1011,1012,446],{},"Bridges the Nuxt loading indicator with the Shopify Admin loading bar. See ",[411,1013,1014],{"href":394},"ShLoadingIndicator reference",[462,1016,1018],{"className":562,"code":1017,"language":564,"meta":467,"style":467},"\u003Ctemplate>\n  \u003CShLoadingIndicator>\n    \u003CShPage title=\"Products\">\n      \u003C!-- content -->\n    \u003C\u002FShPage>\n  \u003C\u002FShLoadingIndicator>\n\u003C\u002Ftemplate>\n",[419,1019,1020,1028,1037,1056,1061,1069,1077],{"__ignoreMap":467},[471,1021,1022,1024,1026],{"class":473,"line":474},[471,1023,571],{"class":499},[471,1025,574],{"class":506},[471,1027,577],{"class":499},[471,1029,1030,1032,1035],{"class":473,"line":481},[471,1031,582],{"class":499},[471,1033,1034],{"class":506},"ShLoadingIndicator",[471,1036,577],{"class":499},[471,1038,1039,1041,1043,1046,1048,1050,1052,1054],{"class":473,"line":503},[471,1040,607],{"class":499},[471,1042,585],{"class":506},[471,1044,1045],{"class":588}," title",[471,1047,592],{"class":499},[471,1049,595],{"class":499},[471,1051,598],{"class":527},[471,1053,595],{"class":499},[471,1055,577],{"class":499},[471,1057,1058],{"class":473,"line":516},[471,1059,1060],{"class":477},"      \u003C!-- content -->\n",[471,1062,1063,1065,1067],{"class":473,"line":537},[471,1064,702],{"class":499},[471,1066,585],{"class":506},[471,1068,577],{"class":499},[471,1070,1071,1073,1075],{"class":473,"line":543},[471,1072,914],{"class":499},[471,1074,1034],{"class":506},[471,1076,577],{"class":499},[471,1078,1079,1081,1083],{"class":473,"line":709},[471,1080,665],{"class":499},[471,1082,574],{"class":506},[471,1084,577],{"class":499},[402,1086,1088],{"id":1087},"available-components","Available Components",[407,1090,1091,1092,1095,1096,1099],{},"Each Polaris component maps to its web component counterpart (e.g., ",[419,1093,1094],{},"\u003CShButton>"," → ",[419,1097,1098],{},"\u003Cs-button>","). Browse the full reference with props, events, and slots:",[1101,1102,1103,1119],"table",{},[1104,1105,1106],"thead",{},[1107,1108,1109,1113,1116],"tr",{},[1110,1111,1112],"th",{},"Category",[1110,1114,1115],{},"Components",[1110,1117,1118],{},"Reference",[1120,1121,1122,1155,1178,1244,1267,1294,1324,1372,1390],"tbody",{},[1107,1123,1124,1129,1151],{},[1125,1126,1127],"td",{},[435,1128,92],{},[1125,1130,1131,1133,1134,1133,1137,1133,1139,1133,1142,1133,1145,1133,1148],{},[419,1132,585],{},", ",[419,1135,1136],{},"ShBox",[419,1138,610],{},[419,1140,1141],{},"ShGrid",[419,1143,1144],{},"ShGridItem",[419,1146,1147],{},"ShSection",[419,1149,1150],{},"ShDivider",[1125,1152,1153],{},[411,1154,92],{"href":93},[1107,1156,1157,1161,1174],{},[1125,1158,1159],{},[435,1160,146],{},[1125,1162,1163,1133,1165,1133,1168,1133,1171],{},[419,1164,632],{},[419,1166,1167],{},"ShButtonGroup",[419,1169,1170],{},"ShClickable",[419,1172,1173],{},"ShLink",[1125,1175,1176],{},[411,1177,146],{"href":147},[1107,1179,1180,1184,1240],{},[1125,1181,1182],{},[435,1183,167],{},[1125,1185,1186,1133,1189,1133,1192,1133,1195,1133,1198,1133,1201,1133,1204,1133,1207,1133,1210,1133,1213,1133,1216,1133,1219,1133,1222,1133,1225,1133,1228,1133,1231,1133,1234,1133,1237],{},[419,1187,1188],{},"ShTextField",[419,1190,1191],{},"ShNumberField",[419,1193,1194],{},"ShEmailField",[419,1196,1197],{},"ShPasswordField",[419,1199,1200],{},"ShUrlField",[419,1202,1203],{},"ShMoneyField",[419,1205,1206],{},"ShColorField",[419,1208,1209],{},"ShDateField",[419,1211,1212],{},"ShTextArea",[419,1214,1215],{},"ShSelect",[419,1217,1218],{},"ShCheckbox",[419,1220,1221],{},"ShSwitch",[419,1223,1224],{},"ShChoiceList",[419,1226,1227],{},"ShChoice",[419,1229,1230],{},"ShSearchField",[419,1232,1233],{},"ShDropZone",[419,1235,1236],{},"ShColorPicker",[419,1238,1239],{},"ShDatePicker",[1125,1241,1242],{},[411,1243,167],{"href":168},[1107,1245,1246,1250,1263],{},[1125,1247,1248],{},[435,1249,244],{},[1125,1251,1252,1133,1254,1133,1257,1133,1260],{},[419,1253,721],{},[419,1255,1256],{},"ShBadge",[419,1258,1259],{},"ShSpinner",[419,1261,1262],{},"ShTooltip",[1125,1264,1265],{},[411,1266,244],{"href":245},[1107,1268,1269,1273,1290],{},[1125,1270,1271],{},[435,1272,265],{},[1125,1274,1275,1133,1278,1133,1281,1133,1284,1133,1287],{},[419,1276,1277],{},"ShAppNav",[419,1279,1280],{},"ShMenu",[419,1282,1283],{},"ShOption",[419,1285,1286],{},"ShOptionGroup",[419,1288,1289],{},"ShPopover",[1125,1291,1292],{},[411,1293,265],{"href":266},[1107,1295,1296,1300,1320],{},[1125,1297,1298],{},[435,1299,290],{},[1125,1301,1302,1133,1305,1133,1308,1133,1311,1133,1314,1133,1317],{},[419,1303,1304],{},"ShTable",[419,1306,1307],{},"ShTableHeader",[419,1309,1310],{},"ShTableHeaderRow",[419,1312,1313],{},"ShTableBody",[419,1315,1316],{},"ShTableRow",[419,1318,1319],{},"ShTableCell",[1125,1321,1322],{},[411,1323,290],{"href":291},[1107,1325,1326,1330,1368],{},[1125,1327,1328],{},[435,1329,319],{},[1125,1331,1332,1133,1335,1133,1338,1133,1341,1133,1344,1133,1347,1133,1350,1133,1353,1133,1356,1133,1359,1133,1362,1133,1365],{},[419,1333,1334],{},"ShText",[419,1336,1337],{},"ShHeading",[419,1339,1340],{},"ShParagraph",[419,1342,1343],{},"ShIcon",[419,1345,1346],{},"ShImage",[419,1348,1349],{},"ShThumbnail",[419,1351,1352],{},"ShAvatar",[419,1354,1355],{},"ShChip",[419,1357,1358],{},"ShClickableChip",[419,1360,1361],{},"ShListItem",[419,1363,1364],{},"ShOrderedList",[419,1366,1367],{},"ShUnorderedList",[1125,1369,1370],{},[411,1371,319],{"href":320},[1107,1373,1374,1378,1386],{},[1125,1375,1376],{},[435,1377,372],{},[1125,1379,1380,1133,1383],{},[419,1381,1382],{},"ShModal",[419,1384,1385],{},"ShQueryContainer",[1125,1387,1388],{},[411,1389,372],{"href":373},[1107,1391,1392,1397,1411],{},[1125,1393,1394],{},[435,1395,1396],{},"App Bridge UI",[1125,1398,1399,1133,1402,1133,1405,1133,1408],{},[419,1400,1401],{},"ShUiModal",[419,1403,1404],{},"ShUiTitleBar",[419,1406,1407],{},"ShUiSaveBar",[419,1409,1410],{},"ShUiNavMenu",[1125,1412,1413],{},[411,1414,1396],{"href":126},[402,1416,1418,1419,1421],{"id":1417},"polaris-modal-shmodal","Polaris Modal (",[419,1420,1382],{},")",[407,1423,1424,1426,1427,1435,1436,1439,1440,1443,1444,1447],{},[419,1425,1382],{}," wraps the ",[411,1428,1431,1432],{"href":1429,"rel":1430},"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fapi\u002Fapp-home\u002Fweb-components\u002Foverlays\u002Fmodal",[415],"Polaris ",[419,1433,1434],{},"\u003Cs-modal>"," component — it renders ",[435,1437,1438],{},"inside"," your app's iframe. Open and close it using ",[419,1441,1442],{},"commandFor"," \u002F ",[419,1445,1446],{},"command"," attributes:",[462,1449,1451],{"className":562,"code":1450,"language":564,"meta":467,"style":467},"\u003Ctemplate>\n  \u003CShButton command-for=\"my-modal\" command=\"--show\">Open\u003C\u002FShButton>\n\n  \u003CShModal id=\"my-modal\" heading=\"Confirm action\">\n    \u003CShParagraph>Are you sure?\u003C\u002FShParagraph>\n\n    \u003CShButton slot=\"secondary-actions\" command-for=\"my-modal\" command=\"--hide\">\n      Cancel\n    \u003C\u002FShButton>\n    \u003CShButton\n      slot=\"primary-action\"\n      variant=\"primary\"\n      command-for=\"my-modal\"\n      command=\"--hide\"\n    >\n      Confirm\n    \u003C\u002FShButton>\n  \u003C\u002FShModal>\n\u003C\u002Ftemplate>\n",[419,1452,1453,1461,1502,1506,1536,1553,1557,1598,1603,1611,1618,1632,1645,1658,1671,1676,1681,1689,1697],{"__ignoreMap":467},[471,1454,1455,1457,1459],{"class":473,"line":474},[471,1456,571],{"class":499},[471,1458,574],{"class":506},[471,1460,577],{"class":499},[471,1462,1463,1465,1467,1470,1472,1474,1477,1479,1482,1484,1486,1489,1491,1493,1496,1498,1500],{"class":473,"line":481},[471,1464,582],{"class":499},[471,1466,632],{"class":506},[471,1468,1469],{"class":588}," command-for",[471,1471,592],{"class":499},[471,1473,595],{"class":499},[471,1475,1476],{"class":527},"my-modal",[471,1478,595],{"class":499},[471,1480,1481],{"class":588}," command",[471,1483,592],{"class":499},[471,1485,595],{"class":499},[471,1487,1488],{"class":527},"--show",[471,1490,595],{"class":499},[471,1492,659],{"class":499},[471,1494,1495],{"class":495},"Open",[471,1497,665],{"class":499},[471,1499,632],{"class":506},[471,1501,577],{"class":499},[471,1503,1504],{"class":473,"line":503},[471,1505,713],{"emptyLinePlaceholder":712},[471,1507,1508,1510,1512,1515,1517,1519,1521,1523,1525,1527,1529,1532,1534],{"class":473,"line":516},[471,1509,582],{"class":499},[471,1511,1382],{"class":506},[471,1513,1514],{"class":588}," id",[471,1516,592],{"class":499},[471,1518,595],{"class":499},[471,1520,1476],{"class":527},[471,1522,595],{"class":499},[471,1524,589],{"class":588},[471,1526,592],{"class":499},[471,1528,595],{"class":499},[471,1530,1531],{"class":527},"Confirm action",[471,1533,595],{"class":499},[471,1535,577],{"class":499},[471,1537,1538,1540,1542,1544,1547,1549,1551],{"class":473,"line":537},[471,1539,607],{"class":499},[471,1541,1340],{"class":506},[471,1543,659],{"class":499},[471,1545,1546],{"class":495},"Are you sure?",[471,1548,665],{"class":499},[471,1550,1340],{"class":506},[471,1552,577],{"class":499},[471,1554,1555],{"class":473,"line":543},[471,1556,713],{"emptyLinePlaceholder":712},[471,1558,1559,1561,1563,1566,1568,1570,1573,1575,1577,1579,1581,1583,1585,1587,1589,1591,1594,1596],{"class":473,"line":709},[471,1560,607],{"class":499},[471,1562,632],{"class":506},[471,1564,1565],{"class":588}," slot",[471,1567,592],{"class":499},[471,1569,595],{"class":499},[471,1571,1572],{"class":527},"secondary-actions",[471,1574,595],{"class":499},[471,1576,1469],{"class":588},[471,1578,592],{"class":499},[471,1580,595],{"class":499},[471,1582,1476],{"class":527},[471,1584,595],{"class":499},[471,1586,1481],{"class":588},[471,1588,592],{"class":499},[471,1590,595],{"class":499},[471,1592,1593],{"class":527},"--hide",[471,1595,595],{"class":499},[471,1597,577],{"class":499},[471,1599,1600],{"class":473,"line":716},[471,1601,1602],{"class":495},"      Cancel\n",[471,1604,1605,1607,1609],{"class":473,"line":752},[471,1606,702],{"class":499},[471,1608,632],{"class":506},[471,1610,577],{"class":499},[471,1612,1613,1615],{"class":473,"line":758},[471,1614,607],{"class":499},[471,1616,1617],{"class":506},"ShButton\n",[471,1619,1620,1623,1625,1627,1630],{"class":473,"line":767},[471,1621,1622],{"class":588},"      slot",[471,1624,592],{"class":499},[471,1626,595],{"class":499},[471,1628,1629],{"class":527},"primary-action",[471,1631,793],{"class":499},[471,1633,1634,1637,1639,1641,1643],{"class":473,"line":772},[471,1635,1636],{"class":588},"      variant",[471,1638,592],{"class":499},[471,1640,595],{"class":499},[471,1642,642],{"class":527},[471,1644,793],{"class":499},[471,1646,1647,1650,1652,1654,1656],{"class":473,"line":780},[471,1648,1649],{"class":588},"      command-for",[471,1651,592],{"class":499},[471,1653,595],{"class":499},[471,1655,1476],{"class":527},[471,1657,793],{"class":499},[471,1659,1660,1663,1665,1667,1669],{"class":473,"line":796},[471,1661,1662],{"class":588},"      command",[471,1664,592],{"class":499},[471,1666,595],{"class":499},[471,1668,1593],{"class":527},[471,1670,793],{"class":499},[471,1672,1673],{"class":473,"line":811},[471,1674,1675],{"class":499},"    >\n",[471,1677,1678],{"class":473,"line":826},[471,1679,1680],{"class":495},"      Confirm\n",[471,1682,1683,1685,1687],{"class":473,"line":832},[471,1684,702],{"class":499},[471,1686,632],{"class":506},[471,1688,577],{"class":499},[471,1690,1691,1693,1695],{"class":473,"line":837},[471,1692,914],{"class":499},[471,1694,1382],{"class":506},[471,1696,577],{"class":499},[471,1698,1699,1701,1703],{"class":473,"line":845},[471,1700,665],{"class":499},[471,1702,574],{"class":506},[471,1704,577],{"class":499},[440,1706,1707,1708,1710,1711,1133,1714,1133,1717,446],{},"You can also control ",[419,1709,1434],{}," programmatically: ",[419,1712,1713],{},"shopify.modal.show('my-modal')",[419,1715,1716],{},"shopify.modal.hide('my-modal')",[419,1718,1719],{},"shopify.modal.toggle('my-modal')",[1721,1722,1723,1725,1726,1729,1730,1733,1734,1737,1738,446],"warning",{},[419,1724,1382],{}," is ",[435,1727,1728],{},"not"," the same as the App Bridge ",[419,1731,1732],{},"\u003Cui-modal>"," which renders ",[435,1735,1736],{},"outside"," the iframe. If you need the App Bridge modal, use ",[411,1739,1740],{"href":131},[419,1741,1742],{},"\u003CShUiModal>",[402,1744,1746,1747,1421],{"id":1745},"app-bridge-ui-components-shui","App Bridge UI Components (",[419,1748,1749],{},"ShUi*",[407,1751,1752,1753,1755,1756,1758,1759,1761,1762,1767,1768,1771,1772,1774],{},"In addition to the Polaris ",[419,1754,432],{}," components (rendered ",[435,1757,1438],{}," your iframe), the module provides ",[419,1760,1749],{}," wrappers for ",[411,1763,1766],{"href":1764,"rel":1765},"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fapi\u002Fapp-bridge-library\u002Fweb-components",[415],"App Bridge UI web components"," (",[419,1769,1770],{},"ui-*","). These render ",[435,1773,1736],{}," the app iframe in the Shopify Admin shell.",[407,1776,1777,1778,1781,1782,1789,1790,1133,1792,1133,1795,1133,1798,1801],{},"These are the ",[435,1779,1780],{},"Vue replacements"," for ",[411,1783,1786],{"href":1784,"rel":1785},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@shopify\u002Fapp-bridge-react",[415],[419,1787,1788],{},"@shopify\u002Fapp-bridge-react"," components (",[419,1791,377],{},[419,1793,1794],{},"TitleBar",[419,1796,1797],{},"SaveBar",[419,1799,1800],{},"NavMenu",").",[933,1803,1805,1806,1808,1809,1421],{"id":1804},"polaris-sh-vs-app-bridge-shui","Polaris (",[419,1807,432],{},") vs App Bridge (",[419,1810,1749],{},[1101,1812,1813,1828],{},[1104,1814,1815],{},[1107,1816,1817,1819,1823],{},[1110,1818],{},[1110,1820,1805,1821,1421],{},[419,1822,432],{},[1110,1824,1825,1826,1421],{},"App Bridge (",[419,1827,1749],{},[1120,1829,1830,1851,1864,1877],{},[1107,1831,1832,1837,1844],{},[1125,1833,1834],{},[435,1835,1836],{},"HTML elements",[1125,1838,1839,1133,1841,1843],{},[419,1840,1098],{},[419,1842,1434],{},", etc.",[1125,1845,1846,1133,1848,1843],{},[419,1847,1732],{},[419,1849,1850],{},"\u003Cui-title-bar>",[1107,1852,1853,1858,1861],{},[1125,1854,1855],{},[435,1856,1857],{},"Renders in",[1125,1859,1860],{},"Your app's iframe",[1125,1862,1863],{},"Shopify Admin (outside the iframe)",[1107,1865,1866,1871,1874],{},[1125,1867,1868],{},[435,1869,1870],{},"Use for",[1125,1872,1873],{},"In-app UI: forms, tables, buttons, layout",[1125,1875,1876],{},"Admin-level chrome: page title, modals overlaying the admin, save bar, navigation",[1107,1878,1879,1884,1892],{},[1125,1880,1881],{},[435,1882,1883],{},"Controlled via",[1125,1885,1886,1887,1889,1890],{},"Props, slots, ",[419,1888,1446],{},"\u002F",[419,1891,1442],{},[1125,1893,1894,1897,1898,1901],{},[419,1895,1896],{},"useAppBridge()"," API (",[419,1899,1900],{},"shopify.modal.show(id)",", etc.)",[407,1903,1904],{},"For detailed props, events, and usage examples, see the individual component pages:",[1906,1907,1908,1916,1924,1932],"ul",{},[1909,1910,1911,1915],"li",{},[411,1912,1913],{"href":131},[419,1914,1742],{}," — Full-screen modal outside the iframe",[1909,1917,1918,1923],{},[411,1919,1920],{"href":135},[419,1921,1922],{},"\u003CShUiTitleBar>"," — Admin page title bar with action buttons",[1909,1925,1926,1931],{},[411,1927,1928],{"href":139},[419,1929,1930],{},"\u003CShUiSaveBar>"," — Contextual save\u002Fdiscard bar",[1909,1933,1934,1939],{},[411,1935,1936],{"href":143},[419,1937,1938],{},"\u003CShUiNavMenu>"," — Admin sidebar navigation menu",[402,1941,1943],{"id":1942},"related-app-bridge-apis","Related App Bridge APIs",[407,1945,429,1946,1948,1949,1952,1953,1955],{},[419,1947,1749],{}," components can be controlled programmatically via the ",[419,1950,1951],{},"shopify"," global (accessed with ",[419,1954,1896],{},"):",[1101,1957,1958,1971],{},[1104,1959,1960],{},[1107,1961,1962,1965,1968],{},[1110,1963,1964],{},"API",[1110,1966,1967],{},"Description",[1110,1969,1970],{},"Docs",[1120,1972,1973,1990,2007,2024,2044,2061],{},[1107,1974,1975,1980,1983],{},[1125,1976,1977],{},[419,1978,1979],{},"shopify.modal",[1125,1981,1982],{},"Show, hide, and toggle modals by ID",[1125,1984,1985],{},[411,1986,1989],{"href":1987,"rel":1988},"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fapi\u002Fapp-home\u002Fapis\u002Fuser-interface-and-interactions\u002Fmodal-api",[415],"Modal API",[1107,1991,1992,1997,2000],{},[1125,1993,1994],{},[419,1995,1996],{},"shopify.saveBar",[1125,1998,1999],{},"Show, hide, toggle save bars and prompt leave confirmation",[1125,2001,2002],{},[411,2003,2006],{"href":2004,"rel":2005},"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fapi\u002Fapp-home\u002Fapis\u002Fuser-interface-and-interactions\u002Fsave-bar-api",[415],"Save Bar API",[1107,2008,2009,2014,2017],{},[1125,2010,2011],{},[419,2012,2013],{},"shopify.toast.show(message)",[1125,2015,2016],{},"Show toast notifications",[1125,2018,2019],{},[411,2020,2023],{"href":2021,"rel":2022},"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fapi\u002Fapp-home\u002Fapis\u002Fuser-interface-and-interactions\u002Ftoast-api",[415],"Toast API",[1107,2025,2026,2034,2037],{},[1125,2027,2028,1443,2031],{},[419,2029,2030],{},"shopify.loading.show()",[419,2032,2033],{},".hide()",[1125,2035,2036],{},"Control the admin loading bar",[1125,2038,2039],{},[411,2040,2043],{"href":2041,"rel":2042},"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fapi\u002Fapp-home\u002Fapis\u002Fuser-interface-and-interactions\u002Floading-api",[415],"Loading API",[1107,2045,2046,2051,2054],{},[1125,2047,2048],{},[419,2049,2050],{},"shopify.resourcePicker()",[1125,2052,2053],{},"Open product\u002Fcollection\u002Fvariant pickers",[1125,2055,2056],{},[411,2057,2060],{"href":2058,"rel":2059},"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fapi\u002Fapp-home\u002Fapis\u002Fuser-interface-and-interactions\u002Fresource-picker-api",[415],"Resource Picker API",[1107,2062,2063,2068,2071],{},[1125,2064,2065],{},[419,2066,2067],{},"shopify.intents.navigate()",[1125,2069,2070],{},"Launch native Shopify admin workflows",[1125,2072,2073],{},[411,2074,2077],{"href":2075,"rel":2076},"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fapi\u002Fapp-home\u002Fapis\u002Fuser-interface-and-interactions\u002Fintents-api",[415],"Intents API",[407,2079,2080,2081,446],{},"See the full list at ",[411,2082,2085],{"href":2083,"rel":2084},"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fapi\u002Fapp-home\u002Fapis",[415],"App Bridge APIs and web methods",[2087,2088,2089],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":467,"searchDepth":481,"depth":481,"links":2091},[2092,2093,2094,2095,2099,2100,2102,2107],{"id":404,"depth":481,"text":405},{"id":449,"depth":481,"text":450},{"id":558,"depth":481,"text":559},{"id":930,"depth":481,"text":931,"children":2096},[2097,2098],{"id":935,"depth":503,"text":938},{"id":1005,"depth":503,"text":1008},{"id":1087,"depth":481,"text":1088},{"id":1417,"depth":481,"text":2101},"Polaris Modal (ShModal)",{"id":1745,"depth":481,"text":2103,"children":2104},"App Bridge UI Components (ShUi*)",[2105],{"id":1804,"depth":503,"text":2106},"Polaris (Sh*) vs App Bridge (ShUi*)",{"id":1942,"depth":481,"text":1943},"Overview and quick start guide for Shopify Polaris and App Bridge UI components.","md",null,{},{"title":2113,"description":2114},"Polaris Components — shopify-app-nuxt","Vue wrapper components for Shopify Polaris web components and App Bridge UI — typed props, v-model support, and auto-imported.","L_k5pyeQiZrQA0mgOJq6QzT2wWyUgYbXPLyNWy2X9eE",[2117,2119],{"title":50,"path":51,"stem":52,"description":2118,"children":-1},"Use Shopify App Bridge and authenticated fetch in your embedded app.",{"title":58,"path":59,"stem":60,"description":2120,"children":-1},"Auto-generate typed Admin API queries with the codegen module option.",1776217202080]