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