[{"data":1,"prerenderedAt":811},["ShallowReactive",2],{"navigation_docs":3,"-isolated-element-api":133,"-isolated-element-api-surround":808},[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":803,"links":804,"meta":805,"navigation":448,"path":60,"seo":806,"stem":61,"__hash__":807},"docs/isolated-element/api.md",{"type":136,"value":137,"toc":792},"minimark",[138,141,146,158,164,284,288,293,308,312,335,339,553,559,664,669,673,688,694,696,768,774,776,788],[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\nconst ui = document.createElement(\"p\");\nui.textContent = \"Example UI\";\nisolatedElement.appendChild(ui);\n\n// Add the UI to the DOM\ndocument.body.appendChild(parentElement);\n",[155,343,344,376,395,421,435,444,450,455,486,507,522,527,533],{"__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,412,415,418],{"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,411],{"class":191}," \"",[174,413,414],{"class":388},"p { color: red }",[174,416,417],{"class":191},"\"",[174,419,420],{"class":191}," },\n",[174,422,423,426,428,432],{"class":176,"line":224},[174,424,425],{"class":227},"  isolateEvents",[174,427,202],{"class":191},[174,429,431],{"class":430},"sfNiH"," true",[174,433,434],{"class":276}," // or ['keydown', 'keyup', 'keypress']\n",[174,436,437,439,442],{"class":176,"line":239},[174,438,364],{"class":191},[174,440,441],{"class":354},")",[174,443,236],{"class":191},[174,445,446],{"class":176,"line":251},[174,447,449],{"emptyLinePlaceholder":448},true,"\n",[174,451,452],{"class":176,"line":264},[174,453,454],{"class":276},"// Create and mount your app inside the isolation\n",[174,456,457,459,462,465,468,471,474,476,478,480,482,484],{"class":176,"line":273},[174,458,348],{"class":180},[174,460,461],{"class":354}," ui ",[174,463,464],{"class":191},"=",[174,466,467],{"class":354}," document",[174,469,470],{"class":191},".",[174,472,473],{"class":187},"createElement",[174,475,372],{"class":354},[174,477,417],{"class":191},[174,479,285],{"class":388},[174,481,417],{"class":191},[174,483,441],{"class":354},[174,485,236],{"class":191},[174,487,488,491,493,496,498,500,503,505],{"class":176,"line":280},[174,489,490],{"class":354},"ui",[174,492,470],{"class":191},[174,494,495],{"class":354},"textContent ",[174,497,464],{"class":191},[174,499,411],{"class":191},[174,501,502],{"class":388},"Example UI",[174,504,417],{"class":191},[174,506,236],{"class":191},[174,508,510,512,514,517,520],{"class":176,"line":509},10,[174,511,333],{"class":354},[174,513,470],{"class":191},[174,515,516],{"class":187},"appendChild",[174,518,519],{"class":354},"(ui)",[174,521,236],{"class":191},[174,523,525],{"class":176,"line":524},11,[174,526,449],{"emptyLinePlaceholder":448},[174,528,530],{"class":176,"line":529},12,[174,531,532],{"class":276},"// Add the UI to the DOM\n",[174,534,536,539,541,544,546,548,551],{"class":176,"line":535},13,[174,537,538],{"class":354},"document",[174,540,470],{"class":191},[174,542,543],{"class":354},"body",[174,545,470],{"class":191},[174,547,516],{"class":187},[174,549,550],{"class":354},"(parentElement)",[174,552,236],{"class":191},[142,554,556],{"id":555},"createisolatedelementoptions",[155,557,558],{},"CreateIsolatedElementOptions",[165,560,562],{"className":167,"code":561,"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,563,564,573,584,611,642,660],{"__ignoreMap":170},[174,565,566,569,571],{"class":176,"line":177},[174,567,568],{"class":180},"interface",[174,570,206],{"class":205},[174,572,270],{"class":191},[174,574,575,577,579,582],{"class":176,"line":195},[174,576,380],{"class":227},[174,578,202],{"class":191},[174,580,581],{"class":205}," string",[174,583,236],{"class":191},[174,585,586,589,592,594,597,599,602,604,607,609],{"class":176,"line":212},[174,587,588],{"class":227},"  mode",[174,590,591],{"class":191},"?:",[174,593,411],{"class":191},[174,595,596],{"class":388},"open",[174,598,417],{"class":191},[174,600,601],{"class":191}," |",[174,603,411],{"class":191},[174,605,606],{"class":388},"closed",[174,608,417],{"class":191},[174,610,236],{"class":191},[174,612,613,615,617,619,622,624,626,629,631,633,635,637,639],{"class":176,"line":224},[174,614,399],{"class":227},[174,616,591],{"class":191},[174,618,351],{"class":191},[174,620,621],{"class":227}," url",[174,623,202],{"class":191},[174,625,581],{"class":205},[174,627,628],{"class":191}," }",[174,630,601],{"class":191},[174,632,351],{"class":191},[174,634,406],{"class":227},[174,636,202],{"class":191},[174,638,581],{"class":205},[174,640,641],{"class":191}," };\n",[174,643,644,646,648,651,653,655,658],{"class":176,"line":239},[174,645,425],{"class":227},[174,647,591],{"class":191},[174,649,650],{"class":205}," boolean",[174,652,601],{"class":191},[174,654,581],{"class":205},[174,656,657],{"class":354},"[]",[174,659,236],{"class":191},[174,661,662],{"class":176,"line":251},[174,663,283],{"class":191},[285,665,666,667,470],{},"Options that can be passed into ",[155,668,163],{},[289,670,672],{"id":671},"properties","Properties",[294,674,675],{},[297,676,677,684,687],{},[300,678,679],{},[303,680,681],{},[155,682,683],{},"name: string",[685,686],"br",{},"An HTML tag name used for the shadow root container.",[285,689,690,691],{},"Note that you can't attach a shadow root to every type of element. There are some that can't have a shadow DOM for security reasons (for example ",[151,692,693],{},").",[151,695],{},[294,697,698,700,727,739,755,765],{},[151,699],{},[297,701,702,704,719,470],{},[151,703],{},[151,705,706,713,714,441,717,149],{},[300,707,708],{},[303,709,710],{},[155,711,712],{},"mode?: 'open' | 'closed'"," (default: ",[155,715,716],{},"'closed'",[685,718],{},[151,720,724],{"href":721,"rel":722},"https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/mode",[723],"nofollow",[155,725,726],{},"ShadowRoot.mode",[297,728,729,736,738],{},[300,730,731],{},[303,732,733],{},[155,734,735],{},"css?: { url: string } | { textContent: string }",[685,737],{},"Either the URL to a CSS file or the text contents of a CSS file. The styles will be mounted inside the shadow DOM so they don't effect the rest of the page.",[297,740,741,748,750,751,754],{},[300,742,743],{},[303,744,745],{},[155,746,747],{},"isolateEvents?: boolean | string[]",[685,749],{},"When enabled, ",[155,752,753],{},"event.stopPropagation"," will be called on events trying to bubble out of the shadow root.",[297,756,757,758,761,762],{},"Set to ",[155,759,760],{},"true"," to stop the propagation of a default set of events, ",[155,763,764],{},"[\"keyup\", \"keydown\", \"keypress\"]",[297,766,767],{},"Set to an array of event names to stop the propagation of a custom list of events",[285,769,770,772],{},[685,771],{},[685,773],{},[139,775],{},[285,777,778],{},[300,779,780,781],{},"API reference generated by ",[151,782,785],{"href":783,"rel":784},"https://github.com/aklinker1/webext-core/blob/main/docs/generate-api-references.ts",[723],[155,786,787],{},"docs/generate-api-references.ts",[789,790,791],"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":793},[794,795,800],{"id":144,"depth":195,"text":145},{"id":160,"depth":195,"text":163,"children":796},[797,798,799],{"id":291,"depth":212,"text":292},{"id":310,"depth":212,"text":311},{"id":337,"depth":212,"text":338},{"id":555,"depth":195,"text":558,"children":801},[802],{"id":671,"depth":212,"text":672},"md",null,{},{"title":48,"description":170},"eudIkhTJw7F2Cv7W9V0Goso2lMrNzExq52A79KzUddE",[809,810],{"title":28,"path":57,"stem":58,"description":170,"children":-1},{"title":28,"path":68,"stem":69,"description":170,"children":-1},1779298649087]