[{"data":1,"prerenderedAt":802},["ShallowReactive",2],{"navigation_docs":3,"-isolated-element-api":133,"-isolated-element-api-surround":799},[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":794,"links":795,"meta":796,"navigation":432,"path":60,"seo":797,"stem":61,"__hash__":798},"docs/isolated-element/api.md",{"type":136,"value":137,"toc":783},"minimark",[138,141,146,158,164,275,279,284,299,303,318,322,539,545,655,660,664,679,685,687,759,765,767,779],[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(options: CreateIsolatedElementOptions): Promise\u003C{\n  parentElement: HTMLElement;\n  isolatedElement: HTMLElement;\n  shadow: ShadowRoot;\n}> {\n  // ...\n}\n","ts","",[155,172,173,213,228,240,253,262,269],{"__ignoreMap":170},[174,175,178,182,185,189,193,197,200,204,207,210],"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","(",[174,194,196],{"class":195},"sHdIc","options",[174,198,199],{"class":191},":",[174,201,203],{"class":202},"sBMFI"," CreateIsolatedElementOptions",[174,205,206],{"class":191},"):",[174,208,209],{"class":202}," Promise",[174,211,212],{"class":191},"\u003C{\n",[174,214,216,220,222,225],{"class":176,"line":215},2,[174,217,219],{"class":218},"swJcz","  parentElement",[174,221,199],{"class":191},[174,223,224],{"class":202}," HTMLElement",[174,226,227],{"class":191},";\n",[174,229,231,234,236,238],{"class":176,"line":230},3,[174,232,233],{"class":218},"  isolatedElement",[174,235,199],{"class":191},[174,237,224],{"class":202},[174,239,227],{"class":191},[174,241,243,246,248,251],{"class":176,"line":242},4,[174,244,245],{"class":218},"  shadow",[174,247,199],{"class":191},[174,249,250],{"class":202}," ShadowRoot",[174,252,227],{"class":191},[174,254,256,259],{"class":176,"line":255},5,[174,257,258],{"class":191},"}>",[174,260,261],{"class":191}," {\n",[174,263,265],{"class":176,"line":264},6,[174,266,268],{"class":267},"sHwdD","  // ...\n",[174,270,272],{"class":176,"line":271},7,[174,273,274],{"class":191},"}\n",[276,277,278],"p",{},"Create an HTML element that has isolated styles from the rest of the page.",[280,281,283],"h3",{"id":282},"parameters","Parameters",[285,286,287],"ul",{},[288,289,290],"li",{},[291,292,293],"em",{},[294,295,296],"strong",{},[155,297,298],{},"options: CreateIsolatedElementOptions",[280,300,302],{"id":301},"returns","Returns",[276,304,305,306,309,310,313,314,317],{},"A ",[155,307,308],{},"parentElement"," that can be added to the DOM, the ",[155,311,312],{},"shadow"," root, and an\n",[155,315,316],{},"isolatedElement"," that you should mount your UI to.",[280,319,321],{"id":320},"examples","Examples",[165,323,325],{"className":167,"code":324,"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,326,327,358,378,402,418,428,434,439,471,493,508,513,519],{"__ignoreMap":170},[174,328,329,332,335,339,342,345,348,351,353,355],{"class":176,"line":177},[174,330,331],{"class":180},"  const",[174,333,334],{"class":191}," {",[174,336,338],{"class":337},"sTEyZ"," isolatedElement",[174,340,341],{"class":191},",",[174,343,344],{"class":337}," parentElement ",[174,346,347],{"class":191},"}",[174,349,350],{"class":191}," =",[174,352,188],{"class":187},[174,354,192],{"class":337},[174,356,357],{"class":191},"{\n",[174,359,360,363,365,368,372,375],{"class":176,"line":215},[174,361,362],{"class":218},"    name",[174,364,199],{"class":191},[174,366,367],{"class":191}," '",[174,369,371],{"class":370},"sfazB","example-ui",[174,373,374],{"class":191},"'",[174,376,377],{"class":191},",\n",[174,379,380,383,385,387,390,392,394,397,399],{"class":176,"line":230},[174,381,382],{"class":218},"    css",[174,384,199],{"class":191},[174,386,334],{"class":191},[174,388,389],{"class":218}," textContent",[174,391,199],{"class":191},[174,393,367],{"class":191},[174,395,396],{"class":370},"p { color: red }",[174,398,374],{"class":191},[174,400,401],{"class":191}," },\n",[174,403,404,407,409,413,415],{"class":176,"line":242},[174,405,406],{"class":218},"    isolateEvents",[174,408,199],{"class":191},[174,410,412],{"class":411},"sfNiH"," true",[174,414,341],{"class":191},[174,416,417],{"class":267}," // or ['keydown', 'keyup', 'keypress']\n",[174,419,420,423,426],{"class":176,"line":255},[174,421,422],{"class":191},"  }",[174,424,425],{"class":337},")",[174,427,227],{"class":191},[174,429,430],{"class":176,"line":264},[174,431,433],{"emptyLinePlaceholder":432},true,"\n",[174,435,436],{"class":176,"line":271},[174,437,438],{"class":267},"  // Create and mount your app inside the isolation\n",[174,440,442,444,447,450,453,456,459,461,463,465,467,469],{"class":176,"line":441},8,[174,443,331],{"class":180},[174,445,446],{"class":337}," ui ",[174,448,449],{"class":191},"=",[174,451,452],{"class":337}," document",[174,454,455],{"class":191},".",[174,457,458],{"class":187},"createElement",[174,460,192],{"class":337},[174,462,374],{"class":191},[174,464,276],{"class":370},[174,466,374],{"class":191},[174,468,425],{"class":337},[174,470,227],{"class":191},[174,472,474,477,479,482,484,486,489,491],{"class":176,"line":473},9,[174,475,476],{"class":337},"  ui",[174,478,455],{"class":191},[174,480,481],{"class":337},"textContent ",[174,483,449],{"class":191},[174,485,367],{"class":191},[174,487,488],{"class":370},"Example UI",[174,490,374],{"class":191},[174,492,227],{"class":191},[174,494,496,498,500,503,506],{"class":176,"line":495},10,[174,497,233],{"class":337},[174,499,455],{"class":191},[174,501,502],{"class":187},"appendChild",[174,504,505],{"class":337},"(ui)",[174,507,227],{"class":191},[174,509,511],{"class":176,"line":510},11,[174,512,433],{"emptyLinePlaceholder":432},[174,514,516],{"class":176,"line":515},12,[174,517,518],{"class":267},"  // Add the UI to the DOM\n",[174,520,522,525,527,530,532,534,537],{"class":176,"line":521},13,[174,523,524],{"class":337},"  document",[174,526,455],{"class":191},[174,528,529],{"class":337},"body",[174,531,455],{"class":191},[174,533,502],{"class":187},[174,535,536],{"class":337},"(parentElement)",[174,538,227],{"class":191},[142,540,542],{"id":541},"createisolatedelementoptions",[155,543,544],{},"CreateIsolatedElementOptions",[165,546,548],{"className":167,"code":547,"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,549,550,559,571,600,632,651],{"__ignoreMap":170},[174,551,552,555,557],{"class":176,"line":177},[174,553,554],{"class":180},"interface",[174,556,203],{"class":202},[174,558,261],{"class":191},[174,560,561,564,566,569],{"class":176,"line":215},[174,562,563],{"class":218},"  name",[174,565,199],{"class":191},[174,567,568],{"class":202}," string",[174,570,227],{"class":191},[174,572,573,576,579,582,585,588,591,593,596,598],{"class":176,"line":230},[174,574,575],{"class":218},"  mode",[174,577,578],{"class":191},"?:",[174,580,581],{"class":191}," \"",[174,583,584],{"class":370},"open",[174,586,587],{"class":191},"\"",[174,589,590],{"class":191}," |",[174,592,581],{"class":191},[174,594,595],{"class":370},"closed",[174,597,587],{"class":191},[174,599,227],{"class":191},[174,601,602,605,607,609,612,614,616,619,621,623,625,627,629],{"class":176,"line":242},[174,603,604],{"class":218},"  css",[174,606,578],{"class":191},[174,608,334],{"class":191},[174,610,611],{"class":218}," url",[174,613,199],{"class":191},[174,615,568],{"class":202},[174,617,618],{"class":191}," }",[174,620,590],{"class":191},[174,622,334],{"class":191},[174,624,389],{"class":218},[174,626,199],{"class":191},[174,628,568],{"class":202},[174,630,631],{"class":191}," };\n",[174,633,634,637,639,642,644,646,649],{"class":176,"line":255},[174,635,636],{"class":218},"  isolateEvents",[174,638,578],{"class":191},[174,640,641],{"class":202}," boolean",[174,643,590],{"class":191},[174,645,568],{"class":202},[174,647,648],{"class":337},"[]",[174,650,227],{"class":191},[174,652,653],{"class":176,"line":264},[174,654,274],{"class":191},[276,656,657,658,455],{},"Options that can be passed into ",[155,659,163],{},[280,661,663],{"id":662},"properties","Properties",[285,665,666],{},[288,667,668,675,678],{},[291,669,670],{},[294,671,672],{},[155,673,674],{},"name: string",[676,677],"br",{},"An HTML tag name used for the shadow root container.",[276,680,681,682],{},"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,683,684],{},").",[151,686],{},[285,688,689,691,718,730,746,756],{},[151,690],{},[288,692,693,695,710,455],{},[151,694],{},[151,696,697,704,705,425,708,149],{},[291,698,699],{},[294,700,701],{},[155,702,703],{},"mode?: 'open' | 'closed'"," (default: ",[155,706,707],{},"'closed'",[676,709],{},[151,711,715],{"href":712,"rel":713},"https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/mode",[714],"nofollow",[155,716,717],{},"ShadowRoot.mode",[288,719,720,727,729],{},[291,721,722],{},[294,723,724],{},[155,725,726],{},"css?: { url: string } | { textContent: string }",[676,728],{},"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.",[288,731,732,739,741,742,745],{},[291,733,734],{},[294,735,736],{},[155,737,738],{},"isolateEvents?: boolean | string[]",[676,740],{},"When enabled, ",[155,743,744],{},"event.stopPropagation"," will be called on events trying to bubble out of the\nshadow root.",[288,747,748,749,752,753],{},"Set to ",[155,750,751],{},"true"," to stop the propagation of a default set of events, ",[155,754,755],{},"[\"keyup\", \"keydown\", \"keypress\"]",[288,757,758],{},"Set to an array of event names to stop the propagation of a custom list of events",[276,760,761,763],{},[676,762],{},[676,764],{},[139,766],{},[276,768,769],{},[291,770,771,772],{},"API reference generated by ",[151,773,776],{"href":774,"rel":775},"https://github.com/aklinker1/webext-core/blob/main/docs/generate-api-references.ts",[714],[155,777,778],{},"docs/generate-api-references.ts",[780,781,782],"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":215,"depth":215,"links":784},[785,786,791],{"id":144,"depth":215,"text":145},{"id":160,"depth":215,"text":163,"children":787},[788,789,790],{"id":282,"depth":230,"text":283},{"id":301,"depth":230,"text":302},{"id":320,"depth":230,"text":321},{"id":541,"depth":215,"text":544,"children":792},[793],{"id":662,"depth":230,"text":663},"md",null,{},{"title":48,"description":170},"j1PJPNj9DMgy_Yj2X1WtIuKQzRS4A-rhPlrp3IXi3Ww",[800,801],{"title":28,"path":57,"stem":58,"description":170,"children":-1},{"title":28,"path":68,"stem":69,"description":170,"children":-1},1779310885009]