@mdn/fred 1.3.2 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/build/render.js +5 -2
  3. package/components/baseline-indicator/server.js +3 -3
  4. package/components/compat-table/constants.js +0 -3
  5. package/components/compat-table/element.js +3 -6
  6. package/components/content-feedback/element.js +2 -5
  7. package/components/content-section/server.css +1 -1
  8. package/components/contributor-list/element.css +3 -2
  9. package/components/interactive-example/element.js +1 -1
  10. package/components/menu/constants.js +6 -4
  11. package/components/menu/server.js +142 -89
  12. package/components/placement-bottom/element.js +2 -2
  13. package/components/placement-hp-main/element.js +2 -2
  14. package/components/placement-no/element.js +1 -1
  15. package/components/placement-note/element.js +1 -1
  16. package/components/placement-sidebar/element.js +4 -4
  17. package/components/placement-top/element.js +5 -5
  18. package/components/play-controller/element.js +1 -0
  19. package/components/playground/element.js +2 -1
  20. package/components/recent-contributions/server.js +1 -1
  21. package/components/scrim-inline/element.js +2 -2
  22. package/l10n/en-US.ftl +5 -2
  23. package/out/service-worker.js +1 -1
  24. package/out/service-worker.js.map +1 -1
  25. package/out/static/client/{2308.69b80ae939b202ae.js → 2308.0ccf49974d71523d.js} +6 -6
  26. package/out/static/client/2308.0ccf49974d71523d.js.map +1 -0
  27. package/out/static/client/{2319.daf8150c3dd00fb4.js → 2319.0a40303319ac6a6e.js} +4 -4
  28. package/out/static/client/{2319.daf8150c3dd00fb4.js.map → 2319.0a40303319ac6a6e.js.map} +1 -1
  29. package/out/static/client/{288.ba983e8acda3116e.js → 288.684edb44f92a470c.js} +2 -2
  30. package/out/static/client/288.684edb44f92a470c.js.map +1 -0
  31. package/out/static/client/{3132.ec59f4619872c415.js → 3132.5ae6f61e3998aef1.js} +6 -6
  32. package/out/static/client/{3132.ec59f4619872c415.js.map → 3132.5ae6f61e3998aef1.js.map} +1 -1
  33. package/out/static/client/{3733.60667669ab613e1f.js → 3733.94bd76664194890b.js} +5 -5
  34. package/out/static/client/{3733.60667669ab613e1f.js.map → 3733.94bd76664194890b.js.map} +1 -1
  35. package/out/static/client/{451.cd85e2808f388a00.js → 451.fb2679190b3266e1.js} +2 -2
  36. package/out/static/client/{451.cd85e2808f388a00.js.map → 451.fb2679190b3266e1.js.map} +1 -1
  37. package/out/static/client/{603.8cdd963a9e248a75.js → 603.8670965b0722be3a.js} +5 -5
  38. package/out/static/client/603.8670965b0722be3a.js.map +1 -0
  39. package/out/static/client/{6040.80c6f96d0152ac99.js → 6040.13e672aff6757a47.js} +2 -2
  40. package/out/static/client/{6040.80c6f96d0152ac99.js.map → 6040.13e672aff6757a47.js.map} +1 -1
  41. package/out/static/client/{6536.faff8f026d145aad.js → 6536.ecdcc4458cbd0504.js} +2 -2
  42. package/out/static/client/6536.ecdcc4458cbd0504.js.map +1 -0
  43. package/out/static/client/{8036.9065b84aac240378.js → 8036.6e177b49bfa9b7c4.js} +3 -3
  44. package/out/static/client/{8036.9065b84aac240378.js.map → 8036.6e177b49bfa9b7c4.js.map} +1 -1
  45. package/out/static/client/{8607.266d488ae06c2279.js → 8607.464a88660a040f97.js} +4 -4
  46. package/out/static/client/{8607.266d488ae06c2279.js.map → 8607.464a88660a040f97.js.map} +1 -1
  47. package/out/static/client/{8797.46790b4359b5d1cb.js → 8797.f5880b5ee2659039.js} +2 -2
  48. package/out/static/client/{8797.46790b4359b5d1cb.js.map → 8797.f5880b5ee2659039.js.map} +1 -1
  49. package/out/static/client/{9784.214845ec6d3b77e3.js → 9784.3f8ca449f7d36818.js} +5 -5
  50. package/out/static/client/9784.3f8ca449f7d36818.js.map +1 -0
  51. package/out/static/client/{index.b9d9ebb034538241.js → index.881056601848b5c3.js} +15 -12
  52. package/out/static/client/{index.b9d9ebb034538241.js.map → index.881056601848b5c3.js.map} +1 -1
  53. package/out/static/client/{runtime.cc9114c9e108157f.js → runtime.63305f0549b94aae.js} +2 -2
  54. package/out/static/client/{runtime.cc9114c9e108157f.js.map → runtime.63305f0549b94aae.js.map} +1 -1
  55. package/out/static/client/stats.json +136 -136
  56. package/out/static/client/{styles-content-section.e0bbadd0c4bc857d.css → styles-content-section.2f0727a030110fc9.css} +2 -2
  57. package/out/static/client/{styles-content-section.e0bbadd0c4bc857d.css.map → styles-content-section.2f0727a030110fc9.css.map} +1 -1
  58. package/out/static/legacy/{1289.71de08e7375881e1.js → 1289.61e3f0658b3b42f6.js} +2 -2
  59. package/out/static/legacy/{1289.71de08e7375881e1.js.map → 1289.61e3f0658b3b42f6.js.map} +1 -1
  60. package/out/static/legacy/{2090.29b77e88722868ff.js → 2090.5996133ea26ddd0a.js} +2 -2
  61. package/out/static/legacy/{2090.29b77e88722868ff.js.map → 2090.5996133ea26ddd0a.js.map} +1 -1
  62. package/out/static/legacy/2235.b99812e73c08ee51.js +2 -0
  63. package/out/static/legacy/{2235.c0e6904b64ea18fe.js.map → 2235.b99812e73c08ee51.js.map} +1 -1
  64. package/out/static/legacy/{2465.676e7f0b0f9f9d85.js → 2465.041a63f06f35163c.js} +2 -2
  65. package/out/static/legacy/{2465.676e7f0b0f9f9d85.js.map → 2465.041a63f06f35163c.js.map} +1 -1
  66. package/out/static/legacy/{3172.0c1b9258951929cc.js → 3172.cf1b8a6dcea5d789.js} +2 -2
  67. package/out/static/legacy/{3172.0c1b9258951929cc.js.map → 3172.cf1b8a6dcea5d789.js.map} +1 -1
  68. package/out/static/legacy/{4968.62ad4db7389e93ad.js → 4968.e73f2795a9ca1639.js} +2 -2
  69. package/out/static/legacy/{4968.62ad4db7389e93ad.js.map → 4968.e73f2795a9ca1639.js.map} +1 -1
  70. package/out/static/legacy/{6364.d8cdb19b92fe6dc1.js → 6364.4c2629a5287ded91.js} +2 -2
  71. package/out/static/legacy/{6364.d8cdb19b92fe6dc1.js.map → 6364.4c2629a5287ded91.js.map} +1 -1
  72. package/out/static/legacy/{652.3c82fa8fa13a87b2.js → 652.d7ab50c73c693880.js} +2 -2
  73. package/out/static/legacy/{652.3c82fa8fa13a87b2.js.map → 652.d7ab50c73c693880.js.map} +1 -1
  74. package/out/static/legacy/7510.faa07a788cad6fc7.js +2 -0
  75. package/out/static/legacy/{7510.d1e3773463ecc314.js.map → 7510.faa07a788cad6fc7.js.map} +1 -1
  76. package/out/static/legacy/{7827.838d9e673c56e936.js → 7827.efd03057dbb6c884.js} +2 -2
  77. package/out/static/legacy/{7827.838d9e673c56e936.js.map → 7827.efd03057dbb6c884.js.map} +1 -1
  78. package/out/static/legacy/8183.26862a110c641391.js +2 -0
  79. package/out/static/legacy/8183.26862a110c641391.js.map +1 -0
  80. package/out/static/legacy/{8333.c00c132d6919165b.js → 8333.e5001734aea048b6.js} +2 -2
  81. package/out/static/legacy/{8333.c00c132d6919165b.js.map → 8333.e5001734aea048b6.js.map} +1 -1
  82. package/out/static/legacy/{8504.157e4a48938fdac7.js → 8504.d5df18204dd2b2ef.js} +2 -2
  83. package/out/static/legacy/{8504.157e4a48938fdac7.js.map → 8504.d5df18204dd2b2ef.js.map} +1 -1
  84. package/out/static/legacy/8856.0efcde0ace698d4a.js.map +1 -1
  85. package/out/static/legacy/{9221.64e46eedebf47df8.js → 9221.3cee7be6339f4234.js} +3 -3
  86. package/out/static/legacy/{9221.64e46eedebf47df8.js.map → 9221.3cee7be6339f4234.js.map} +1 -1
  87. package/out/static/legacy/asset-manifest.json +20 -20
  88. package/out/static/legacy/{index.e4ab469094607d20.html → index.17917fe951b4bbfe.html} +1 -1
  89. package/out/static/legacy/index.81f776c8a95b5c6c.js +6 -0
  90. package/out/static/legacy/{index.3504df1c7b6a1b29.js.LICENSE.txt → index.81f776c8a95b5c6c.js.LICENSE.txt} +1 -1
  91. package/out/static/legacy/index.81f776c8a95b5c6c.js.map +1 -0
  92. package/out/static/legacy/stats.json +20 -20
  93. package/out/static/legacy/yari.255b3bc6ef8a8b24.js +7 -0
  94. package/out/static/legacy/{yari.7a85003b4add8414.js.LICENSE.txt → yari.255b3bc6ef8a8b24.js.LICENSE.txt} +1 -1
  95. package/out/static/legacy/yari.255b3bc6ef8a8b24.js.map +1 -0
  96. package/out/static/ssr/index.js +153 -161
  97. package/out/static/ssr/index.js.map +1 -1
  98. package/out/static/ssr/stats.json +4 -4
  99. package/package.json +14 -14
  100. package/utils/glean.js +3 -8
  101. package/out/static/client/2308.69b80ae939b202ae.js.map +0 -1
  102. package/out/static/client/288.ba983e8acda3116e.js.map +0 -1
  103. package/out/static/client/603.8cdd963a9e248a75.js.map +0 -1
  104. package/out/static/client/6536.faff8f026d145aad.js.map +0 -1
  105. package/out/static/client/9784.214845ec6d3b77e3.js.map +0 -1
  106. package/out/static/legacy/2235.c0e6904b64ea18fe.js +0 -2
  107. package/out/static/legacy/7510.d1e3773463ecc314.js +0 -2
  108. package/out/static/legacy/8183.d3c84d03c477eac6.js +0 -2
  109. package/out/static/legacy/8183.d3c84d03c477eac6.js.map +0 -1
  110. package/out/static/legacy/index.3504df1c7b6a1b29.js +0 -6
  111. package/out/static/legacy/index.3504df1c7b6a1b29.js.map +0 -1
  112. package/out/static/legacy/yari.7a85003b4add8414.js +0 -7
  113. package/out/static/legacy/yari.7a85003b4add8414.js.map +0 -1
  114. /package/out/static/client/{2319.daf8150c3dd00fb4.js.LICENSE.txt → 2319.0a40303319ac6a6e.js.LICENSE.txt} +0 -0
  115. /package/out/static/client/{603.8cdd963a9e248a75.js.LICENSE.txt → 603.8670965b0722be3a.js.LICENSE.txt} +0 -0
  116. /package/out/static/client/{9784.214845ec6d3b77e3.js.LICENSE.txt → 9784.3f8ca449f7d36818.js.LICENSE.txt} +0 -0
  117. /package/out/static/client/{index.b9d9ebb034538241.js.LICENSE.txt → index.881056601848b5c3.js.LICENSE.txt} +0 -0
  118. /package/out/static/legacy/{9221.64e46eedebf47df8.js.LICENSE.txt → 9221.3cee7be6339f4234.js.LICENSE.txt} +0 -0
@@ -1,4 +1,4 @@
1
- export const __webpack_id__="2308";export const __webpack_ids__=["2308"];export const __webpack_modules__={43174:function(e,t,r){r.d(t,{A:()=>f});var a=r(63819),o=r(31601),i=r.n(o),n=r(76314),s=r.n(n),l=r(47161),c=r(33951),d=r(9763),p=r(29558),b=r(90218),m=r(94346),u=r(61865),g=r(57863),h=s()(i());h.i(l.A),h.i(c.A),h.i(d.A),h.i(p.A),h.i(b.A),h.i(m.A),h.i(u.A),h.i(g.A),h.push([e.id,"",""]);let f=(0,a.AH)([h.toString()])},33951:function(e,t,r){r.d(t,{A:()=>en});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i),s=r(4417),l=r.n(s),c=new r.U(r(63921)),d=new r.U(r(57512)),p=new r.U(r(74e3)),b=new r.U(r(76504)),m=new r.U(r(94822)),u=new r.U(r(52637)),g=new r.U(r(36793)),h=new r.U(r(63767)),f=new r.U(r(90319)),v=new r.U(r(67306)),w=new r.U(r(30584)),x=new r.U(r(2759)),y=new r.U(r(70410)),k=new r.U(r(28773)),_=new r.U(r(7855)),$=new r.U(r(61758)),A=new r.U(r(70882)),q=new r.U(r(71420)),U=new r.U(r(36404)),N=new r.U(r(39261)),L=new r.U(r(51487)),S=new r.U(r(37669)),T=new r.U(r(93328)),I=new r.U(r(77175)),z=new r.U(r(78680)),C=n()(o()),E=l()(c),D=l()(d),M=l()(p),P=l()(b),j=l()(m),H=l()(u),R=l()(g),B=l()(h),O=l()(f),F=l()(v),J=l()(w),Q=l()(x),W=l()(y),Y=l()(k),X=l()(_),G=l()($),V=l()(A),Z=l()(q),K=l()(U),ee=l()(N),et=l()(L),er=l()(S),ea=l()(T),eo=l()(I),ei=l()(z);C.push([e.id,`.icon{--size:var(--icon-size,1rem);background-color:var(--color-border-secondary);display:inline-block;flex-shrink:0;height:var(--size);-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:var(--size)}.icon.icon-desktop{-webkit-mask-image:url(${E});mask-image:url(${E})}.icon.icon-mobile{-webkit-mask-image:url(${D});mask-image:url(${D})}.icon.icon-server{-webkit-mask-image:url(${M});mask-image:url(${M})}.icon.icon-chrome{-webkit-mask-image:url(${P});mask-image:url(${P})}.icon.icon-deno{-webkit-mask-image:url(${j});mask-image:url(${j})}.icon.icon-firefox{-webkit-mask-image:url(${H});mask-image:url(${H})}.icon.icon-edge{-webkit-mask-image:url(${R});mask-image:url(${R})}.icon.icon-nodejs{-webkit-mask-image:url(${B});mask-image:url(${B})}.icon.icon-opera{-webkit-mask-image:url(${O});mask-image:url(${O})}.icon.icon-safari{-webkit-mask-image:url(${F});mask-image:url(${F})}.icon.icon-samsunginternet{-webkit-mask-image:url(${J});mask-image:url(${J})}.icon.icon-webview{-webkit-mask-image:url(${Q});mask-image:url(${Q})}.icon.icon-no{-webkit-mask-image:url(${W});mask-image:url(${W})}.icon.icon-partial{-webkit-mask-image:url(${Y});mask-image:url(${Y})}.icon.icon-yes{-webkit-mask-image:url(${X});mask-image:url(${X})}.icon.icon-yes-circle{-webkit-mask-image:url(${G});mask-image:url(${G})}.icon.icon-experimental{-webkit-mask-image:url(${V});mask-image:url(${V})}.icon.icon-deprecated{-webkit-mask-image:url(${Z});mask-image:url(${Z})}.icon.icon-nonstandard{-webkit-mask-image:url(${K});mask-image:url(${K})}.icon.icon-footnote{-webkit-mask-image:url(${ee});mask-image:url(${ee})}.icon.icon-unknown{-webkit-mask-image:url(${et});mask-image:url(${et})}.icon.icon-prefix{-webkit-mask-image:url(${er});mask-image:url(${er})}.icon.icon-altname{-webkit-mask-image:url(${ea});mask-image:url(${ea})}.icon.icon-disabled{-webkit-mask-image:url(${eo});mask-image:url(${eo})}.icon.icon-more{-webkit-mask-image:url(${ei});mask-image:url(${ei})}.icon.icon-preview{-webkit-mask-image:url(${V});mask-image:url(${V})}`,""]);let en=C.toString()},9763:function(e,t,r){r.d(t,{A:()=>v});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i),s=r(4417),l=r.n(s),c=new r.U(r(70410)),d=new r.U(r(28773)),p=new r.U(r(61758)),b=new r.U(r(40953)),m=n()(o()),u=l()(c),g=l()(d),h=l()(p),f=l()(b);m.push([e.id,`table{display:grid;grid-auto-flow:row dense}:is(table thead) tr{display:contents}:is(:is(table thead) tr) td,:is(:is(table thead) tr) th{display:grid;grid-template-columns:subgrid}:is(:is(table tbody) tr) td,:is(:is(table tbody) tr) th,:is(table tbody) tr,table tbody{display:contents}:is(:is(:is(table tbody) tr) th,:is(:is(table tbody) tr) td) button{display:grid;grid-template-columns:subgrid}:is(:is(:is(table tbody) tr) th,:is(:is(table tbody) tr) td) .timeline{grid-column:1/-1}.bc-on-github{font-size:var(--font-size-small)}.bc-table{border:1px solid var(--color-border-primary);border-collapse:initial;border-radius:.25rem;border-spacing:0;margin:0;overflow-x:auto;width:100%}.bc-table td,.bc-table th{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:1px solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:0 solid var(--color-border-primary);font-weight:500;padding:.4rem}.bc-table td,.bc-table th,:is(.bc-table td,.bc-table th) code{font-size:var(--font-size-small)}.bc-table th{background:var(--color-background-primary);padding:.4rem;vertical-align:bottom}.bc-table thead{line-height:var(--font-line-ui);white-space:nowrap}:is(.bc-table tbody) tr{height:3rem}@media (426px < width){:is(:is(.bc-table tbody) tr):last-child td,:is(:is(.bc-table tbody) tr):last-child th{border-bottom-width:0}}:is(:is(.bc-table tbody) tr) th{border-left-width:0;vertical-align:middle}:is(.bc-table tbody) .bc-support{vertical-align:top}:is(:is(.bc-table tbody) .bc-support) button{cursor:pointer;width:100%}.bc-supports-no:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-red)}.bc-supports-partial:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-yellow)}.bc-supports-preview:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-blue)}.bc-supports-yes:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-green)}.bc-table .bc-supports{margin-bottom:1rem}:is(.bc-table .bc-supports) .icon-wrap{background:var(--color-background-page);padding-bottom:2px}:is(.bc-table .bc-supports.bc-supports-removed-partial) .bcd-cell-text-copy{color:var(--color-text-yellow)}:is(.bc-table .icon-wrap) .bc-support-level{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:is(.bc-table .bc-support)>button>.icon-wrap{display:block}:is(.bc-table .bc-support) .icon.icon-removed-partial{background-color:var(--color-text-red);-webkit-mask-image:url(${u});mask-image:url(${u})}:is(.bc-table .bc-support) .timeline .icon.icon-removed-partial{background-color:var(--color-text-yellow);-webkit-mask-image:url(${g});mask-image:url(${g})}:is(.bc-table .bc-support.bc-supports-removed-partial) .bcd-cell-text-copy{color:var(--color-text-red)}.bc-table .bc-feature{align-items:center;border:none;display:flex;text-align:left;width:100%}:is(.bc-table .bc-feature)>*{border:none!important;flex-basis:max-content}.bc-table .bc-feature-depth-2{border-left:7px solid var(--color-border-primary)}.bc-table .bc-feature-depth-3{border-left:15px solid var(--color-border-primary)}.bc-table .timeline{display:none}.bc-table .bc-has-history:focus-within .timeline{display:initial}.bc-head-txt-label{line-height:var(--font-line-ui);text-orientation:sideways;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.bc-support{text-align:center;vertical-align:middle}.bc-level-no{background-color:var(--color-text-red)}.bc-level-partial{background-color:var(--color-text-yellow)}.bc-level-preview{background-color:var(--color-text-blue)}.bc-legend-items-container{display:flex;flex-wrap:wrap;font-size:var(--font-size-small);gap:1.5rem;margin-bottom:2rem}.bc-legend-tip{font-size:var(--font-size-small);font-style:italic;font-variation-settings:"slnt" -10;margin-bottom:1rem;margin-top:0}@media print{.bc-legend-tip{display:none!important}}.bc-legend-item{align-items:center;display:flex;gap:.5rem}.bc-legend-item-dt{display:flex}.bc-legend-item-dt .icon{background-color:var(--color-border-secondary)}.bc-platforms th{align-items:center;display:flex;justify-content:center}.bc-platforms td{border:none}.bc-browsers th{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:end;vertical-align:bottom}.bc-browsers td{border-width:0 0 1px}.bc-notes-list{margin:.5rem 0;position:relative;text-align:left;width:100%}.bc-notes-list:before{background:var(--color-border-primary);bottom:4px;content:"";left:7px;margin-top:.25rem;position:absolute;top:0;width:3px;z-index:-1}.bc-notes-list .bc-notes-wrapper:last-child dd:last-child{position:relative}:is(.bc-notes-list .bc-notes-wrapper:last-child dd:last-child):before{background:var(--color-background-page);bottom:0;content:"";left:7px;position:absolute;top:3px;width:3px;z-index:-1}.bc-notes-list .bc-level-yes.icon.icon-yes{background-color:var(--color-text-green);-webkit-mask-image:url(${h});mask-image:url(${h})}:is(.bc-notes-list .bc-supports-dd) .icon{background-color:var(--color-text-secondary);-webkit-mask-image:url(${f});mask-image:url(${f})}:is(.bc-notes-list .bc-supports-dd) .icon-wrap{background-color:var(--color-background-page);padding-bottom:2px}.bc-notes-list .bc-version-label{display:inline}.bc-notes-list abbr{margin-right:4px;-webkit-text-decoration:none;text-decoration:none}.bc-notes-list dd{margin-bottom:1rem;padding-left:1.5rem;text-indent:-1.5rem}:is(.bc-notes-list dd):last-child{margin-bottom:2rem}.bc-notes-wrapper{color:var(--color-border-secondary);margin-bottom:1rem}.bc-notes-wrapper:last-child{margin-bottom:0}dl.bc-notes-list dt.bc-supports{margin-top:1rem}:is(dl.bc-notes-list dt.bc-supports):first-child{margin-top:0}dl.bc-notes-list dd.bc-supports-dd{margin-bottom:1rem}:is(dl.bc-notes-list dd.bc-supports-dd):last-child{margin-bottom:0}.only-icon span{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.bc-table-row-header{padding:.25em;text-align:left;width:100%}.bc-table-row-header code{overflow:hidden}.bc-table-row-header .bc-icons{display:inline-flex;gap:.5ch;margin-left:.5ch;vertical-align:text-top}:is(.bc-table-row-header .bc-icons) .icon{background-color:var(--color-text-secondary)}.bc-github-link{font-size:var(--font-size-small)}:is(.main-page-content .bc-legend) dd,:is(.main-page-content .bc-legend) dt{margin-bottom:0;margin-left:0;margin-top:0}.main-page-content .bc-supports-dd{margin:0}`,""]);let v=m.toString()},94346:function(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,"@media (769px < width){.bc-on-github{text-align:right}.bc-table{grid-template-columns:minmax(25%,max-content) repeat(var(--compat-browser-count),calc(75%/var(--compat-browser-count)))}.icon{--size:calc(1rem + 1px)}}",""]);let s=n.toString()},61865:function(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,"@media (1200px < width){.bc-table{grid-template-columns:minmax(33%,max-content) repeat(var(--compat-browser-count),calc(67%/var(--compat-browser-count)))}}",""]);let s=n.toString()},90218:function(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,'@media (426px < width){.bc-table{grid-template-columns:minmax(20vw,min-content) repeat(var(--compat-browser-count),auto)}.bc-table thead{display:contents}:is(:is(.bc-table thead) .bc-platforms) th{vertical-align:revert}.bc-table tbody{--border:1px solid var(--color-border-primary)}:is(:is(.bc-table tbody) tr):not(:first-child) .bc-feature,:is(:is(:is(.bc-table tbody) tr):not(:first-child) th,:is(:is(.bc-table tbody) tr):not(:first-child) td)>*{border-top:var(--border)}:is(:is(:is(.bc-table tbody) tr) th:not(:first-child),:is(:is(.bc-table tbody) tr) td:not(:first-child))>*{border-left:var(--border)}.bc-table td,.bc-table th{background:inherit;padding:.25rem}.bc-table td.bc-support{padding:0}:is(.bc-table td.bc-support)>button{padding:.25rem}.bc-table .timeline{border-left:none!important;border-top:var(--border)}.bc-table .bc-has-history:focus-within>button{--padding-bottom-offset:-2px;border-bottom:2px solid var(--color-border-primary)}.table-container-inner{position:relative}.table-container-inner:after{bottom:0;content:"";height:10px;position:absolute;right:0;width:10px}.bcd-cell-text-wrapper .bc-browser-name,.bcd-cell-text-wrapper .bc-support-level{display:none}.bc-notes-list{margin-left:20%;max-width:80vw;width:auto}.bc-support .bc-support-level{display:none}.bc-has-history{cursor:pointer}.bc-has-history>button:hover{background:var(--color-background-secondary)}}',""]);let s=n.toString()},47161:function(e,t,r){r.d(t,{A:()=>d});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i),s=r(86965),l=r(23653),c=n()(o());c.i(s.A),c.i(l.A),c.push([e.id,"*{box-sizing:border-box;overflow-wrap:break-word}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}a:link{color:var(--color-link-normal)}a:visited{color:var(--color-link-visited)}a:hover{-webkit-text-decoration:none;text-decoration:none}code{background-color:var(--color-background-secondary);padding:.125rem .25rem;width:fit-content}button{appearance:none;background:none;border:none}",""]);let d=c.toString()},29558:function(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,"@media (width <= 426px){.bc-table{grid-template-columns:auto}.bc-table thead{display:none}:is(.bc-table tr) td.bc-support{border:none;border-top:1px solid var(--color-border-primary);display:block}:is(:is(.bc-table tr) td.bc-support):last-child{border-bottom:1px solid var(--color-border-primary)}.bc-table .timeline{margin-left:.25rem}.bc-table tr:not(:first-of-type) .bc-feature{border-top:2px solid var(--color-border-primary)}.bc-table .bc-feature,.bc-table .bc-support>button{align-content:center;display:flex;flex-wrap:wrap;gap:.5rem}.bc-on-github a{white-space:nowrap}.table-container{overflow-x:auto}}",""]);let s=n.toString()},57863:function(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,".bcd-cell-text-wrapper{display:flex;flex-direction:row;gap:.5rem}@media (426px < width){.bcd-cell-text-wrapper{align-items:center;flex-direction:column}}.bcd-timeline-cell-text-wrapper{display:flex;flex-direction:row;gap:.25rem}.bcd-cell-text-copy{color:var(--color-text-primary)}.bc-supports-yes .bcd-cell-text-copy{color:var(--color-text-green)}.bc-supports-partial .bcd-cell-text-copy{color:var(--color-text-yellow)}.bc-supports-no .bcd-cell-text-copy{color:var(--color-text-red)}.bcd-cell-icons{display:flex;gap:.5rem}@media (426px < width){.bcd-cell-icons{display:block}.bc-table td.bc-support>button{padding-bottom:calc(.5rem + var(--padding-bottom-offset, 0px));padding-left:.25rem;padding-right:.25rem;padding-top:.5rem}}",""]);let s=n.toString()},23653:function(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,".visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}",""]);let s=n.toString()},39261:function(e,t,r){e.exports=r.p+"asterisk.70f89e1fc672d4c5.svg"},76504:function(e,t,r){e.exports=r.p+"chrome.63fe87abc1b86c49.svg"},94822:function(e,t,r){e.exports=r.p+"deno.aed70d20abbf1067.svg"},36793:function(e,t,r){e.exports=r.p+"edge.29d1f7df37cf6b7b.svg"},52637:function(e,t,r){e.exports=r.p+"firefox.be3910badc184355.svg"},63767:function(e,t,r){e.exports=r.p+"nodejs.efc13657f2bf62f7.svg"},90319:function(e,t,r){e.exports=r.p+"opera.ebd6fbbb8600e404.svg"},67306:function(e,t,r){e.exports=r.p+"safari.f175cdae2ee0be76.svg"},30584:function(e,t,r){e.exports=r.p+"samsung-internet.f241f6953ef66c29.svg"},2759:function(e,t,r){e.exports=r.p+"webview.69c6470100eb7da1.svg"},7855:function(e,t,r){e.exports=r.p+"check.0440cf8a72ac2317.svg"},61758:function(e,t,r){e.exports=r.p+"circle-check.205f48f66c3c9d17.svg"},51487:function(e,t,r){e.exports=r.p+"circle-help.574fc498f309634e.svg"},28773:function(e,t,r){e.exports=r.p+"circle-slash.c109868d4bdda8e2.svg"},70410:function(e,t,r){e.exports=r.p+"circle-x.4b1c3fa0511867e7.svg"},40953:function(e,t,r){e.exports=r.p+"circle.5525ef23679c14ac.svg"},78680:function(e,t,r){e.exports=r.p+"ellipsis.a923666a0f31b0e6.svg"},77175:function(e,t,r){e.exports=r.p+"flag.a3ec9d1b88184452.svg"},70882:function(e,t,r){e.exports=r.p+"flask-conical.c16b3d71f14f31d1.svg"},93328:function(e,t,r){e.exports=r.p+"git-fork.97e5d1d4d29677cf.svg"},37669:function(e,t,r){e.exports=r.p+"mdn-prefix.42c58fad0d3fc035.svg"},63921:function(e,t,r){e.exports=r.p+"monitor.11d946399ebf690d.svg"},74e3:function(e,t,r){e.exports=r.p+"server.ee27a0ad5e97acf2.svg"},57512:function(e,t,r){e.exports=r.p+"smartphone.1a49e06c0e294c6b.svg"},71420:function(e,t,r){e.exports=r.p+"trash-2.73b28bc66fb8543c.svg"},36404:function(e,t,r){e.exports=r.p+"triangle-alert.cff4c57ccef57da3.svg"},96336:function(e,t,r){r.d(t,{Nx:()=>i,Xn:()=>a,te:()=>o});let a="en-US",o="bcd",i=`
1
+ export const __webpack_id__="2308";export const __webpack_ids__=["2308"];export const __webpack_modules__={43174:function(e,t,r){r.d(t,{A:()=>f});var a=r(63819),o=r(31601),i=r.n(o),n=r(76314),s=r.n(n),l=r(47161),c=r(33951),d=r(9763),p=r(29558),b=r(90218),m=r(94346),u=r(61865),g=r(57863),h=s()(i());h.i(l.A),h.i(c.A),h.i(d.A),h.i(p.A),h.i(b.A),h.i(m.A),h.i(u.A),h.i(g.A),h.push([e.id,"",""]);let f=(0,a.AH)([h.toString()])},33951:function(e,t,r){r.d(t,{A:()=>en});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i),s=r(4417),l=r.n(s),c=new r.U(r(63921)),d=new r.U(r(57512)),p=new r.U(r(74e3)),b=new r.U(r(76504)),m=new r.U(r(94822)),u=new r.U(r(52637)),g=new r.U(r(36793)),h=new r.U(r(63767)),f=new r.U(r(90319)),v=new r.U(r(67306)),w=new r.U(r(30584)),x=new r.U(r(2759)),y=new r.U(r(70410)),k=new r.U(r(28773)),_=new r.U(r(7855)),$=new r.U(r(61758)),A=new r.U(r(70882)),q=new r.U(r(71420)),N=new r.U(r(36404)),U=new r.U(r(39261)),L=new r.U(r(51487)),S=new r.U(r(37669)),T=new r.U(r(93328)),I=new r.U(r(77175)),z=new r.U(r(78680)),C=n()(o()),E=l()(c),D=l()(d),M=l()(p),P=l()(b),j=l()(m),H=l()(u),R=l()(g),B=l()(h),O=l()(f),F=l()(v),J=l()(w),Q=l()(x),W=l()(y),Y=l()(k),X=l()(_),G=l()($),V=l()(A),Z=l()(q),K=l()(N),ee=l()(U),et=l()(L),er=l()(S),ea=l()(T),eo=l()(I),ei=l()(z);C.push([e.id,`.icon{--size:var(--icon-size,1rem);background-color:var(--color-border-secondary);display:inline-block;flex-shrink:0;height:var(--size);-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:var(--size)}.icon.icon-desktop{-webkit-mask-image:url(${E});mask-image:url(${E})}.icon.icon-mobile{-webkit-mask-image:url(${D});mask-image:url(${D})}.icon.icon-server{-webkit-mask-image:url(${M});mask-image:url(${M})}.icon.icon-chrome{-webkit-mask-image:url(${P});mask-image:url(${P})}.icon.icon-deno{-webkit-mask-image:url(${j});mask-image:url(${j})}.icon.icon-firefox{-webkit-mask-image:url(${H});mask-image:url(${H})}.icon.icon-edge{-webkit-mask-image:url(${R});mask-image:url(${R})}.icon.icon-nodejs{-webkit-mask-image:url(${B});mask-image:url(${B})}.icon.icon-opera{-webkit-mask-image:url(${O});mask-image:url(${O})}.icon.icon-safari{-webkit-mask-image:url(${F});mask-image:url(${F})}.icon.icon-samsunginternet{-webkit-mask-image:url(${J});mask-image:url(${J})}.icon.icon-webview{-webkit-mask-image:url(${Q});mask-image:url(${Q})}.icon.icon-no{-webkit-mask-image:url(${W});mask-image:url(${W})}.icon.icon-partial{-webkit-mask-image:url(${Y});mask-image:url(${Y})}.icon.icon-yes{-webkit-mask-image:url(${X});mask-image:url(${X})}.icon.icon-yes-circle{-webkit-mask-image:url(${G});mask-image:url(${G})}.icon.icon-experimental{-webkit-mask-image:url(${V});mask-image:url(${V})}.icon.icon-deprecated{-webkit-mask-image:url(${Z});mask-image:url(${Z})}.icon.icon-nonstandard{-webkit-mask-image:url(${K});mask-image:url(${K})}.icon.icon-footnote{-webkit-mask-image:url(${ee});mask-image:url(${ee})}.icon.icon-unknown{-webkit-mask-image:url(${et});mask-image:url(${et})}.icon.icon-prefix{-webkit-mask-image:url(${er});mask-image:url(${er})}.icon.icon-altname{-webkit-mask-image:url(${ea});mask-image:url(${ea})}.icon.icon-disabled{-webkit-mask-image:url(${eo});mask-image:url(${eo})}.icon.icon-more{-webkit-mask-image:url(${ei});mask-image:url(${ei})}.icon.icon-preview{-webkit-mask-image:url(${V});mask-image:url(${V})}`,""]);let en=C.toString()},9763:function(e,t,r){r.d(t,{A:()=>v});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i),s=r(4417),l=r.n(s),c=new r.U(r(70410)),d=new r.U(r(28773)),p=new r.U(r(61758)),b=new r.U(r(40953)),m=n()(o()),u=l()(c),g=l()(d),h=l()(p),f=l()(b);m.push([e.id,`table{display:grid;grid-auto-flow:row dense}:is(table thead) tr{display:contents}:is(:is(table thead) tr) td,:is(:is(table thead) tr) th{display:grid;grid-template-columns:subgrid}:is(:is(table tbody) tr) td,:is(:is(table tbody) tr) th,:is(table tbody) tr,table tbody{display:contents}:is(:is(:is(table tbody) tr) th,:is(:is(table tbody) tr) td) button{display:grid;grid-template-columns:subgrid}:is(:is(:is(table tbody) tr) th,:is(:is(table tbody) tr) td) .timeline{grid-column:1/-1}.bc-on-github{font-size:var(--font-size-small)}.bc-table{border:1px solid var(--color-border-primary);border-collapse:initial;border-radius:.25rem;border-spacing:0;margin:0;overflow-x:auto;width:100%}.bc-table td,.bc-table th{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:1px solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:0 solid var(--color-border-primary);font-weight:500;padding:.4rem}.bc-table td,.bc-table th,:is(.bc-table td,.bc-table th) code{font-size:var(--font-size-small)}.bc-table th{background:var(--color-background-primary);padding:.4rem;vertical-align:bottom}.bc-table thead{line-height:var(--font-line-ui);white-space:nowrap}:is(.bc-table tbody) tr{height:3rem}@media (426px < width){:is(:is(.bc-table tbody) tr):last-child td,:is(:is(.bc-table tbody) tr):last-child th{border-bottom-width:0}}:is(:is(.bc-table tbody) tr) th{border-left-width:0;vertical-align:middle}:is(.bc-table tbody) .bc-support{vertical-align:top}:is(:is(.bc-table tbody) .bc-support) button{cursor:pointer;width:100%}.bc-supports-no:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-red)}.bc-supports-partial:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-yellow)}.bc-supports-preview:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-blue)}.bc-supports-yes:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-green)}.bc-table .bc-supports{margin-bottom:1rem}:is(.bc-table .bc-supports) .icon-wrap{background:var(--color-background-page);padding-bottom:2px}:is(.bc-table .bc-supports.bc-supports-removed-partial) .bcd-cell-text-copy{color:var(--color-text-yellow)}:is(.bc-table .icon-wrap) .bc-support-level{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:is(.bc-table .bc-support)>button>.icon-wrap{display:block}:is(.bc-table .bc-support) .icon.icon-removed-partial{background-color:var(--color-text-red);-webkit-mask-image:url(${u});mask-image:url(${u})}:is(.bc-table .bc-support) .timeline .icon.icon-removed-partial{background-color:var(--color-text-yellow);-webkit-mask-image:url(${g});mask-image:url(${g})}:is(.bc-table .bc-support.bc-supports-removed-partial) .bcd-cell-text-copy{color:var(--color-text-red)}.bc-table .bc-feature{align-items:center;border:none;display:flex;text-align:left;width:100%}:is(.bc-table .bc-feature)>*{border:none!important;flex-basis:max-content}.bc-table .bc-feature-depth-2{border-left:7px solid var(--color-border-primary)}.bc-table .bc-feature-depth-3{border-left:15px solid var(--color-border-primary)}.bc-table .timeline{display:none}.bc-table .bc-has-history:focus-within .timeline{display:initial}.bc-head-txt-label{line-height:var(--font-line-ui);text-orientation:sideways;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.bc-support{text-align:center;vertical-align:middle}.bc-level-no{background-color:var(--color-text-red)}.bc-level-partial{background-color:var(--color-text-yellow)}.bc-level-preview{background-color:var(--color-text-blue)}.bc-legend-items-container{display:flex;flex-wrap:wrap;font-size:var(--font-size-small);gap:1.5rem;margin-bottom:2rem}.bc-legend-tip{font-size:var(--font-size-small);font-style:italic;font-variation-settings:"slnt" -10;margin-bottom:1rem;margin-top:0}@media print{.bc-legend-tip{display:none!important}}.bc-legend-item{align-items:center;display:flex;gap:.5rem}.bc-legend-item-dt{display:flex}.bc-legend-item-dt .icon{background-color:var(--color-border-secondary)}.bc-platforms th{align-items:center;display:flex;justify-content:center}.bc-platforms td{border:none}.bc-browsers th{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:end;vertical-align:bottom}.bc-browsers td{border-width:0 0 1px}.bc-notes-list{margin:.5rem 0;position:relative;text-align:left;width:100%}.bc-notes-list:before{background:var(--color-border-primary);bottom:4px;content:"";left:7px;margin-top:.25rem;position:absolute;top:0;width:3px;z-index:-1}.bc-notes-list .bc-notes-wrapper:last-child dd:last-child{position:relative}:is(.bc-notes-list .bc-notes-wrapper:last-child dd:last-child):before{background:var(--color-background-page);bottom:0;content:"";left:7px;position:absolute;top:3px;width:3px;z-index:-1}.bc-notes-list .bc-level-yes.icon.icon-yes{background-color:var(--color-text-green);-webkit-mask-image:url(${h});mask-image:url(${h})}:is(.bc-notes-list .bc-supports-dd) .icon{background-color:var(--color-text-secondary);-webkit-mask-image:url(${f});mask-image:url(${f})}:is(.bc-notes-list .bc-supports-dd) .icon-wrap{background-color:var(--color-background-page);padding-bottom:2px}.bc-notes-list .bc-version-label{display:inline}.bc-notes-list abbr{margin-right:4px;-webkit-text-decoration:none;text-decoration:none}.bc-notes-list dd{margin-bottom:1rem;padding-left:1.5rem;text-indent:-1.5rem}:is(.bc-notes-list dd):last-child{margin-bottom:2rem}.bc-notes-wrapper{color:var(--color-border-secondary);margin-bottom:1rem}.bc-notes-wrapper:last-child{margin-bottom:0}dl.bc-notes-list dt.bc-supports{margin-top:1rem}:is(dl.bc-notes-list dt.bc-supports):first-child{margin-top:0}dl.bc-notes-list dd.bc-supports-dd{margin-bottom:1rem}:is(dl.bc-notes-list dd.bc-supports-dd):last-child{margin-bottom:0}.only-icon span{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.bc-table-row-header{padding:.25em;text-align:left;width:100%}.bc-table-row-header code{overflow:hidden}.bc-table-row-header .bc-icons{display:inline-flex;gap:.5ch;margin-left:.5ch;vertical-align:text-top}:is(.bc-table-row-header .bc-icons) .icon{background-color:var(--color-text-secondary)}.bc-github-link{font-size:var(--font-size-small)}:is(.main-page-content .bc-legend) dd,:is(.main-page-content .bc-legend) dt{margin-bottom:0;margin-left:0;margin-top:0}.main-page-content .bc-supports-dd{margin:0}`,""]);let v=m.toString()},94346:function(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,"@media (769px < width){.bc-on-github{text-align:right}.bc-table{grid-template-columns:minmax(25%,max-content) repeat(var(--compat-browser-count),calc(75%/var(--compat-browser-count)))}.icon{--size:calc(1rem + 1px)}}",""]);let s=n.toString()},61865:function(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,"@media (1200px < width){.bc-table{grid-template-columns:minmax(33%,max-content) repeat(var(--compat-browser-count),calc(67%/var(--compat-browser-count)))}}",""]);let s=n.toString()},90218:function(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,'@media (426px < width){.bc-table{grid-template-columns:minmax(20vw,min-content) repeat(var(--compat-browser-count),auto)}.bc-table thead{display:contents}:is(:is(.bc-table thead) .bc-platforms) th{vertical-align:revert}.bc-table tbody{--border:1px solid var(--color-border-primary)}:is(:is(.bc-table tbody) tr):not(:first-child) .bc-feature,:is(:is(:is(.bc-table tbody) tr):not(:first-child) th,:is(:is(.bc-table tbody) tr):not(:first-child) td)>*{border-top:var(--border)}:is(:is(:is(.bc-table tbody) tr) th:not(:first-child),:is(:is(.bc-table tbody) tr) td:not(:first-child))>*{border-left:var(--border)}.bc-table td,.bc-table th{background:inherit;padding:.25rem}.bc-table td.bc-support{padding:0}:is(.bc-table td.bc-support)>button{padding:.25rem}.bc-table .timeline{border-left:none!important;border-top:var(--border)}.bc-table .bc-has-history:focus-within>button{--padding-bottom-offset:-2px;border-bottom:2px solid var(--color-border-primary)}.table-container-inner{position:relative}.table-container-inner:after{bottom:0;content:"";height:10px;position:absolute;right:0;width:10px}.bcd-cell-text-wrapper .bc-browser-name,.bcd-cell-text-wrapper .bc-support-level{display:none}.bc-notes-list{margin-left:20%;max-width:80vw;width:auto}.bc-support .bc-support-level{display:none}.bc-has-history{cursor:pointer}.bc-has-history>button:hover{background:var(--color-background-secondary)}}',""]);let s=n.toString()},47161:function(e,t,r){r.d(t,{A:()=>d});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i),s=r(86965),l=r(23653),c=n()(o());c.i(s.A),c.i(l.A),c.push([e.id,"*{box-sizing:border-box;overflow-wrap:break-word}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}a:link{color:var(--color-link-normal)}a:visited{color:var(--color-link-visited)}a:hover{-webkit-text-decoration:none;text-decoration:none}code{background-color:var(--color-background-secondary);padding:.125rem .25rem;width:fit-content}button{appearance:none;background:none;border:none}",""]);let d=c.toString()},29558:function(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,"@media (width <= 426px){.bc-table{grid-template-columns:auto}.bc-table thead{display:none}:is(.bc-table tr) td.bc-support{border:none;border-top:1px solid var(--color-border-primary);display:block}:is(:is(.bc-table tr) td.bc-support):last-child{border-bottom:1px solid var(--color-border-primary)}.bc-table .timeline{margin-left:.25rem}.bc-table tr:not(:first-of-type) .bc-feature{border-top:2px solid var(--color-border-primary)}.bc-table .bc-feature,.bc-table .bc-support>button{align-content:center;display:flex;flex-wrap:wrap;gap:.5rem}.bc-on-github a{white-space:nowrap}.table-container{overflow-x:auto}}",""]);let s=n.toString()},57863:function(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,".bcd-cell-text-wrapper{display:flex;flex-direction:row;gap:.5rem}@media (426px < width){.bcd-cell-text-wrapper{align-items:center;flex-direction:column}}.bcd-timeline-cell-text-wrapper{display:flex;flex-direction:row;gap:.25rem}.bcd-cell-text-copy{color:var(--color-text-primary)}.bc-supports-yes .bcd-cell-text-copy{color:var(--color-text-green)}.bc-supports-partial .bcd-cell-text-copy{color:var(--color-text-yellow)}.bc-supports-no .bcd-cell-text-copy{color:var(--color-text-red)}.bcd-cell-icons{display:flex;gap:.5rem}@media (426px < width){.bcd-cell-icons{display:block}.bc-table td.bc-support>button{padding-bottom:calc(.5rem + var(--padding-bottom-offset, 0px));padding-left:.25rem;padding-right:.25rem;padding-top:.5rem}}",""]);let s=n.toString()},23653:function(e,t,r){r.d(t,{A:()=>s});var a=r(31601),o=r.n(a),i=r(76314),n=r.n(i)()(o());n.push([e.id,".visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}",""]);let s=n.toString()},39261:function(e,t,r){e.exports=r.p+"asterisk.70f89e1fc672d4c5.svg"},76504:function(e,t,r){e.exports=r.p+"chrome.63fe87abc1b86c49.svg"},94822:function(e,t,r){e.exports=r.p+"deno.aed70d20abbf1067.svg"},36793:function(e,t,r){e.exports=r.p+"edge.29d1f7df37cf6b7b.svg"},52637:function(e,t,r){e.exports=r.p+"firefox.be3910badc184355.svg"},63767:function(e,t,r){e.exports=r.p+"nodejs.efc13657f2bf62f7.svg"},90319:function(e,t,r){e.exports=r.p+"opera.ebd6fbbb8600e404.svg"},67306:function(e,t,r){e.exports=r.p+"safari.f175cdae2ee0be76.svg"},30584:function(e,t,r){e.exports=r.p+"samsung-internet.f241f6953ef66c29.svg"},2759:function(e,t,r){e.exports=r.p+"webview.69c6470100eb7da1.svg"},7855:function(e,t,r){e.exports=r.p+"check.0440cf8a72ac2317.svg"},61758:function(e,t,r){e.exports=r.p+"circle-check.205f48f66c3c9d17.svg"},51487:function(e,t,r){e.exports=r.p+"circle-help.574fc498f309634e.svg"},28773:function(e,t,r){e.exports=r.p+"circle-slash.c109868d4bdda8e2.svg"},70410:function(e,t,r){e.exports=r.p+"circle-x.4b1c3fa0511867e7.svg"},40953:function(e,t,r){e.exports=r.p+"circle.5525ef23679c14ac.svg"},78680:function(e,t,r){e.exports=r.p+"ellipsis.a923666a0f31b0e6.svg"},77175:function(e,t,r){e.exports=r.p+"flag.a3ec9d1b88184452.svg"},70882:function(e,t,r){e.exports=r.p+"flask-conical.c16b3d71f14f31d1.svg"},93328:function(e,t,r){e.exports=r.p+"git-fork.97e5d1d4d29677cf.svg"},37669:function(e,t,r){e.exports=r.p+"mdn-prefix.42c58fad0d3fc035.svg"},63921:function(e,t,r){e.exports=r.p+"monitor.11d946399ebf690d.svg"},74e3:function(e,t,r){e.exports=r.p+"server.ee27a0ad5e97acf2.svg"},57512:function(e,t,r){e.exports=r.p+"smartphone.1a49e06c0e294c6b.svg"},71420:function(e,t,r){e.exports=r.p+"trash-2.73b28bc66fb8543c.svg"},36404:function(e,t,r){e.exports=r.p+"triangle-alert.cff4c57ccef57da3.svg"},96336:function(e,t,r){r.d(t,{N:()=>o,X:()=>a});let a="en-US",o=`
2
2
  <!-- Do not make changes below this line -->
3
3
  <details>
4
4
  <summary>MDN page report details</summary>
@@ -7,7 +7,7 @@ export const __webpack_id__="2308";export const __webpack_ids__=["2308"];export
7
7
  * Report started: $DATE
8
8
 
9
9
  </details>
10
- `},30191:function(e,t,r){r.r(t),r.d(t,{MDNCompatTable:()=>MDNCompatTable,gatherPlatformsAndBrowsers:()=>_});var a=r(63819),o=r(62963),i=r(58055),n=r(86484),s=r(96336),l=r(43174);let c=["bun","ie"];function d(e){return Array.isArray(e)?e[0]:e}function p(e){return Array.isArray(e)?e:[e]}function b(e,t="",r="",a=0,o=0){let i=[];for(let[n,s]of(r&&e.__compat&&i.push({name:r,compat:e.__compat,depth:a}),r&&(o=function(e){let t=[["",e]];do{let e=t.shift();if(!e)break;let[r,a]=e;if(a.__compat)return r.split(".").length;for(let[e,o]of Object.entries(a)){let a=r?`${r}.${e}`:e;"__compat"in o&&t.push([a,o])}}while(t.length>0);return 0}(e)),Object.entries(e)))"__compat"!==n&&("__compat"in s&&s.__compat&&i.push({name:t?`${t}.${n}`:n,compat:s.__compat,depth:a+1}),"__compat"in s&&i.push(...b(s,n,"",a+1,o)));return i}function m(e){return Array.isArray(e)&&e.length>1}function u(e,t){return"preview"===e||!!t&&"string"==typeof e&&!!t.releases[e]&&["beta","nightly","planned"].includes(t.releases[e].status)}function g(e){return!!(e.notes&&e.notes.length>0||e.impl_url&&e.impl_url.length>0)&&!e.version_removed&&!e.partial_implementation}function h(e){return f(e)||!!e.notes||!!e.impl_url}function f(e){return e.partial_implementation||!!e.alternative_name||!!e.flags||!!e.prefix||!!e.version_removed}function v(e){return!!e.version_added&&!h(e)}function w(e){if(!e)return;let t=p(e).find(e=>v(e));if(t)return t;let r=p(e).find(e=>!!e.version_added&&!f(e));if(r)return r;let a=p(e).find(e=>!e.version_removed&&(e.prefix||e.alternative_name));if(a)return a;let o=p(e).find(e=>!e.version_removed&&e.partial_implementation);if(o)return o;let i=p(e).find(e=>!e.version_removed&&e.flags);if(i)return i;let n=p(e).find(e=>e.version_removed);return n||d(e)}function x(e,t){let r;if(!e)return"unknown";let a=w(e);if(!a)return"unknown";let{flags:o,version_added:i,version_removed:n,partial_implementation:s}=a;return null===i?r="unknown":u(i,t)?r="preview":i?(r="yes",(n||o&&o.length>0)&&(r="no")):r="no",s&&(r=n?"removed-partial":"partial"),r}function y(e,t){return"string"!=typeof e?"?":"preview"===e?t.preview_name??"Preview":(e.startsWith("≤")&&(e=e.slice(1)),e=e.replaceAll(/(\.0)+$/g,""))}let k=["yes","partial","preview","no","unknown","experimental","nonstandard","deprecated","footnote","disabled","altname","prefix","more"];let MDNCompatTable=class MDNCompatTable extends(0,n.J)(a.WF){static properties={query:{},locale:{},data:{},browserInfo:{attribute:"browserinfo"},_pathname:{state:!0},_platforms:{state:!0},_browsers:{state:!0}};static styles=l.A;constructor(){super(),this.query="",this.data={},this.browserInfo={},this.locale="",this._pathname="",this._platforms=[],this._browsers=[]}get _breadcrumbs(){return this.query.split(".")}get _category(){return this._breadcrumbs[0]??""}get _name(){return this._breadcrumbs.at(-1)??""}_getActiveLegendItems(e,t,r,a){let o=new Set;for(let i of b(e,"",t)){let{status:e}=i.compat;for(let t of(e&&(e.experimental&&o.add("experimental"),e.deprecated&&o.add("deprecated"),e.standard_track||o.add("nonstandard")),a)){let e=i.compat.support[t]??{version_added:!1};if(c.includes(t))continue;let a=d(e);for(let i of(a&&g(a)&&o.add("footnote"),p(e)))i.version_added?i.flags&&i.flags.length>0?o.add("no"):r[t]&&u(i.version_added,r[t])?o.add("preview"):o.add("yes"):void 0==i.version_added?o.add("unknown"):o.add("no"),i.partial_implementation&&o.add("partial"),i.prefix&&o.add("prefix"),i.alternative_name&&o.add("altname"),i.flags&&o.add("disabled");m(e)&&o.add("more")}}return k.filter(e=>o.has(e))}connectedCallback(){super.connectedCallback(),this._pathname=globalThis.location.pathname,[this._platforms,this._browsers]=_(this._category,this.data,this.browserInfo)}get _issueUrl(){let e=new URLSearchParams,t=s.Nx.replaceAll("$DATE",new Date().toISOString()).replaceAll("$QUERY_ID",this.query).trim();return e.set("mdn-url",`https://developer.mozilla.org${this._pathname}`),e.set("metadata",t),e.set("title",`${this.query} - <SUMMARIZE THE PROBLEM>`),e.set("template","data-problem.yml"),`https://github.com/mdn/browser-compat-data/issues/new?${e.toString()}`}_renderIssueLink(){let e=e=>{e.preventDefault(),window.open(this._issueUrl,"_blank","noopener,noreferrer")},t=this.data.__compat?.source_file;return(0,a.qy)`<div class="bc-on-github">
10
+ `},30191:function(e,t,r){r.r(t),r.d(t,{MDNCompatTable:()=>MDNCompatTable,gatherPlatformsAndBrowsers:()=>_});var a=r(63819),o=r(62963),i=r(58055),n=r(86484),s=r(96336),l=r(43174);let c=["bun","ie"];function d(e){return Array.isArray(e)?e[0]:e}function p(e){return Array.isArray(e)?e:[e]}function b(e,t="",r="",a=0,o=0){let i=[];for(let[n,s]of(r&&e.__compat&&i.push({name:r,compat:e.__compat,depth:a}),r&&(o=function(e){let t=[["",e]];do{let e=t.shift();if(!e)break;let[r,a]=e;if(a.__compat)return r.split(".").length;for(let[e,o]of Object.entries(a)){let a=r?`${r}.${e}`:e;"__compat"in o&&t.push([a,o])}}while(t.length>0);return 0}(e)),Object.entries(e)))"__compat"!==n&&("__compat"in s&&s.__compat&&i.push({name:t?`${t}.${n}`:n,compat:s.__compat,depth:a+1}),"__compat"in s&&i.push(...b(s,n,"",a+1,o)));return i}function m(e){return Array.isArray(e)&&e.length>1}function u(e,t){return"preview"===e||!!t&&"string"==typeof e&&!!t.releases[e]&&["beta","nightly","planned"].includes(t.releases[e].status)}function g(e){return!!(e.notes&&e.notes.length>0||e.impl_url&&e.impl_url.length>0)&&!e.version_removed&&!e.partial_implementation}function h(e){return f(e)||!!e.notes||!!e.impl_url}function f(e){return e.partial_implementation||!!e.alternative_name||!!e.flags||!!e.prefix||!!e.version_removed}function v(e){return!!e.version_added&&!h(e)}function w(e){if(!e)return;let t=p(e).find(e=>v(e));if(t)return t;let r=p(e).find(e=>!!e.version_added&&!f(e));if(r)return r;let a=p(e).find(e=>!e.version_removed&&(e.prefix||e.alternative_name));if(a)return a;let o=p(e).find(e=>!e.version_removed&&e.partial_implementation);if(o)return o;let i=p(e).find(e=>!e.version_removed&&e.flags);if(i)return i;let n=p(e).find(e=>e.version_removed);return n||d(e)}function x(e,t){let r;if(!e)return"unknown";let a=w(e);if(!a)return"unknown";let{flags:o,version_added:i,version_removed:n,partial_implementation:s}=a;return null===i?r="unknown":u(i,t)?r="preview":i?(r="yes",(n||o&&o.length>0)&&(r="no")):r="no",s&&(r=n?"removed-partial":"partial"),r}function y(e,t){return"string"!=typeof e?"?":"preview"===e?t.preview_name??"Preview":(e.startsWith("≤")&&(e=e.slice(1)),e=e.replaceAll(/(\.0)+$/g,""))}let k=["yes","partial","preview","no","unknown","experimental","nonstandard","deprecated","footnote","disabled","altname","prefix","more"];let MDNCompatTable=class MDNCompatTable extends(0,n.J)(a.WF){static properties={query:{},locale:{},data:{},browserInfo:{attribute:"browserinfo"},_pathname:{state:!0},_platforms:{state:!0},_browsers:{state:!0}};static styles=l.A;constructor(){super(),this.query="",this.data={},this.browserInfo={},this.locale="",this._pathname="",this._platforms=[],this._browsers=[]}get _breadcrumbs(){return this.query.split(".")}get _category(){return this._breadcrumbs[0]??""}get _name(){return this._breadcrumbs.at(-1)??""}_getActiveLegendItems(e,t,r,a){let o=new Set;for(let i of b(e,"",t)){let{status:e}=i.compat;for(let t of(e&&(e.experimental&&o.add("experimental"),e.deprecated&&o.add("deprecated"),e.standard_track||o.add("nonstandard")),a)){let e=i.compat.support[t]??{version_added:!1};if(c.includes(t))continue;let a=d(e);for(let i of(a&&g(a)&&o.add("footnote"),p(e)))i.version_added?i.flags&&i.flags.length>0?o.add("no"):r[t]&&u(i.version_added,r[t])?o.add("preview"):o.add("yes"):void 0==i.version_added?o.add("unknown"):o.add("no"),i.partial_implementation&&o.add("partial"),i.prefix&&o.add("prefix"),i.alternative_name&&o.add("altname"),i.flags&&o.add("disabled");m(e)&&o.add("more")}}return k.filter(e=>o.has(e))}connectedCallback(){super.connectedCallback(),this._pathname=globalThis.location.pathname,[this._platforms,this._browsers]=_(this._category,this.data,this.browserInfo)}get _issueUrl(){let e=new URLSearchParams,t=s.N.replaceAll("$DATE",new Date().toISOString()).replaceAll("$QUERY_ID",this.query).trim();return e.set("mdn-url",`https://developer.mozilla.org${this._pathname}`),e.set("metadata",t),e.set("title",`${this.query} - <SUMMARIZE THE PROBLEM>`),e.set("template","data-problem.yml"),`https://github.com/mdn/browser-compat-data/issues/new?${e.toString()}`}_renderIssueLink(){let e=e=>{e.preventDefault(),window.open(this._issueUrl,"_blank","noopener,noreferrer")},t=this.data.__compat?.source_file;return(0,a.qy)`<div class="bc-on-github">
11
11
  <a
12
12
  class="bc-github-link external external-icon"
13
13
  href="#"
@@ -60,10 +60,10 @@ export const __webpack_id__="2308";export const __webpack_ids__=["2308"];export
60
60
  </th>`});return(0,a.qy)`<tr class="bc-browsers">
61
61
  <td></td>
62
62
  ${e}
63
- </tr>`}_renderTableBody(){let{data:e,_browsers:t,browserInfo:r,locale:n}=this,l=b(e,"",this._name);l.length>100&&(l=l.filter(({depth:e})=>e<2)),l.length>100&&(l=l.filter(({compat:{status:e}})=>e?.standard_track)),l.length>100&&(l=l.filter(({compat:{status:e}})=>!e?.deprecated)),l.length>100&&(l=l.filter(({compat:{status:e}})=>!e?.experimental)),l.length>100&&(l=l.slice(0,100));let c=l.map(e=>{let l,{name:c,compat:d,depth:p}=e,b=d.description?(0,a.qy)`<span>${(0,i._)(d.description)}</span>`:(0,a.qy)`<code>${c}</code>`,m=(0,a.qy)`${b}${d.status&&this._renderStatusIcons(d.status)}`;if(d.mdn_url&&p>0){let e=d.mdn_url.replace(`/${s.Xn}/docs`,`/${n}/docs`);l=(0,a.qy)`<a
63
+ </tr>`}_renderTableBody(){let{data:e,_browsers:t,browserInfo:r,locale:n}=this,l=b(e,"",this._name);l.length>100&&(l=l.filter(({depth:e})=>e<2)),l.length>100&&(l=l.filter(({compat:{status:e}})=>e?.standard_track)),l.length>100&&(l=l.filter(({compat:{status:e}})=>!e?.deprecated)),l.length>100&&(l=l.filter(({compat:{status:e}})=>!e?.experimental)),l.length>100&&(l=l.slice(0,100));let c=l.map(e=>{let l,{name:c,compat:d,depth:p}=e,b=d.description?(0,a.qy)`<span>${(0,i._)(d.description)}</span>`:(0,a.qy)`<code>${c}</code>`,m=(0,a.qy)`${b}${d.status&&this._renderStatusIcons(d.status)}`;if(d.mdn_url&&p>0){let e=d.mdn_url.replace(`/${s.X}/docs`,`/${n}/docs`);l=(0,a.qy)`<a
64
64
  href=${e}
65
65
  class="bc-table-row-header"
66
- data-glean=${`${s.te}: link -> ${e}`}
66
+ data-glean-id=${`bcd: link -> ${e}`}
67
67
  >
68
68
  ${m}
69
69
  </a>`}else l=(0,a.qy)`<div class="bc-table-row-header">
@@ -109,7 +109,7 @@ export const __webpack_id__="2308";export const __webpack_ids__=["2308"];export
109
109
  ${this._renderCellText(r,e,!0)}
110
110
  </dt>
111
111
  ${n} ${s?void 0:(0,a.qy)`<dd></dd>`}
112
- </div>`}).filter(Boolean)}_getNotes(e,t,r){let a=[];if(r.version_removed&&!p(t).some(e=>e.version_added===r.version_removed)&&a.push({iconName:"footnote",label:this.l10n.raw({id:"compat-support-removed",args:{version:y(r.version_removed,e)}})}),r.partial_implementation&&a.push({iconName:"footnote",label:this.l10n("compat-support-partial")`Partial support`}),r.prefix&&a.push({iconName:"prefix",label:this.l10n.raw({id:"compat-support-prefix",args:{prefix:r.prefix}})}),r.alternative_name&&a.push({iconName:"altname",label:this.l10n.raw({id:"compat-support-altname",args:{altname:r.alternative_name}})}),r.flags)for(let{type:t,name:o,value_to_set:i}of r.flags)a.push({iconName:"disabled",label:this.l10n.raw({id:"compat-support-flags",args:{has_added:Number("string"==typeof r.version_added&&"preview"!==r.version_added),version_added:r.version_added,has_last:Number("string"==typeof r.version_last),versionLast:r.version_last,flag_type:t,flag_name:o,has_value:Number("string"==typeof i),flag_value:i,browser_name:e.name,browser_pref_url:e.pref_url},elements:{name:{tag:"code"},value:{tag:"code"}}})});if(r.notes)for(let e of Array.isArray(r.notes)?r.notes:[r.notes])a.push({iconName:"footnote",label:e});if(r.impl_url)for(let e of Array.isArray(r.impl_url)?r.impl_url:[r.impl_url])a.push({iconName:"footnote",label:this.l10n.raw({id:"compat-support-see-impl-url",args:{label:function(e){let t=e.match(/^https:\/\/(?:crbug\.com|webkit\.org\/b|bugzil\.la)\/([0-9]+)/i),r=t?t[1]:void 0;return r?`bug ${r}`:e}(e)},elements:{impl_url:{tag:"a",href:e}}})});if(u(r.version_added,e)&&a.push({iconName:"footnote",label:this.l10n("compat-support-preview")`Preview browser support`}),v(r)&&!u(r.version_added,e))a.push({iconName:"footnote",label:this.l10n("compat-support-full")`Full support`});else!1!==r.version_added||h(r)||a.push({iconName:"footnote",label:this.l10n("compat-support-no")`No support`});return 0===a.length&&a.push({iconName:"unknown",label:this.l10n("compat-support-unknown")`Support unknown`}),a}_renderCellText(e,t,r=!1){let o,i,n=w(e),s=n?.version_added??void 0,l=n?.version_last??void 0,c=function(e){if(e)return w(e)?.release_date}(e),d=x(e,t);switch(s){case void 0:o={isSupported:"unknown"};break;case!1:o={isSupported:"no"};break;case"preview":o={isSupported:"preview"};break;default:o={isSupported:d,label:"string"!=typeof l?(0,a.qy)`${y(s,t)}`:(0,a.qy)`${y(s,t)}&#8202;&ndash;&#8202;${y(l,t)}`}}let p="";switch(o.isSupported){case"yes":p=this.l10n("compat-support-full")`Full support`,i=o.label||this.l10n("compat-yes")`Yes`;break;case"partial":p=this.l10n("compat-support-partial")`Partial support`,i=o.label||this.l10n("compat-partial")`Partial`;break;case"removed-partial":r?(p=this.l10n("compat-support-partial")`Partial support`,i=o.label||this.l10n("compat-partial")`Partial`):(p=this.l10n("compat-support-no")`No support`,i=o.label||this.l10n("compat-no")`No`);break;case"no":p=this.l10n("compat-support-no")`No support`,i=o.label||this.l10n("compat-no")`No`;break;case"preview":p=this.l10n("compat-support-preview")`Preview support`,i=o.label||t.preview_name;break;case"unknown":p=this.l10n("compat-support-unknown")`Support unknown`,i="?"}return p=`${t.name} – ${p}`,(0,a.qy)`<div
112
+ </div>`}).filter(Boolean)}_getNotes(e,t,r){let a=[];if(r.version_removed&&!p(t).some(e=>e.version_added===r.version_removed)&&a.push({iconName:"footnote",label:this.l10n.raw({id:"compat-support-removed",args:{version:y(r.version_removed,e)}})}),r.partial_implementation&&a.push({iconName:"footnote",label:this.l10n("compat-support-partial")`Partial support`}),r.prefix&&a.push({iconName:"prefix",label:this.l10n.raw({id:"compat-support-prefix",args:{prefix:r.prefix}})}),r.alternative_name&&a.push({iconName:"altname",label:this.l10n.raw({id:"compat-support-altname",args:{altname:r.alternative_name}})}),r.flags)for(let{type:t,name:o,value_to_set:i}of r.flags)a.push({iconName:"disabled",label:this.l10n.raw({id:"compat-support-flags",args:{has_added:Number("string"==typeof r.version_added&&"preview"!==r.version_added),version_added:r.version_added,has_last:Number("string"==typeof r.version_last),versionLast:r.version_last,flag_type:t,flag_name:o,has_value:Number("string"==typeof i),flag_value:i,has_pref_url:Number("string"==typeof e.pref_url),browser_name:e.name,browser_pref_url:e.pref_url},elements:{name:{tag:"code"},value:{tag:"code"}}})});if(r.notes)for(let e of Array.isArray(r.notes)?r.notes:[r.notes])a.push({iconName:"footnote",label:e});if(r.impl_url)for(let e of Array.isArray(r.impl_url)?r.impl_url:[r.impl_url])a.push({iconName:"footnote",label:this.l10n.raw({id:"compat-support-see-impl-url",args:{label:function(e){let t=e.match(/^https:\/\/(?:crbug\.com|webkit\.org\/b|bugzil\.la)\/([0-9]+)/i),r=t?t[1]:void 0;return r?`bug ${r}`:e}(e)},elements:{impl_url:{tag:"a",href:e}}})});if(u(r.version_added,e)&&a.push({iconName:"footnote",label:this.l10n("compat-support-preview")`Preview browser support`}),v(r)&&!u(r.version_added,e))a.push({iconName:"footnote",label:this.l10n("compat-support-full")`Full support`});else!1!==r.version_added||h(r)||a.push({iconName:"footnote",label:this.l10n("compat-support-no")`No support`});return 0===a.length&&a.push({iconName:"unknown",label:this.l10n("compat-support-unknown")`Support unknown`}),a}_renderCellText(e,t,r=!1){let o,i,n=w(e),s=n?.version_added??void 0,l=n?.version_last??void 0,c=function(e){if(e)return w(e)?.release_date}(e),d=x(e,t);switch(s){case void 0:o={isSupported:"unknown"};break;case!1:o={isSupported:"no"};break;case"preview":o={isSupported:"preview"};break;default:o={isSupported:d,label:"string"!=typeof l?(0,a.qy)`${y(s,t)}`:(0,a.qy)`${y(s,t)}&#8202;&ndash;&#8202;${y(l,t)}`}}let p="";switch(o.isSupported){case"yes":p=this.l10n("compat-support-full")`Full support`,i=o.label||this.l10n("compat-yes")`Yes`;break;case"partial":p=this.l10n("compat-support-partial")`Partial support`,i=o.label||this.l10n("compat-partial")`Partial`;break;case"removed-partial":r?(p=this.l10n("compat-support-partial")`Partial support`,i=o.label||this.l10n("compat-partial")`Partial`):(p=this.l10n("compat-support-no")`No support`,i=o.label||this.l10n("compat-no")`No`);break;case"no":p=this.l10n("compat-support-no")`No support`,i=o.label||this.l10n("compat-no")`No`;break;case"preview":p=this.l10n("compat-support-preview")`Preview support`,i=o.label||t.preview_name;break;case"unknown":p=this.l10n("compat-support-unknown")`Support unknown`,i="?"}return p=`${t.name} – ${p}`,(0,a.qy)`<div
113
113
  class=${r?"bcd-timeline-cell-text-wrapper":"bcd-cell-text-wrapper"}
114
114
  >
115
115
  <div class="bcd-cell-icons">
@@ -162,4 +162,4 @@ export const __webpack_id__="2308";export const __webpack_ids__=["2308"];export
162
162
  </p>
163
163
  <dl class="bc-legend-items-container">${r}</dl>
164
164
  </section>`}render(){return(0,a.qy)` ${this._renderTable()} ${this._renderTableLegend()} `}};function _(e,t,r){let a=t.__compat&&"nodejs"in t.__compat.support,o=t.__compat&&"deno"in t.__compat.support,i=["desktop","mobile"];("javascript"===e||a||o)&&i.push("server");let n=[];for(let e of i){let t=Object.keys(r);n.push(...t.filter(t=>t in r&&r[t]?.type===e))}return"webextensions"===e&&(n=n.filter(e=>r[e]?.accepts_webextensions)),"javascript"===e||a||(n=n.filter(e=>"nodejs"!==e)),[i,[...n=n.filter(e=>!c.includes(e))]]}customElements.define("mdn-compat-table",MDNCompatTable)}};
165
- //# sourceMappingURL=2308.69b80ae939b202ae.js.map
165
+ //# sourceMappingURL=2308.0ccf49974d71523d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"2308.0ccf49974d71523d.js","sources":["webpack://@mdn/fred/./components/compat-table/element.css","webpack://@mdn/fred/./components/compat-table/icons.css","webpack://@mdn/fred/./components/compat-table/index-common.css","webpack://@mdn/fred/./components/compat-table/index-desktop-md.css","webpack://@mdn/fred/./components/compat-table/index-desktop-xl.css","webpack://@mdn/fred/./components/compat-table/index-desktop.css","webpack://@mdn/fred/./components/compat-table/index-global.css","webpack://@mdn/fred/./components/compat-table/index-mobile.css","webpack://@mdn/fred/./components/compat-table/index-trailer.css","webpack://@mdn/fred/./components/visually-hidden/global.css?228a","webpack://@mdn/fred/./components/compat-table/constants.js","webpack://@mdn/fred/./components/compat-table/utils.js","webpack://@mdn/fred/./components/compat-table/feature-row.js","webpack://@mdn/fred/./components/compat-table/element.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./index-global.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_1___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./icons.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_2___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./index-common.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_3___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./index-mobile.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_4___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./index-desktop.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_5___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./index-desktop-md.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_6___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./index-desktop-xl.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_7___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./index-trailer.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_4___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_6___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_7___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, ``, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/monitor.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../icon/smartphone.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(\"../icon/server.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_3___ = new URL(\"../icon/browser/chrome.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_4___ = new URL(\"../icon/browser/deno.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_5___ = new URL(\"../icon/browser/firefox.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_6___ = new URL(\"../icon/browser/edge.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_7___ = new URL(\"../icon/browser/nodejs.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_8___ = new URL(\"../icon/browser/opera.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_9___ = new URL(\"../icon/browser/safari.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_10___ = new URL(\"../icon/browser/samsung-internet.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_11___ = new URL(\"../icon/browser/webview.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_12___ = new URL(\"../icon/circle-x.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_13___ = new URL(\"../icon/circle-slash.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_14___ = new URL(\"../icon/check.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_15___ = new URL(\"../icon/circle-check.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_16___ = new URL(\"../icon/flask-conical.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_17___ = new URL(\"../icon/trash-2.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_18___ = new URL(\"../icon/triangle-alert.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_19___ = new URL(\"../icon/asterisk.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_20___ = new URL(\"../icon/circle-help.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_21___ = new URL(\"../icon/mdn-prefix.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_22___ = new URL(\"../icon/git-fork.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_23___ = new URL(\"../icon/flag.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_24___ = new URL(\"../icon/ellipsis.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);\nvar ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___);\nvar ___CSS_LOADER_URL_REPLACEMENT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___);\nvar ___CSS_LOADER_URL_REPLACEMENT_6___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_6___);\nvar ___CSS_LOADER_URL_REPLACEMENT_7___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_7___);\nvar ___CSS_LOADER_URL_REPLACEMENT_8___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_8___);\nvar ___CSS_LOADER_URL_REPLACEMENT_9___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_9___);\nvar ___CSS_LOADER_URL_REPLACEMENT_10___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_10___);\nvar ___CSS_LOADER_URL_REPLACEMENT_11___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_11___);\nvar ___CSS_LOADER_URL_REPLACEMENT_12___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_12___);\nvar ___CSS_LOADER_URL_REPLACEMENT_13___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_13___);\nvar ___CSS_LOADER_URL_REPLACEMENT_14___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_14___);\nvar ___CSS_LOADER_URL_REPLACEMENT_15___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_15___);\nvar ___CSS_LOADER_URL_REPLACEMENT_16___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_16___);\nvar ___CSS_LOADER_URL_REPLACEMENT_17___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_17___);\nvar ___CSS_LOADER_URL_REPLACEMENT_18___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_18___);\nvar ___CSS_LOADER_URL_REPLACEMENT_19___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_19___);\nvar ___CSS_LOADER_URL_REPLACEMENT_20___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_20___);\nvar ___CSS_LOADER_URL_REPLACEMENT_21___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_21___);\nvar ___CSS_LOADER_URL_REPLACEMENT_22___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_22___);\nvar ___CSS_LOADER_URL_REPLACEMENT_23___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_23___);\nvar ___CSS_LOADER_URL_REPLACEMENT_24___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_24___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.icon{--size:var(--icon-size,1rem);background-color:var(--color-border-secondary);display:inline-block;flex-shrink:0;height:var(--size);-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:var(--size)}.icon.icon-desktop{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___})}.icon.icon-mobile{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___})}.icon.icon-server{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___})}.icon.icon-chrome{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_3___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_3___})}.icon.icon-deno{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_4___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_4___})}.icon.icon-firefox{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_5___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_5___})}.icon.icon-edge{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_6___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_6___})}.icon.icon-nodejs{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_7___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_7___})}.icon.icon-opera{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_8___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_8___})}.icon.icon-safari{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_9___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_9___})}.icon.icon-samsunginternet{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_10___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_10___})}.icon.icon-webview{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_11___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_11___})}.icon.icon-no{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_12___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_12___})}.icon.icon-partial{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_13___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_13___})}.icon.icon-yes{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_14___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_14___})}.icon.icon-yes-circle{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_15___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_15___})}.icon.icon-experimental{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_16___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_16___})}.icon.icon-deprecated{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_17___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_17___})}.icon.icon-nonstandard{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_18___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_18___})}.icon.icon-footnote{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_19___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_19___})}.icon.icon-unknown{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_20___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_20___})}.icon.icon-prefix{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_21___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_21___})}.icon.icon-altname{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_22___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_22___})}.icon.icon-disabled{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_23___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_23___})}.icon.icon-more{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_24___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_24___})}.icon.icon-preview{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_16___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_16___})}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/circle-x.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../icon/circle-slash.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(\"../icon/circle-check.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_3___ = new URL(\"../icon/circle.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `table{display:grid;grid-auto-flow:row dense}:is(table thead) tr{display:contents}:is(:is(table thead) tr) td,:is(:is(table thead) tr) th{display:grid;grid-template-columns:subgrid}:is(:is(table tbody) tr) td,:is(:is(table tbody) tr) th,:is(table tbody) tr,table tbody{display:contents}:is(:is(:is(table tbody) tr) th,:is(:is(table tbody) tr) td) button{display:grid;grid-template-columns:subgrid}:is(:is(:is(table tbody) tr) th,:is(:is(table tbody) tr) td) .timeline{grid-column:1/-1}.bc-on-github{font-size:var(--font-size-small)}.bc-table{border:1px solid var(--color-border-primary);border-collapse:initial;border-radius:.25rem;border-spacing:0;margin:0;overflow-x:auto;width:100%}.bc-table td,.bc-table th{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:1px solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:0 solid var(--color-border-primary);font-weight:500;padding:.4rem}.bc-table td,.bc-table th,:is(.bc-table td,.bc-table th) code{font-size:var(--font-size-small)}.bc-table th{background:var(--color-background-primary);padding:.4rem;vertical-align:bottom}.bc-table thead{line-height:var(--font-line-ui);white-space:nowrap}:is(.bc-table tbody) tr{height:3rem}@media (426px < width){:is(:is(.bc-table tbody) tr):last-child td,:is(:is(.bc-table tbody) tr):last-child th{border-bottom-width:0}}:is(:is(.bc-table tbody) tr) th{border-left-width:0;vertical-align:middle}:is(.bc-table tbody) .bc-support{vertical-align:top}:is(:is(.bc-table tbody) .bc-support) button{cursor:pointer;width:100%}.bc-supports-no:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-red)}.bc-supports-partial:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-yellow)}.bc-supports-preview:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-blue)}.bc-supports-yes:is(:is(.bc-table tbody) .bc-support)>button>span{color:var(--color-text-green)}.bc-table .bc-supports{margin-bottom:1rem}:is(.bc-table .bc-supports) .icon-wrap{background:var(--color-background-page);padding-bottom:2px}:is(.bc-table .bc-supports.bc-supports-removed-partial) .bcd-cell-text-copy{color:var(--color-text-yellow)}:is(.bc-table .icon-wrap) .bc-support-level{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:is(.bc-table .bc-support)>button>.icon-wrap{display:block}:is(.bc-table .bc-support) .icon.icon-removed-partial{background-color:var(--color-text-red);-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___})}:is(.bc-table .bc-support) .timeline .icon.icon-removed-partial{background-color:var(--color-text-yellow);-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___})}:is(.bc-table .bc-support.bc-supports-removed-partial) .bcd-cell-text-copy{color:var(--color-text-red)}.bc-table .bc-feature{align-items:center;border:none;display:flex;text-align:left;width:100%}:is(.bc-table .bc-feature)>*{border:none!important;flex-basis:max-content}.bc-table .bc-feature-depth-2{border-left:7px solid var(--color-border-primary)}.bc-table .bc-feature-depth-3{border-left:15px solid var(--color-border-primary)}.bc-table .timeline{display:none}.bc-table .bc-has-history:focus-within .timeline{display:initial}.bc-head-txt-label{line-height:var(--font-line-ui);text-orientation:sideways;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.bc-support{text-align:center;vertical-align:middle}.bc-level-no{background-color:var(--color-text-red)}.bc-level-partial{background-color:var(--color-text-yellow)}.bc-level-preview{background-color:var(--color-text-blue)}.bc-legend-items-container{display:flex;flex-wrap:wrap;font-size:var(--font-size-small);gap:1.5rem;margin-bottom:2rem}.bc-legend-tip{font-size:var(--font-size-small);font-style:italic;font-variation-settings:\"slnt\" -10;margin-bottom:1rem;margin-top:0}@media print{.bc-legend-tip{display:none!important}}.bc-legend-item{align-items:center;display:flex;gap:.5rem}.bc-legend-item-dt{display:flex}.bc-legend-item-dt .icon{background-color:var(--color-border-secondary)}.bc-platforms th{align-items:center;display:flex;justify-content:center}.bc-platforms td{border:none}.bc-browsers th{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:end;vertical-align:bottom}.bc-browsers td{border-width:0 0 1px}.bc-notes-list{margin:.5rem 0;position:relative;text-align:left;width:100%}.bc-notes-list:before{background:var(--color-border-primary);bottom:4px;content:\"\";left:7px;margin-top:.25rem;position:absolute;top:0;width:3px;z-index:-1}.bc-notes-list .bc-notes-wrapper:last-child dd:last-child{position:relative}:is(.bc-notes-list .bc-notes-wrapper:last-child dd:last-child):before{background:var(--color-background-page);bottom:0;content:\"\";left:7px;position:absolute;top:3px;width:3px;z-index:-1}.bc-notes-list .bc-level-yes.icon.icon-yes{background-color:var(--color-text-green);-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___})}:is(.bc-notes-list .bc-supports-dd) .icon{background-color:var(--color-text-secondary);-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_3___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_3___})}:is(.bc-notes-list .bc-supports-dd) .icon-wrap{background-color:var(--color-background-page);padding-bottom:2px}.bc-notes-list .bc-version-label{display:inline}.bc-notes-list abbr{margin-right:4px;-webkit-text-decoration:none;text-decoration:none}.bc-notes-list dd{margin-bottom:1rem;padding-left:1.5rem;text-indent:-1.5rem}:is(.bc-notes-list dd):last-child{margin-bottom:2rem}.bc-notes-wrapper{color:var(--color-border-secondary);margin-bottom:1rem}.bc-notes-wrapper:last-child{margin-bottom:0}dl.bc-notes-list dt.bc-supports{margin-top:1rem}:is(dl.bc-notes-list dt.bc-supports):first-child{margin-top:0}dl.bc-notes-list dd.bc-supports-dd{margin-bottom:1rem}:is(dl.bc-notes-list dd.bc-supports-dd):last-child{margin-bottom:0}.only-icon span{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.bc-table-row-header{padding:.25em;text-align:left;width:100%}.bc-table-row-header code{overflow:hidden}.bc-table-row-header .bc-icons{display:inline-flex;gap:.5ch;margin-left:.5ch;vertical-align:text-top}:is(.bc-table-row-header .bc-icons) .icon{background-color:var(--color-text-secondary)}.bc-github-link{font-size:var(--font-size-small)}:is(.main-page-content .bc-legend) dd,:is(.main-page-content .bc-legend) dt{margin-bottom:0;margin-left:0;margin-top:0}.main-page-content .bc-supports-dd{margin:0}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `@media (769px < width){.bc-on-github{text-align:right}.bc-table{grid-template-columns:minmax(25%,max-content) repeat(var(--compat-browser-count),calc(75%/var(--compat-browser-count)))}.icon{--size:calc(1rem + 1px)}}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `@media (1200px < width){.bc-table{grid-template-columns:minmax(33%,max-content) repeat(var(--compat-browser-count),calc(67%/var(--compat-browser-count)))}}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `@media (426px < width){.bc-table{grid-template-columns:minmax(20vw,min-content) repeat(var(--compat-browser-count),auto)}.bc-table thead{display:contents}:is(:is(.bc-table thead) .bc-platforms) th{vertical-align:revert}.bc-table tbody{--border:1px solid var(--color-border-primary)}:is(:is(.bc-table tbody) tr):not(:first-child) .bc-feature,:is(:is(:is(.bc-table tbody) tr):not(:first-child) th,:is(:is(.bc-table tbody) tr):not(:first-child) td)>*{border-top:var(--border)}:is(:is(:is(.bc-table tbody) tr) th:not(:first-child),:is(:is(.bc-table tbody) tr) td:not(:first-child))>*{border-left:var(--border)}.bc-table td,.bc-table th{background:inherit;padding:.25rem}.bc-table td.bc-support{padding:0}:is(.bc-table td.bc-support)>button{padding:.25rem}.bc-table .timeline{border-left:none!important;border-top:var(--border)}.bc-table .bc-has-history:focus-within>button{--padding-bottom-offset:-2px;border-bottom:2px solid var(--color-border-primary)}.table-container-inner{position:relative}.table-container-inner:after{bottom:0;content:\"\";height:10px;position:absolute;right:0;width:10px}.bcd-cell-text-wrapper .bc-browser-name,.bcd-cell-text-wrapper .bc-support-level{display:none}.bc-notes-list{margin-left:20%;max-width:80vw;width:auto}.bc-support .bc-support-level{display:none}.bc-has-history{cursor:pointer}.bc-has-history>button:hover{background:var(--color-background-secondary)}}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../external-link/global.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_1___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../visually-hidden/global.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*{box-sizing:border-box;overflow-wrap:break-word}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}a:link{color:var(--color-link-normal)}a:visited{color:var(--color-link-visited)}a:hover{-webkit-text-decoration:none;text-decoration:none}code{background-color:var(--color-background-secondary);padding:.125rem .25rem;width:fit-content}button{appearance:none;background:none;border:none}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `@media (width <= 426px){.bc-table{grid-template-columns:auto}.bc-table thead{display:none}:is(.bc-table tr) td.bc-support{border:none;border-top:1px solid var(--color-border-primary);display:block}:is(:is(.bc-table tr) td.bc-support):last-child{border-bottom:1px solid var(--color-border-primary)}.bc-table .timeline{margin-left:.25rem}.bc-table tr:not(:first-of-type) .bc-feature{border-top:2px solid var(--color-border-primary)}.bc-table .bc-feature,.bc-table .bc-support>button{align-content:center;display:flex;flex-wrap:wrap;gap:.5rem}.bc-on-github a{white-space:nowrap}.table-container{overflow-x:auto}}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.bcd-cell-text-wrapper{display:flex;flex-direction:row;gap:.5rem}@media (426px < width){.bcd-cell-text-wrapper{align-items:center;flex-direction:column}}.bcd-timeline-cell-text-wrapper{display:flex;flex-direction:row;gap:.25rem}.bcd-cell-text-copy{color:var(--color-text-primary)}.bc-supports-yes .bcd-cell-text-copy{color:var(--color-text-green)}.bc-supports-partial .bcd-cell-text-copy{color:var(--color-text-yellow)}.bc-supports-no .bcd-cell-text-copy{color:var(--color-text-red)}.bcd-cell-icons{display:flex;gap:.5rem}@media (426px < width){.bcd-cell-icons{display:block}.bc-table td.bc-support>button{padding-bottom:calc(.5rem + var(--padding-bottom-offset, 0px));padding-left:.25rem;padding-right:.25rem;padding-top:.5rem}}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// [libs/constants]\nexport const DEFAULT_LOCALE = \"en-US\";\n\nexport const ISSUE_METADATA_TEMPLATE = `\n<!-- Do not make changes below this line -->\n<details>\n<summary>MDN page report details</summary>\n\n* Query: \\`$QUERY_ID\\`\n* Report started: $DATE\n\n</details>\n`;\n","/**\n * A list of browsers to be hidden.\n * @constant {string[]}\n */\nexport const HIDDEN_BROWSERS = [\"bun\", \"ie\"];\n\n/**\n * Gets the first element of an array or returns the value itself.\n * @template T\n * @param {T | [T?, ...any[]]} a\n * @returns {T | undefined}\n */\nexport function getFirst(a) {\n return Array.isArray(a) ? a[0] : a;\n}\n\n/**\n * Ensures the input is returned as an array.\n * @template T\n * @param {T | T[]} a\n * @returns {T[]}\n */\nexport function asList(a) {\n return Array.isArray(a) ? a : [a];\n}\n\n/**\n * Finds the first compatibility depth in a BCD Identifier.\n * @param {import(\"@bcd\").Identifier} identifier\n * @returns {number}\n */\nfunction findFirstCompatDepth(identifier) {\n /** @type {Array<[string, import(\"@bcd\").Identifier]>} */\n const entries = [[\"\", identifier]];\n\n do {\n const entry = entries.shift();\n if (!entry) {\n break;\n }\n const [path, value] = entry;\n if (value.__compat) {\n // The depth is the number of segments in the path.\n return path.split(\".\").length;\n }\n\n for (const [key, subvalue] of Object.entries(value)) {\n const subpath = path ? `${path}.${key}` : key;\n if (\"__compat\" in subvalue) {\n entries.push([subpath, subvalue]);\n }\n }\n } while (entries.length > 0);\n\n // Fallback.\n return 0;\n}\n\n/**\n * Recursively lists features from a BCD Identifier.\n * @param {import(\"@bcd\").Identifier} identifier\n * @param {string} [parentName]\n * @param {string} [rootName]\n * @param {number} [depth]\n * @param {number} [firstCompatDepth]\n * @returns {import(\"@compat\").Feature[]}\n */\nexport function listFeatures(\n identifier,\n parentName = \"\",\n rootName = \"\",\n depth = 0,\n firstCompatDepth = 0,\n) {\n /** @type {import(\"@compat\").Feature[]} */\n const features = [];\n\n if (rootName && identifier.__compat) {\n features.push({\n name: rootName,\n compat: identifier.__compat,\n depth,\n });\n }\n\n if (rootName) {\n firstCompatDepth = findFirstCompatDepth(identifier);\n }\n\n for (const [subName, subIdentifier] of Object.entries(identifier)) {\n if (subName === \"__compat\") {\n continue;\n }\n\n if (\"__compat\" in subIdentifier && subIdentifier.__compat) {\n features.push({\n name: parentName ? `${parentName}.${subName}` : subName,\n compat: subIdentifier.__compat,\n depth: depth + 1,\n });\n }\n\n if (\"__compat\" in subIdentifier /* || depth + 1 < firstCompatDepth*/) {\n features.push(\n ...listFeatures(\n subIdentifier,\n subName,\n \"\",\n depth + 1,\n firstCompatDepth,\n ),\n );\n }\n }\n return features;\n}\n\n/**\n * Checks if the support statement is an array with more than one item.\n * @param {import(\"@bcd\").SupportStatement | undefined} support\n * @returns {boolean}\n */\nexport function hasMore(support) {\n return Array.isArray(support) && support.length > 1;\n}\n\n/**\n * Determines if a version is a preview version.\n * @param {string | import(\"@bcd\").VersionValue | undefined} version\n * @param {import(\"@bcd\").BrowserStatement} browser\n * @returns {boolean}\n */\nexport function versionIsPreview(version, browser) {\n if (version === \"preview\") {\n return true;\n }\n\n if (browser && typeof version === \"string\" && browser.releases[version]) {\n return [\"beta\", \"nightly\", \"planned\"].includes(\n browser.releases[version].status,\n );\n }\n\n return false;\n}\n\n/**\n * Checks if the support statement has noteworthy notes.\n * @param {import(\"@bcd\").SimpleSupportStatement} support\n * @returns {boolean}\n */\nexport function hasNoteworthyNotes(support) {\n return (\n !!(\n (support.notes && support.notes.length > 0) ||\n (support.impl_url && support.impl_url.length > 0)\n ) &&\n !support.version_removed &&\n !support.partial_implementation\n );\n}\n\n/**\n * Converts a bug URL to a simplified string.\n * @param {string} url\n * @returns {string}\n */\nexport function bugURLToString(url) {\n const match = url.match(\n /^https:\\/\\/(?:crbug\\.com|webkit\\.org\\/b|bugzil\\.la)\\/([0-9]+)/i,\n );\n const bugNumber = match ? match[1] : undefined;\n return bugNumber ? `bug ${bugNumber}` : url;\n}\n\n/**\n * Checks if a support statement has any limitation.\n * @param {import(\"@bcd\").SimpleSupportStatement} support\n * @returns {boolean}\n */\nfunction hasLimitation(support) {\n return hasMajorLimitation(support) || !!support.notes || !!support.impl_url;\n}\n\n/**\n * Checks if a support statement has major limitations.\n * @param {import(\"@bcd\").SimpleSupportStatement} support\n * @returns {boolean}\n */\nfunction hasMajorLimitation(support) {\n return (\n support.partial_implementation ||\n !!support.alternative_name ||\n !!support.flags ||\n !!support.prefix ||\n !!support.version_removed\n );\n}\n\n/**\n * Checks if a support statement is fully supported without any limitation.\n * @param {import(\"@bcd\").SimpleSupportStatement} support\n * @returns {boolean}\n */\nexport function isFullySupportedWithoutLimitation(support) {\n return !!support.version_added && !hasLimitation(support);\n}\n\n/**\n * Checks if a support statement is not supported at all.\n * @param {import(\"@bcd\").SimpleSupportStatement} support\n * @returns {boolean}\n */\nexport function isNotSupportedAtAll(support) {\n return support.version_added === false && !hasLimitation(support);\n}\n\n/**\n * Checks if a support statement is fully supported without major limitations.\n * @param {import(\"@bcd\").SimpleSupportStatement} support\n * @returns {boolean}\n */\nfunction isFullySupportedWithoutMajorLimitation(support) {\n return !!support.version_added && !hasMajorLimitation(support);\n}\n\n/**\n * Gets the current support statement from a support statement extended.\n *\n * Prioritizes support items in the following order:\n * 1. Full support without limitation.\n * 2. Full support with only notes and version_added.\n * 3. Full support with alternative name or prefix.\n * 4. Partial support.\n * 5. Support with flags only.\n * 6. No/Inactive support.\n * @param {import(\"@compat\").SupportStatementExtended | undefined} support\n * @returns {import(\"@compat\").SimpleSupportStatementExtended | undefined}\n */\nexport function getCurrentSupport(support) {\n if (!support) return;\n\n // Full support without limitation.\n const noLimitationSupportItem = asList(support).find((item) =>\n isFullySupportedWithoutLimitation(item),\n );\n if (noLimitationSupportItem) return noLimitationSupportItem;\n\n // Full support with only notes and version_added.\n const minorLimitationSupportItem = asList(support).find((item) =>\n isFullySupportedWithoutMajorLimitation(item),\n );\n if (minorLimitationSupportItem) return minorLimitationSupportItem;\n\n // Full support with alternative name/prefix.\n const altnamePrefixSupportItem = asList(support).find(\n (item) => !item.version_removed && (item.prefix || item.alternative_name),\n );\n if (altnamePrefixSupportItem) return altnamePrefixSupportItem;\n\n // Partial support.\n const partialSupportItem = asList(support).find(\n (item) => !item.version_removed && item.partial_implementation,\n );\n if (partialSupportItem) return partialSupportItem;\n\n // Support with flags only.\n const flagSupportItem = asList(support).find(\n (item) => !item.version_removed && item.flags,\n );\n if (flagSupportItem) return flagSupportItem;\n\n // No/Inactive support.\n const noSupportItem = asList(support).find((item) => item.version_removed);\n if (noSupportItem) return noSupportItem;\n\n // Default (likely never reached).\n return getFirst(support);\n}\n","import { html } from \"lit\";\n\nimport { getCurrentSupport, versionIsPreview } from \"./utils.js\";\n\n/**\n * Returns a CSS class name based on support data and the browser.\n * @param {import(\"@compat\").SupportStatementExtended|undefined} support - The extended support statement.\n * @param {import(\"@bcd\").BrowserStatement} browser - The browser statement.\n * @returns {import(\"@compat\").SupportClassName}\n */\nexport function getSupportClassName(support, browser) {\n if (!support) {\n return \"unknown\";\n }\n\n const currentSupport = getCurrentSupport(support);\n if (!currentSupport) {\n return \"unknown\";\n }\n const { flags, version_added, version_removed, partial_implementation } =\n currentSupport;\n\n /** @type {import(\"@compat\").SupportClassName} */\n let className;\n if (version_added === null) {\n className = \"unknown\";\n } else if (versionIsPreview(version_added, browser)) {\n className = \"preview\";\n } else if (version_added) {\n className = \"yes\";\n if (version_removed || (flags && flags.length > 0)) {\n className = \"no\";\n }\n } else {\n className = \"no\";\n }\n if (partial_implementation) {\n className = version_removed ? \"removed-partial\" : \"partial\";\n }\n\n return className;\n}\n\n/**\n * Returns a label string derived from a version value.\n * @param {string|boolean|null|undefined} version - The version value.\n * @param {import(\"@bcd\").BrowserStatement} browser - The browser statement.\n * @returns {string} The resulting label.\n */\nexport function labelFromString(version, browser) {\n if (typeof version !== \"string\") {\n return \"?\";\n }\n if (version === \"preview\") {\n return browser.preview_name ?? \"Preview\";\n }\n // Treat BCD ranges as exact versions to avoid confusion for the reader\n // See https://github.com/mdn/yari/issues/3238\n if (version.startsWith(\"≤\")) {\n version = version.slice(1);\n }\n // New: Omit trailing \".0\".\n version = version.replaceAll(/(\\.0)+$/g, \"\");\n\n return version;\n}\n\n/**\n * Generates a version label from added and removed support data.\n * @param {string|boolean|null|undefined} added - The added version.\n * @param {string|boolean|null|undefined} removed - The removed version.\n * @param {import(\"@bcd\").BrowserStatement} browser - The browser statement.\n * @returns {import(\"lit\").TemplateResult} A lit-html template result representing the version label.\n */\nexport function versionLabelFromSupport(added, removed, browser) {\n if (typeof removed !== \"string\") {\n return html`${labelFromString(added, browser)}`;\n }\n return html`${labelFromString(\n added,\n browser,\n )}&#8202;&ndash;&#8202;${labelFromString(removed, browser)}`;\n}\n\n/**\n * Retrieves the browser release date from a support statement.\n * @param {import(\"@compat\").SupportStatementExtended|undefined} support - The extended support statement.\n * @returns {string|undefined} The release date if available.\n */\nexport function getSupportBrowserReleaseDate(support) {\n if (!support) {\n return;\n }\n\n return getCurrentSupport(support)?.release_date;\n}\n","import { LitElement, html, nothing } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\n\nimport { DEFAULT_LOCALE, ISSUE_METADATA_TEMPLATE } from \"./constants.js\";\nimport styles from \"./element.css?lit\";\nimport {\n getSupportBrowserReleaseDate,\n getSupportClassName,\n labelFromString,\n versionLabelFromSupport,\n} from \"./feature-row.js\";\nimport {\n HIDDEN_BROWSERS,\n asList,\n bugURLToString,\n getCurrentSupport,\n getFirst,\n hasMore,\n hasNoteworthyNotes,\n isFullySupportedWithoutLimitation,\n isNotSupportedAtAll,\n listFeatures,\n versionIsPreview,\n} from \"./utils.js\";\n\n/** @type {import(\"@compat\").IconName[]} */\nconst ICON_NAMES = [\n \"yes\",\n \"partial\",\n \"preview\",\n \"no\",\n \"unknown\",\n \"experimental\",\n \"nonstandard\",\n \"deprecated\",\n \"footnote\",\n \"disabled\",\n \"altname\",\n \"prefix\",\n \"more\",\n];\n\n/**\n * @param {import(\"@bcd\").BrowserName} browser\n * @returns {string}\n */\nfunction browserToIconName(browser) {\n if (browser.startsWith(\"firefox\")) {\n return \"firefox\";\n } else if (browser === \"webview_android\") {\n return \"webview\";\n } else if (browser === \"webview_ios\") {\n return \"safari\";\n } else {\n return browser.split(\"_\")[0] ?? \"\";\n }\n}\n\nexport class MDNCompatTable extends L10nMixin(LitElement) {\n static properties = {\n query: {},\n locale: {},\n data: {},\n browserInfo: { attribute: \"browserinfo\" },\n _pathname: { state: true },\n _platforms: { state: true },\n _browsers: { state: true },\n };\n\n static styles = styles;\n\n constructor() {\n super();\n this.query = \"\";\n /** @type {import(\"@bcd\").Identifier} */\n this.data = {};\n /** @type {Partial<import(\"@bcd\").Browsers>} */\n this.browserInfo = {};\n this.locale = \"\";\n this._pathname = \"\";\n /** @type {string[]} */\n this._platforms = [];\n /** @type {import(\"@bcd\").BrowserName[]} */\n this._browsers = [];\n }\n\n get _breadcrumbs() {\n return this.query.split(\".\");\n }\n\n get _category() {\n return this._breadcrumbs[0] ?? \"\";\n }\n\n get _name() {\n return this._breadcrumbs.at(-1) ?? \"\";\n }\n\n /**\n * Gets the active legend items based on browser compatibility data.\n * @param {import(\"@bcd\").Identifier} compat - The compatibility data identifier.\n * @param {string} name - The name of the feature.\n * @param {Partial<import(\"@bcd\").Browsers>} browserInfo - Information about browsers.\n * @param {import(\"@bcd\").BrowserName[]} browsers - The list of displayed browsers.\n * @returns {import(\"@compat\").IconName[]} An array of legend keys.\n */\n _getActiveLegendItems(compat, name, browserInfo, browsers) {\n /** @type {Set<import(\"@compat\").IconName>} */\n const legendItems = new Set();\n\n for (const feature of listFeatures(compat, \"\", name)) {\n const { status } = feature.compat;\n\n if (status) {\n if (status.experimental) {\n legendItems.add(\"experimental\");\n }\n if (status.deprecated) {\n legendItems.add(\"deprecated\");\n }\n if (!status.standard_track) {\n legendItems.add(\"nonstandard\");\n }\n }\n\n for (const browser of browsers) {\n const browserSupport = feature.compat.support[browser] ?? {\n version_added: false,\n };\n\n if (HIDDEN_BROWSERS.includes(browser)) {\n continue;\n }\n\n const firstSupportItem = getFirst(browserSupport);\n if (firstSupportItem && hasNoteworthyNotes(firstSupportItem)) {\n legendItems.add(\"footnote\");\n }\n\n for (const versionSupport of asList(browserSupport)) {\n if (versionSupport.version_added) {\n if (versionSupport.flags && versionSupport.flags.length > 0) {\n legendItems.add(\"no\");\n } else if (\n browserInfo[browser] &&\n versionIsPreview(\n versionSupport.version_added,\n browserInfo[browser],\n )\n ) {\n legendItems.add(\"preview\");\n } else {\n legendItems.add(\"yes\");\n }\n } else if (versionSupport.version_added == undefined) {\n legendItems.add(\"unknown\");\n } else {\n legendItems.add(\"no\");\n }\n\n if (versionSupport.partial_implementation) {\n legendItems.add(\"partial\");\n }\n if (versionSupport.prefix) {\n legendItems.add(\"prefix\");\n }\n if (versionSupport.alternative_name) {\n legendItems.add(\"altname\");\n }\n if (versionSupport.flags) {\n legendItems.add(\"disabled\");\n }\n }\n\n if (hasMore(browserSupport)) {\n legendItems.add(\"more\");\n }\n }\n }\n\n return ICON_NAMES.filter((key) => legendItems.has(key));\n }\n\n connectedCallback() {\n super.connectedCallback();\n this._pathname = globalThis.location.pathname;\n [this._platforms, this._browsers] = gatherPlatformsAndBrowsers(\n this._category,\n this.data,\n this.browserInfo,\n );\n }\n\n get _issueUrl() {\n const url = \"https://github.com/mdn/browser-compat-data/issues/new\";\n const sp = new URLSearchParams();\n const metadata = ISSUE_METADATA_TEMPLATE.replaceAll(\n \"$DATE\",\n new Date().toISOString(),\n )\n .replaceAll(\"$QUERY_ID\", this.query)\n .trim();\n sp.set(\"mdn-url\", `https://developer.mozilla.org${this._pathname}`);\n sp.set(\"metadata\", metadata);\n sp.set(\"title\", `${this.query} - <SUMMARIZE THE PROBLEM>`);\n sp.set(\"template\", \"data-problem.yml\");\n\n return `${url}?${sp.toString()}`;\n }\n\n _renderIssueLink() {\n const onClick = (/** @type {MouseEvent} */ event) => {\n event.preventDefault();\n window.open(this._issueUrl, \"_blank\", \"noopener,noreferrer\");\n };\n const source_file = this.data.__compat?.source_file;\n return html`<div class=\"bc-on-github\">\n <a\n class=\"bc-github-link external external-icon\"\n href=\"#\"\n @click=${onClick}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n title=${this.l10n(\n \"compat-link-report-issue-title\",\n )`Report an issue with this compatibility data`}\n >\n ${this.l10n(\n \"compat-link-report-issue\",\n )`Report problems with this compatibility data`}</a\n >${source_file\n ? html` •\n <a\n class=\"bc-github-link external external-icon\"\n href=${`https://github.com/mdn/browser-compat-data/tree/main/${source_file}`}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n title=${this.l10n.raw({\n id: \"compat-link-source-title\",\n args: {\n filename: source_file,\n },\n })}\n >\n ${this.l10n(\"compat-link-source\")`View data on GitHub`}\n </a>`\n : undefined}\n </div>`;\n }\n\n _renderTable() {\n return html`<figure class=\"table-container\">\n <figure class=\"table-container-inner\">\n ${this._renderIssueLink()}\n <table\n class=\"bc-table bc-table-web\"\n style=\"--compat-browser-count: ${Object.keys(this._browsers).length}\"\n >\n ${this._renderTableHeader()} ${this._renderTableBody()}\n </table>\n </figure>\n </figure>`;\n }\n\n _renderTableHeader() {\n return html`<thead>\n ${this._renderPlatformHeaders()} ${this._renderBrowserHeaders()}\n </thead>`;\n }\n\n _renderPlatformHeaders() {\n const platformsWithBrowsers = this._platforms.map((platform) => ({\n platform,\n browsers: this._browsers.filter(\n (browser) => this.browserInfo[browser]?.type === platform,\n ),\n }));\n\n const grid = platformsWithBrowsers.map(({ browsers }) => browsers.length);\n\n const platformCells = platformsWithBrowsers.map(\n ({ platform, browsers }, index) => {\n // Get the intersection of browsers in the `browsers` array and the\n // `PLATFORM_BROWSERS[platform]`.\n const browserCount = browsers.length;\n const cellClass = `bc-platform bc-platform-${platform}`;\n const iconClass = `icon icon-${platform}`;\n\n const columnStart =\n 2 + grid.slice(0, index).reduce((acc, x) => acc + x, 0);\n const columnEnd = columnStart + browserCount;\n return html`<th\n class=${cellClass}\n colspan=${browserCount}\n title=${platform}\n style=\"grid-column: ${columnStart} / ${columnEnd}\"\n >\n <span class=${iconClass}></span>\n <span class=\"visually-hidden\">${platform}</span>\n </th>`;\n },\n );\n\n return html`<tr class=\"bc-platforms\">\n <td></td>\n ${platformCells}\n </tr>`;\n }\n\n _renderBrowserHeaders() {\n // <BrowserHeaders>\n const browserCells = this._browsers.map(\n (browser) =>\n html`<th class=${`bc-browser bc-browser-${browser}`}>\n <div class=${`bc-head-txt-label bc-head-icon-${browser}`}>\n ${this.browserInfo[browser]?.name}\n </div>\n <div\n class=${`bc-head-icon-symbol icon icon-${browserToIconName(\n browser,\n )}`}\n ></div>\n </th>`,\n );\n\n return html`<tr class=\"bc-browsers\">\n <td></td>\n ${browserCells}\n </tr>`;\n }\n\n _renderTableBody() {\n // <FeatureListAccordion>\n const { data, _browsers: browsers, browserInfo, locale } = this;\n let features = listFeatures(data, \"\", this._name);\n\n const MAX_FEATURES = 100;\n\n // If there are too many features, hide nested features.\n if (features.length > MAX_FEATURES) {\n features = features.filter(({ depth }) => depth < 2);\n }\n\n // If there are still too many features, hide non-standard features.\n if (features.length > MAX_FEATURES) {\n features = features.filter(\n ({ compat: { status } }) => status?.standard_track,\n );\n }\n\n // If there are still too many features, hide deprecated features.\n if (features.length > MAX_FEATURES) {\n features = features.filter(\n ({ compat: { status } }) => !status?.deprecated,\n );\n }\n\n // If there are still too many features, hide experimental features.\n if (features.length > MAX_FEATURES) {\n features = features.filter(\n ({ compat: { status } }) => !status?.experimental,\n );\n }\n\n // At this point, we did all we can to reduce the number of features shown.\n if (features.length > MAX_FEATURES) {\n features = features.slice(0, MAX_FEATURES);\n }\n\n const featureRows = features.map((feature) => {\n // <FeatureRow>\n const { name, compat, depth } = feature;\n\n const title = compat.description\n ? html`<span>${unsafeHTML(compat.description)}</span>`\n : html`<code>${name}</code>`;\n\n let titleNode;\n const titleContent = html`${title}${compat.status &&\n this._renderStatusIcons(compat.status)}`;\n if (compat.mdn_url && depth > 0) {\n const href = compat.mdn_url.replace(\n `/${DEFAULT_LOCALE}/docs`,\n `/${locale}/docs`,\n );\n titleNode = html`<a\n href=${href}\n class=\"bc-table-row-header\"\n data-glean-id=${`bcd: link -> ${href}`}\n >\n ${titleContent}\n </a>`;\n } else {\n titleNode = html`<div class=\"bc-table-row-header\">\n ${titleContent}\n </div>`;\n }\n\n const handleMousedown = (/** @type {MouseEvent} */ event) => {\n // Blur active element if already focused.\n const activeElement = this.shadowRoot?.activeElement;\n const { currentTarget } = event;\n\n if (\n activeElement instanceof HTMLElement &&\n currentTarget instanceof HTMLElement\n ) {\n const activeCell = activeElement.closest(\"td\");\n const currentCell = currentTarget.closest(\"td\");\n\n if (activeCell === currentCell) {\n activeElement.blur();\n event.preventDefault();\n return;\n }\n }\n\n if (currentTarget instanceof HTMLElement) {\n // Workaround for Safari, which doesn't focus implicitly.\n setTimeout(() => currentTarget.focus(), 0);\n }\n };\n\n const browserCells = browsers.map((browserName) => {\n // <CompatCell>\n const browser = browserInfo[browserName];\n if (!browser) {\n return nothing;\n }\n const support = compat.support[browserName] ?? {\n version_added: false,\n };\n\n const supportClassName = getSupportClassName(support, browser);\n const notes = this._renderNotes(browser, support);\n\n return html`<td\n class=${`bc-support bc-browser-${browserName} bc-supports-${supportClassName} ${\n notes ? \"bc-has-history\" : \"\"\n }`}\n >\n <button\n type=\"button\"\n title=${ifDefined(notes && \"Toggle history\")}\n @mousedown=${handleMousedown}\n >\n ${this._renderCellText(support, browser)}\n </button>\n ${notes &&\n html`<div class=\"timeline\" tabindex=\"0\">\n <dl class=\"bc-notes-list\">${notes}</dl>\n </div>`}\n </td>`;\n });\n\n return html`<tr>\n <th class=${`bc-feature bc-feature-depth-${depth}`} scope=\"row\">\n ${titleNode}\n </th>\n ${browserCells}\n </tr>`;\n });\n\n return html`<tbody>\n ${featureRows}\n </tbody>`;\n }\n\n /**\n * @param {import(\"@bcd\").SupportStatement} support\n */\n _renderCellIcons(support) {\n const supportItem = getCurrentSupport(support);\n if (!supportItem) {\n return;\n }\n\n const icons = [\n supportItem.prefix && this._renderIcon(\"prefix\"),\n hasNoteworthyNotes(supportItem) && this._renderIcon(\"footnote\"),\n supportItem.alternative_name && this._renderIcon(\"altname\"),\n supportItem.flags && this._renderIcon(\"disabled\"),\n hasMore(support) && this._renderIcon(\"more\"),\n ].filter(Boolean);\n\n return icons.length > 0\n ? html`<div class=\"bc-icons\">${icons}</div>`\n : undefined;\n }\n\n /**\n * @param {import(\"@compat\").IconName} name\n * @returns {import(\"@lit\").TemplateResult}\n */\n _renderIcon(name) {\n const title = this._getLegendLabel(name);\n\n return html`\n <span class=\"icon-wrap\">\n <abbr class=\"only-icon\" title=${ifDefined(title)}>\n <span>${name}</span>\n <i class=${`icon icon-${name}`}></i>\n </abbr>\n </span>\n `;\n }\n\n /**\n * @param {import(\"@compat\").IconName} name\n */\n _getLegendLabel(name) {\n return {\n yes: () => this.l10n(\"compat-legend-yes\"),\n partial: () => this.l10n(\"compat-legend-partial\"),\n preview: () => this.l10n(\"compat-legend-preview\"),\n no: () => this.l10n(\"compat-legend-no\"),\n unknown: () => this.l10n(\"compat-legend-unknown\"),\n experimental: () => this.l10n(\"compat-legend-experimental\"),\n nonstandard: () => this.l10n(\"compat-legend-nonstandard\"),\n deprecated: () => this.l10n(\"compat-legend-deprecated\"),\n footnote: () => this.l10n(\"compat-legend-footnote\"),\n disabled: () => this.l10n(\"compat-legend-disabled\"),\n altname: () => this.l10n(\"compat-legend-altname\"),\n prefix: () => this.l10n(\"compat-legend-prefix\"),\n more: () => this.l10n(\"compat-legend-more\"),\n }[name]();\n }\n\n /**\n * @param {import(\"@bcd\").StatusBlock} status\n */\n _renderStatusIcons(status) {\n // <StatusIcons>\n /**\n * @type {Array<{ title: import(\"@lit\").L10nResult; text: import(\"@lit\").L10nResult; iconClassName: string }>}\n */\n const icons = [];\n\n if (status.experimental) {\n icons.push({\n title: this._getLegendLabel(\"experimental\"),\n text: this.l10n(\"compat-experimental\")`Experimental`,\n iconClassName: \"icon-experimental\",\n });\n }\n\n if (status.deprecated) {\n icons.push({\n title: this._getLegendLabel(\"deprecated\"),\n text: this.l10n(\"compat-deprecated\")`Experimental`,\n iconClassName: \"icon-deprecated\",\n });\n }\n\n if (!status.standard_track) {\n icons.push({\n title: this._getLegendLabel(\"nonstandard\"),\n text: this.l10n(\"compat-nonstandard\")`Non-standard`,\n iconClassName: \"icon-nonstandard\",\n });\n }\n\n const renderedIcons = icons.map(\n (icon) =>\n html`<abbr\n class=${`only-icon icon ${icon.iconClassName}`}\n title=${icon.title}\n >\n <span>${icon.text}</span>\n </abbr>`,\n );\n\n return icons.length === 0\n ? undefined\n : html`<div class=\"bc-icons\">${renderedIcons}</div>`;\n }\n\n /**\n *\n * @param {import(\"@bcd\").BrowserStatement} browser\n * @param {import(\"@bcd\").SupportStatement} support\n */\n _renderNotes(browser, support) {\n return [...asList(support)]\n .reverse()\n .flatMap((item, i) => {\n const notes = this._getNotes(browser, support, item);\n\n const notesItems = notes.map(({ iconName, label }) => {\n return html`<dd class=\"bc-supports-dd\">\n ${this._renderIcon(iconName)}${typeof label === \"string\"\n ? html`<span>${unsafeHTML(label)}</span>`\n : label}\n </dd>`;\n });\n\n const hasNotes = notesItems.length > 0;\n\n return (\n (i === 0 || hasNotes) &&\n html`<div class=\"bc-notes-wrapper\">\n <dt\n class=${`bc-supports-${getSupportClassName(\n item,\n browser,\n )} bc-supports`}\n >\n ${this._renderCellText(item, browser, true)}\n </dt>\n ${notesItems} ${hasNotes ? undefined : html`<dd></dd>`}\n </div>`\n );\n })\n .filter(Boolean);\n }\n\n /**\n * @param {import(\"@bcd\").BrowserStatement} browser\n * @param {import(\"@bcd\").SupportStatement} support\n * @param {import(\"@bcd\").SimpleSupportStatement} item\n * @returns\n */\n _getNotes(browser, support, item) {\n /**\n * @type {Array<{iconName: import(\"@compat\").IconName; label: string | import(\"@lit\").L10nResult | undefined }>}\n */\n const supportNotes = [];\n\n if (\n item.version_removed &&\n !asList(support).some(\n (otherItem) => otherItem.version_added === item.version_removed,\n )\n ) {\n supportNotes.push({\n iconName: \"footnote\",\n label: this.l10n.raw({\n id: \"compat-support-removed\",\n args: {\n version: labelFromString(item.version_removed, browser),\n },\n }),\n });\n }\n\n if (item.partial_implementation) {\n supportNotes.push({\n iconName: \"footnote\",\n label: this.l10n(\"compat-support-partial\")`Partial support`,\n });\n }\n\n if (item.prefix) {\n supportNotes.push({\n iconName: \"prefix\",\n label: this.l10n.raw({\n id: \"compat-support-prefix\",\n args: {\n prefix: item.prefix,\n },\n }),\n });\n }\n\n if (item.alternative_name) {\n supportNotes.push({\n iconName: \"altname\",\n label: this.l10n.raw({\n id: \"compat-support-altname\",\n args: {\n altname: item.alternative_name,\n },\n }),\n });\n }\n\n if (item.flags) {\n for (const { type, name, value_to_set } of item.flags) {\n supportNotes.push({\n iconName: \"disabled\",\n label: this.l10n.raw({\n id: \"compat-support-flags\",\n args: {\n has_added: Number(\n typeof item.version_added === \"string\" &&\n item.version_added !== \"preview\",\n ),\n version_added: item.version_added,\n has_last: Number(typeof item.version_last === \"string\"),\n versionLast: item.version_last,\n flag_type: type,\n flag_name: name,\n has_value: Number(typeof value_to_set === \"string\"),\n flag_value: value_to_set,\n has_pref_url: Number(typeof browser.pref_url === \"string\"),\n browser_name: browser.name,\n browser_pref_url: browser.pref_url,\n },\n elements: {\n name: {\n tag: \"code\",\n },\n value: {\n tag: \"code\",\n },\n },\n }),\n });\n }\n }\n\n if (item.notes) {\n const notes = Array.isArray(item.notes) ? item.notes : [item.notes];\n for (const note of notes) {\n supportNotes.push({\n iconName: \"footnote\",\n label: note,\n });\n }\n }\n\n if (item.impl_url) {\n const impl_urls = Array.isArray(item.impl_url)\n ? item.impl_url\n : [item.impl_url];\n\n for (const impl_url of impl_urls) {\n supportNotes.push({\n iconName: \"footnote\",\n label: this.l10n.raw({\n id: \"compat-support-see-impl-url\",\n args: {\n label: bugURLToString(impl_url),\n },\n elements: {\n impl_url: {\n tag: \"a\",\n href: impl_url,\n },\n },\n }),\n });\n }\n }\n\n if (versionIsPreview(item.version_added, browser)) {\n supportNotes.push({\n iconName: \"footnote\",\n label: this.l10n(\"compat-support-preview\")`Preview browser support`,\n });\n }\n\n // If we encounter nothing else than the required `version_added` and\n // `release_date` properties, assume full support.\n // EDIT 1-5-21: if item.version_added doesn't exist, assume no support.\n if (\n isFullySupportedWithoutLimitation(item) &&\n !versionIsPreview(item.version_added, browser)\n ) {\n supportNotes.push({\n iconName: \"footnote\",\n label: this.l10n(\"compat-support-full\")`Full support`,\n });\n } else if (isNotSupportedAtAll(item)) {\n supportNotes.push({\n iconName: \"footnote\",\n label: this.l10n(\"compat-support-no\")`No support`,\n });\n }\n\n if (supportNotes.length === 0) {\n supportNotes.push({\n iconName: \"unknown\",\n label: this.l10n(\"compat-support-unknown\")`Support unknown`,\n });\n }\n\n return supportNotes;\n }\n\n /**\n *\n * @param {import(\"@bcd\").SupportStatement | undefined} support\n * @param {import(\"@bcd\").BrowserStatement} browser\n * @param {boolean} [timeline]\n */\n _renderCellText(support, browser, timeline = false) {\n const currentSupport = getCurrentSupport(support);\n\n const added = currentSupport?.version_added ?? undefined;\n const lastVersion = currentSupport?.version_last ?? undefined;\n\n const browserReleaseDate = getSupportBrowserReleaseDate(support);\n const supportClassName = getSupportClassName(support, browser);\n\n let status;\n switch (added) {\n case undefined: {\n status = { isSupported: \"unknown\" };\n break;\n }\n case false: {\n status = { isSupported: \"no\" };\n break;\n }\n case \"preview\": {\n status = { isSupported: \"preview\" };\n break;\n }\n default: {\n status = {\n isSupported: supportClassName,\n label: versionLabelFromSupport(added, lastVersion, browser),\n };\n break;\n }\n }\n\n let label;\n /** @type {\"\" | import(\"@lit\").L10nResult} */\n let title = \"\";\n\n switch (status.isSupported) {\n case \"yes\": {\n title = this.l10n(\"compat-support-full\")`Full support`;\n label = status.label || this.l10n(\"compat-yes\")`Yes`;\n break;\n }\n\n case \"partial\": {\n title = this.l10n(\"compat-support-partial\")`Partial support`;\n label = status.label || this.l10n(\"compat-partial\")`Partial`;\n break;\n }\n\n case \"removed-partial\": {\n if (timeline) {\n title = this.l10n(\"compat-support-partial\")`Partial support`;\n label = status.label || this.l10n(\"compat-partial\")`Partial`;\n } else {\n title = this.l10n(\"compat-support-no\")`No support`;\n label = status.label || this.l10n(\"compat-no\")`No`;\n }\n break;\n }\n\n case \"no\": {\n title = this.l10n(\"compat-support-no\")`No support`;\n label = status.label || this.l10n(\"compat-no\")`No`;\n break;\n }\n\n case \"preview\": {\n title = this.l10n(\"compat-support-preview\")`Preview support`;\n label = status.label || browser.preview_name;\n break;\n }\n\n case \"unknown\": {\n title = this.l10n(\"compat-support-unknown\")`Support unknown`;\n label = \"?\";\n break;\n }\n }\n\n title = `${browser.name} – ${title}`;\n\n return html`<div\n class=${timeline\n ? \"bcd-timeline-cell-text-wrapper\"\n : \"bcd-cell-text-wrapper\"}\n >\n <div class=\"bcd-cell-icons\">\n <span class=\"icon-wrap\">\n <abbr\n class=${`\n bc-level-${supportClassName}\n icon\n icon-${supportClassName}`}\n title=${title}\n >\n <span class=\"bc-support-level\">${title}</span>\n </abbr>\n </span>\n </div>\n <div class=\"bcd-cell-text-copy\">\n <span class=\"bc-browser-name\">${browser.name}</span>\n <span\n class=\"bc-version-label\"\n title=${browserReleaseDate && !timeline\n ? this.l10n.raw({\n id: \"compat-browser-version-date\",\n args: {\n browser: browser.name,\n version: added,\n date: browserReleaseDate,\n },\n })\n : \"\"}\n >\n ${!timeline || added ? label : undefined}\n ${browserReleaseDate && timeline\n ? ` (${this.l10n.raw({ id: \"compat-browser-version-released\", args: { date: browserReleaseDate } })})`\n : \"\"}\n </span>\n </div>\n ${support && this._renderCellIcons(support)}\n </div>`;\n }\n\n _renderTableLegend() {\n const { _browsers: browsers, browserInfo } = this;\n\n if (!browserInfo) {\n throw new Error(\"Missing browser info\");\n }\n\n const items = this._getActiveLegendItems(\n this.data,\n this._name,\n browserInfo,\n browsers,\n ).map((key) => {\n const label = this._getLegendLabel(key);\n return [\"yes\", \"partial\", \"no\", \"unknown\", \"preview\"].includes(key)\n ? html`<div class=\"bc-legend-item\">\n <dt class=\"bc-legend-item-dt\">\n <span class=${`bc-supports-${key} bc-supports`}>\n <abbr\n class=${`bc-level bc-level-${key} icon icon-${key}`}\n title=${label}\n >\n <span class=\"visually-hidden\">${label}</span>\n </abbr>\n </span>\n </dt>\n <dd class=\"bc-legend-item-dd\">${label}</dd>\n </div>`\n : html`<div class=\"bc-legend-item\">\n <dt class=\"bc-legend-item-dt\">\n <abbr class=\"legend-icons icon icon-${key}\" title=${label}></abbr>\n </dt>\n <dd class=\"bc-legend-item-dd\">${label}</dd>\n </div>`;\n });\n\n return html`<section class=\"bc-legend\">\n <h3 class=\"visually-hidden\" id=\"Legend\">\n ${this.l10n(\"compat-legend\")`Legend`}\n </h3>\n <p class=\"bc-legend-tip\">\n ${this.l10n(\n \"compat-legend-tip\",\n )`Tip: you can click/tap on a cell for more information.`}\n </p>\n <dl class=\"bc-legend-items-container\">${items}</dl>\n </section>`;\n }\n\n render() {\n return html` ${this._renderTable()} ${this._renderTableLegend()} `;\n }\n}\n\ncustomElements.define(\"mdn-compat-table\", MDNCompatTable);\n\n/**\n * Return a list of platforms and browsers that are relevant for this category &\n * data.\n *\n * If the category is \"webextensions\", only those are shown. In all other cases\n * at least the entirety of the \"desktop\" and \"mobile\" platforms are shown. If\n * the category is JavaScript, the entirety of the \"server\" category is also\n * shown. In all other categories, if compat data has info about Deno / Node.js\n * those are also shown. Deno is always shown if Node.js is shown.\n * @param {string} category\n * @param {import(\"@bcd\").Identifier} data\n * @param {Partial<import(\"@bcd\").Browsers>} browserInfo\n * @returns {[string[], import(\"@bcd\").BrowserName[]]}\n */\nexport function gatherPlatformsAndBrowsers(category, data, browserInfo) {\n const hasNodeJSData = data.__compat && \"nodejs\" in data.__compat.support;\n const hasDenoData = data.__compat && \"deno\" in data.__compat.support;\n\n let platforms = [\"desktop\", \"mobile\"];\n if (category === \"javascript\" || hasNodeJSData || hasDenoData) {\n platforms.push(\"server\");\n }\n\n /** @type {import(\"@bcd\").BrowserName[]} */\n let browsers = [];\n\n // Add browsers in platform order to align table cells\n for (const platform of platforms) {\n const platformBrowsers = /** @type {import(\"@bcd\").BrowserName[]} */ (\n Object.keys(browserInfo)\n );\n browsers.push(\n ...platformBrowsers.filter(\n (browser) =>\n browser in browserInfo && browserInfo[browser]?.type === platform,\n ),\n );\n }\n\n // Filter WebExtension browsers in corresponding tables.\n if (category === \"webextensions\") {\n browsers = browsers.filter(\n (browser) => browserInfo[browser]?.accepts_webextensions,\n );\n }\n\n // If there is no Node.js data for a category outside \"javascript\", don't\n // show it. It ended up in the browser list because there is data for Deno.\n if (category !== \"javascript\" && !hasNodeJSData) {\n browsers = browsers.filter((browser) => browser !== \"nodejs\");\n }\n\n // Hide Internet Explorer compatibility data\n browsers = browsers.filter((browser) => !HIDDEN_BROWSERS.includes(browser));\n\n return [platforms, [...browsers]];\n}\n"],"names":["_","Array","r","s","e","Object","h","a","n","MDNCompatTable","Set","globalThis","URLSearchParams","Date","window","HTMLElement","setTimeout","Boolean","t","Number","l","Error","customElements"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- /*! For license information please see 2319.daf8150c3dd00fb4.js.LICENSE.txt */
1
+ /*! For license information please see 2319.0a40303319ac6a6e.js.LICENSE.txt */
2
2
  export const __webpack_id__="2319";export const __webpack_ids__=["2319"];export const __webpack_modules__={20099:function(i,e,t){t.d(e,{A:()=>$});var s=t(63819),r=t(31601),n=t.n(r),o=t(76314),l=t.n(o),a=t(23653),c=t(4417),d=t.n(c),m=new t.U(t(32975)),u=new t.U(t(82351)),g=new t.U(t(7417)),h=new t.U(t(67517)),p=new t.U(t(61550)),f=new t.U(t(76526)),b=l()(n());b.i(a.A);var v=d()(m),k=d()(u),w=d()(g),_=d()(h),x=d()(p),y=d()(f);b.push([i.id,`:host{aspect-ratio:1.5;display:block;margin:.5rem auto;max-width:36rem;overflow:hidden;width:100%}*{box-sizing:border-box}button{appearance:none;background:none;border:none;padding:0}dialog{display:contents}dialog[open]{background-color:#0009;height:90vh;width:90vw}.inner{background-color:#000;border:1px solid #000;container-type:size;flex-direction:column;height:100%}.header,.inner{display:flex;width:100%}.header{align-items:center;background:#000;gap:.25rem;margin:0;min-height:1.75rem;padding:0 .5rem}.header span{color:#fff;font-size:var(--font-size-small);margin-right:auto}.scrim-fullscreen,.scrim-link{background-color:#fff;cursor:pointer;height:1rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1rem}:is(.scrim-fullscreen,.scrim-link):hover{background-color:var(--curriculum-color)}.enter:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${v});mask-image:url(${v})}.exit:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${k});mask-image:url(${k})}.scrim-link:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${w});mask-image:url(${w});-webkit-mask-size:75%;mask-size:75%}.body{flex:1;font-size:4cqmin;position:relative}.background{background-color:#453c78;background-image:url(${_}),url(${x}),url(${y});background-position:1.5em 1.5em,100%,50%;background-repeat:no-repeat;background-size:auto .6em,contain,cover;inset:0;position:absolute}.background h1{bottom:0;color:var(--color-white);font-family:BarlowCondensed-SemiBold,Inter,sans-serif;font-size:3em;font-weight:var(--font-weight-bold);left:0;line-height:var(--font-line-ui);margin:.5em;position:absolute;text-transform:uppercase;text-wrap:balance;width:60%}.background-noise{filter:url(#noise);inset:0;mix-blend-mode:soft-light;position:absolute}.open,iframe{border:none;height:100%;position:absolute;width:100%}.open{--color:#8cb4ffcc;background-image:var(--scrim-img);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;font-size:inherit}.open:hover{--color:#8cb4ffe5}.open svg{height:9em;width:auto;stroke-width:2px}:is(.open svg) circle{fill:var(--color)}:is(.open svg) path{fill:#fff}`,""]);let $=(0,s.AH)([b.toString()])},23653:function(i,e,t){t.d(e,{A:()=>l});var s=t(31601),r=t.n(s),n=t(76314),o=t.n(n)()(r());o.push([i.id,".visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}",""]);let l=o.toString()},76526:function(i,e,t){i.exports=t.p+"scrim-bg.27f047d7e991dbe9.png"},82351:function(i,e,t){i.exports=t.p+"cancel.7362f2cdf3515e0d.svg"},7417:function(i,e,t){i.exports=t.p+"external-link.4f3a2dc8e402cae5.svg"},32975:function(i,e,t){i.exports=t.p+"fullscreen-enter.452bcbaed6904ec7.svg"},61550:function(i,e,t){i.exports=t.p+"scrim-hexagons.e59318adb5550050.svg"},67517:function(i,e,t){i.exports=t.p+"scrimba-logo.0c5b5b4efd2b23dc.svg"},1826:function(i,e,t){t.r(e),t.d(e,{MDNScrimInline:()=>MDNScrimInline});var s=t(63819),r=t(62963),n=t(38758);let o=(0,s.JW)`<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" viewBox="0 0 112 112"><circle cx="55.764" cy="55.764" r="41.823"/><path d="M69.011 57.428a2 2 0 0 0 0-3.328L50.903 42.027c-1.33-.886-3.11.067-3.11 1.664v24.145c0 1.598 1.78 2.55 3.11 1.664z"/></svg>`;var l=t(20099);let MDNScrimInline=class MDNScrimInline extends s.WF{static styles=l.A;static ssr=!1;static properties={url:{type:String},img:{type:String},scrimTitle:{type:String,attribute:"scrimtitle"},_fullscreen:{state:!0},_scrimLoaded:{state:!0}};constructor(){super(),this.url=void 0,this._fullUrl=void 0,this._scrimId=void 0,this.img=void 0,this._imgStyle={},this.scrimTitle=void 0,this._fullscreen=!1,this._scrimLoaded=!1}willUpdate(i){if(i.has("url"))if(this.url){let i=new URL(this.url);i.searchParams.set("via","mdn"),i.searchParams.set("embed",""),this._fullUrl=i.toString(),this._scrimId=i.pathname.slice(1)}else this._fullUrl=void 0,this._scrimId=void 0;i.has("img")&&(this._imgStyle=this.img?{"--scrim-img":`url(${this.img})`}:{})}render(){return this.url&&this._fullUrl?(0,s.qy)`
3
3
  <dialog @close=${this.#i} style=${(0,n.W)(this._imgStyle)}>
4
4
  <div class="inner">
@@ -15,7 +15,7 @@ export const __webpack_id__="2319";export const __webpack_ids__=["2319"];export
15
15
  target="_blank"
16
16
  rel="origin noreferrer"
17
17
  class="external"
18
- data-glean="curriculum: scrim link id:${this._scrimId}"
18
+ data-glean-id="curriculum: scrim link id:${this._scrimId}"
19
19
  >
20
20
  <div class="scrim-link"></div>
21
21
  <span class="visually-hidden">Open on Scrimba</span>
@@ -45,7 +45,7 @@ export const __webpack_id__="2319";export const __webpack_ids__=["2319"];export
45
45
  <button
46
46
  @click=${this.#t}
47
47
  class="open"
48
- data-glean=${`curriculum: scrim engage id:${this._scrimId}`}
48
+ data-glean-id=${`curriculum: scrim engage id:${this._scrimId}`}
49
49
  >
50
50
  ${o}
51
51
  <span class="visually-hidden">
@@ -57,4 +57,4 @@ export const __webpack_id__="2319";export const __webpack_ids__=["2319"];export
57
57
  </div>
58
58
  </dialog>
59
59
  `:s.s6}#e(i){i.target instanceof HTMLElement&&(i.target.dataset.glean=`curriculum: scrim fullscreen -> ${+!this._fullscreen} id:${this._scrimId}`),this._fullscreen?this.#s():this.#t()}#t(){let i=this.renderRoot.querySelector("dialog");i&&(i.showModal(),this._scrimLoaded=!0,this._fullscreen=!0)}#s(){let i=this.renderRoot.querySelector("dialog");i?.close()}#i(){this._fullscreen=!1}};customElements.define("mdn-scrim-inline",MDNScrimInline)},62963:function(i,e,t){t.d(e,{J:()=>r});var s=t(97160);let r=i=>i??s.s6}};
60
- //# sourceMappingURL=2319.daf8150c3dd00fb4.js.map
60
+ //# sourceMappingURL=2319.0a40303319ac6a6e.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"2319.daf8150c3dd00fb4.js","sources":["webpack://@mdn/fred/./components/scrim-inline/element.css","webpack://@mdn/fred/./components/visually-hidden/global.css?228a","webpack://@mdn/fred/./components/scrim-inline/assets/scrim-play.svg","webpack://@mdn/fred/./components/scrim-inline/element.js","webpack://@mdn/fred/./node_modules/lit-html/directives/if-defined.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../visually-hidden/global.css\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/fullscreen-enter.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../icon/cancel.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(\"../icon/external-link.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_3___ = new URL(\"assets/scrimba-logo.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_4___ = new URL(\"assets/scrim-hexagons.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_5___ = new URL(\"assets/scrim-bg.png\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);\nvar ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___);\nvar ___CSS_LOADER_URL_REPLACEMENT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{aspect-ratio:1.5;display:block;margin:.5rem auto;max-width:36rem;overflow:hidden;width:100%}*{box-sizing:border-box}button{appearance:none;background:none;border:none;padding:0}dialog{display:contents}dialog[open]{background-color:#0009;height:90vh;width:90vw}.inner{background-color:#000;border:1px solid #000;container-type:size;flex-direction:column;height:100%}.header,.inner{display:flex;width:100%}.header{align-items:center;background:#000;gap:.25rem;margin:0;min-height:1.75rem;padding:0 .5rem}.header span{color:#fff;font-size:var(--font-size-small);margin-right:auto}.scrim-fullscreen,.scrim-link{background-color:#fff;cursor:pointer;height:1rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1rem}:is(.scrim-fullscreen,.scrim-link):hover{background-color:var(--curriculum-color)}.enter:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___})}.exit:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___})}.scrim-link:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___});-webkit-mask-size:75%;mask-size:75%}.body{flex:1;font-size:4cqmin;position:relative}.background{background-color:#453c78;background-image:url(${___CSS_LOADER_URL_REPLACEMENT_3___}),url(${___CSS_LOADER_URL_REPLACEMENT_4___}),url(${___CSS_LOADER_URL_REPLACEMENT_5___});background-position:1.5em 1.5em,100%,50%;background-repeat:no-repeat;background-size:auto .6em,contain,cover;inset:0;position:absolute}.background h1{bottom:0;color:var(--color-white);font-family:BarlowCondensed-SemiBold,Inter,sans-serif;font-size:3em;font-weight:var(--font-weight-bold);left:0;line-height:var(--font-line-ui);margin:.5em;position:absolute;text-transform:uppercase;text-wrap:balance;width:60%}.background-noise{filter:url(#noise);inset:0;mix-blend-mode:soft-light;position:absolute}.open,iframe{border:none;height:100%;position:absolute;width:100%}.open{--color:#8cb4ffcc;background-image:var(--scrim-img);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;font-size:inherit}.open:hover{--color:#8cb4ffe5}.open svg{height:9em;width:auto;stroke-width:2px}:is(.open svg) circle{fill:var(--color)}:is(.open svg) path{fill:#fff}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import { svg } from \"lit\"; export default svg`<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000\" viewBox=\"0 0 112 112\"><circle cx=\"55.764\" cy=\"55.764\" r=\"41.823\"/><path d=\"M69.011 57.428a2 2 0 0 0 0-3.328L50.903 42.027c-1.33-.886-3.11.067-3.11 1.664v24.145c0 1.598 1.78 2.55 3.11 1.664z\"/></svg>`;","import { LitElement, html, nothing } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nimport playSvg from \"./assets/scrim-play.svg?lit\";\nimport styles from \"./element.css?lit\";\n\nexport class MDNScrimInline extends LitElement {\n static styles = styles;\n\n static ssr = false;\n\n static properties = {\n url: { type: String },\n img: { type: String },\n scrimTitle: { type: String, attribute: \"scrimtitle\" },\n _fullscreen: { state: true },\n _scrimLoaded: { state: true },\n };\n\n constructor() {\n super();\n /** @type {string | undefined} */\n this.url = undefined;\n /** @type {string | undefined} */\n this._fullUrl = undefined;\n /** @type {string | undefined} */\n this._scrimId = undefined;\n\n /** @type {string | undefined} */\n this.img = undefined;\n /** @type {import(\"lit/directives/style-map.js\").StyleInfo} */\n this._imgStyle = {};\n\n /** @type {string | undefined} */\n this.scrimTitle = undefined;\n\n /** @type {boolean} */\n this._fullscreen = false;\n /** @type {boolean} */\n this._scrimLoaded = false;\n }\n\n /**\n * @param {import(\"lit\").PropertyValues<this>} changedProperties\n */\n willUpdate(changedProperties) {\n if (changedProperties.has(\"url\")) {\n if (this.url) {\n const url = new URL(this.url);\n url.searchParams.set(\"via\", \"mdn\");\n url.searchParams.set(\"embed\", \"\");\n this._fullUrl = url.toString();\n\n this._scrimId = url.pathname.slice(1);\n } else {\n this._fullUrl = undefined;\n this._scrimId = undefined;\n }\n }\n\n if (changedProperties.has(\"img\")) {\n this._imgStyle = this.img\n ? {\n \"--scrim-img\": `url(${this.img})`,\n }\n : {};\n }\n }\n\n render() {\n if (!this.url || !this._fullUrl) {\n return nothing;\n }\n\n return html`\n <dialog @close=${this.#dialogClosed} style=${styleMap(this._imgStyle)}>\n <div class=\"inner\">\n <div class=\"header\">\n <span>Clicking will load content from scrimba.com</span>\n <button tabindex=\"0\" @click=${this.#toggle} class=\"toggle\">\n <div\n class=\"scrim-fullscreen ${this._fullscreen ? \"exit\" : \"enter\"}\"\n ></div>\n <span class=\"visually-hidden\">Toggle fullscreen</span>\n </button>\n <a\n href=${this._fullUrl}\n target=\"_blank\"\n rel=\"origin noreferrer\"\n class=\"external\"\n data-glean=\"curriculum: scrim link id:${this._scrimId}\"\n >\n <div class=\"scrim-link\"></div>\n <span class=\"visually-hidden\">Open on Scrimba</span>\n </a>\n </div>\n <div class=\"body\">\n ${this._scrimLoaded\n ? html`\n <iframe\n src=${this._fullUrl}\n title=${ifDefined(this.scrimTitle)}\n ></iframe>\n `\n : html`\n ${this.scrimTitle && !this.img\n ? html`<div class=\"background\">\n <div class=\"background-noise\">\n <svg width=\"0\" height=\"0\">\n <filter id=\"noise\">\n <feTurbulence\n type=\"fractalNoise\"\n baseFrequency=\"0.7\"\n numOctaves=\"4\"\n />\n </filter>\n </svg>\n </div>\n <h1>${this.scrimTitle}</h1>\n </div>`\n : null}\n <button\n @click=${this.#open}\n class=\"open\"\n data-glean=${`curriculum: scrim engage id:${this._scrimId}`}\n >\n ${playSvg}\n <span class=\"visually-hidden\">\n \"Load scrim and open dialog.\"\n </span>\n </button>\n `}\n </div>\n </div>\n </dialog>\n `;\n }\n\n /**\n * @param {MouseEvent} e\n */\n #toggle(e) {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.glean = `curriculum: scrim fullscreen -> ${this._fullscreen ? 0 : 1} id:${this._scrimId}`;\n }\n if (this._fullscreen) {\n this.#close();\n } else {\n this.#open();\n }\n }\n\n #open() {\n const dialog = this.renderRoot.querySelector(\"dialog\");\n if (dialog) {\n dialog.showModal();\n this._scrimLoaded = true;\n this._fullscreen = true;\n }\n }\n\n #close() {\n const dialog = this.renderRoot.querySelector(\"dialog\");\n dialog?.close();\n }\n\n #dialogClosed() {\n this._fullscreen = false;\n }\n}\n\ncustomElements.define(\"mdn-scrim-inline\", MDNScrimInline);\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n"],"names":["_","s","MDNScrimInline","String","URL","HTMLElement","customElements"],"mappings":"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"}
1
+ {"version":3,"file":"2319.0a40303319ac6a6e.js","sources":["webpack://@mdn/fred/./components/scrim-inline/element.css","webpack://@mdn/fred/./components/visually-hidden/global.css?228a","webpack://@mdn/fred/./components/scrim-inline/assets/scrim-play.svg","webpack://@mdn/fred/./components/scrim-inline/element.js","webpack://@mdn/fred/./node_modules/lit-html/directives/if-defined.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../visually-hidden/global.css\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/fullscreen-enter.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../icon/cancel.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(\"../icon/external-link.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_3___ = new URL(\"assets/scrimba-logo.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_4___ = new URL(\"assets/scrim-hexagons.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_5___ = new URL(\"assets/scrim-bg.png\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);\nvar ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___);\nvar ___CSS_LOADER_URL_REPLACEMENT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{aspect-ratio:1.5;display:block;margin:.5rem auto;max-width:36rem;overflow:hidden;width:100%}*{box-sizing:border-box}button{appearance:none;background:none;border:none;padding:0}dialog{display:contents}dialog[open]{background-color:#0009;height:90vh;width:90vw}.inner{background-color:#000;border:1px solid #000;container-type:size;flex-direction:column;height:100%}.header,.inner{display:flex;width:100%}.header{align-items:center;background:#000;gap:.25rem;margin:0;min-height:1.75rem;padding:0 .5rem}.header span{color:#fff;font-size:var(--font-size-small);margin-right:auto}.scrim-fullscreen,.scrim-link{background-color:#fff;cursor:pointer;height:1rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1rem}:is(.scrim-fullscreen,.scrim-link):hover{background-color:var(--curriculum-color)}.enter:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___})}.exit:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___})}.scrim-link:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___});-webkit-mask-size:75%;mask-size:75%}.body{flex:1;font-size:4cqmin;position:relative}.background{background-color:#453c78;background-image:url(${___CSS_LOADER_URL_REPLACEMENT_3___}),url(${___CSS_LOADER_URL_REPLACEMENT_4___}),url(${___CSS_LOADER_URL_REPLACEMENT_5___});background-position:1.5em 1.5em,100%,50%;background-repeat:no-repeat;background-size:auto .6em,contain,cover;inset:0;position:absolute}.background h1{bottom:0;color:var(--color-white);font-family:BarlowCondensed-SemiBold,Inter,sans-serif;font-size:3em;font-weight:var(--font-weight-bold);left:0;line-height:var(--font-line-ui);margin:.5em;position:absolute;text-transform:uppercase;text-wrap:balance;width:60%}.background-noise{filter:url(#noise);inset:0;mix-blend-mode:soft-light;position:absolute}.open,iframe{border:none;height:100%;position:absolute;width:100%}.open{--color:#8cb4ffcc;background-image:var(--scrim-img);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;font-size:inherit}.open:hover{--color:#8cb4ffe5}.open svg{height:9em;width:auto;stroke-width:2px}:is(.open svg) circle{fill:var(--color)}:is(.open svg) path{fill:#fff}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import { svg } from \"lit\"; export default svg`<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000\" viewBox=\"0 0 112 112\"><circle cx=\"55.764\" cy=\"55.764\" r=\"41.823\"/><path d=\"M69.011 57.428a2 2 0 0 0 0-3.328L50.903 42.027c-1.33-.886-3.11.067-3.11 1.664v24.145c0 1.598 1.78 2.55 3.11 1.664z\"/></svg>`;","import { LitElement, html, nothing } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nimport playSvg from \"./assets/scrim-play.svg?lit\";\nimport styles from \"./element.css?lit\";\n\nexport class MDNScrimInline extends LitElement {\n static styles = styles;\n\n static ssr = false;\n\n static properties = {\n url: { type: String },\n img: { type: String },\n scrimTitle: { type: String, attribute: \"scrimtitle\" },\n _fullscreen: { state: true },\n _scrimLoaded: { state: true },\n };\n\n constructor() {\n super();\n /** @type {string | undefined} */\n this.url = undefined;\n /** @type {string | undefined} */\n this._fullUrl = undefined;\n /** @type {string | undefined} */\n this._scrimId = undefined;\n\n /** @type {string | undefined} */\n this.img = undefined;\n /** @type {import(\"lit/directives/style-map.js\").StyleInfo} */\n this._imgStyle = {};\n\n /** @type {string | undefined} */\n this.scrimTitle = undefined;\n\n /** @type {boolean} */\n this._fullscreen = false;\n /** @type {boolean} */\n this._scrimLoaded = false;\n }\n\n /**\n * @param {import(\"lit\").PropertyValues<this>} changedProperties\n */\n willUpdate(changedProperties) {\n if (changedProperties.has(\"url\")) {\n if (this.url) {\n const url = new URL(this.url);\n url.searchParams.set(\"via\", \"mdn\");\n url.searchParams.set(\"embed\", \"\");\n this._fullUrl = url.toString();\n\n this._scrimId = url.pathname.slice(1);\n } else {\n this._fullUrl = undefined;\n this._scrimId = undefined;\n }\n }\n\n if (changedProperties.has(\"img\")) {\n this._imgStyle = this.img\n ? {\n \"--scrim-img\": `url(${this.img})`,\n }\n : {};\n }\n }\n\n render() {\n if (!this.url || !this._fullUrl) {\n return nothing;\n }\n\n return html`\n <dialog @close=${this.#dialogClosed} style=${styleMap(this._imgStyle)}>\n <div class=\"inner\">\n <div class=\"header\">\n <span>Clicking will load content from scrimba.com</span>\n <button tabindex=\"0\" @click=${this.#toggle} class=\"toggle\">\n <div\n class=\"scrim-fullscreen ${this._fullscreen ? \"exit\" : \"enter\"}\"\n ></div>\n <span class=\"visually-hidden\">Toggle fullscreen</span>\n </button>\n <a\n href=${this._fullUrl}\n target=\"_blank\"\n rel=\"origin noreferrer\"\n class=\"external\"\n data-glean-id=\"curriculum: scrim link id:${this._scrimId}\"\n >\n <div class=\"scrim-link\"></div>\n <span class=\"visually-hidden\">Open on Scrimba</span>\n </a>\n </div>\n <div class=\"body\">\n ${this._scrimLoaded\n ? html`\n <iframe\n src=${this._fullUrl}\n title=${ifDefined(this.scrimTitle)}\n ></iframe>\n `\n : html`\n ${this.scrimTitle && !this.img\n ? html`<div class=\"background\">\n <div class=\"background-noise\">\n <svg width=\"0\" height=\"0\">\n <filter id=\"noise\">\n <feTurbulence\n type=\"fractalNoise\"\n baseFrequency=\"0.7\"\n numOctaves=\"4\"\n />\n </filter>\n </svg>\n </div>\n <h1>${this.scrimTitle}</h1>\n </div>`\n : null}\n <button\n @click=${this.#open}\n class=\"open\"\n data-glean-id=${`curriculum: scrim engage id:${this._scrimId}`}\n >\n ${playSvg}\n <span class=\"visually-hidden\">\n \"Load scrim and open dialog.\"\n </span>\n </button>\n `}\n </div>\n </div>\n </dialog>\n `;\n }\n\n /**\n * @param {MouseEvent} e\n */\n #toggle(e) {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.glean = `curriculum: scrim fullscreen -> ${this._fullscreen ? 0 : 1} id:${this._scrimId}`;\n }\n if (this._fullscreen) {\n this.#close();\n } else {\n this.#open();\n }\n }\n\n #open() {\n const dialog = this.renderRoot.querySelector(\"dialog\");\n if (dialog) {\n dialog.showModal();\n this._scrimLoaded = true;\n this._fullscreen = true;\n }\n }\n\n #close() {\n const dialog = this.renderRoot.querySelector(\"dialog\");\n dialog?.close();\n }\n\n #dialogClosed() {\n this._fullscreen = false;\n }\n}\n\ncustomElements.define(\"mdn-scrim-inline\", MDNScrimInline);\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n"],"names":["_","s","MDNScrimInline","String","URL","HTMLElement","customElements"],"mappings":"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"}
@@ -1,8 +1,8 @@
1
1
  export const __webpack_id__="288";export const __webpack_ids__=["288"];export const __webpack_modules__={99552:function(e,t,n){n.d(t,{A:()=>p});var r=n(63819),o=n(31601),a=n.n(o),s=n(76314),i=n.n(s)()(a());i.push([e.id,":host{line-height:1rem}.placement-no{color:inherit;font-size:.6rem;margin-bottom:.5rem;max-width:12rem;padding:0;width:100%}.placement-no:focus,.placement-no:hover{opacity:unset;-webkit-text-decoration:none;text-decoration:none}",""]);let p=(0,r.AH)([i.toString()])},10787:function(e,t,n){n.r(t);var r=n(64889),o=n(63819),a=n(86484),s=n(93830),i=n(93526),p=n(99552);let MDNPlacementNo=class MDNPlacementNo extends(0,a.J)(o.WF){static styles=p.A;_dataTask=new r.YZ(this,{task:async()=>({context:await (0,s.M)(),user:await (0,i.L)()})});connectedCallback(){super.connectedCallback(),this._dataTask.run()}render(){return this._dataTask.render({initial:()=>o.s6,pending:()=>o.s6,complete:e=>{let{context:t,user:n}=e;return n?.isSubscriber||t.plusAvailable?(0,o.qy)`<a
2
2
  class="placement-no"
3
- data-glean=${"pong: "+(n?.isSubscriber?"pong->settings":"pong->plus")}
3
+ data-glean-id=${"pong: "+(n?.isSubscriber?"pong->settings":"pong->plus")}
4
4
  href=${n?.isSubscriber?"/en-US/plus/settings?ref=nope":"/en-US/plus?ref=nope"}
5
5
  >
6
6
  ${this.l10n("placement-no")}
7
7
  </a>`:o.s6}})}};customElements.define("mdn-placement-no",MDNPlacementNo)},93830:function(e,t,n){let r;n.d(t,{M:()=>s});var o=n(93526);let a={side:{typ:"side",renderer:/Doc|BlogPost|CurriculumDefault|GenericDoc|SpaSearch|SpaNotFound|SpaPlay|SpaObservatoryAnalyze/gi,pattern:/^\/[^/]+\/(play|docs\/|blog\/|observatory\/?|curriculum\/[^$]|search$)/i},top:{typ:"top-banner",renderer:/^(?!Homepage$).+/gi,pattern:/^\/[^/]+\/(?!$|_homepage$).*/i},hpTop:{typ:"top-banner",renderer:/Homepage/gi,pattern:/^\/[^/]+\/($|_homepage$)/i},hpMain:{typ:"hp-main",renderer:/Homepage/gi,pattern:/^\/[^/]+\/($|_homepage$)/i},hpFooter:{typ:"hp-footer",renderer:/Homepage/gi,pattern:/^\/[^/]+\/($|_homepage$)/i},bottom:{typ:"bottom-banner",renderer:/^(?!Homepage$).+/gi,pattern:/^\/[^/]+\/docs\//i}};function s(){return r||(r=(0,o.L)().then(e=>e.settings?.noAds?Promise.resolve({status:"noads"}):i())),r}async function i(){var e;let t=await fetch("/pong/get",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({keywords:[],pongs:(e=globalThis.document.documentElement.dataset.renderer||"Unknown",Object.entries(a).map(([t,{renderer:n}])=>n.test(e)?t:null).filter(e=>null!==e)||[])})});if(!t.ok)throw Error(t.statusText);try{return await t.json()}catch{throw Error(t.statusText)}}}};
8
- //# sourceMappingURL=288.ba983e8acda3116e.js.map
8
+ //# sourceMappingURL=288.684edb44f92a470c.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"288.684edb44f92a470c.js","sources":["webpack://@mdn/fred/./components/placement-no/element.css","webpack://@mdn/fred/./components/placement-no/element.js","webpack://@mdn/fred/./components/placement/context.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{line-height:1rem}.placement-no{color:inherit;font-size:.6rem;margin-bottom:.5rem;max-width:12rem;padding:0;width:100%}.placement-no:focus,.placement-no:hover{opacity:unset;-webkit-text-decoration:none;text-decoration:none}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","import { Task } from \"@lit/task\";\nimport { LitElement, html, nothing } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport { globalPlacementContext } from \"../placement/context.js\";\nimport { globalUser } from \"../user/context.js\";\n\nimport styles from \"./element.css?lit\";\n\n/**\n * @import * as Placements from \"../placement/types.js\";\n * @import * as User from \"../user/types.js\";\n */\n\nclass MDNPlacementNo extends L10nMixin(LitElement) {\n static styles = styles;\n\n _dataTask = new Task(this, {\n task: async () => {\n return {\n context: await globalPlacementContext(),\n user: await globalUser(),\n };\n },\n });\n\n connectedCallback() {\n super.connectedCallback();\n this._dataTask.run();\n }\n render() {\n return this._dataTask.render({\n initial: () => nothing,\n pending: () => nothing,\n\n complete:\n /**\n * @param {{ context: Placements.PlacementContextData, user: User.User}} context\n */\n (context) => {\n const { context: placementContext, user } = context;\n const showNoAds = Boolean(\n user?.isSubscriber || placementContext.plusAvailable,\n );\n return showNoAds\n ? html`<a\n class=\"placement-no\"\n data-glean-id=${\"pong: \" +\n (user?.isSubscriber ? \"pong->settings\" : \"pong->plus\")}\n href=${user?.isSubscriber\n ? \"/en-US/plus/settings?ref=nope\"\n : \"/en-US/plus?ref=nope\"}\n >\n ${this.l10n(\"placement-no\")}\n </a>`\n : nothing;\n },\n });\n }\n}\n\ncustomElements.define(\"mdn-placement-no\", MDNPlacementNo);\n","/**\n * @import * as Placements from \"../placement/types.js\";\n */\n\nimport { globalUser } from \"../user/context.js\";\n\n/**\n * @type {Placements.PlacementMap}\n */\nconst PLACEMENT_MAP = {\n side: {\n typ: \"side\",\n renderer:\n /Doc|BlogPost|CurriculumDefault|GenericDoc|SpaSearch|SpaNotFound|SpaPlay|SpaObservatoryAnalyze/gi,\n pattern:\n /^\\/[^/]+\\/(play|docs\\/|blog\\/|observatory\\/?|curriculum\\/[^$]|search$)/i,\n },\n top: {\n typ: \"top-banner\",\n renderer: /^(?!Homepage$).+/gi,\n pattern: /^\\/[^/]+\\/(?!$|_homepage$).*/i,\n },\n hpTop: {\n typ: \"top-banner\",\n renderer: /Homepage/gi,\n pattern: /^\\/[^/]+\\/($|_homepage$)/i,\n },\n hpMain: {\n typ: \"hp-main\",\n renderer: /Homepage/gi,\n pattern: /^\\/[^/]+\\/($|_homepage$)/i,\n },\n hpFooter: {\n typ: \"hp-footer\",\n renderer: /Homepage/gi,\n pattern: /^\\/[^/]+\\/($|_homepage$)/i,\n },\n bottom: {\n typ: \"bottom-banner\",\n renderer: /^(?!Homepage$).+/gi,\n pattern: /^\\/[^/]+\\/docs\\//i,\n },\n};\n\n/**\n *\n * @param {string} renderer\n * @returns {string[]}\n */\nfunction placementTypes(renderer) {\n return (\n Object.entries(PLACEMENT_MAP)\n .map(([k, { renderer: re }]) => (re.test(renderer) ? k : null))\n .filter((k) => k !== null) || []\n );\n}\n/**\n * @type {Promise<Placements.PlacementContextData> | undefined}\n */\nlet PLACEMENT_CONTEXT;\n\n/**\n *\n * @returns {Promise<Placements.PlacementContextData>}\n */\nexport function globalPlacementContext() {\n if (!PLACEMENT_CONTEXT) {\n PLACEMENT_CONTEXT = globalUser().then((user) => {\n return user.settings?.noAds\n ? Promise.resolve({ status: \"noads\" })\n : fetchPlacementData();\n });\n }\n return PLACEMENT_CONTEXT;\n}\n/**\n * @returns {Promise<Placements.PlacementContextData>}\n */\nasync function fetchPlacementData() {\n const response = await fetch(\"/pong/get\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n keywords: [],\n pongs: placementTypes(\n globalThis.document.documentElement.dataset.renderer || \"Unknown\",\n ),\n }),\n });\n if (!response.ok) {\n throw new Error(response.statusText);\n }\n\n try {\n const placementResponse = await response.json();\n return placementResponse;\n } catch {\n throw new Error(response.statusText);\n }\n}\n"],"names":["MDNPlacementNo","customElements","Promise","fetch","JSON","globalThis","Object","Error"],"mappings":"8LAII,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,uOAAwO,GAAG,EAEpR,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C,qGCMvD,IAAMA,eAAN,MAAMA,sBAAuB,QAAU,IAAU,EAC/C,OAAO,OAAS,GAAM,AAAC,AAEvB,WAAY,IAAI,IAAI,CAAC,IAAI,CAAE,CACzB,KAAM,SACG,EACL,QAAS,MAAM,UACf,KAAM,MAAM,SACd,EAEJ,EAAG,AAEH,oBAAoB,CAClB,KAAK,CAAC,oBACN,IAAI,CAAC,SAAS,CAAC,GAAG,EACpB,CACA,QAAS,CACP,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAC3B,QAAS,IAAM,IAAO,CACtB,QAAS,IAAM,IAAO,CAEtB,SAIE,AAAC,IACC,GAAM,CAAE,QAAS,CAAgB,CAAE,MAAI,CAAE,CAAG,EAI5C,OAAO,AAFL,GAAM,cAAgB,EAAiB,aAAa,CAGlD,QAAI,CAAC;;8BAEW,EAAE,SACf,IAAM,aAAe,iBAAmB,YAAW,EAAG;qBAClD,EAAE,GAAM,aACT,gCACA,uBAAuB;;gBAE3B,EAAE,IAAI,CAAC,IAAI,CAAC,gBAAgB;kBAC1B,CAAC,CACL,IAAO,AACb,CACJ,EACF,CACF,EAEAC,eAAe,MAAM,CAAC,mBAAoBD,e,4BCFtC,E,gCAlDJ,IAAM,EAAgB,CACpB,KAAM,CACJ,IAAK,OACL,SACE,kGACF,QACE,yEACJ,EACA,IAAK,CACH,IAAK,aACL,SAAU,qBACV,QAAS,+BACX,EACA,MAAO,CACL,IAAK,aACL,SAAU,aACV,QAAS,2BACX,EACA,OAAQ,CACN,IAAK,UACL,SAAU,aACV,QAAS,2BACX,EACA,SAAU,CACR,IAAK,YACL,SAAU,aACV,QAAS,2BACX,EACA,OAAQ,CACN,IAAK,gBACL,SAAU,qBACV,QAAS,mBACX,CACF,EAuBO,SAAS,IAQd,OAPI,AAAC,GACH,GAAoB,UAAa,IAAI,CAAC,AAAC,GAC9B,EAAK,QAAQ,EAAE,MAClBE,QAAQ,OAAO,CAAC,CAAE,OAAQ,OAAQ,GAClC,IACL,EAEI,CACT,CAIA,eAAe,QA7BS,EA8BtB,IAAM,EAAW,MAAMC,MAAM,YAAa,CACxC,OAAQ,OACR,QAAS,CACP,eAAgB,kBAClB,EACA,KAAMC,KAAK,SAAS,CAAC,CACnB,SAAU,EAAE,CACZ,KAAK,EArCa,EAsChBC,WAAW,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,QAAQ,EAAI,UApC5DC,OAAO,OAAO,CAAC,GACZ,GAAG,CAAC,CAAC,CAAC,EAAG,CAAE,SAAU,CAAE,CAAE,CAAC,GAAM,EAAG,IAAI,CAAC,GAAY,EAAI,MACxD,MAAM,CAAC,AAAC,GAAM,AAAM,OAAN,IAAe,EAAE,CAoClC,EACF,GACA,GAAI,CAAC,EAAS,EAAE,CACd,MAAM,AAAIC,MAAM,EAAS,UAAU,EAGrC,GAAI,CAEF,OAD0B,MAAM,EAAS,IAAI,EAE/C,CAAE,KAAM,CACN,MAAM,AAAIA,MAAM,EAAS,UAAU,CACrC,CACF,C"}