[{"data":1,"prerenderedAt":1120},["ShallowReactive",2],{"navigation_docs":3,"-polaris-wc-app-bridge-ui-ui-modal":396,"-polaris-wc-app-bridge-ui-ui-modal-surround":1115},[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":130,"body":398,"description":1109,"extension":1110,"links":1111,"meta":1112,"navigation":461,"path":131,"seo":1113,"stem":132,"__hash__":1114},"docs\u002F4.polaris-wc\u002F10.app-bridge-ui\u002F1.ui-modal.md",{"type":399,"value":400,"toc":1101},"minimark",[401,406,823,840,844,935,939,981,985,1033,1037,1080,1084,1097],[402,403,405],"h2",{"id":404},"usage","Usage",[407,408,413],"pre",{"className":409,"code":410,"language":411,"meta":412,"style":412},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nconst shopify = useAppBridge()\n\nfunction openModal() {\n  shopify.modal.show('my-modal')\n}\n\nfunction closeModal() {\n  shopify.modal.hide('my-modal')\n}\n\nfunction handleSave() {\n  \u002F\u002F ...save logic\n  closeModal()\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CShButton @click=\"openModal\">Open Modal\u003C\u002FShButton>\n\n  \u003CShUiModal id=\"my-modal\" variant=\"large\" @hide=\"closeModal\">\n    \u003Cp>This content renders outside the iframe.\u003C\u002Fp>\n\n    \u003Ctemplate #title-bar>\n      \u003CShUiTitleBar\n        title=\"Edit Product\"\n        :primary-action=\"{ label: 'Save', onClick: handleSave }\"\n      \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FShUiModal>\n\u003C\u002Ftemplate>\n","vue","",[414,415,416,436,456,463,478,510,516,521,533,557,562,567,579,586,594,599,609,614,624,658,663,708,728,733,748,757,773,788,794,804,814],"code",{"__ignoreMap":412},[417,418,421,425,429,433],"span",{"class":419,"line":420},"line",1,[417,422,424],{"class":423},"sMK4o","\u003C",[417,426,428],{"class":427},"swJcz","script",[417,430,432],{"class":431},"spNyl"," setup",[417,434,435],{"class":423},">\n",[417,437,439,442,446,449,453],{"class":419,"line":438},2,[417,440,441],{"class":431},"const",[417,443,445],{"class":444},"sTEyZ"," shopify ",[417,447,448],{"class":423},"=",[417,450,452],{"class":451},"s2Zo4"," useAppBridge",[417,454,455],{"class":444},"()\n",[417,457,459],{"class":419,"line":458},3,[417,460,462],{"emptyLinePlaceholder":461},true,"\n",[417,464,466,469,472,475],{"class":419,"line":465},4,[417,467,468],{"class":431},"function",[417,470,471],{"class":451}," openModal",[417,473,474],{"class":423},"()",[417,476,477],{"class":423}," {\n",[417,479,481,484,487,490,492,495,498,501,505,507],{"class":419,"line":480},5,[417,482,483],{"class":444},"  shopify",[417,485,486],{"class":423},".",[417,488,489],{"class":444},"modal",[417,491,486],{"class":423},[417,493,494],{"class":451},"show",[417,496,497],{"class":427},"(",[417,499,500],{"class":423},"'",[417,502,504],{"class":503},"sfazB","my-modal",[417,506,500],{"class":423},[417,508,509],{"class":427},")\n",[417,511,513],{"class":419,"line":512},6,[417,514,515],{"class":423},"}\n",[417,517,519],{"class":419,"line":518},7,[417,520,462],{"emptyLinePlaceholder":461},[417,522,524,526,529,531],{"class":419,"line":523},8,[417,525,468],{"class":431},[417,527,528],{"class":451}," closeModal",[417,530,474],{"class":423},[417,532,477],{"class":423},[417,534,536,538,540,542,544,547,549,551,553,555],{"class":419,"line":535},9,[417,537,483],{"class":444},[417,539,486],{"class":423},[417,541,489],{"class":444},[417,543,486],{"class":423},[417,545,546],{"class":451},"hide",[417,548,497],{"class":427},[417,550,500],{"class":423},[417,552,504],{"class":503},[417,554,500],{"class":423},[417,556,509],{"class":427},[417,558,560],{"class":419,"line":559},10,[417,561,515],{"class":423},[417,563,565],{"class":419,"line":564},11,[417,566,462],{"emptyLinePlaceholder":461},[417,568,570,572,575,577],{"class":419,"line":569},12,[417,571,468],{"class":431},[417,573,574],{"class":451}," handleSave",[417,576,474],{"class":423},[417,578,477],{"class":423},[417,580,582],{"class":419,"line":581},13,[417,583,585],{"class":584},"sHwdD","  \u002F\u002F ...save logic\n",[417,587,589,592],{"class":419,"line":588},14,[417,590,591],{"class":451},"  closeModal",[417,593,455],{"class":427},[417,595,597],{"class":419,"line":596},15,[417,598,515],{"class":423},[417,600,602,605,607],{"class":419,"line":601},16,[417,603,604],{"class":423},"\u003C\u002F",[417,606,428],{"class":427},[417,608,435],{"class":423},[417,610,612],{"class":419,"line":611},17,[417,613,462],{"emptyLinePlaceholder":461},[417,615,617,619,622],{"class":419,"line":616},18,[417,618,424],{"class":423},[417,620,621],{"class":427},"template",[417,623,435],{"class":423},[417,625,627,630,633,636,638,641,644,646,649,652,654,656],{"class":419,"line":626},19,[417,628,629],{"class":423},"  \u003C",[417,631,632],{"class":427},"ShButton",[417,634,635],{"class":431}," @click",[417,637,448],{"class":423},[417,639,640],{"class":423},"\"",[417,642,643],{"class":503},"openModal",[417,645,640],{"class":423},[417,647,648],{"class":423},">",[417,650,651],{"class":444},"Open Modal",[417,653,604],{"class":423},[417,655,632],{"class":427},[417,657,435],{"class":423},[417,659,661],{"class":419,"line":660},20,[417,662,462],{"emptyLinePlaceholder":461},[417,664,666,668,671,674,676,678,680,682,685,687,689,692,694,697,699,701,704,706],{"class":419,"line":665},21,[417,667,629],{"class":423},[417,669,670],{"class":427},"ShUiModal",[417,672,673],{"class":431}," id",[417,675,448],{"class":423},[417,677,640],{"class":423},[417,679,504],{"class":503},[417,681,640],{"class":423},[417,683,684],{"class":431}," variant",[417,686,448],{"class":423},[417,688,640],{"class":423},[417,690,691],{"class":503},"large",[417,693,640],{"class":423},[417,695,696],{"class":431}," @hide",[417,698,448],{"class":423},[417,700,640],{"class":423},[417,702,703],{"class":503},"closeModal",[417,705,640],{"class":423},[417,707,435],{"class":423},[417,709,711,714,717,719,722,724,726],{"class":419,"line":710},22,[417,712,713],{"class":423},"    \u003C",[417,715,716],{"class":427},"p",[417,718,648],{"class":423},[417,720,721],{"class":444},"This content renders outside the iframe.",[417,723,604],{"class":423},[417,725,716],{"class":427},[417,727,435],{"class":423},[417,729,731],{"class":419,"line":730},23,[417,732,462],{"emptyLinePlaceholder":461},[417,734,736,738,740,743,746],{"class":419,"line":735},24,[417,737,713],{"class":423},[417,739,621],{"class":427},[417,741,742],{"class":423}," #",[417,744,745],{"class":431},"title-bar",[417,747,435],{"class":423},[417,749,751,754],{"class":419,"line":750},25,[417,752,753],{"class":423},"      \u003C",[417,755,756],{"class":427},"ShUiTitleBar\n",[417,758,760,763,765,767,770],{"class":419,"line":759},26,[417,761,762],{"class":431},"        title",[417,764,448],{"class":423},[417,766,640],{"class":423},[417,768,769],{"class":503},"Edit Product",[417,771,772],{"class":423},"\"\n",[417,774,776,779,781,783,786],{"class":419,"line":775},27,[417,777,778],{"class":431},"        :primary-action",[417,780,448],{"class":423},[417,782,640],{"class":423},[417,784,785],{"class":503},"{ label: 'Save', onClick: handleSave }",[417,787,772],{"class":423},[417,789,791],{"class":419,"line":790},28,[417,792,793],{"class":423},"      \u002F>\n",[417,795,797,800,802],{"class":419,"line":796},29,[417,798,799],{"class":423},"    \u003C\u002F",[417,801,621],{"class":427},[417,803,435],{"class":423},[417,805,807,810,812],{"class":419,"line":806},30,[417,808,809],{"class":423},"  \u003C\u002F",[417,811,670],{"class":427},[417,813,435],{"class":423},[417,815,817,819,821],{"class":419,"line":816},31,[417,818,604],{"class":423},[417,820,621],{"class":427},[417,822,435],{"class":423},[824,825,826,828,829,833,834,486],"warning",{},[414,827,670],{}," renders ",[830,831,832],"strong",{},"outside"," your app's iframe in the Shopify Admin shell. For an in-iframe modal, use ",[835,836,837],"a",{"href":378},[414,838,839],{},"ShModal",[402,841,843],{"id":842},"props","Props",[845,846,847,869],"table",{},[848,849,850],"thead",{},[851,852,853,857,860,863,866],"tr",{},[854,855,856],"th",{},"Prop",[854,858,859],{},"Type",[854,861,862],{},"Required",[854,864,865],{},"Default",[854,867,868],{},"Description",[870,871,872,894,917],"tbody",{},[851,873,874,880,885,888,891],{},[875,876,877],"td",{},[414,878,879],{},"id",[875,881,882],{},[414,883,884],{},"string",[875,886,887],{},"Yes",[875,889,890],{},"—",[875,892,893],{},"Unique identifier",[851,895,896,901,906,909,914],{},[875,897,898],{},[414,899,900],{},"variant",[875,902,903],{},[414,904,905],{},"'small' | 'base' | 'large' | 'max'",[875,907,908],{},"No",[875,910,911],{},[414,912,913],{},"'base'",[875,915,916],{},"Modal size",[851,918,919,924,928,930,932],{},[875,920,921],{},[414,922,923],{},"src",[875,925,926],{},[414,927,884],{},[875,929,908],{},[875,931,890],{},[875,933,934],{},"URL to load in an iframe inside the modal",[402,936,938],{"id":937},"events","Events",[845,940,941,953],{},[848,942,943],{},[851,944,945,948,951],{},[854,946,947],{},"Event",[854,949,950],{},"Payload",[854,952,868],{},[870,954,955,968],{},[851,956,957,961,965],{},[875,958,959],{},[414,960,494],{},[875,962,963],{},[414,964,947],{},[875,966,967],{},"Emitted when the modal opens",[851,969,970,974,978],{},[875,971,972],{},[414,973,546],{},[875,975,976],{},[414,977,947],{},[875,979,980],{},"Emitted when the modal closes",[402,982,984],{"id":983},"slots","Slots",[845,986,987,996],{},[848,988,989],{},[851,990,991,994],{},[854,992,993],{},"Slot",[854,995,868],{},[870,997,998,1008,1020],{},[851,999,1000,1005],{},[875,1001,1002],{},[414,1003,1004],{},"default",[875,1006,1007],{},"Modal body content",[851,1009,1010,1014],{},[875,1011,1012],{},[414,1013,745],{},[875,1015,1016,1019],{},[414,1017,1018],{},"\u003CShUiTitleBar>"," for modal header",[851,1021,1022,1027],{},[875,1023,1024],{},[414,1025,1026],{},"save-bar",[875,1028,1029,1032],{},[414,1030,1031],{},"\u003CShUiSaveBar>"," for modal actions",[402,1034,1036],{"id":1035},"app-bridge-api","App Bridge API",[845,1038,1039,1048],{},[848,1040,1041],{},[851,1042,1043,1046],{},[854,1044,1045],{},"Method",[854,1047,868],{},[870,1049,1050,1060,1070],{},[851,1051,1052,1057],{},[875,1053,1054],{},[414,1055,1056],{},"shopify.modal.show(id)",[875,1058,1059],{},"Shows the modal",[851,1061,1062,1067],{},[875,1063,1064],{},[414,1065,1066],{},"shopify.modal.hide(id)",[875,1068,1069],{},"Hides the modal",[851,1071,1072,1077],{},[875,1073,1074],{},[414,1075,1076],{},"shopify.modal.toggle(id)",[875,1078,1079],{},"Toggles modal visibility",[402,1081,1083],{"id":1082},"app-bridge-element","App Bridge Element",[716,1085,1086,1087,1090,1091,486],{},"Renders as ",[414,1088,1089],{},"\u003Cui-modal>",". See ",[835,1092,1096],{"href":1093,"rel":1094},"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fapi\u002Fapp-bridge-library\u002Fweb-components\u002Fui-modal",[1095],"nofollow","App Bridge Modal docs",[1098,1099,1100],"style",{},"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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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":438,"depth":438,"links":1102},[1103,1104,1105,1106,1107,1108],{"id":404,"depth":438,"text":405},{"id":842,"depth":438,"text":843},{"id":937,"depth":438,"text":938},{"id":983,"depth":438,"text":984},{"id":1035,"depth":438,"text":1036},{"id":1082,"depth":438,"text":1083},"Full-screen modal outside the iframe. Wraps the App Bridge \u003Cui-modal> web component.","md",null,{},{"title":130,"description":1109},"Rf9imhlD8awNXaB3h8bNl5k72JMbbEuNcRXlLMDZAJ8",[1116,1118],{"title":121,"path":122,"stem":123,"description":1117,"children":-1},"Visual divider between content. Wraps the Polaris \u003Cs-divider> web component.",{"title":134,"path":135,"stem":136,"description":1119,"children":-1},"Admin page title bar with action buttons. Wraps the App Bridge \u003Cui-title-bar> web component.",1776217206008]