[{"data":1,"prerenderedAt":817},["ShallowReactive",2],{"navigation_docs":3,"-isolated-element-api":133,"-isolated-element-api-surround":814},[4,22,51,62,73,84,99,118],{"title":5,"path":6,"stem":7,"children":8,"page":21},"Get Started","/get-started","0.get-started",[9,13,17],{"title":10,"path":11,"stem":12},"Introduction","/get-started/introduction","0.get-started/0.introduction",{"title":14,"path":15,"stem":16},"Browser Support","/get-started/browser-support","0.get-started/1.browser-support",{"title":18,"path":19,"stem":20},"Contributing","/get-started/contributing","0.get-started/2.contributing",false,{"title":23,"path":24,"stem":25,"children":26,"page":21},"Fake Browser","/fake-browser","fake-browser",[27,31,35,39,43,47],{"title":28,"path":29,"stem":30},"Installation","/fake-browser/installation","fake-browser/0.installation",{"title":32,"path":33,"stem":34},"Testing Frameworks","/fake-browser/testing-frameworks","fake-browser/1.testing-frameworks",{"title":36,"path":37,"stem":38},"Triggering Events","/fake-browser/triggering-events","fake-browser/2.triggering-events",{"title":40,"path":41,"stem":42},"Resetting State","/fake-browser/reseting-state","fake-browser/3.reseting-state",{"title":44,"path":45,"stem":46},"Implemented Apis","/fake-browser/implemented-apis","fake-browser/4.implemented-apis",{"title":48,"path":49,"stem":50},"Api","/fake-browser/api","fake-browser/api",{"title":52,"path":53,"stem":54,"children":55,"page":21},"Isolated Element","/isolated-element","isolated-element",[56,59],{"title":28,"path":57,"stem":58},"/isolated-element/installation","isolated-element/0.installation",{"title":48,"path":60,"stem":61},"/isolated-element/api","isolated-element/api",{"title":63,"path":64,"stem":65,"children":66,"page":21},"Job Scheduler","/job-scheduler","job-scheduler",[67,70],{"title":28,"path":68,"stem":69},"/job-scheduler/installation","job-scheduler/0.installation",{"title":48,"path":71,"stem":72},"/job-scheduler/api","job-scheduler/api",{"title":74,"path":75,"stem":76,"children":77,"page":21},"Match Patterns","/match-patterns","match-patterns",[78,81],{"title":28,"path":79,"stem":80},"/match-patterns/installation","match-patterns/0.installation",{"title":48,"path":82,"stem":83},"/match-patterns/api","match-patterns/api",{"title":85,"path":86,"stem":87,"children":88,"page":21},"Messaging","/messaging","messaging",[89,92,96],{"title":28,"path":90,"stem":91},"/messaging/installation","messaging/0.installation",{"title":93,"path":94,"stem":95},"Protocol Maps","/messaging/protocol-maps","messaging/1.protocol-maps",{"title":48,"path":97,"stem":98},"/messaging/api","messaging/api",{"title":100,"path":101,"stem":102,"children":103,"page":21},"Proxy Service","/proxy-service","proxy-service",[104,107,111,115],{"title":28,"path":105,"stem":106},"/proxy-service/installation","proxy-service/0.installation",{"title":108,"path":109,"stem":110},"Defining Services","/proxy-service/defining-services","proxy-service/1.defining-services",{"title":112,"path":113,"stem":114},"Service Keys","/proxy-service/service-keys","proxy-service/2.service-keys",{"title":48,"path":116,"stem":117},"/proxy-service/api","proxy-service/api",{"title":119,"path":120,"stem":121,"children":122,"page":21},"Storage","/storage","storage",[123,126,130],{"title":28,"path":124,"stem":125},"/storage/installation","storage/0.installation",{"title":127,"path":128,"stem":129},"Typescript","/storage/typescript","storage/1.typescript",{"title":48,"path":131,"stem":132},"/storage/api","storage/api",{"id":134,"title":48,"body":135,"description":170,"extension":809,"links":810,"meta":811,"navigation":449,"path":60,"seo":812,"stem":61,"__hash__":813},"docs/isolated-element/api.md",{"type":136,"value":137,"toc":798},"minimark",[138,141,146,158,164,284,288,293,308,312,335,339,554,560,670,675,679,694,700,702,774,780,782,794],[139,140],"hr",{},[142,143,145],"h2",{"id":144},"description","description: \"\"",[147,148,149,150],"alert",{},"See ",[151,152,154],"a",{"href":153},"/isolated-element/installation/",[155,156,157],"code",{},"@webext-core/isolated-element",[142,159,161],{"id":160},"createisolatedelement",[155,162,163],{},"createIsolatedElement",[165,166,171],"pre",{"className":167,"code":168,"language":169,"meta":170,"style":170},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","async function createIsolatedElement(\n  options: CreateIsolatedElementOptions,\n): Promise\u003C{\n  parentElement: HTMLElement;\n  isolatedElement: HTMLElement;\n  shadow: ShadowRoot;\n}> {\n  // ...\n}\n","ts","",[155,172,173,193,210,222,237,249,262,271,278],{"__ignoreMap":170},[174,175,178,182,185,189],"span",{"class":176,"line":177},"line",1,[174,179,181],{"class":180},"spNyl","async",[174,183,184],{"class":180}," function",[174,186,188],{"class":187},"s2Zo4"," createIsolatedElement",[174,190,192],{"class":191},"sMK4o","(\n",[174,194,196,200,203,207],{"class":176,"line":195},2,[174,197,199],{"class":198},"sHdIc","  options",[174,201,202],{"class":191},":",[174,204,206],{"class":205},"sBMFI"," CreateIsolatedElementOptions",[174,208,209],{"class":191},",\n",[174,211,213,216,219],{"class":176,"line":212},3,[174,214,215],{"class":191},"):",[174,217,218],{"class":205}," Promise",[174,220,221],{"class":191},"\u003C{\n",[174,223,225,229,231,234],{"class":176,"line":224},4,[174,226,228],{"class":227},"swJcz","  parentElement",[174,230,202],{"class":191},[174,232,233],{"class":205}," HTMLElement",[174,235,236],{"class":191},";\n",[174,238,240,243,245,247],{"class":176,"line":239},5,[174,241,242],{"class":227},"  isolatedElement",[174,244,202],{"class":191},[174,246,233],{"class":205},[174,248,236],{"class":191},[174,250,252,255,257,260],{"class":176,"line":251},6,[174,253,254],{"class":227},"  shadow",[174,256,202],{"class":191},[174,258,259],{"class":205}," ShadowRoot",[174,261,236],{"class":191},[174,263,265,268],{"class":176,"line":264},7,[174,266,267],{"class":191},"}>",[174,269,270],{"class":191}," {\n",[174,272,274],{"class":176,"line":273},8,[174,275,277],{"class":276},"sHwdD","  // ...\n",[174,279,281],{"class":176,"line":280},9,[174,282,283],{"class":191},"}\n",[285,286,287],"p",{},"Create an HTML element that has isolated styles from the rest of the page.",[289,290,292],"h3",{"id":291},"parameters","Parameters",[294,295,296],"ul",{},[297,298,299],"li",{},[300,301,302],"em",{},[303,304,305],"strong",{},[155,306,307],{},"options: CreateIsolatedElementOptions",[289,309,311],{"id":310},"returns","Returns",[294,313,314,321,328],{},[297,315,316,317,320],{},"A ",[155,318,319],{},"parentElement"," that can be added to the DOM",[297,322,323,324,327],{},"The ",[155,325,326],{},"shadow"," root",[297,329,330,331,334],{},"An ",[155,332,333],{},"isolatedElement"," that you should mount your UI to.",[289,336,338],{"id":337},"examples","Examples",[165,340,342],{"className":167,"code":341,"language":169,"meta":170,"style":170},"  const { isolatedElement, parentElement } = createIsolatedElement({\n    name: 'example-ui',\n    css: { textContent: 'p { color: red }' },\n    isolateEvents: true, // or ['keydown', 'keyup', 'keypress']\n  });\n\n  // Create and mount your app inside the isolation\n  const ui = document.createElement('p');\n  ui.textContent = 'Example UI';\n  isolatedElement.appendChild(ui);\n\n  // Add the UI to the DOM\n  document.body.appendChild(parentElement);\n",[155,343,344,376,395,419,435,445,451,456,487,508,523,528,534],{"__ignoreMap":170},[174,345,346,349,352,356,359,362,365,368,370,373],{"class":176,"line":177},[174,347,348],{"class":180},"  const",[174,350,351],{"class":191}," {",[174,353,355],{"class":354},"sTEyZ"," isolatedElement",[174,357,358],{"class":191},",",[174,360,361],{"class":354}," parentElement ",[174,363,364],{"class":191},"}",[174,366,367],{"class":191}," =",[174,369,188],{"class":187},[174,371,372],{"class":354},"(",[174,374,375],{"class":191},"{\n",[174,377,378,381,383,386,390,393],{"class":176,"line":195},[174,379,380],{"class":227},"    name",[174,382,202],{"class":191},[174,384,385],{"class":191}," '",[174,387,389],{"class":388},"sfazB","example-ui",[174,391,392],{"class":191},"'",[174,394,209],{"class":191},[174,396,397,400,402,404,407,409,411,414,416],{"class":176,"line":212},[174,398,399],{"class":227},"    css",[174,401,202],{"class":191},[174,403,351],{"class":191},[174,405,406],{"class":227}," textContent",[174,408,202],{"class":191},[174,410,385],{"class":191},[174,412,413],{"class":388},"p { color: red }",[174,415,392],{"class":191},[174,417,418],{"class":191}," },\n",[174,420,421,424,426,430,432],{"class":176,"line":224},[174,422,423],{"class":227},"    isolateEvents",[174,425,202],{"class":191},[174,427,429],{"class":428},"sfNiH"," true",[174,431,358],{"class":191},[174,433,434],{"class":276}," // or ['keydown', 'keyup', 'keypress']\n",[174,436,437,440,443],{"class":176,"line":239},[174,438,439],{"class":191},"  }",[174,441,442],{"class":354},")",[174,444,236],{"class":191},[174,446,447],{"class":176,"line":251},[174,448,450],{"emptyLinePlaceholder":449},true,"\n",[174,452,453],{"class":176,"line":264},[174,454,455],{"class":276},"  // Create and mount your app inside the isolation\n",[174,457,458,460,463,466,469,472,475,477,479,481,483,485],{"class":176,"line":273},[174,459,348],{"class":180},[174,461,462],{"class":354}," ui ",[174,464,465],{"class":191},"=",[174,467,468],{"class":354}," document",[174,470,471],{"class":191},".",[174,473,474],{"class":187},"createElement",[174,476,372],{"class":354},[174,478,392],{"class":191},[174,480,285],{"class":388},[174,482,392],{"class":191},[174,484,442],{"class":354},[174,486,236],{"class":191},[174,488,489,492,494,497,499,501,504,506],{"class":176,"line":280},[174,490,491],{"class":354},"  ui",[174,493,471],{"class":191},[174,495,496],{"class":354},"textContent ",[174,498,465],{"class":191},[174,500,385],{"class":191},[174,502,503],{"class":388},"Example UI",[174,505,392],{"class":191},[174,507,236],{"class":191},[174,509,511,513,515,518,521],{"class":176,"line":510},10,[174,512,242],{"class":354},[174,514,471],{"class":191},[174,516,517],{"class":187},"appendChild",[174,519,520],{"class":354},"(ui)",[174,522,236],{"class":191},[174,524,526],{"class":176,"line":525},11,[174,527,450],{"emptyLinePlaceholder":449},[174,529,531],{"class":176,"line":530},12,[174,532,533],{"class":276},"  // Add the UI to the DOM\n",[174,535,537,540,542,545,547,549,552],{"class":176,"line":536},13,[174,538,539],{"class":354},"  document",[174,541,471],{"class":191},[174,543,544],{"class":354},"body",[174,546,471],{"class":191},[174,548,517],{"class":187},[174,550,551],{"class":354},"(parentElement)",[174,553,236],{"class":191},[142,555,557],{"id":556},"createisolatedelementoptions",[155,558,559],{},"CreateIsolatedElementOptions",[165,561,563],{"className":167,"code":562,"language":169,"meta":170,"style":170},"interface CreateIsolatedElementOptions {\n  name: string;\n  mode?: \"open\" | \"closed\";\n  css?: { url: string } | { textContent: string };\n  isolateEvents?: boolean | string[];\n}\n",[155,564,565,574,586,615,647,666],{"__ignoreMap":170},[174,566,567,570,572],{"class":176,"line":177},[174,568,569],{"class":180},"interface",[174,571,206],{"class":205},[174,573,270],{"class":191},[174,575,576,579,581,584],{"class":176,"line":195},[174,577,578],{"class":227},"  name",[174,580,202],{"class":191},[174,582,583],{"class":205}," string",[174,585,236],{"class":191},[174,587,588,591,594,597,600,603,606,608,611,613],{"class":176,"line":212},[174,589,590],{"class":227},"  mode",[174,592,593],{"class":191},"?:",[174,595,596],{"class":191}," \"",[174,598,599],{"class":388},"open",[174,601,602],{"class":191},"\"",[174,604,605],{"class":191}," |",[174,607,596],{"class":191},[174,609,610],{"class":388},"closed",[174,612,602],{"class":191},[174,614,236],{"class":191},[174,616,617,620,622,624,627,629,631,634,636,638,640,642,644],{"class":176,"line":224},[174,618,619],{"class":227},"  css",[174,621,593],{"class":191},[174,623,351],{"class":191},[174,625,626],{"class":227}," url",[174,628,202],{"class":191},[174,630,583],{"class":205},[174,632,633],{"class":191}," }",[174,635,605],{"class":191},[174,637,351],{"class":191},[174,639,406],{"class":227},[174,641,202],{"class":191},[174,643,583],{"class":205},[174,645,646],{"class":191}," };\n",[174,648,649,652,654,657,659,661,664],{"class":176,"line":239},[174,650,651],{"class":227},"  isolateEvents",[174,653,593],{"class":191},[174,655,656],{"class":205}," boolean",[174,658,605],{"class":191},[174,660,583],{"class":205},[174,662,663],{"class":354},"[]",[174,665,236],{"class":191},[174,667,668],{"class":176,"line":251},[174,669,283],{"class":191},[285,671,672,673,471],{},"Options that can be passed into ",[155,674,163],{},[289,676,678],{"id":677},"properties","Properties",[294,680,681],{},[297,682,683,690,693],{},[300,684,685],{},[303,686,687],{},[155,688,689],{},"name: string",[691,692],"br",{},"An HTML tag name used for the shadow root container.",[285,695,696,697],{},"Note that you can't attach a shadow root to every type of element. There are some that can't\nhave a shadow DOM for security reasons (for example ",[151,698,699],{},").",[151,701],{},[294,703,704,706,733,745,761,771],{},[151,705],{},[297,707,708,710,725,471],{},[151,709],{},[151,711,712,719,720,442,723,149],{},[300,713,714],{},[303,715,716],{},[155,717,718],{},"mode?: 'open' | 'closed'"," (default: ",[155,721,722],{},"'closed'",[691,724],{},[151,726,730],{"href":727,"rel":728},"https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/mode",[729],"nofollow",[155,731,732],{},"ShadowRoot.mode",[297,734,735,742,744],{},[300,736,737],{},[303,738,739],{},[155,740,741],{},"css?: { url: string } | { textContent: string }",[691,743],{},"Either the URL to a CSS file or the text contents of a CSS file. The styles will be mounted\ninside the shadow DOM so they don't effect the rest of the page.",[297,746,747,754,756,757,760],{},[300,748,749],{},[303,750,751],{},[155,752,753],{},"isolateEvents?: boolean | string[]",[691,755],{},"When enabled, ",[155,758,759],{},"event.stopPropagation"," will be called on events trying to bubble out of the\nshadow root.",[297,762,763,764,767,768],{},"Set to ",[155,765,766],{},"true"," to stop the propagation of a default set of events, ",[155,769,770],{},"[\"keyup\", \"keydown\", \"keypress\"]",[297,772,773],{},"Set to an array of event names to stop the propagation of a custom list of events",[285,775,776,778],{},[691,777],{},[691,779],{},[139,781],{},[285,783,784],{},[300,785,786,787],{},"API reference generated by ",[151,788,791],{"href":789,"rel":790},"https://github.com/aklinker1/webext-core/blob/main/docs/generate-api-references.ts",[729],[155,792,793],{},"docs/generate-api-references.ts",[795,796,797],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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);}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":170,"searchDepth":195,"depth":195,"links":799},[800,801,806],{"id":144,"depth":195,"text":145},{"id":160,"depth":195,"text":163,"children":802},[803,804,805],{"id":291,"depth":212,"text":292},{"id":310,"depth":212,"text":311},{"id":337,"depth":212,"text":338},{"id":556,"depth":195,"text":559,"children":807},[808],{"id":677,"depth":212,"text":678},"md",null,{},{"title":48,"description":170},"vMj8b8S0bWgFV1H4gDlUQVBKXhqSetyaw_fNfDfI6W0",[815,816],{"title":28,"path":57,"stem":58,"description":170,"children":-1},{"title":28,"path":68,"stem":69,"description":170,"children":-1},1779309833779]