@mdn/fred 0.1.0 → 0.2.0

package/dist/client/1197.65020044d7ef7add.css

@@ -0,0 +1,32 @@
+.curriculum-content-container{--max-width:74rem;--gutter:1rem;--inner-width:calc(min(var(--max-width), 100vw) - var(--gutter)*2);--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #000;--curriculum-bg-color-landing-about-ul:var(--csstools-light-dark-toggle--0,#fff);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #8a5b33;--curriculum-bg-color-landing-stairway-floor:var(--csstools-light-dark-toggle--1,#fcf2e8);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #25170e;--curriculum-bg-color-landing-top-icon:var(--csstools-light-dark-toggle--2,#fcf2e8);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #0e0c0b;--curriculum-bg-color-landing:var(--csstools-light-dark-toggle--3,#fff);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #000;--curriculum-bg-color-list-item-body:var(--csstools-light-dark-toggle--4,#fff);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #5c437f;--curriculum-bg-color-list-item-icon-topic-practices:var(--csstools-light-dark-toggle--5,#fff);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #816e41;--curriculum-bg-color-list-item-icon-topic-scripting:var(--csstools-light-dark-toggle--6,#fff);--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #7f4346;--curriculum-bg-color-list-item-icon-topic-standards:var(--csstools-light-dark-toggle--7,#fff);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #43537f;--curriculum-bg-color-list-item-icon-topic-styling:var(--csstools-light-dark-toggle--8,#fff);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #437f59;--curriculum-bg-color-list-item-icon-topic-tooling:var(--csstools-light-dark-toggle--9,#fff);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-practices:var(--csstools-light-dark-toggle--10,#a666ff30);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-scripting:var(--csstools-light-dark-toggle--11,#94850030);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-standards:var(--csstools-light-dark-toggle--12,#ff296230);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-styling:var(--csstools-light-dark-toggle--13,#008cf030);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-tooling:var(--csstools-light-dark-toggle--14,#00994230);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #322d29;--curriculum-bg-color-note:var(--csstools-light-dark-toggle--15,#fcf2e880);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #211f1c;--curriculum-bg-color-partner:var(--csstools-light-dark-toggle--16,#fff);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #5c437f;--curriculum-bg-color-topic-practices:var(--csstools-light-dark-toggle--17,#a666ff30);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #766841;--curriculum-bg-color-topic-scripting:var(--csstools-light-dark-toggle--18,#94850030);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #9a4c52;--curriculum-bg-color-topic-standards:var(--csstools-light-dark-toggle--19,#ff296230);--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #4d619d;--curriculum-bg-color-topic-styling:var(--csstools-light-dark-toggle--20,#008cf030);--csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #3c8050;--curriculum-bg-color-topic-tooling:var(--csstools-light-dark-toggle--21,#00994230);--csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #25170e;--curriculum-bg-color:var(--csstools-light-dark-toggle--22,#fcf2e8);--csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) #333;--curriculum-bg-large-color:var(--csstools-light-dark-toggle--23,#fcf2e8);--csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) #cccccca6;--curriculum-border-color-hover:var(--csstools-light-dark-toggle--24,#fff);--csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) #4f4f4f;--curriculum-border-color:var(--csstools-light-dark-toggle--25,#f3f2f2);--csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #e2632c;--curriculum-category-color:var(--csstools-light-dark-toggle--26,#e2632c);--csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #b16235;--curriculum-color-landing-laptop:var(--csstools-light-dark-toggle--27,#e2632c);--csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #cb96ee;--curriculum-color-list-item-icon-topic-practices:var(--csstools-light-dark-toggle--28,#962eff);--csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #f3d78c;--curriculum-color-list-item-icon-topic-scripting:var(--csstools-light-dark-toggle--29,#756a00);--csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #f38c94;--curriculum-color-list-item-icon-topic-standards:var(--csstools-light-dark-toggle--30,#d10038);--csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #96acee;--curriculum-color-list-item-icon-topic-styling:var(--csstools-light-dark-toggle--31,#0061c2);--csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #8cf3b8;--curriculum-color-list-item-icon-topic-tooling:var(--csstools-light-dark-toggle--32,#007a35);--csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) #cb96ee;--curriculum-color-topic-practices:var(--csstools-light-dark-toggle--33,#962eff);--csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #f3d78c;--curriculum-color-topic-scripting:var(--csstools-light-dark-toggle--34,#756a00);--csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #f38c94;--curriculum-color-topic-standards:var(--csstools-light-dark-toggle--35,#d10038);--csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #96acee;--curriculum-color-topic-styling:var(--csstools-light-dark-toggle--36,#0061c2);--csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #8cf3b8;--curriculum-color-topic-tooling:var(--csstools-light-dark-toggle--37,#007a35);--csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #e2632c;--curriculum-color:var(--csstools-light-dark-toggle--38,#d87e55);--csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #25170e;--curriculum-module-label-bg-color:var(--csstools-light-dark-toggle--39,#fefaf6);--csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #e2632c;--curriculum-module-label-color:var(--csstools-light-dark-toggle--40,#b74d1f);--csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #b1733526;--csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #b162350f;--curriculum-shadow-landing-about-ul:0 4px 10px 0 var(--csstools-light-dark-toggle--41,#e2632c0f),0 -2px 4px 0 var(--csstools-light-dark-toggle--42,#b162350f);--csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #24242426;--csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #57575726;--curriculum-shadow:4px 4px 8px 0 var(--csstools-light-dark-toggle--43,#e2632c0f),-4px 4px 8px 0 var(--csstools-light-dark-toggle--44,#b3b3b326);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary)}@supports (color:hsl(0 0% 0%/0)) and (color:light-dark(red,red)){.curriculum-content-container{--curriculum-bg-color-landing-about-ul:light-dark(#fff,#000);--curriculum-bg-color-landing-stairway-floor:light-dark(#fcf2e8,#8a5b33);--curriculum-bg-color-landing-top-icon:light-dark(#fcf2e8,#25170e);--curriculum-bg-color-landing:light-dark(#fff,#0e0c0b);--curriculum-bg-color-list-item-body:light-dark(#fff,#000);--curriculum-bg-color-list-item-icon-topic-practices:light-dark(#fff,#5c437f);--curriculum-bg-color-list-item-icon-topic-scripting:light-dark(#fff,#816e41);--curriculum-bg-color-list-item-icon-topic-standards:light-dark(#fff,#7f4346);--curriculum-bg-color-list-item-icon-topic-styling:light-dark(#fff,#43537f);--curriculum-bg-color-list-item-icon-topic-tooling:light-dark(#fff,#437f59);--curriculum-bg-color-list-item-topic-practices:light-dark(#a666ff30,#333);--curriculum-bg-color-list-item-topic-scripting:light-dark(#94850030,#333);--curriculum-bg-color-list-item-topic-standards:light-dark(#ff296230,#333);--curriculum-bg-color-list-item-topic-styling:light-dark(#008cf030,#333);--curriculum-bg-color-list-item-topic-tooling:light-dark(#00994230,#333);--curriculum-bg-color-note:light-dark(#fcf2e880,#322d29);--curriculum-bg-color-partner:light-dark(#fff,#211f1c);--curriculum-bg-color-topic-practices:light-dark(#a666ff30,#5c437f);--curriculum-bg-color-topic-scripting:light-dark(#94850030,#766841);--curriculum-bg-color-topic-standards:light-dark(#ff296230,#9a4c52);--curriculum-bg-color-topic-styling:light-dark(#008cf030,#4d619d);--curriculum-bg-color-topic-tooling:light-dark(#00994230,#3c8050);--curriculum-bg-color:light-dark(#fcf2e8,#25170e);--curriculum-bg-large-color:light-dark(#fcf2e8,#333);--curriculum-border-color-hover:light-dark(#fff,#cccccca6);--curriculum-border-color:light-dark(#f3f2f2,#4f4f4f);--curriculum-category-color:light-dark(#e2632c,#e2632c);--curriculum-color-landing-laptop:light-dark(#e2632c,#b16235);--curriculum-color-list-item-icon-topic-practices:light-dark(#962eff,#cb96ee);--curriculum-color-list-item-icon-topic-scripting:light-dark(#756a00,#f3d78c);--curriculum-color-list-item-icon-topic-standards:light-dark(#d10038,#f38c94);--curriculum-color-list-item-icon-topic-styling:light-dark(#0061c2,#96acee);--curriculum-color-list-item-icon-topic-tooling:light-dark(#007a35,#8cf3b8);--curriculum-color-topic-practices:light-dark(#962eff,#cb96ee);--curriculum-color-topic-scripting:light-dark(#756a00,#f3d78c);--curriculum-color-topic-standards:light-dark(#d10038,#f38c94);--curriculum-color-topic-styling:light-dark(#0061c2,#96acee);--curriculum-color-topic-tooling:light-dark(#007a35,#8cf3b8);--curriculum-color:light-dark(#d87e55,#e2632c);--curriculum-module-label-bg-color:light-dark(#fefaf6,#25170e);--curriculum-module-label-color:light-dark(#b74d1f,#e2632c);--curriculum-shadow-landing-about-ul:0 4px 10px 0 light-dark(#e2632c0f,#b1733526),0 -2px 4px 0 light-dark(#b162350f,#b162350f);--curriculum-shadow:4px 4px 8px 0 light-dark(#e2632c0f,#24242426),-4px 4px 8px 0 light-dark(#b3b3b326,#57575726)}}@supports not (color:light-dark(tan,tan)){.curriculum-content-container *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #000;--curriculum-bg-color-landing-about-ul:var(--csstools-light-dark-toggle--0,#fff);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #8a5b33;--curriculum-bg-color-landing-stairway-floor:var(--csstools-light-dark-toggle--1,#fcf2e8);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #25170e;--curriculum-bg-color-landing-top-icon:var(--csstools-light-dark-toggle--2,#fcf2e8);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #0e0c0b;--curriculum-bg-color-landing:var(--csstools-light-dark-toggle--3,#fff);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #000;--curriculum-bg-color-list-item-body:var(--csstools-light-dark-toggle--4,#fff);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #5c437f;--curriculum-bg-color-list-item-icon-topic-practices:var(--csstools-light-dark-toggle--5,#fff);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #816e41;--curriculum-bg-color-list-item-icon-topic-scripting:var(--csstools-light-dark-toggle--6,#fff);--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #7f4346;--curriculum-bg-color-list-item-icon-topic-standards:var(--csstools-light-dark-toggle--7,#fff);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #43537f;--curriculum-bg-color-list-item-icon-topic-styling:var(--csstools-light-dark-toggle--8,#fff);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #437f59;--curriculum-bg-color-list-item-icon-topic-tooling:var(--csstools-light-dark-toggle--9,#fff);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-practices:var(--csstools-light-dark-toggle--10,#a666ff30);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-scripting:var(--csstools-light-dark-toggle--11,#94850030);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-standards:var(--csstools-light-dark-toggle--12,#ff296230);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-styling:var(--csstools-light-dark-toggle--13,#008cf030);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-tooling:var(--csstools-light-dark-toggle--14,#00994230);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #322d29;--curriculum-bg-color-note:var(--csstools-light-dark-toggle--15,#fcf2e880);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #211f1c;--curriculum-bg-color-partner:var(--csstools-light-dark-toggle--16,#fff);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #5c437f;--curriculum-bg-color-topic-practices:var(--csstools-light-dark-toggle--17,#a666ff30);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #766841;--curriculum-bg-color-topic-scripting:var(--csstools-light-dark-toggle--18,#94850030);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #9a4c52;--curriculum-bg-color-topic-standards:var(--csstools-light-dark-toggle--19,#ff296230);--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #4d619d;--curriculum-bg-color-topic-styling:var(--csstools-light-dark-toggle--20,#008cf030);--csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #3c8050;--curriculum-bg-color-topic-tooling:var(--csstools-light-dark-toggle--21,#00994230);--csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #25170e;--curriculum-bg-color:var(--csstools-light-dark-toggle--22,#fcf2e8);--csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) #333;--curriculum-bg-large-color:var(--csstools-light-dark-toggle--23,#fcf2e8);--csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) #cccccca6;--curriculum-border-color-hover:var(--csstools-light-dark-toggle--24,#fff);--csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) #4f4f4f;--curriculum-border-color:var(--csstools-light-dark-toggle--25,#f3f2f2);--csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #e2632c;--curriculum-category-color:var(--csstools-light-dark-toggle--26,#e2632c);--csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #b16235;--curriculum-color-landing-laptop:var(--csstools-light-dark-toggle--27,#e2632c);--csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #cb96ee;--curriculum-color-list-item-icon-topic-practices:var(--csstools-light-dark-toggle--28,#962eff);--csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #f3d78c;--curriculum-color-list-item-icon-topic-scripting:var(--csstools-light-dark-toggle--29,#756a00);--csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #f38c94;--curriculum-color-list-item-icon-topic-standards:var(--csstools-light-dark-toggle--30,#d10038);--csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #96acee;--curriculum-color-list-item-icon-topic-styling:var(--csstools-light-dark-toggle--31,#0061c2);--csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #8cf3b8;--curriculum-color-list-item-icon-topic-tooling:var(--csstools-light-dark-toggle--32,#007a35);--csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) #cb96ee;--curriculum-color-topic-practices:var(--csstools-light-dark-toggle--33,#962eff);--csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #f3d78c;--curriculum-color-topic-scripting:var(--csstools-light-dark-toggle--34,#756a00);--csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #f38c94;--curriculum-color-topic-standards:var(--csstools-light-dark-toggle--35,#d10038);--csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #96acee;--curriculum-color-topic-styling:var(--csstools-light-dark-toggle--36,#0061c2);--csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #8cf3b8;--curriculum-color-topic-tooling:var(--csstools-light-dark-toggle--37,#007a35);--csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #e2632c;--curriculum-color:var(--csstools-light-dark-toggle--38,#d87e55);--csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #25170e;--curriculum-module-label-bg-color:var(--csstools-light-dark-toggle--39,#fefaf6);--csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #e2632c;--curriculum-module-label-color:var(--csstools-light-dark-toggle--40,#b74d1f);--csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #b1733526;--csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #b162350f;--curriculum-shadow-landing-about-ul:0 4px 10px 0 var(--csstools-light-dark-toggle--41,#e2632c0f),0 -2px 4px 0 var(--csstools-light-dark-toggle--42,#b162350f);--csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #24242426;--csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #57575726;--curriculum-shadow:4px 4px 8px 0 var(--csstools-light-dark-toggle--43,#e2632c0f),-4px 4px 8px 0 var(--csstools-light-dark-toggle--44,#b3b3b326)}}[data-theme=light]:root .curriculum-content-container{--curriculum-landing-about-beginner:url(/static/client/curriculum-landing-about-beginner.9603b098f49dfb52.svg#light);--curriculum-landing-about-pace:url(/static/client/curriculum-landing-about-pace.04fd0a480b4ef342.svg#light);--curriculum-landing-about-free:url(/static/client/curriculum-landing-about-free.1ff3ec55692670ba.svg#light);--curriculum-landing-about-bullet:url(/static/client/curriculum-landing-about-bullet.1a31ffce2d5917cb.svg#light);--curriculum-landing-started-beginner:url(/static/client/curriculum-landing-started-beginner.62cf58049310b5c1.svg#light);--curriculum-landing-started-advanced:url(/static/client/curriculum-landing-started-advanced.bd07b9246e350d6f.svg#light);--curriculum-landing-started-employment:url(/static/client/curriculum-landing-started-employment.4e7b977d45493058.svg#light);--curriculum-landing-started-educator:url(/static/client/curriculum-landing-started-educator.779ce85811a81d19.svg#light);--curriculum-module-mdn-resource:url(/static/client/curriculum-mdn-resource.335ee2e480d302fb.svg#light);--curriculum-bullet:url(/static/client/curriculum-bullet.ae8de1d4f7e37953.svg#light);--curriculum-about-covered:url(/static/client/curriculum-about-covered.a0e620d9fa0a96bb.svg#light);--curriculum-about-detail:url(/static/client/curriculum-about-detail.73feb705e269ebbe.svg#light);--curriculum-about-educators:url(/static/client/curriculum-about-educators.03744c34dabd5fe7.svg#light);--curriculum-about-not:url(/static/client/curriculum-about-not.aa3c2baa11be115d.svg#light);--curriculum-about-students:url(/static/client/curriculum-about-students.842af9608002c05a.svg#light);--curriculum-bg-image-partner:url(/static/client/curriculum-partner-bg.70de155df588311a.svg#light);--curriculum-scrim-bg:url(/static/client/curriculum-scrim-bg.29a27117721ff3e9.svg#light);--curriculum-landing-arrow:url(/static/client/curriculum-landing-arrow.b4d5ba21e3dc087e.svg#light)}[data-theme=dark]:root .curriculum-content-container{--curriculum-landing-about-beginner:url(/static/client/curriculum-landing-about-beginner.9603b098f49dfb52.svg#dark);--curriculum-landing-about-pace:url(/static/client/curriculum-landing-about-pace.04fd0a480b4ef342.svg#dark);--curriculum-landing-about-free:url(/static/client/curriculum-landing-about-free.1ff3ec55692670ba.svg#dark);--curriculum-landing-about-bullet:url(/static/client/curriculum-landing-about-bullet.1a31ffce2d5917cb.svg#dark);--curriculum-landing-started-beginner:url(/static/client/curriculum-landing-started-beginner.62cf58049310b5c1.svg#dark);--curriculum-landing-started-advanced:url(/static/client/curriculum-landing-started-advanced.bd07b9246e350d6f.svg#dark);--curriculum-landing-started-employment:url(/static/client/curriculum-landing-started-employment.4e7b977d45493058.svg#dark);--curriculum-landing-started-educator:url(/static/client/curriculum-landing-started-educator.779ce85811a81d19.svg#dark);--curriculum-module-mdn-resource:url(/static/client/curriculum-mdn-resource.335ee2e480d302fb.svg#dark);--curriculum-bullet:url(/static/client/curriculum-bullet.ae8de1d4f7e37953.svg#dark);--curriculum-about-covered:url(/static/client/curriculum-about-covered.a0e620d9fa0a96bb.svg#dark);--curriculum-about-detail:url(/static/client/curriculum-about-detail.73feb705e269ebbe.svg#dark);--curriculum-about-educators:url(/static/client/curriculum-about-educators.03744c34dabd5fe7.svg#dark);--curriculum-about-not:url(/static/client/curriculum-about-not.aa3c2baa11be115d.svg#dark);--curriculum-about-students:url(/static/client/curriculum-about-students.842af9608002c05a.svg#dark);--curriculum-bg-image-partner:url(/static/client/curriculum-partner-bg.70de155df588311a.svg#dark);--curriculum-scrim-bg:url(/static/client/curriculum-scrim-bg.29a27117721ff3e9.svg#dark);--curriculum-landing-arrow:url(/static/client/curriculum-landing-arrow.b4d5ba21e3dc087e.svg#dark)}@media (prefers-color-scheme:dark){[data-theme="light dark"]:root .curriculum-content-container{--curriculum-landing-about-beginner:url(/static/client/curriculum-landing-about-beginner.9603b098f49dfb52.svg#dark);--curriculum-landing-about-pace:url(/static/client/curriculum-landing-about-pace.04fd0a480b4ef342.svg#dark);--curriculum-landing-about-free:url(/static/client/curriculum-landing-about-free.1ff3ec55692670ba.svg#dark);--curriculum-landing-about-bullet:url(/static/client/curriculum-landing-about-bullet.1a31ffce2d5917cb.svg#dark);--curriculum-landing-started-beginner:url(/static/client/curriculum-landing-started-beginner.62cf58049310b5c1.svg#dark);--curriculum-landing-started-advanced:url(/static/client/curriculum-landing-started-advanced.bd07b9246e350d6f.svg#dark);--curriculum-landing-started-employment:url(/static/client/curriculum-landing-started-employment.4e7b977d45493058.svg#dark);--curriculum-landing-started-educator:url(/static/client/curriculum-landing-started-educator.779ce85811a81d19.svg#dark);--curriculum-module-mdn-resource:url(/static/client/curriculum-mdn-resource.335ee2e480d302fb.svg#dark);--curriculum-bullet:url(/static/client/curriculum-bullet.ae8de1d4f7e37953.svg#dark);--curriculum-about-covered:url(/static/client/curriculum-about-covered.a0e620d9fa0a96bb.svg#dark);--curriculum-about-detail:url(/static/client/curriculum-about-detail.73feb705e269ebbe.svg#dark);--curriculum-about-educators:url(/static/client/curriculum-about-educators.03744c34dabd5fe7.svg#dark);--curriculum-about-not:url(/static/client/curriculum-about-not.aa3c2baa11be115d.svg#dark);--curriculum-about-students:url(/static/client/curriculum-about-students.842af9608002c05a.svg#dark);--curriculum-bg-image-partner:url(/static/client/curriculum-partner-bg.70de155df588311a.svg#dark);--curriculum-scrim-bg:url(/static/client/curriculum-scrim-bg.29a27117721ff3e9.svg#dark);--curriculum-landing-arrow:url(/static/client/curriculum-landing-arrow.b4d5ba21e3dc087e.svg#dark)}}@media (prefers-color-scheme:light){[data-theme="light dark"]:root .curriculum-content-container{--curriculum-landing-about-beginner:url(/static/client/curriculum-landing-about-beginner.9603b098f49dfb52.svg#light);--curriculum-landing-about-pace:url(/static/client/curriculum-landing-about-pace.04fd0a480b4ef342.svg#light);--curriculum-landing-about-free:url(/static/client/curriculum-landing-about-free.1ff3ec55692670ba.svg#light);--curriculum-landing-about-bullet:url(/static/client/curriculum-landing-about-bullet.1a31ffce2d5917cb.svg#light);--curriculum-landing-started-beginner:url(/static/client/curriculum-landing-started-beginner.62cf58049310b5c1.svg#light);--curriculum-landing-started-advanced:url(/static/client/curriculum-landing-started-advanced.bd07b9246e350d6f.svg#light);--curriculum-landing-started-employment:url(/static/client/curriculum-landing-started-employment.4e7b977d45493058.svg#light);--curriculum-landing-started-educator:url(/static/client/curriculum-landing-started-educator.779ce85811a81d19.svg#light);--curriculum-module-mdn-resource:url(/static/client/curriculum-mdn-resource.335ee2e480d302fb.svg#light);--curriculum-bullet:url(/static/client/curriculum-bullet.ae8de1d4f7e37953.svg#light);--curriculum-about-covered:url(/static/client/curriculum-about-covered.a0e620d9fa0a96bb.svg#light);--curriculum-about-detail:url(/static/client/curriculum-about-detail.73feb705e269ebbe.svg#light);--curriculum-about-educators:url(/static/client/curriculum-about-educators.03744c34dabd5fe7.svg#light);--curriculum-about-not:url(/static/client/curriculum-about-not.aa3c2baa11be115d.svg#light);--curriculum-about-students:url(/static/client/curriculum-about-students.842af9608002c05a.svg#light);--curriculum-bg-image-partner:url(/static/client/curriculum-partner-bg.70de155df588311a.svg#light);--curriculum-scrim-bg:url(/static/client/curriculum-scrim-bg.29a27117721ff3e9.svg#light);--curriculum-landing-arrow:url(/static/client/curriculum-landing-arrow.b4d5ba21e3dc087e.svg#light)}}.curriculum-content-container{--background-toc-active:var(--curriculum-bg-color);--category-color:var(--curriculum-category-color);--curriculum-bg-color-topic:var(--curriculum-bg-color);--curriculum-color-topic:var(--curriculum-color)}.curriculum-content-container .topic-standards{--curriculum-bg-color-topic:var(--curriculum-bg-color-topic-standards);--curriculum-color-topic:var(--curriculum-color-topic-standards);--curriculum-bg-color-list-item-header:var(
+      --curriculum-bg-color-list-item-topic-standards
+    );--curriculum-color-list-item-icon:var(
+      --curriculum-color-list-item-icon-topic-standards
+    );--curriculum-bg-color-list-item-icon:var(
+      --curriculum-bg-color-list-item-icon-topic-standards
+    )}.curriculum-content-container .topic-styling{--curriculum-bg-color-topic:var(--curriculum-bg-color-topic-styling);--curriculum-color-topic:var(--curriculum-color-topic-styling);--curriculum-bg-color-list-item-header:var(
+      --curriculum-bg-color-list-item-topic-styling
+    );--curriculum-color-list-item-icon:var(
+      --curriculum-color-list-item-icon-topic-styling
+    );--curriculum-bg-color-list-item-icon:var(
+      --curriculum-bg-color-list-item-icon-topic-styling
+    )}.curriculum-content-container .topic-scripting{--curriculum-bg-color-topic:var(--curriculum-bg-color-topic-scripting);--curriculum-color-topic:var(--curriculum-color-topic-scripting);--curriculum-bg-color-list-item-header:var(
+      --curriculum-bg-color-list-item-topic-scripting
+    );--curriculum-color-list-item-icon:var(
+      --curriculum-color-list-item-icon-topic-scripting
+    );--curriculum-bg-color-list-item-icon:var(
+      --curriculum-bg-color-list-item-icon-topic-scripting
+    )}.curriculum-content-container .topic-tooling{--curriculum-bg-color-topic:var(--curriculum-bg-color-topic-tooling);--curriculum-color-topic:var(--curriculum-color-topic-tooling);--curriculum-bg-color-list-item-header:var(
+      --curriculum-bg-color-list-item-topic-tooling
+    );--curriculum-color-list-item-icon:var(
+      --curriculum-color-list-item-icon-topic-tooling
+    );--curriculum-bg-color-list-item-icon:var(
+      --curriculum-bg-color-list-item-icon-topic-tooling
+    )}.curriculum-content-container .topic-practices{--curriculum-bg-color-topic:var(--curriculum-bg-color-topic-practices);--curriculum-color-topic:var(--curriculum-color-topic-practices);--curriculum-bg-color-list-item-header:var(
+      --curriculum-bg-color-list-item-topic-practices
+    );--curriculum-color-list-item-icon:var(
+      --curriculum-color-list-item-icon-topic-practices
+    );--curriculum-bg-color-list-item-icon:var(
+      --curriculum-bg-color-list-item-icon-topic-practices
+    )}:is(.curriculum-content-container .curriculum-layout__toc) .document-toc{margin-bottom:2rem;padding:0}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-heading{font-size:var(--font-size-large);font-weight:var(--font-weight-normal);line-height:var(--font-line-content);padding:.75em 0}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-list{font-size:var(--font-size-normal);list-style:none;padding-left:0}:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-list) li{margin:0}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link{border-left:2px solid var(--color-border-primary);color:var(--color-text-primary);display:inline-block;padding:.25rem .5rem;-webkit-text-decoration:none;text-decoration:none}[aria-current]:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link):not([aria-current=""],[aria-current=false]){background-color:var(--background-toc-active);border-bottom-right-radius:.25rem;border-left:2px solid var(--category-color);border-top-right-radius:.25rem;color:var(--text-primary);font-weight:var(--font-weight-bold)}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-item-sub>.document-toc-link:not(.button){padding-left:2rem}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) h2{font-size:var(--font-size-normal);font-weight:400;margin:0;padding:0}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) ul{display:grid;list-style:none;margin:0;padding:0}:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) ul) ul{padding-left:1rem}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) a{color:inherit;display:block;padding:.5rem;-webkit-text-decoration:none;text-decoration:none}:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) a):hover:not([aria-current=true]){color:var(--color-link-normal)}[aria-current=true]:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) a){background-color:var(--color-background-blue);box-shadow:-2px 0 0 var(--color-blue-50)}@media (width <= 769px){:is(.curriculum-content-container .curriculum-layout__toc) .document-toc{padding:0 1rem}}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .show-toc{display:block}.curriculum-content-container{line-height:var(--font-line-content)}.curriculum-content-container .curriculum-content,.curriculum-content-container .curriculum-sidebar,.curriculum-content-container .toc{padding-bottom:3rem;padding-top:2rem}:is(:is(.curriculum-content-container .curriculum-content) .modules) input[type=radio]:not(:checked)~ol{display:none}.curriculum-content-container .curriculum-content{max-width:100%}:is(.curriculum-content-container .curriculum-content) :target{scroll-margin-top:var(--sticky-header-height)}:is(.curriculum-content-container .curriculum-content) h1{font-size:var(--font-size-largest);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:2rem}:is(.curriculum-content-container .curriculum-content) h2{font-size:var(--font-size-larger);font-weight:500;margin:2rem 0 .5rem}:is(.curriculum-content-container .curriculum-content) h3{font-size:var(--font-size-large);font-weight:300;margin:2rem 0 .5rem}:is(:is(.curriculum-content-container .curriculum-content) h1,:is(.curriculum-content-container .curriculum-content) h2,:is(.curriculum-content-container .curriculum-content) h3,:is(.curriculum-content-container .curriculum-content) h4,:is(.curriculum-content-container .curriculum-content) h5,:is(.curriculum-content-container .curriculum-content) h6) a:focus,:is(:is(.curriculum-content-container .curriculum-content) h1,:is(.curriculum-content-container .curriculum-content) h2,:is(.curriculum-content-container .curriculum-content) h3,:is(.curriculum-content-container .curriculum-content) h4,:is(.curriculum-content-container .curriculum-content) h5,:is(.curriculum-content-container .curriculum-content) h6) a:hover{-webkit-text-decoration:underline;text-decoration:underline}:is(:is(.curriculum-content-container .curriculum-content) h1,:is(.curriculum-content-container .curriculum-content) h2,:is(.curriculum-content-container .curriculum-content) h3,:is(.curriculum-content-container .curriculum-content) h4,:is(.curriculum-content-container .curriculum-content) h5,:is(.curriculum-content-container .curriculum-content) h6) a:active{background-color:initial}.curriculum-content-container ol,.curriculum-content-container ul{list-style:none;margin:0;padding:0}.curriculum-content-container,.curriculum-content-container .button{--button-padding:1rem}.button:is(:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):link,:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):visited){-webkit-text-decoration:none;text-decoration:none}:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):focus,:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):hover{-webkit-text-decoration:underline;text-decoration:underline}:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):visited:not([href^="#"]){color:var(--color-link-visited)}:is(.curriculum-content-container .curriculum-content) ol,:is(.curriculum-content-container .curriculum-content) ul{list-style:none;padding:0}:is(:is(.curriculum-content-container .curriculum-content) ol,:is(.curriculum-content-container .curriculum-content) ul) li>p{margin:0}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content)>h1{margin-bottom:2rem}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content)>h1)>span{color:var(--curriculum-color)}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) .module-contents)>h2{margin-bottom:2rem;margin-top:4rem}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) section h2:first-of-type{margin-top:2rem}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) code{background:var(--color-background-secondary);border-radius:.25em;padding:.125rem .25rem}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes{background-color:var(--curriculum-bg-color-note);border:0;border-radius:var(--elem-radius);margin:1rem;padding:1rem}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) ol,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) ul{padding-left:1rem}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) ol,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) ul) li:last-child{margin-bottom:0}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) ol,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) p,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) ul{margin-top:.5rem}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes)>p:first-child{margin-top:0}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes)>:last-child{margin-bottom:0}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) p.curriculum-outcomes{display:flex;font-weight:var(--font-weight-bold);margin-bottom:.5rem}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) p.curriculum-outcomes):before{content:url(/static/client/curriculum-resources.42e1db709b0eb7f8.svg);display:block;height:24px;margin-right:.5rem;width:24px}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) ol,:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) ul{margin:1rem 0;padding-left:2rem}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) ol,:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) ul) ol,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) ol,:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) ul) ul{margin:0}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) li{list-style-type:disc;margin:.5rem 0}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) mdn-scrim-inline{aspect-ratio:1.5;display:block;margin:.5rem auto;max-width:36rem;width:100%}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) p:has(>scrim-inline:only-child){margin:1rem 0}.curriculum-content-container .curriculum-prev-next{display:flex;flex-wrap:wrap;gap:0 1rem;justify-content:space-between;margin-top:2rem;width:100%}
+/*# sourceMappingURL=1197.65020044d7ef7add.css.map*/

package/dist/client/1197.65020044d7ef7add.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"1197.65020044d7ef7add.css","sources":["webpack://@mdn/fred/./components/curriculum/vars.css","webpack://@mdn/fred/./components/curriculum/toc.css","webpack://@mdn/fred/./components/curriculum/shared.css"],"sourcesContent":[".curriculum-content-container {\n  --max-width: 74rem;\n  --gutter: 1rem;\n  --inner-width: calc(min(var(--max-width), 100vw) - 2 * var(--gutter));\n\n  --curriculum-bg-color-landing-about-ul: light-dark(\n    hsl(0deg 0% 100%),\n    hsl(0deg 0% 0%)\n  );\n  --curriculum-bg-color-landing-stairway-floor: light-dark(\n    hsl(30deg 77% 95%),\n    hsl(28deg 46% 37%)\n  );\n  --curriculum-bg-color-landing-top-icon: light-dark(\n    hsl(30deg 77% 95%),\n    hsl(22deg 44% 10%)\n  );\n  --curriculum-bg-color-landing: light-dark(\n    hsl(0deg 0% 100%),\n    hsl(18deg 13% 5%)\n  );\n  --curriculum-bg-color-list-item-body: light-dark(\n    hsl(0deg 0% 100%),\n    hsl(0deg 0% 0%)\n  );\n  --curriculum-bg-color-list-item-icon-topic-practices: light-dark(\n    hsl(0deg 0% 100%),\n    hsl(265deg 31% 38%)\n  );\n  --curriculum-bg-color-list-item-icon-topic-scripting: light-dark(\n    hsl(0deg 0% 100%),\n    hsl(42deg 33% 38%)\n  );\n  --curriculum-bg-color-list-item-icon-topic-standards: light-dark(\n    hsl(0deg 0% 100%),\n    hsl(357deg 31% 38%)\n  );\n  --curriculum-bg-color-list-item-icon-topic-styling: light-dark(\n    hsl(0deg 0% 100%),\n    hsl(224deg 31% 38%)\n  );\n  --curriculum-bg-color-list-item-icon-topic-tooling: light-dark(\n    hsl(0deg 0% 100%),\n    hsl(142deg 31% 38%)\n  );\n  --curriculum-bg-color-list-item-topic-practices: light-dark(\n    hsl(265deg 100% 70% / 19%),\n    hsl(0deg 0% 20%)\n  );\n  --curriculum-bg-color-list-item-topic-scripting: light-dark(\n    hsl(54deg 100% 29% / 19%),\n    hsl(0deg 0% 20%)\n  );\n  --curriculum-bg-color-list-item-topic-standards: light-dark(\n    hsl(344deg 100% 58% / 19%),\n    hsl(0deg 0% 20%)\n  );\n  --curriculum-bg-color-list-item-topic-styling: light-dark(\n    hsl(205deg 100% 47% / 19%),\n    hsl(0deg 0% 20%)\n  );\n  --curriculum-bg-color-list-item-topic-tooling: light-dark(\n    hsl(146deg 100% 30% / 19%),\n    hsl(0deg 0% 20%)\n  );\n  --curriculum-bg-color-note: light-dark(\n    hsl(30deg 77% 95% / 50%),\n    hsl(26deg 10% 18%)\n  );\n  --curriculum-bg-color-partner: light-dark(\n    hsl(0deg 0% 100%),\n    hsl(30deg 7% 12%)\n  );\n  --curriculum-bg-color-topic-practices: light-dark(\n    hsl(265deg 100% 70% / 19%),\n    hsl(265deg 31% 38%)\n  );\n  --curriculum-bg-color-topic-scripting: light-dark(\n    hsl(54deg 100% 29% / 19%),\n    hsl(44deg 29% 36%)\n  );\n  --curriculum-bg-color-topic-standards: light-dark(\n    hsl(344deg 100% 58% / 19%),\n    hsl(355deg 34% 45%)\n  );\n  --curriculum-bg-color-topic-styling: light-dark(\n    hsl(205deg 100% 47% / 19%),\n    hsl(225deg 34% 46%)\n  );\n  --curriculum-bg-color-topic-tooling: light-dark(\n    hsl(146deg 100% 30% / 19%),\n    hsl(137deg 36% 37%)\n  );\n  --curriculum-bg-color: light-dark(hsl(30deg 77% 95%), hsl(22deg 44% 10%));\n  --curriculum-bg-large-color: light-dark(hsl(30deg 77% 95%), hsl(0deg 0% 20%));\n  --curriculum-border-color-hover: light-dark(\n    hsl(0deg 0% 100%),\n    hsl(0deg 0% 80% / 65%)\n  );\n  --curriculum-border-color: light-dark(hsl(0deg 4% 95%), hsl(0deg 0% 31%));\n  --curriculum-category-color: light-dark(\n    hsl(18deg 76% 53%),\n    hsl(18deg 76% 53%)\n  );\n  --curriculum-color-landing-laptop: light-dark(\n    hsl(18deg 76% 53%),\n    hsl(22deg 54% 45%)\n  );\n  --curriculum-color-list-item-icon-topic-practices: light-dark(\n    hsl(270deg 100% 59%),\n    hsl(276deg 72% 76%)\n  );\n  --curriculum-color-list-item-icon-topic-scripting: light-dark(\n    hsl(54deg 100% 23%),\n    hsl(44deg 81% 75%)\n  );\n  --curriculum-color-list-item-icon-topic-standards: light-dark(\n    hsl(344deg 100% 41%),\n    hsl(355deg 81% 75%)\n  );\n  --curriculum-color-list-item-icon-topic-styling: light-dark(\n    hsl(210deg 100% 38%),\n    hsl(225deg 72% 76%)\n  );\n  --curriculum-color-list-item-icon-topic-tooling: light-dark(\n    hsl(146deg 100% 24%),\n    hsl(146deg 81% 75%)\n  );\n  --curriculum-color-topic-practices: light-dark(\n    hsl(270deg 100% 59%),\n    hsl(276deg 72% 76%)\n  );\n  --curriculum-color-topic-scripting: light-dark(\n    hsl(54deg 100% 23%),\n    hsl(44deg 81% 75%)\n  );\n  --curriculum-color-topic-standards: light-dark(\n    hsl(344deg 100% 41%),\n    hsl(355deg 81% 75%)\n  );\n  --curriculum-color-topic-styling: light-dark(\n    hsl(210deg 100% 38%),\n    hsl(225deg 72% 76%)\n  );\n  --curriculum-color-topic-tooling: light-dark(\n    hsl(146deg 100% 24%),\n    hsl(146deg 81% 75%)\n  );\n  --curriculum-color: light-dark(hsl(19deg 63% 59%), hsl(18deg 76% 53%));\n  --curriculum-module-label-bg-color: light-dark(\n    hsl(30deg 77% 98%),\n    hsl(22deg 44% 10%)\n  );\n  --curriculum-module-label-color: light-dark(\n    hsl(18deg 71% 42%),\n    hsl(18deg 76% 53%)\n  );\n  --curriculum-shadow-landing-about-ul:\n    0 4px 10px 0 light-dark(hsl(18deg 76% 53% / 6%), hsl(30deg 54% 45% / 15%)),\n    0 -2px 4px 0 light-dark(hsl(22deg 54% 45% / 6%), hsl(22deg 54% 45% / 6%));\n  --curriculum-shadow:\n    4px 4px 8px 0 light-dark(hsl(18deg 76% 53% / 6%), hsl(0deg 0% 14% / 15%)),\n    -4px 4px 8px 0 light-dark(hsl(0deg 0% 70% / 15%), hsl(0deg 0% 34% / 15%));\n\n  --text-primary: var(--color-text-primary);\n  --text-secondary: var(--color-text-secondary);\n}\n\n:root[data-theme=\"light\"] {\n  .curriculum-content-container {\n    --curriculum-landing-about-beginner: url(\"./assets/curriculum-landing-about-beginner.svg#light\");\n    --curriculum-landing-about-pace: url(\"./assets/curriculum-landing-about-pace.svg#light\");\n    --curriculum-landing-about-free: url(\"./assets/curriculum-landing-about-free.svg#light\");\n    --curriculum-landing-about-bullet: url(\"./assets/curriculum-landing-about-bullet.svg#light\");\n    --curriculum-landing-started-beginner: url(\"./assets/curriculum-landing-started-beginner.svg#light\");\n    --curriculum-landing-started-advanced: url(\"./assets/curriculum-landing-started-advanced.svg#light\");\n    --curriculum-landing-started-employment: url(\"./assets/curriculum-landing-started-employment.svg#light\");\n    --curriculum-landing-started-educator: url(\"./assets/curriculum-landing-started-educator.svg#light\");\n    --curriculum-module-mdn-resource: url(\"./assets/curriculum-mdn-resource.svg#light\");\n    --curriculum-bullet: url(\"./assets/curriculum-bullet.svg#light\");\n    --curriculum-about-covered: url(\"./assets/curriculum-about-covered.svg#light\");\n    --curriculum-about-detail: url(\"./assets/curriculum-about-detail.svg#light\");\n    --curriculum-about-educators: url(\"./assets/curriculum-about-educators.svg#light\");\n    --curriculum-about-not: url(\"./assets/curriculum-about-not.svg#light\");\n    --curriculum-about-students: url(\"./assets/curriculum-about-students.svg#light\");\n    --curriculum-bg-image-partner: url(\"./assets/curriculum-partner-bg.svg#light\");\n    --curriculum-scrim-bg: url(\"./assets/curriculum-scrim-bg.svg#light\");\n    --curriculum-landing-arrow: url(\"./assets/curriculum-landing-arrow.svg#light\");\n  }\n}\n\n/* theme support for swapping out assets: check the root-level data-theme property, fall back to the os-level preference */\n:root[data-theme=\"dark\"] {\n  .curriculum-content-container {\n    --curriculum-landing-about-beginner: url(\"./assets/curriculum-landing-about-beginner.svg#dark\");\n    --curriculum-landing-about-pace: url(\"./assets/curriculum-landing-about-pace.svg#dark\");\n    --curriculum-landing-about-free: url(\"./assets/curriculum-landing-about-free.svg#dark\");\n    --curriculum-landing-about-bullet: url(\"./assets/curriculum-landing-about-bullet.svg#dark\");\n    --curriculum-landing-started-beginner: url(\"./assets/curriculum-landing-started-beginner.svg#dark\");\n    --curriculum-landing-started-advanced: url(\"./assets/curriculum-landing-started-advanced.svg#dark\");\n    --curriculum-landing-started-employment: url(\"./assets/curriculum-landing-started-employment.svg#dark\");\n    --curriculum-landing-started-educator: url(\"./assets/curriculum-landing-started-educator.svg#dark\");\n    --curriculum-module-mdn-resource: url(\"./assets/curriculum-mdn-resource.svg#dark\");\n    --curriculum-bullet: url(\"./assets/curriculum-bullet.svg#dark\");\n    --curriculum-about-covered: url(\"./assets/curriculum-about-covered.svg#dark\");\n    --curriculum-about-detail: url(\"./assets/curriculum-about-detail.svg#dark\");\n    --curriculum-about-educators: url(\"./assets/curriculum-about-educators.svg#dark\");\n    --curriculum-about-not: url(\"./assets/curriculum-about-not.svg#dark\");\n    --curriculum-about-students: url(\"./assets/curriculum-about-students.svg#dark\");\n    --curriculum-bg-image-partner: url(\"./assets/curriculum-partner-bg.svg#dark\");\n    --curriculum-scrim-bg: url(\"./assets/curriculum-scrim-bg.svg#dark\");\n    --curriculum-landing-arrow: url(\"./assets/curriculum-landing-arrow.svg#dark\");\n  }\n}\n\n:root[data-theme=\"light dark\"] {\n  @media (prefers-color-scheme: dark) {\n    .curriculum-content-container {\n      --curriculum-landing-about-beginner: url(\"./assets/curriculum-landing-about-beginner.svg#dark\");\n      --curriculum-landing-about-pace: url(\"./assets/curriculum-landing-about-pace.svg#dark\");\n      --curriculum-landing-about-free: url(\"./assets/curriculum-landing-about-free.svg#dark\");\n      --curriculum-landing-about-bullet: url(\"./assets/curriculum-landing-about-bullet.svg#dark\");\n      --curriculum-landing-started-beginner: url(\"./assets/curriculum-landing-started-beginner.svg#dark\");\n      --curriculum-landing-started-advanced: url(\"./assets/curriculum-landing-started-advanced.svg#dark\");\n      --curriculum-landing-started-employment: url(\"./assets/curriculum-landing-started-employment.svg#dark\");\n      --curriculum-landing-started-educator: url(\"./assets/curriculum-landing-started-educator.svg#dark\");\n      --curriculum-module-mdn-resource: url(\"./assets/curriculum-mdn-resource.svg#dark\");\n      --curriculum-bullet: url(\"./assets/curriculum-bullet.svg#dark\");\n      --curriculum-about-covered: url(\"./assets/curriculum-about-covered.svg#dark\");\n      --curriculum-about-detail: url(\"./assets/curriculum-about-detail.svg#dark\");\n      --curriculum-about-educators: url(\"./assets/curriculum-about-educators.svg#dark\");\n      --curriculum-about-not: url(\"./assets/curriculum-about-not.svg#dark\");\n      --curriculum-about-students: url(\"./assets/curriculum-about-students.svg#dark\");\n      --curriculum-bg-image-partner: url(\"./assets/curriculum-partner-bg.svg#dark\");\n      --curriculum-scrim-bg: url(\"./assets/curriculum-scrim-bg.svg#dark\");\n      --curriculum-landing-arrow: url(\"./assets/curriculum-landing-arrow.svg#dark\");\n    }\n  }\n\n  @media (prefers-color-scheme: light) {\n    .curriculum-content-container {\n      --curriculum-landing-about-beginner: url(\"./assets/curriculum-landing-about-beginner.svg#light\");\n      --curriculum-landing-about-pace: url(\"./assets/curriculum-landing-about-pace.svg#light\");\n      --curriculum-landing-about-free: url(\"./assets/curriculum-landing-about-free.svg#light\");\n      --curriculum-landing-about-bullet: url(\"./assets/curriculum-landing-about-bullet.svg#light\");\n      --curriculum-landing-started-beginner: url(\"./assets/curriculum-landing-started-beginner.svg#light\");\n      --curriculum-landing-started-advanced: url(\"./assets/curriculum-landing-started-advanced.svg#light\");\n      --curriculum-landing-started-employment: url(\"./assets/curriculum-landing-started-employment.svg#light\");\n      --curriculum-landing-started-educator: url(\"./assets/curriculum-landing-started-educator.svg#light\");\n      --curriculum-module-mdn-resource: url(\"./assets/curriculum-mdn-resource.svg#light\");\n      --curriculum-bullet: url(\"./assets/curriculum-bullet.svg#light\");\n      --curriculum-about-covered: url(\"./assets/curriculum-about-covered.svg#light\");\n      --curriculum-about-detail: url(\"./assets/curriculum-about-detail.svg#light\");\n      --curriculum-about-educators: url(\"./assets/curriculum-about-educators.svg#light\");\n      --curriculum-about-not: url(\"./assets/curriculum-about-not.svg#light\");\n      --curriculum-about-students: url(\"./assets/curriculum-about-students.svg#light\");\n      --curriculum-bg-image-partner: url(\"./assets/curriculum-partner-bg.svg#light\");\n      --curriculum-scrim-bg: url(\"./assets/curriculum-scrim-bg.svg#light\");\n      --curriculum-landing-arrow: url(\"./assets/curriculum-landing-arrow.svg#light\");\n    }\n  }\n}\n\n.curriculum-content-container {\n  --background-toc-active: var(--curriculum-bg-color);\n  --category-color: var(--curriculum-category-color);\n\n  --curriculum-bg-color-topic: var(--curriculum-bg-color);\n  --curriculum-color-topic: var(--curriculum-color);\n\n  .topic-standards {\n    --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-standards);\n    --curriculum-color-topic: var(--curriculum-color-topic-standards);\n    --curriculum-bg-color-list-item-header: var(\n      --curriculum-bg-color-list-item-topic-standards\n    );\n    --curriculum-color-list-item-icon: var(\n      --curriculum-color-list-item-icon-topic-standards\n    );\n    --curriculum-bg-color-list-item-icon: var(\n      --curriculum-bg-color-list-item-icon-topic-standards\n    );\n  }\n\n  .topic-styling {\n    --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-styling);\n    --curriculum-color-topic: var(--curriculum-color-topic-styling);\n    --curriculum-bg-color-list-item-header: var(\n      --curriculum-bg-color-list-item-topic-styling\n    );\n    --curriculum-color-list-item-icon: var(\n      --curriculum-color-list-item-icon-topic-styling\n    );\n    --curriculum-bg-color-list-item-icon: var(\n      --curriculum-bg-color-list-item-icon-topic-styling\n    );\n  }\n\n  .topic-scripting {\n    --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-scripting);\n    --curriculum-color-topic: var(--curriculum-color-topic-scripting);\n    --curriculum-bg-color-list-item-header: var(\n      --curriculum-bg-color-list-item-topic-scripting\n    );\n    --curriculum-color-list-item-icon: var(\n      --curriculum-color-list-item-icon-topic-scripting\n    );\n    --curriculum-bg-color-list-item-icon: var(\n      --curriculum-bg-color-list-item-icon-topic-scripting\n    );\n  }\n\n  .topic-tooling {\n    --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-tooling);\n    --curriculum-color-topic: var(--curriculum-color-topic-tooling);\n    --curriculum-bg-color-list-item-header: var(\n      --curriculum-bg-color-list-item-topic-tooling\n    );\n    --curriculum-color-list-item-icon: var(\n      --curriculum-color-list-item-icon-topic-tooling\n    );\n    --curriculum-bg-color-list-item-icon: var(\n      --curriculum-bg-color-list-item-icon-topic-tooling\n    );\n  }\n\n  .topic-practices {\n    --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-practices);\n    --curriculum-color-topic: var(--curriculum-color-topic-practices);\n    --curriculum-bg-color-list-item-header: var(\n      --curriculum-bg-color-list-item-topic-practices\n    );\n    --curriculum-color-list-item-icon: var(\n      --curriculum-color-list-item-icon-topic-practices\n    );\n    --curriculum-bg-color-list-item-icon: var(\n      --curriculum-bg-color-list-item-icon-topic-practices\n    );\n  }\n}\n",".curriculum-content-container {\n  .curriculum-layout__toc {\n    .document-toc {\n      padding: 0;\n      margin-bottom: 2rem;\n\n      .document-toc-heading {\n        padding: 0.75em 0;\n\n        font-size: var(--font-size-large);\n        font-weight: var(--font-weight-normal);\n\n        line-height: var(--font-line-content);\n      }\n\n      .document-toc-list {\n        padding-left: 0;\n        font-size: var(--font-size-normal);\n        list-style: none;\n\n        li {\n          margin: 0;\n        }\n      }\n\n      .document-toc-link {\n        display: inline-block;\n\n        padding: 0.25rem 0.5rem;\n\n        color: var(--color-text-primary);\n\n        text-decoration: none;\n\n        border-left: 2px solid var(--color-border-primary);\n\n        &[aria-current]:not([aria-current=\"\"], [aria-current=\"false\"]) {\n          font-weight: var(--font-weight-bold);\n\n          color: var(--text-primary);\n\n          background-color: var(--background-toc-active);\n          border-left: 2px solid var(--category-color);\n          border-top-right-radius: 0.25rem;\n          border-bottom-right-radius: 0.25rem;\n        }\n      }\n\n      .document-toc-item-sub > .document-toc-link:not(.button) {\n        padding-left: 2rem;\n      }\n\n      h2 {\n        padding: 0;\n        margin: 0;\n\n        font-size: var(--font-size-normal);\n        font-weight: normal;\n      }\n\n      ul {\n        display: grid;\n\n        padding: 0;\n        margin: 0;\n\n        list-style: none;\n\n        ul {\n          padding-left: 1rem;\n        }\n      }\n\n      a {\n        display: block;\n\n        padding: 0.5rem;\n\n        color: inherit;\n\n        text-decoration: none;\n\n        &:hover:not([aria-current=\"true\"]) {\n          color: var(--color-link-normal);\n        }\n\n        &[aria-current=\"true\"] {\n          background-color: var(--color-background-blue);\n          box-shadow: -2px 0 0 var(--color-blue-50);\n        }\n      }\n\n      @media (--screen-small-and-narrower) {\n        padding: 0 1rem;\n      }\n\n      .show-toc {\n        display: block;\n      }\n    }\n  }\n}\n","@import url(\"./vars.css\");\n@import url(\"./toc.css\");\n\n.curriculum-content-container {\n  line-height: var(--font-line-content);\n\n  /* space above all 3 columns */\n  .curriculum-sidebar,\n  .toc,\n  .curriculum-content {\n    padding-top: 2rem;\n    padding-bottom: 3rem;\n  }\n\n  /* hide unchecked tab contents on landing page */\n  .curriculum-content {\n    .modules {\n      input[type=\"radio\"]:not(:checked) ~ ol {\n        display: none;\n      }\n    }\n\n    max-width: 100%;\n\n    :target {\n      scroll-margin-top: var(--sticky-header-height);\n    }\n\n    h1 {\n      margin-bottom: 2rem;\n\n      font-size: var(--font-size-largest);\n      font-weight: var(--font-weight-bold);\n\n      line-height: 1.2;\n    }\n\n    h2 {\n      margin: 2rem 0 0.5rem;\n      font-size: var(--font-size-larger);\n      font-weight: 500;\n    }\n\n    h3 {\n      margin: 2rem 0 0.5rem;\n      font-size: var(--font-size-large);\n      font-weight: 300;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      a:hover,\n      a:focus {\n        text-decoration: underline;\n      }\n\n      a:active {\n        background-color: transparent;\n      }\n    }\n  }\n\n  ol,\n  ul {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  &,\n  .button {\n    --button-padding: 1rem;\n  }\n\n  .curriculum-content {\n    a:not(.button) {\n      &:link,\n      &:visited {\n        /* text-decoration: underline; */\n\n        &.button {\n          text-decoration: none;\n        }\n      }\n\n      &:hover,\n      &:focus {\n        text-decoration: underline;\n      }\n\n      &:visited:not([href^=\"#\"]) {\n        color: var(--color-link-visited);\n      }\n    }\n\n    ol,\n    ul {\n      padding: 0;\n      list-style: none;\n\n      li > p {\n        margin: 0;\n      }\n    }\n  }\n\n  &.curriculum-overview,\n  &.curriculum-module {\n    .curriculum-content {\n      > h1 {\n        margin-bottom: 2rem;\n\n        > span {\n          color: var(--curriculum-color);\n        }\n      }\n\n      .module-contents {\n        > h2 {\n          margin-top: 4rem;\n          margin-bottom: 2rem;\n        }\n      }\n\n      section h2:first-of-type {\n        margin-top: 2rem;\n      }\n\n      code {\n        padding: 0.125rem 0.25rem;\n        background: var(--color-background-secondary);\n        border-radius: 0.25em;\n      }\n\n      blockquote.curriculum-notes {\n        padding: 1rem;\n        margin: 1rem;\n\n        background-color: var(--curriculum-bg-color-note);\n        border: 0;\n        border-radius: var(--elem-radius);\n\n        ol,\n        ul {\n          padding-left: 1rem;\n\n          li:last-child {\n            margin-bottom: 0;\n          }\n        }\n\n        ol,\n        ul,\n        p {\n          margin-top: 0.5rem;\n        }\n\n        > p:first-child {\n          margin-top: 0;\n        }\n\n        > :last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      p.curriculum-outcomes {\n        display: flex;\n        margin-bottom: 0.5rem;\n        font-weight: var(--font-weight-bold);\n\n        &::before {\n          display: block;\n\n          width: 24px;\n          height: 24px;\n\n          margin-right: 0.5rem;\n\n          content: url(\"./assets/curriculum-resources.svg\");\n        }\n      }\n\n      ol,\n      ul {\n        padding-left: 2rem;\n        margin: 1rem 0;\n\n        ol,\n        ul {\n          margin: 0;\n        }\n      }\n\n      li {\n        margin: 0.5rem 0;\n        list-style-type: disc;\n      }\n\n      mdn-scrim-inline {\n        display: block;\n\n        width: 100%;\n        max-width: 36rem;\n        aspect-ratio: 1.5;\n\n        margin: 0.5rem auto;\n      }\n\n      p:has(> scrim-inline:only-child) {\n        margin: 1rem 0;\n      }\n    }\n  }\n\n  .curriculum-prev-next {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 0 1rem;\n    justify-content: space-between;\n\n    width: 100%;\n\n    margin-top: 2rem;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/client/1241.691b26f66d52ce68.css

@@ -0,0 +1,2 @@
+.observatory{--progress-color:var(--observatory-accent);--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-purple-80);--observatory-accent:var(--csstools-light-dark-toggle--0,var(--color-purple-20));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-purple-80);--observatory-accent-light:var(--csstools-light-dark-toggle--1,var(--color-purple-20));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-green-20);--observatory-pass-icon-bg:var(--csstools-light-dark-toggle--2,var(--color-green-90));--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-green-80);--observatory-pass-icon-color:var(--csstools-light-dark-toggle--3,var(--color-green-50));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-red-10);--observatory-fail-icon-bg:var(--csstools-light-dark-toggle--4,var(--color-red-90));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-red-80);--observatory-fail-icon-color:var(--csstools-light-dark-toggle--5,var(--color-red-50));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-gray-10);--observatory-table-bg:var(--csstools-light-dark-toggle--6,var(--color-white));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-gray-10);--observatory-table-bg-alternate:var(--csstools-light-dark-toggle--7,var(--color-gray-90));--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) var(--color-gray-10);--observatory-table-header-bg:var(--csstools-light-dark-toggle--8,var(--color-gray-90));--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #265c3d;--observatory-grade-a-bg:var(--csstools-light-dark-toggle--9,#d2fadd);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #89fca1;--observatory-grade-a-border:var(--csstools-light-dark-toggle--10,#017a37);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #52662a;--observatory-grade-b-bg:var(--csstools-light-dark-toggle--11,#e8fad2);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #d5fc88;--observatory-grade-b-border:var(--csstools-light-dark-toggle--12,#547a01);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #66602a;--observatory-grade-c-bg:var(--csstools-light-dark-toggle--13,#faf8d2);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #fcf988;--observatory-grade-c-border:var(--csstools-light-dark-toggle--14,#7a7001);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #5c3d26;--observatory-grade-d-bg:var(--csstools-light-dark-toggle--15,#fae8d2);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #ff6a00;--observatory-grade-d-border:var(--csstools-light-dark-toggle--16,#a65001);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #5c2626;--observatory-grade-f-bg:var(--csstools-light-dark-toggle--17,#fad2d2);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #fc8888;--observatory-grade-f-border:var(--csstools-light-dark-toggle--18,#a00);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) var(--color-red-80);--observatory-arrow-down-color:var(--csstools-light-dark-toggle--19,var(--color-red-20));--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) var(--color-green-80);--observatory-arrow-up-color:var(--csstools-light-dark-toggle--20,var(--color-green-50));--csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) var(--color-red-80);--form-invalid-color:var(--csstools-light-dark-toggle--21,var(--color-red-50));--alert-circle-img:url(/static/client/alert-circle.558fb4ebf9c68c79.svg)}@supports (color:light-dark(red,red)){.observatory{--observatory-accent:light-dark(var(--color-purple-20),var(--color-purple-80));--observatory-accent-light:light-dark(var(--color-purple-20),var(--color-purple-80));--observatory-pass-icon-bg:light-dark(var(--color-green-90),var(--color-green-20));--observatory-pass-icon-color:light-dark(var(--color-green-50),var(--color-green-80));--observatory-fail-icon-bg:light-dark(var(--color-red-90),var(--color-red-10));--observatory-fail-icon-color:light-dark(var(--color-red-50),var(--color-red-80));--observatory-table-bg:light-dark(var(--color-white),var(--color-gray-10));--observatory-table-bg-alternate:light-dark(var(--color-gray-90),var(--color-gray-10));--observatory-table-header-bg:light-dark(var(--color-gray-90),var(--color-gray-10));--observatory-grade-a-bg:light-dark(#d2fadd,#265c3d);--observatory-grade-a-border:light-dark(#017a37,#89fca1);--observatory-grade-b-bg:light-dark(#e8fad2,#52662a);--observatory-grade-b-border:light-dark(#547a01,#d5fc88);--observatory-grade-c-bg:light-dark(#faf8d2,#66602a);--observatory-grade-c-border:light-dark(#7a7001,#fcf988);--observatory-grade-d-bg:light-dark(#fae8d2,#5c3d26);--observatory-grade-d-border:light-dark(#a65001,#ff6a00);--observatory-grade-f-bg:light-dark(#fad2d2,#5c2626);--observatory-grade-f-border:light-dark(#a00,#fc8888);--observatory-arrow-down-color:light-dark(var(--color-red-20),var(--color-red-80));--observatory-arrow-up-color:light-dark(var(--color-green-50),var(--color-green-80));--form-invalid-color:light-dark(var(--color-red-50),var(--color-red-80))}}@supports not (color:light-dark(tan,tan)){.observatory *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-purple-80);--observatory-accent:var(--csstools-light-dark-toggle--0,var(--color-purple-20));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-purple-80);--observatory-accent-light:var(--csstools-light-dark-toggle--1,var(--color-purple-20));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-green-20);--observatory-pass-icon-bg:var(--csstools-light-dark-toggle--2,var(--color-green-90));--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-green-80);--observatory-pass-icon-color:var(--csstools-light-dark-toggle--3,var(--color-green-50));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-red-10);--observatory-fail-icon-bg:var(--csstools-light-dark-toggle--4,var(--color-red-90));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-red-80);--observatory-fail-icon-color:var(--csstools-light-dark-toggle--5,var(--color-red-50));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-gray-10);--observatory-table-bg:var(--csstools-light-dark-toggle--6,var(--color-white));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-gray-10);--observatory-table-bg-alternate:var(--csstools-light-dark-toggle--7,var(--color-gray-90));--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) var(--color-gray-10);--observatory-table-header-bg:var(--csstools-light-dark-toggle--8,var(--color-gray-90));--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #265c3d;--observatory-grade-a-bg:var(--csstools-light-dark-toggle--9,#d2fadd);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #89fca1;--observatory-grade-a-border:var(--csstools-light-dark-toggle--10,#017a37);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #52662a;--observatory-grade-b-bg:var(--csstools-light-dark-toggle--11,#e8fad2);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #d5fc88;--observatory-grade-b-border:var(--csstools-light-dark-toggle--12,#547a01);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #66602a;--observatory-grade-c-bg:var(--csstools-light-dark-toggle--13,#faf8d2);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #fcf988;--observatory-grade-c-border:var(--csstools-light-dark-toggle--14,#7a7001);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #5c3d26;--observatory-grade-d-bg:var(--csstools-light-dark-toggle--15,#fae8d2);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #ff6a00;--observatory-grade-d-border:var(--csstools-light-dark-toggle--16,#a65001);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #5c2626;--observatory-grade-f-bg:var(--csstools-light-dark-toggle--17,#fad2d2);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #fc8888;--observatory-grade-f-border:var(--csstools-light-dark-toggle--18,#a00);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) var(--color-red-80);--observatory-arrow-down-color:var(--csstools-light-dark-toggle--19,var(--color-red-20));--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) var(--color-green-80);--observatory-arrow-up-color:var(--csstools-light-dark-toggle--20,var(--color-green-50));--csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) var(--color-red-80);--form-invalid-color:var(--csstools-light-dark-toggle--21,var(--color-red-50))}}.observatory{color:var(--color-text-primary);line-height:var(--font-line-content)}
+/*# sourceMappingURL=1241.691b26f66d52ce68.css.map*/

package/dist/client/1241.691b26f66d52ce68.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"1241.691b26f66d52ce68.css","sources":["webpack://@mdn/fred/./components/observatory/colors.css","webpack://@mdn/fred/./components/observatory/common.css"],"sourcesContent":["/* observatory color definitions */\n.observatory {\n  --progress-color: var(--observatory-accent);\n\n  --observatory-accent: light-dark(\n    var(--color-purple-20),\n    var(--color-purple-80)\n  );\n  --observatory-accent-light: light-dark(\n    var(--color-purple-20),\n    var(--color-purple-80)\n  );\n\n  --observatory-pass-icon-bg: light-dark(\n    var(--color-green-90),\n    var(--color-green-20)\n  );\n  --observatory-pass-icon-color: light-dark(\n    var(--color-green-50),\n    var(--color-green-80)\n  );\n  --observatory-fail-icon-bg: light-dark(\n    var(--color-red-90),\n    var(--color-red-10)\n  );\n  --observatory-fail-icon-color: light-dark(\n    var(--color-red-50),\n    var(--color-red-80)\n  );\n\n  --observatory-table-bg: light-dark(var(--color-white), var(--color-gray-10));\n  --observatory-table-bg-alternate: light-dark(\n    var(--color-gray-90),\n    var(--color-gray-10)\n  );\n  --observatory-table-header-bg: light-dark(\n    var(--color-gray-90),\n    var(--color-gray-10)\n  );\n\n  --observatory-grade-a-bg: light-dark(#d2fadd, #265c3d);\n  --observatory-grade-a-border: light-dark(#017a37, #89fca1);\n  --observatory-grade-b-bg: light-dark(#e8fad2, #52662a);\n  --observatory-grade-b-border: light-dark(#547a01, #d5fc88);\n  --observatory-grade-c-bg: light-dark(#faf8d2, #66602a);\n  --observatory-grade-c-border: light-dark(#7a7001, #fcf988);\n  --observatory-grade-d-bg: light-dark(#fae8d2, #5c3d26);\n  --observatory-grade-d-border: light-dark(#a65001, #ff6a00);\n  --observatory-grade-f-bg: light-dark(#fad2d2, #5c2626);\n  --observatory-grade-f-border: light-dark(#aa0000, #fc8888);\n  --observatory-arrow-down-color: light-dark(\n    var(--color-red-20),\n    var(--color-red-80)\n  );\n  --observatory-arrow-up-color: light-dark(\n    var(--color-green-50),\n    var(--color-green-80)\n  );\n\n  --form-invalid-color: light-dark(var(--color-red-50), var(--color-red-80));\n\n  /* icons */\n  --alert-circle-img: url(\"./assets/alert-circle.svg\");\n}\n","/* observatory assets */\n.observatory {\n  line-height: var(--font-line-content);\n  color: var(--color-text-primary);\n}\n"],"names":[],"mappings":"AACA,aACE,0CAA2C,CAE3C,0FAGC,CAHD,gFAGC,CACD,0FAGC,CAHD,sFAGC,CAED,yFAGC,CAHD,qFAGC,CACD,yFAGC,CAHD,wFAGC,CACD,uFAGC,CAHD,mFAGC,CACD,uFAGC,CAHD,sFAGC,CAED,wFAA4E,CAA5E,8EAA4E,CAC5E,wFAGC,CAHD,0FAGC,CACD,wFAGC,CAHD,uFAGC,CAED,2EAAsD,CAAtD,qEAAsD,CACtD,4EAA0D,CAA1D,0EAA0D,CAC1D,4EAAsD,CAAtD,sEAAsD,CACtD,4EAA0D,CAA1D,0EAA0D,CAC1D,4EAAsD,CAAtD,sEAAsD,CACtD,4EAA0D,CAA1D,0EAA0D,CAC1D,4EAAsD,CAAtD,sEAAsD,CACtD,4EAA0D,CAA1D,0EAA0D,CAC1D,4EAAsD,CAAtD,sEAAsD,CACtD,4EAA0D,CAA1D,uEAA0D,CAC1D,wFAGC,CAHD,wFAGC,CACD,0FAGC,CAHD,wFAGC,CAED,wFAA0E,CAA1E,8EAA0E,CAG1E,wEACF,CA9DA,mDAGE,8EAGC,CACD,oFAGC,CAED,kFAGC,CACD,qFAGC,CACD,8EAGC,CACD,iFAGC,CAED,0EAA4E,CAC5E,sFAGC,CACD,mFAGC,CAED,oDAAsD,CACtD,wDAA0D,CAC1D,oDAAsD,CACtD,wDAA0D,CAC1D,oDAAsD,CACtD,wDAA0D,CAC1D,oDAAsD,CACtD,wDAA0D,CAC1D,oDAAsD,CACtD,qDAA0D,CAC1D,kFAGC,CACD,oFAGC,CAED,wEAIF,EA3DE,mJAGC,CAHD,gFAGC,CACD,0FAGC,CAHD,sFAGC,CAED,yFAGC,CAHD,qFAGC,CACD,yFAGC,CAHD,wFAGC,CACD,uFAGC,CAHD,mFAGC,CACD,uFAGC,CAHD,sFAGC,CAED,wFAA4E,CAA5E,8EAA4E,CAC5E,wFAGC,CAHD,0FAGC,CACD,wFAGC,CAHD,uFAGC,CAED,2EAAsD,CAAtD,qEAAsD,CACtD,4EAA0D,CAA1D,0EAA0D,CAC1D,4EAAsD,CAAtD,sEAAsD,CACtD,4EAA0D,CAA1D,0EAA0D,CAC1D,4EAAsD,CAAtD,sEAAsD,CACtD,4EAA0D,CAA1D,0EAA0D,CAC1D,4EAAsD,CAAtD,sEAAsD,CACtD,4EAA0D,CAA1D,0EAA0D,CAC1D,4EAAsD,CAAtD,sEAAsD,CACtD,4EAA0D,CAA1D,uEAA0D,CAC1D,wFAGC,CAHD,wFAGC,CACD,0FAGC,CAHD,wFAGC,CAED,wFAA0E,CAA1E,8EApDC,ECNH,aAEE,+BAAgC,CADhC,oCAEF"}

package/dist/client/{1342.b05de4cd80d4c221.js → 1342.a66390274e8adda1.js}

@@ -1,5 +1,5 @@
-/*! For license information please see 1342.b05de4cd80d4c221.js.LICENSE.txt */
-export const __webpack_ids__=["1342"];export const __webpack_modules__={62249:function(i,e,t){t.d(e,{Z:()=>l});var s=t(8081),r=t.n(s),n=t(23645),o=t.n(n)()(r());o.push([i.id,".visually-hidden{border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important}",""]);let l=o.toString()},61050:function(i,e,t){i.exports=t.p+"scrim-bg.27f047d7e991dbe9.png"},45597:function(i,e,t){i.exports=t.p+"cancel.7362f2cdf3515e0d.svg"},73981:function(i,e,t){i.exports=t.p+"external-link.4f3a2dc8e402cae5.svg"},19112:function(i,e,t){i.exports=t.p+"fullscreen-enter.452bcbaed6904ec7.svg"},21905:function(i,e,t){i.exports=t.p+"scrim-hexagons.e59318adb5550050.svg"},51562:function(i,e,t){i.exports=t.p+"scrimba-logo.0c5b5b4efd2b23dc.svg"},37142:function(i,e,t){t.r(e),t.d(e,{MDNScrimInline:()=>MDNScrimInline});var s=t(14703),r=t(13566),n=t(68688);let o=(0,s.YP)`<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(17822);let MDNScrimInline=class MDNScrimInline extends s.oi{static styles=l.Z;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.dy)`
+/*! For license information please see 1342.a66390274e8adda1.js.LICENSE.txt */
+export const __webpack_ids__=["1342"];export const __webpack_modules__={62249:function(i,e,t){t.d(e,{Z:()=>l});var r=t(8081),s=t.n(r),n=t(23645),o=t.n(n)()(s());o.push([i.id,".visually-hidden{border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important}",""]);let l=o.toString()},61050:function(i,e,t){i.exports=t.p+"scrim-bg.27f047d7e991dbe9.png"},46374:function(i,e,t){i.exports=t.p+"cancel.7362f2cdf3515e0d.svg"},68342:function(i,e,t){i.exports=t.p+"external-link.4f3a2dc8e402cae5.svg"},65322:function(i,e,t){i.exports=t.p+"fullscreen-enter.452bcbaed6904ec7.svg"},13484:function(i,e,t){i.exports=t.p+"scrim-hexagons.e59318adb5550050.svg"},38864:function(i,e,t){i.exports=t.p+"scrimba-logo.0c5b5b4efd2b23dc.svg"},37142:function(i,e,t){t.r(e),t.d(e,{MDNScrimInline:()=>MDNScrimInline});var r=t(14703),s=t(13566),n=t(68688);let o=(0,r.YP)`<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(17822);let MDNScrimInline=class MDNScrimInline extends r.oi{static styles=l.Z;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,r.dy)`
       <dialog @close=${this.#i} style=${(0,n.V)(this._imgStyle)}>
         <div class="inner">
           <div class="header">
@@ -22,13 +22,13 @@ export const __webpack_ids__=["1342"];export const __webpack_modules__={62249:fu
             </a>
           </div>
           <div class="body">
-            ${this._scrimLoaded?(0,s.dy)`
+            ${this._scrimLoaded?(0,r.dy)`
                   <iframe
                     src=${this._fullUrl}
-                    title=${(0,r.o)(this.scrimTitle)}
+                    title=${(0,s.o)(this.scrimTitle)}
                   ></iframe>
-                `:(0,s.dy)`
-                  ${this.scrimTitle&&!this.img?(0,s.dy)`<div class="background">
+                `:(0,r.dy)`
+                  ${this.scrimTitle&&!this.img?(0,r.dy)`<div class="background">
                         <div class="background-noise">
                           <svg width="0" height="0">
                             <filter id="noise">
@@ -56,5 +56,5 @@ export const __webpack_ids__=["1342"];export const __webpack_modules__={62249:fu
           </div>
         </div>
       </dialog>
-    `:s.Ld}#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)},13566:function(i,e,t){t.d(e,{o:()=>r});var s=t(32529);let r=i=>i??s.Ld},17822:function(i,e,t){t.d(e,{Z:()=>$});var s=t(14703),r=t(8081),n=t.n(r),o=t(23645),l=t.n(o),a=t(62249),c=t(61667),d=t.n(c),m=new t.U(t(19112)),u=new t.U(t(45597)),g=new t.U(t(73981)),p=new t.U(t(51562)),h=new t.U(t(21905)),f=new t.U(t(61050)),b=l()(n());b.i(a.Z);var v=d()(m),k=d()(u),w=d()(g),_=d()(p),x=d()(h),y=d()(f);b.push([i.id,`:host{display:block;overflow:hidden}*{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:600;left:0;line-height:1;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.iv)([b.toString()])}};
-//# sourceMappingURL=1342.b05de4cd80d4c221.js.map
+    `:r.Ld}#e(i){i.target instanceof HTMLElement&&(i.target.dataset.glean=`curriculum: scrim fullscreen -> ${+!this._fullscreen} id:${this._scrimId}`),this._fullscreen?this.#r():this.#t()}#t(){let i=this.renderRoot.querySelector("dialog");i&&(i.showModal(),this._scrimLoaded=!0,this._fullscreen=!0)}#r(){let i=this.renderRoot.querySelector("dialog");i?.close()}#i(){this._fullscreen=!1}};customElements.define("mdn-scrim-inline",MDNScrimInline)},13566:function(i,e,t){t.d(e,{o:()=>s});var r=t(32529);let s=i=>i??r.Ld},17822:function(i,e,t){t.d(e,{Z:()=>$});var r=t(14703),s=t(8081),n=t.n(s),o=t(23645),l=t.n(o),a=t(62249),c=t(61667),d=t.n(c),m=new t.U(t(65322)),u=new t.U(t(46374)),g=new t.U(t(68342)),p=new t.U(t(38864)),h=new t.U(t(13484)),f=new t.U(t(61050)),b=l()(n());b.i(a.Z);var v=d()(m),k=d()(u),w=d()(g),_=d()(p),x=d()(h),y=d()(f);b.push([i.id,`:host{display:block;overflow:hidden}*{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,r.iv)([b.toString()])}};
+//# sourceMappingURL=1342.a66390274e8adda1.js.map

package/dist/client/{1342.b05de4cd80d4c221.js.map → 1342.a66390274e8adda1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"1342.b05de4cd80d4c221.js","sources":["webpack://@mdn/fred/./components/visually-hidden/global.css?9b14","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","webpack://@mdn/fred/./components/scrim-inline/element.css"],"sourcesContent":["// 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;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!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","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]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../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{display:block;overflow:hidden}*{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:600;left:0;line-height:1;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"],"names":["s","MDNScrimInline","String","URL","HTMLElement","customElements","_"],"mappings":"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"}
+{"version":3,"file":"1342.a66390274e8adda1.js","sources":["webpack://@mdn/fred/./components/visually-hidden/global.css?9b14","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","webpack://@mdn/fred/./components/scrim-inline/element.css"],"sourcesContent":["// 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;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!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","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]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../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{display:block;overflow:hidden}*{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"],"names":["MDNScrimInline","String","URL","HTMLElement","customElements","_"],"mappings":"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"}

package/dist/client/1624.98ead28526f7a6a1.js

@@ -0,0 +1,69 @@
+export const __webpack_ids__=["1624"];export const __webpack_modules__={4941:function(t,e,o){t.exports=o.p+"bookmark-check.22b3511032ad3541.svg"},86144:function(t,e,o){t.exports=o.p+"bookmark.431a822761ea8a1e.svg"},84500:function(t,e,o){o.r(e),o.d(e,{MDNCollectionSaveButton:()=>MDNCollectionSaveButton});var i=o(35470),s=o(14703),l=o(69535),n=o(13117),a=o(1045);o(86499),o(50272);let MDNCollectionSaveButton=class MDNCollectionSaveButton extends(0,l.q)(s.oi){static ssr=!1;static styles=a.Z;static properties={docUrl:{type:String,attribute:"doc-url"},docTitle:{type:String,attribute:"doc-title"},_item:{state:!0},_pending:{state:!0},_lastAction:{state:!0}};constructor(){super(),this.docUrl="",this.docTitle="",this._item=void 0,this._pending=!1,this._lastAction=void 0}_user=new i.iQ(this,{task:async()=>{let t=await (0,n.s)();return t.isAuthenticated&&this._bookmarks.run(),t}});_collections=new i.iQ(this,{task:async()=>{let t=await fetch("/api/v2/collections/");if(!t.ok)throw Error(`${t.status}: ${t.statusText}`);return await t.json()}});_bookmarks=new i.iQ(this,{autoRun:!1,args:()=>[this.docUrl],task:async([t])=>{let e=await fetch(`/api/v2/collections/lookup/?url=${encodeURIComponent(t)}`);if(!e.ok)throw Error(`${e.status}: ${e.statusText}`);let o=await e.json(),i=o?.results,s=i&&i.map(t=>({...t.item,collection_id:t.collection_id}));if(s[0]){let{collection_id:t,title:e,notes:o}=s[0];this._item={collection_id:t,title:e,notes:o}}return s}});_open(){this._bookmarks.run(),this._collections.run(),this.shadowRoot?.querySelector("mdn-modal")?.showModal()}_selectChange({target:t}){if(t instanceof HTMLSelectElement){let{value:e}=t;if("add"===e)this.shadowRoot?.querySelector("mdn-modal")?.close(),open("/en-US/plus/collections");else{let t=this._bookmarks.value?.find(t=>t.collection_id===e);this._item=t||{collection_id:e}}}}_cancel(){this.shadowRoot?.querySelector("mdn-modal")?.close()}async _delete(){let t=this.shadowRoot?.querySelector("select")?.value,e=this._bookmarks.value?.find(e=>e.collection_id===t);if(t&&e){this._pending=!0,this._lastAction="delete";let o=await fetch(`/api/v2/collections/${t}/items/${e.id}/`,{method:"DELETE"});o.ok||console.error(`${o.status}: ${o.statusText}`),this.shadowRoot?.querySelector("mdn-modal")?.close(),this._pending=!1,this._bookmarks.run()}}async _submit(){let t=this.shadowRoot?.querySelector("select")?.value,e=this._bookmarks.value?.find(e=>e.collection_id===t);if(t){this._pending=!0,this._lastAction="save";let o=`/api/v2/collections/${t}/items/${e?`${e.id}/`:""}`,i=await fetch(o,{body:JSON.stringify({url:this.docUrl,title:this.shadowRoot?.querySelector("input")?.value,notes:this.shadowRoot?.querySelector("textarea")?.value}),method:"POST",headers:{"content-type":"application/json"}});i.ok||console.error(`${i.status}: ${i.statusText}`),this.shadowRoot?.querySelector("mdn-modal")?.close(),this._pending=!1,this._bookmarks.run()}}connectedCallback(){super.connectedCallback(),this._user.run()}willUpdate(t){(t.has("docUrl")||t.has("docTitle"))&&(this._item={url:this.docUrl,title:this.docTitle})}render(){let t=this._bookmarks.value?.some(t=>t.collection_id===this._item?.collection_id)||!1;return this._user.render({complete:e=>e.isAuthenticated?(0,s.dy)`
+              <button
+                class="collection-save-button"
+                data-state=${this._bookmarks.value?.length?"remove":"save"}
+                title=${this.l10n`Save in collection`}
+                @click=${this._open}
+              >
+                <span
+                  >${this._bookmarks.value?.length?this.l10n`Remove`:this.l10n`Save`}</span
+                >
+              </button>
+              <mdn-modal modal-title=${this.l10n`Add to collection`}>
+                ${this._bookmarks.render({initial:()=>(0,s.dy)`<progress></progress>`,pending:()=>(0,s.dy)`<progress></progress>`,complete:e=>this._collections.render({initial:()=>(0,s.dy)`<progress></progress>`,pending:()=>(0,s.dy)`<progress></progress>`,complete:o=>(0,s.dy)`
+                        <label>
+                          ${this.l10n`Collection:`}
+                          <select
+                            .value=${this._item?.collection_id}
+                            @change=${this._selectChange}
+                          >
+                            ${o.map(t=>(0,s.dy)`
+                                <option
+                                  value=${t.id}
+                                  ?selected=${t.id===this._item?.collection_id}
+                                >
+                                  ${e.some(e=>e.collection_id===t.id)?"★":"☆"}
+                                  ${"Default"===t.name?this.l10n`Saved articles`:t.name}
+                                </option>
+                              `)}
+                            <option disabled role="separator">
+                              ——————————
+                            </option>
+                            <option value=${"add"}>
+                              + ${this.l10n`New collection`}
+                            </option>
+                          </select>
+                        </label>
+                        <label>
+                          ${this.l10n`Name:`}
+                          <input .value=${this._item?.title||this.docTitle} />
+                        </label>
+                        <label>
+                          ${this.l10n`Note:`}
+                          <textarea
+                            .value=${this._item?.notes||""}
+                          ></textarea>
+                        </label>
+                        <mdn-button @click=${this._submit}>
+                          ${this._pending&&"save"===this._lastAction?this.l10n`Saving…`:this.l10n`Save`}
+                        </mdn-button>
+                        <mdn-button
+                          @click=${this._cancel}
+                          ?disabled=${this._pending}
+                          variant="secondary"
+                        >
+                          ${this.l10n`Cancel`}
+                        </mdn-button>
+                        ${e?.length?(0,s.dy)`<mdn-button
+                              @click=${this._delete}
+                              variant="secondary"
+                              action="negative"
+                              id="bookmark-delete"
+                              ?disabled=${this._pending||!t}
+                            >
+                              ${this._pending&&"delete"===this._lastAction?this.l10n`Deleting…`:this.l10n`Delete`}
+                            </mdn-button>`:s.Ld}
+                      `})})}
+              </mdn-modal>
+            `:s.Ld})}};customElements.define("mdn-collection-save-button",MDNCollectionSaveButton)},1045:function(t,e,o){o.d(e,{Z:()=>p});var i=o(14703),s=o(8081),l=o.n(s),n=o(23645),a=o.n(n),c=o(61667),r=o.n(c),d=new o.U(o(86144)),h=new o.U(o(4941)),u=a()(l()),m=r()(d),_=r()(h);u.push([t.id,`.collection-save-button{align-items:center;background-color:initial;border:none;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.collection-save-button:hover{background-color:var(--color-background-secondary)}.collection-save-button:before{background-color:currentcolor;content:"";display:inline-block;height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.collection-save-button[data-state=save]:before{-webkit-mask-image:url(${m});mask-image:url(${m})}.collection-save-button[data-state=remove]:before{-webkit-mask-image:url(${_});mask-image:url(${_})}@media (width <= 769px){.collection-save-button span{display:none}}label{display:block}`,""]);let p=(0,i.iv)([u.toString()])}};
+//# sourceMappingURL=1624.98ead28526f7a6a1.js.map

package/dist/client/{1624.5694c64f5e45232c.js.map → 1624.98ead28526f7a6a1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"1624.5694c64f5e45232c.js","sources":["webpack://@mdn/fred/./components/collection-save-button/element.js","webpack://@mdn/fred/./components/collection-save-button/element.css"],"sourcesContent":["import { Task } from \"@lit/task\";\nimport { LitElement, html, nothing } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport { globalUser } from \"../user/context.js\";\n\nimport styles from \"./element.css?lit\";\n\nimport \"../modal/element.js\";\nimport \"../button/element.js\";\n\nconst ADD_VALUE = \"add\";\n\nexport class MDNCollectionSaveButton extends L10nMixin(LitElement) {\n  static ssr = false;\n  static styles = styles;\n\n  static properties = {\n    docUrl: { type: String, attribute: \"doc-url\" },\n    docTitle: { type: String, attribute: \"doc-title\" },\n    _item: { state: true },\n    _pending: { state: true },\n    _lastAction: { state: true },\n  };\n\n  constructor() {\n    super();\n    this.docUrl = \"\";\n    this.docTitle = \"\";\n    /** @type {Partial<import(\"./types.js\").NewItem> | undefined} */\n    this._item = undefined;\n    this._pending = false;\n    /** @type {string | undefined} */\n    this._lastAction = undefined;\n  }\n\n  _user = new Task(this, {\n    task: async () => {\n      const user = await globalUser();\n      if (user.isAuthenticated) {\n        this._bookmarks.run();\n      }\n      return user;\n    },\n  });\n\n  _collections = new Task(this, {\n    task: async () => {\n      const res = await fetch(\"/api/v2/collections/\");\n      if (!res.ok) {\n        throw new Error(`${res.status}: ${res.statusText}`);\n      }\n      return /** @type {import(\"./rust-types.js\").MultipleCollectionInfo[]} */ (\n        await res.json()\n      );\n    },\n  });\n\n  _bookmarks = new Task(this, {\n    autoRun: false,\n    args: () => [this.docUrl],\n    task: async ([docUrl]) => {\n      const res = await fetch(\n        `/api/v2/collections/lookup/?url=${encodeURIComponent(docUrl)}`,\n      );\n      if (!res.ok) {\n        throw new Error(`${res.status}: ${res.statusText}`);\n      }\n      const data =\n        /** @type {import(\"./rust-types.js\").MultipleCollectionLookupQueryResponse} */ (\n          await res.json()\n        );\n      const entries = data?.results;\n      const bookmarks =\n        entries &&\n        entries.map((entry) => {\n          return { ...entry.item, collection_id: entry.collection_id };\n        });\n      if (bookmarks[0]) {\n        const { collection_id, title, notes } = bookmarks[0];\n        this._item = {\n          collection_id,\n          title,\n          notes,\n        };\n      }\n      return bookmarks;\n    },\n  });\n\n  _open() {\n    this._bookmarks.run();\n    this._collections.run();\n    this.shadowRoot?.querySelector(\"mdn-modal\")?.showModal();\n  }\n\n  /** @param {Event} event */\n  _selectChange({ target }) {\n    if (target instanceof HTMLSelectElement) {\n      const { value } = target;\n      if (value === ADD_VALUE) {\n        this.shadowRoot?.querySelector(\"mdn-modal\")?.close();\n        open(\"/en-US/plus/collections\");\n      } else {\n        const item = this._bookmarks.value?.find(\n          (item) => item.collection_id === value,\n        );\n        this._item = item || {\n          collection_id: value,\n        };\n      }\n    }\n  }\n\n  _cancel() {\n    this.shadowRoot?.querySelector(\"mdn-modal\")?.close();\n  }\n\n  async _delete() {\n    const collectionId = this.shadowRoot?.querySelector(\"select\")?.value;\n    const item = this._bookmarks.value?.find(\n      (item) => item.collection_id === collectionId,\n    );\n    if (collectionId && item) {\n      this._pending = true;\n      this._lastAction = \"delete\";\n\n      const res = await fetch(\n        `/api/v2/collections/${collectionId}/items/${item.id}/`,\n        { method: \"DELETE\" },\n      );\n      if (!res.ok) {\n        console.error(`${res.status}: ${res.statusText}`);\n      }\n\n      this.shadowRoot?.querySelector(\"mdn-modal\")?.close();\n      this._pending = false;\n      this._bookmarks.run();\n    }\n  }\n\n  async _submit() {\n    const collectionId = this.shadowRoot?.querySelector(\"select\")?.value;\n    const item = this._bookmarks.value?.find(\n      (item) => item.collection_id === collectionId,\n    );\n    if (collectionId) {\n      this._pending = true;\n      this._lastAction = \"save\";\n\n      const url = `/api/v2/collections/${collectionId}/items/${item ? `${item.id}/` : \"\"}`;\n      const res = await fetch(url, {\n        body: JSON.stringify({\n          url: this.docUrl,\n          title: this.shadowRoot?.querySelector(\"input\")?.value,\n          notes: this.shadowRoot?.querySelector(\"textarea\")?.value,\n        }),\n        method: \"POST\",\n        headers: {\n          \"content-type\": \"application/json\",\n        },\n      });\n      if (!res.ok) {\n        console.error(`${res.status}: ${res.statusText}`);\n      }\n\n      this.shadowRoot?.querySelector(\"mdn-modal\")?.close();\n      this._pending = false;\n      this._bookmarks.run();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._user.run();\n  }\n\n  /**\n   * @param {import(\"lit\").PropertyValues<this>} changedProperties\n   */\n  willUpdate(changedProperties) {\n    if (changedProperties.has(\"docUrl\") || changedProperties.has(\"docTitle\")) {\n      this._item = {\n        url: this.docUrl,\n        title: this.docTitle,\n      };\n    }\n  }\n\n  render() {\n    const isCurrentInCollection =\n      this._bookmarks.value?.some(\n        (item) => item.collection_id === this._item?.collection_id,\n      ) || false;\n    return this._user.render({\n      complete: (user) =>\n        user.isAuthenticated\n          ? html`\n              <button\n                class=\"collection-save-button\"\n                data-state=${this._bookmarks.value?.length ? \"remove\" : \"save\"}\n                title=${this.l10n`Save in collection`}\n                @click=${this._open}\n              >\n                <span\n                  >${this._bookmarks.value?.length\n                    ? this.l10n`Remove`\n                    : this.l10n`Save`}</span\n                >\n              </button>\n              <mdn-modal modal-title=${this.l10n`Add to collection`}>\n                ${this._bookmarks.render({\n                  initial: () => html`<progress></progress>`,\n                  pending: () => html`<progress></progress>`,\n                  complete: (bookmarks) =>\n                    this._collections.render({\n                      initial: () => html`<progress></progress>`,\n                      pending: () => html`<progress></progress>`,\n                      complete: (collections) => html`\n                        <label>\n                          ${this.l10n`Collection:`}\n                          <select\n                            .value=${this._item?.collection_id}\n                            @change=${this._selectChange}\n                          >\n                            ${collections.map(\n                              (collection) => html`\n                                <option\n                                  value=${collection.id}\n                                  ?selected=${collection.id ===\n                                  this._item?.collection_id}\n                                >\n                                  ${bookmarks.some(\n                                    (item) =>\n                                      item.collection_id === collection.id,\n                                  )\n                                    ? \"★\"\n                                    : \"☆\"}\n                                  ${collection.name === \"Default\"\n                                    ? this.l10n`Saved articles`\n                                    : collection.name}\n                                </option>\n                              `,\n                            )}\n                            <option disabled role=\"separator\">\n                              ——————————\n                            </option>\n                            <option value=${ADD_VALUE}>\n                              + ${this.l10n`New collection`}\n                            </option>\n                          </select>\n                        </label>\n                        <label>\n                          ${this.l10n`Name:`}\n                          <input .value=${this._item?.title || this.docTitle} />\n                        </label>\n                        <label>\n                          ${this.l10n`Note:`}\n                          <textarea\n                            .value=${this._item?.notes || \"\"}\n                          ></textarea>\n                        </label>\n                        <mdn-button @click=${this._submit}>\n                          ${this._pending && this._lastAction === \"save\"\n                            ? this.l10n`Saving…`\n                            : this.l10n`Save`}\n                        </mdn-button>\n                        <mdn-button\n                          @click=${this._cancel}\n                          ?disabled=${this._pending}\n                          variant=\"secondary\"\n                        >\n                          ${this.l10n`Cancel`}\n                        </mdn-button>\n                        ${bookmarks?.length\n                          ? html`<mdn-button\n                              @click=${this._delete}\n                              variant=\"secondary\"\n                              action=\"negative\"\n                              id=\"bookmark-delete\"\n                              ?disabled=${this._pending ||\n                              !isCurrentInCollection}\n                            >\n                              ${this._pending && this._lastAction === \"delete\"\n                                ? this.l10n`Deleting…`\n                                : this.l10n`Delete`}\n                            </mdn-button>`\n                          : nothing}\n                      `,\n                    }),\n                })}\n              </mdn-modal>\n            `\n          : nothing,\n    });\n  }\n}\n\ncustomElements.define(\"mdn-collection-save-button\", MDNCollectionSaveButton);\n","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_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/bookmark.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../icon/bookmark-check.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___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.collection-save-button{align-items:center;background-color:initial;border:none;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.collection-save-button:hover{background-color:var(--color-background-secondary)}.collection-save-button:before{background-color:currentcolor;content:\"\";display:inline-block;height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.collection-save-button[data-state=save]:before{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___})}.collection-save-button[data-state=remove]:before{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___})}@media (max-width:769px){.collection-save-button span{display:none}}label{display:block}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNCollectionSaveButton","String","fetch","Error","encodeURIComponent","t","HTMLSelectElement","open","console","JSON","customElements","_"],"mappings":"8XAaO,IAAMA,wBAAN,MAAMA,+BAAgC,QAAU,IAAU,EAC/D,OAAO,IAAM,EAAM,AACnB,QAAO,OAAS,GAAM,AAAC,AAEvB,QAAO,WAAa,CAClB,OAAQ,CAAE,KAAMC,OAAQ,UAAW,SAAU,EAC7C,SAAU,CAAE,KAAMA,OAAQ,UAAW,WAAY,EACjD,MAAO,CAAE,MAAO,EAAK,EACrB,SAAU,CAAE,MAAO,EAAK,EACxB,YAAa,CAAE,MAAO,EAAK,CAC7B,CAAE,AAEF,cAAc,CACZ,KAAK,GACL,IAAI,CAAC,MAAM,CAAG,GACd,IAAI,CAAC,QAAQ,CAAG,GAEhB,IAAI,CAAC,KAAK,CAAG,OACb,IAAI,CAAC,QAAQ,CAAG,GAEhB,IAAI,CAAC,WAAW,CAAG,MACrB,CAEA,MAAQ,IAAI,IAAI,CAAC,IAAI,CAAE,CACrB,KAAM,UACJ,IAAM,EAAO,MAAM,UAInB,OAHI,EAAK,eAAe,EACtB,IAAI,CAAC,UAAU,CAAC,GAAG,GAEd,CACT,CACF,EAAG,AAEH,cAAe,IAAI,IAAI,CAAC,IAAI,CAAE,CAC5B,KAAM,UACJ,IAAM,EAAM,MAAMC,MAAM,wBACxB,GAAI,CAAC,EAAI,EAAE,CACT,MAAM,AAAIC,MAAM,CAAC,EAAE,EAAI,MAAM,CAAC,EAAE,EAAE,EAAI,UAAU,CAAC,CAAC,EAEpD,OACE,MAAM,EAAI,IAAI,EAElB,CACF,EAAG,AAEH,YAAa,IAAI,IAAI,CAAC,IAAI,CAAE,CAC1B,QAAS,GACT,KAAM,IAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CACzB,KAAM,MAAO,CAAC,EAAO,IACnB,IAAM,EAAM,MAAMD,MAChB,CAAC,gCAAgC,EAAEE,mBAAmB,GAAQ,CAAC,EAEjE,GAAI,CAAC,EAAI,EAAE,CACT,MAAM,AAAID,MAAM,CAAC,EAAE,EAAI,MAAM,CAAC,EAAE,EAAE,EAAI,UAAU,CAAC,CAAC,EAEpD,IAAM,EAEF,MAAM,EAAI,IAAI,GAEZ,EAAU,GAAM,QAChB,EACJ,GACA,EAAQ,GAAG,CAAC,AAAC,GACJ,EAAE,GAAG,EAAM,IAAI,CAAE,cAAe,EAAM,aAAa,AAAC,IAE/D,GAAI,CAAS,CAAC,EAAE,CAAE,CAChB,GAAM,CAAE,eAAa,CAAE,OAAK,CAAE,OAAK,CAAE,CAAG,CAAS,CAAC,EAAE,AACpD,KAAI,CAAC,KAAK,CAAG,CACX,gBACA,QACA,OACF,CACF,CACA,OAAO,CACT,CACF,EAAG,AAEH,QAAQ,CACN,IAAI,CAAC,UAAU,CAAC,GAAG,GACnB,IAAI,CAAC,YAAY,CAAC,GAAG,GACrB,IAAI,CAAC,UAAU,EAAE,cAAc,cAAc,WAC/C,CAGA,cAAc,CAAEE,OAAAA,CAAM,CAAE,CAAE,CACxB,GAAIA,aAAkBC,kBAAmB,CACvC,GAAM,CAAE,OAAK,CAAE,CAAGD,EAClB,GAAI,AAzFQ,QAyFR,EACF,IAAI,CAAC,UAAU,EAAE,cAAc,cAAc,QAC7CE,KAAK,+BACA,CACL,IAAM,EAAO,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAClC,AAAC,GAAS,EAAK,aAAa,GAAK,EAEnC,KAAI,CAAC,KAAK,CAAG,GAAQ,CACnB,cAAe,CACjB,CACF,CACF,CACF,CAEA,SAAU,CACR,IAAI,CAAC,UAAU,EAAE,cAAc,cAAc,OAC/C,CAEA,MAAM,SAAU,CACd,IAAM,EAAe,IAAI,CAAC,UAAU,EAAE,cAAc,WAAW,MACzD,EAAO,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAClC,AAAC,GAAS,EAAK,aAAa,GAAK,GAEnC,GAAI,GAAgB,EAAM,CACxB,IAAI,CAAC,QAAQ,CAAG,GAChB,IAAI,CAAC,WAAW,CAAG,SAEnB,IAAM,EAAM,MAAML,MAChB,CAAC,oBAAoB,EAAE,EAAa,OAAO,EAAE,EAAK,EAAE,CAAC,CAAC,CAAC,CACvD,CAAE,OAAQ,QAAS,EAEjB,AAAC,GAAI,EAAE,EACTM,QAAQ,KAAK,CAAC,CAAC,EAAE,EAAI,MAAM,CAAC,EAAE,EAAE,EAAI,UAAU,CAAC,CAAC,EAGlD,IAAI,CAAC,UAAU,EAAE,cAAc,cAAc,QAC7C,IAAI,CAAC,QAAQ,CAAG,GAChB,IAAI,CAAC,UAAU,CAAC,GAAG,EACrB,CACF,CAEA,MAAM,SAAU,CACd,IAAM,EAAe,IAAI,CAAC,UAAU,EAAE,cAAc,WAAW,MACzD,EAAO,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAClC,AAAC,GAAS,EAAK,aAAa,GAAK,GAEnC,GAAI,EAAc,CAChB,IAAI,CAAC,QAAQ,CAAG,GAChB,IAAI,CAAC,WAAW,CAAG,OAEnB,IAAM,EAAM,CAAC,oBAAoB,EAAE,EAAa,OAAO,EAAE,EAAO,CAAC,EAAE,EAAK,EAAE,CAAC,CAAC,CAAC,CAAG,GAAG,CAAC,CAC9E,EAAM,MAAMN,MAAM,EAAK,CAC3B,KAAMO,KAAK,SAAS,CAAC,CACnB,IAAK,IAAI,CAAC,MAAM,CAChB,MAAO,IAAI,CAAC,UAAU,EAAE,cAAc,UAAU,MAChD,MAAO,IAAI,CAAC,UAAU,EAAE,cAAc,aAAa,KACrD,GACA,OAAQ,OACR,QAAS,CACP,eAAgB,kBAClB,CACF,EACI,AAAC,GAAI,EAAE,EACTD,QAAQ,KAAK,CAAC,CAAC,EAAE,EAAI,MAAM,CAAC,EAAE,EAAE,EAAI,UAAU,CAAC,CAAC,EAGlD,IAAI,CAAC,UAAU,EAAE,cAAc,cAAc,QAC7C,IAAI,CAAC,QAAQ,CAAG,GAChB,IAAI,CAAC,UAAU,CAAC,GAAG,EACrB,CACF,CAEA,mBAAoB,CAClB,KAAK,CAAC,oBACN,IAAI,CAAC,KAAK,CAAC,GAAG,EAChB,CAKA,WAAW,CAAiB,CAAE,CACxB,GAAkB,GAAG,CAAC,WAAa,EAAkB,GAAG,CAAC,WAAU,GACrE,KAAI,CAAC,KAAK,CAAG,CACX,IAAK,IAAI,CAAC,MAAM,CAChB,MAAO,IAAI,CAAC,QAAQ,AACtB,EAEJ,CAEA,QAAS,CACP,IAAM,EACJ,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KACrB,AAAC,GAAS,EAAK,aAAa,GAAK,IAAI,CAAC,KAAK,EAAE,gBAC1C,GACP,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CACvB,SAAU,AAAC,GACT,EAAK,eAAe,CAChB,QAAI,CAAC;;;2BAGU,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,OAAS,SAAW,OAAO;sBACzD,EAAE,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;uBAC/B,EAAE,IAAI,CAAC,KAAK,CAAC;;;mBAGjB,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,OACtB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CACjB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;qCAGD,EAAE,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBACpD,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CACvB,QAAS,IAAM,QAAI,CAAC,qBAAqB,CAAC,CAC1C,QAAS,IAAM,QAAI,CAAC,qBAAqB,CAAC,CAC1C,SAAU,AAAC,GACT,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CACvB,QAAS,IAAM,QAAI,CAAC,qBAAqB,CAAC,CAC1C,QAAS,IAAM,QAAI,CAAC,qBAAqB,CAAC,CAC1C,SAAU,AAAC,GAAgB,QAAI,CAAC;;0BAE5B,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;;mCAEhB,EAAE,IAAI,CAAC,KAAK,EAAE,cAAc;oCAC3B,EAAE,IAAI,CAAC,aAAa,CAAC;;4BAE7B,EAAE,EAAY,GAAG,CACf,AAAC,GAAe,QAAI,CAAC;;wCAEX,EAAE,EAAW,EAAE,CAAC;4CACZ,EAAE,EAAW,EAAE,GACzB,IAAI,CAAC,KAAK,EAAE,cAAc;;kCAE1B,EAAE,EAAU,IAAI,CACd,AAAC,GACC,EAAK,aAAa,GAAK,EAAW,EAAE,EAEpC,IACA,IAAI;kCACR,EAAE,AAAoB,YAApB,EAAW,IAAI,CACb,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CACzB,EAAW,IAAI,CAAC;;8BAExB,CAAC,EACD;;;;0CAIY,EA5OxB,MA4OoC;gCACtB,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;;;;;0BAKlC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;wCACL,EAAE,IAAI,CAAC,KAAK,EAAE,OAAS,IAAI,CAAC,QAAQ,CAAC;;;0BAGnD,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;;mCAEV,EAAE,IAAI,CAAC,KAAK,EAAE,OAAS,GAAG;;;2CAGlB,EAAE,IAAI,CAAC,OAAO,CAAC;0BAChC,EAAE,IAAI,CAAC,QAAQ,EAAI,AAAqB,SAArB,IAAI,CAAC,WAAW,CAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAClB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;iCAGb,EAAE,IAAI,CAAC,OAAO,CAAC;oCACZ,EAAE,IAAI,CAAC,QAAQ,CAAC;;;0BAG1B,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;;wBAEtB,EAAE,GAAW,OACT,QAAI,CAAC;qCACI,EAAE,IAAI,CAAC,OAAO,CAAC;;;;wCAIZ,EAAE,IAAI,CAAC,QAAQ,EACzB,CAAC,EAAsB;;8BAEvB,EAAE,IAAI,CAAC,QAAQ,EAAI,AAAqB,WAArB,IAAI,CAAC,WAAW,CAC/B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CACpB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;yCACX,CAAC,CACd,IAAO,CAAC;sBACd,CAAC,AACH,EACJ,GAAG;;YAEP,CAAC,CACD,IAAO,AACf,EACF,CACF,EAEAE,eAAe,MAAM,CAAC,6BAA8BV,wB,kHCrShD,EAAgC,kBAChC,EAAgC,kBAChC,EAA0B,IAA4B,KACtD,EAAqC,IAAgC,GACrEW,EAAqC,IAAgC,GAEzE,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,CAAC,8dAA8d,EAAE,EAAmC,iBAAiB,EAAE,EAAmC,2EAA2E,EAAEA,EAAmC,iBAAiB,EAAEA,EAAmC,0FAA0F,CAAC,CAAE,GAAG,EAEz2B,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C"}
+{"version":3,"file":"1624.98ead28526f7a6a1.js","sources":["webpack://@mdn/fred/./components/collection-save-button/element.js","webpack://@mdn/fred/./components/collection-save-button/element.css"],"sourcesContent":["import { Task } from \"@lit/task\";\nimport { LitElement, html, nothing } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport { globalUser } from \"../user/context.js\";\n\nimport styles from \"./element.css?lit\";\n\nimport \"../modal/element.js\";\nimport \"../button/element.js\";\n\nconst ADD_VALUE = \"add\";\n\nexport class MDNCollectionSaveButton extends L10nMixin(LitElement) {\n  static ssr = false;\n  static styles = styles;\n\n  static properties = {\n    docUrl: { type: String, attribute: \"doc-url\" },\n    docTitle: { type: String, attribute: \"doc-title\" },\n    _item: { state: true },\n    _pending: { state: true },\n    _lastAction: { state: true },\n  };\n\n  constructor() {\n    super();\n    this.docUrl = \"\";\n    this.docTitle = \"\";\n    /** @type {Partial<import(\"./types.js\").NewItem> | undefined} */\n    this._item = undefined;\n    this._pending = false;\n    /** @type {string | undefined} */\n    this._lastAction = undefined;\n  }\n\n  _user = new Task(this, {\n    task: async () => {\n      const user = await globalUser();\n      if (user.isAuthenticated) {\n        this._bookmarks.run();\n      }\n      return user;\n    },\n  });\n\n  _collections = new Task(this, {\n    task: async () => {\n      const res = await fetch(\"/api/v2/collections/\");\n      if (!res.ok) {\n        throw new Error(`${res.status}: ${res.statusText}`);\n      }\n      return /** @type {import(\"./rust-types.js\").MultipleCollectionInfo[]} */ (\n        await res.json()\n      );\n    },\n  });\n\n  _bookmarks = new Task(this, {\n    autoRun: false,\n    args: () => [this.docUrl],\n    task: async ([docUrl]) => {\n      const res = await fetch(\n        `/api/v2/collections/lookup/?url=${encodeURIComponent(docUrl)}`,\n      );\n      if (!res.ok) {\n        throw new Error(`${res.status}: ${res.statusText}`);\n      }\n      const data =\n        /** @type {import(\"./rust-types.js\").MultipleCollectionLookupQueryResponse} */ (\n          await res.json()\n        );\n      const entries = data?.results;\n      const bookmarks =\n        entries &&\n        entries.map((entry) => {\n          return { ...entry.item, collection_id: entry.collection_id };\n        });\n      if (bookmarks[0]) {\n        const { collection_id, title, notes } = bookmarks[0];\n        this._item = {\n          collection_id,\n          title,\n          notes,\n        };\n      }\n      return bookmarks;\n    },\n  });\n\n  _open() {\n    this._bookmarks.run();\n    this._collections.run();\n    this.shadowRoot?.querySelector(\"mdn-modal\")?.showModal();\n  }\n\n  /** @param {Event} event */\n  _selectChange({ target }) {\n    if (target instanceof HTMLSelectElement) {\n      const { value } = target;\n      if (value === ADD_VALUE) {\n        this.shadowRoot?.querySelector(\"mdn-modal\")?.close();\n        open(\"/en-US/plus/collections\");\n      } else {\n        const item = this._bookmarks.value?.find(\n          (item) => item.collection_id === value,\n        );\n        this._item = item || {\n          collection_id: value,\n        };\n      }\n    }\n  }\n\n  _cancel() {\n    this.shadowRoot?.querySelector(\"mdn-modal\")?.close();\n  }\n\n  async _delete() {\n    const collectionId = this.shadowRoot?.querySelector(\"select\")?.value;\n    const item = this._bookmarks.value?.find(\n      (item) => item.collection_id === collectionId,\n    );\n    if (collectionId && item) {\n      this._pending = true;\n      this._lastAction = \"delete\";\n\n      const res = await fetch(\n        `/api/v2/collections/${collectionId}/items/${item.id}/`,\n        { method: \"DELETE\" },\n      );\n      if (!res.ok) {\n        console.error(`${res.status}: ${res.statusText}`);\n      }\n\n      this.shadowRoot?.querySelector(\"mdn-modal\")?.close();\n      this._pending = false;\n      this._bookmarks.run();\n    }\n  }\n\n  async _submit() {\n    const collectionId = this.shadowRoot?.querySelector(\"select\")?.value;\n    const item = this._bookmarks.value?.find(\n      (item) => item.collection_id === collectionId,\n    );\n    if (collectionId) {\n      this._pending = true;\n      this._lastAction = \"save\";\n\n      const url = `/api/v2/collections/${collectionId}/items/${item ? `${item.id}/` : \"\"}`;\n      const res = await fetch(url, {\n        body: JSON.stringify({\n          url: this.docUrl,\n          title: this.shadowRoot?.querySelector(\"input\")?.value,\n          notes: this.shadowRoot?.querySelector(\"textarea\")?.value,\n        }),\n        method: \"POST\",\n        headers: {\n          \"content-type\": \"application/json\",\n        },\n      });\n      if (!res.ok) {\n        console.error(`${res.status}: ${res.statusText}`);\n      }\n\n      this.shadowRoot?.querySelector(\"mdn-modal\")?.close();\n      this._pending = false;\n      this._bookmarks.run();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._user.run();\n  }\n\n  /**\n   * @param {import(\"lit\").PropertyValues<this>} changedProperties\n   */\n  willUpdate(changedProperties) {\n    if (changedProperties.has(\"docUrl\") || changedProperties.has(\"docTitle\")) {\n      this._item = {\n        url: this.docUrl,\n        title: this.docTitle,\n      };\n    }\n  }\n\n  render() {\n    const isCurrentInCollection =\n      this._bookmarks.value?.some(\n        (item) => item.collection_id === this._item?.collection_id,\n      ) || false;\n    return this._user.render({\n      complete: (user) =>\n        user.isAuthenticated\n          ? html`\n              <button\n                class=\"collection-save-button\"\n                data-state=${this._bookmarks.value?.length ? \"remove\" : \"save\"}\n                title=${this.l10n`Save in collection`}\n                @click=${this._open}\n              >\n                <span\n                  >${this._bookmarks.value?.length\n                    ? this.l10n`Remove`\n                    : this.l10n`Save`}</span\n                >\n              </button>\n              <mdn-modal modal-title=${this.l10n`Add to collection`}>\n                ${this._bookmarks.render({\n                  initial: () => html`<progress></progress>`,\n                  pending: () => html`<progress></progress>`,\n                  complete: (bookmarks) =>\n                    this._collections.render({\n                      initial: () => html`<progress></progress>`,\n                      pending: () => html`<progress></progress>`,\n                      complete: (collections) => html`\n                        <label>\n                          ${this.l10n`Collection:`}\n                          <select\n                            .value=${this._item?.collection_id}\n                            @change=${this._selectChange}\n                          >\n                            ${collections.map(\n                              (collection) => html`\n                                <option\n                                  value=${collection.id}\n                                  ?selected=${collection.id ===\n                                  this._item?.collection_id}\n                                >\n                                  ${bookmarks.some(\n                                    (item) =>\n                                      item.collection_id === collection.id,\n                                  )\n                                    ? \"★\"\n                                    : \"☆\"}\n                                  ${collection.name === \"Default\"\n                                    ? this.l10n`Saved articles`\n                                    : collection.name}\n                                </option>\n                              `,\n                            )}\n                            <option disabled role=\"separator\">\n                              ——————————\n                            </option>\n                            <option value=${ADD_VALUE}>\n                              + ${this.l10n`New collection`}\n                            </option>\n                          </select>\n                        </label>\n                        <label>\n                          ${this.l10n`Name:`}\n                          <input .value=${this._item?.title || this.docTitle} />\n                        </label>\n                        <label>\n                          ${this.l10n`Note:`}\n                          <textarea\n                            .value=${this._item?.notes || \"\"}\n                          ></textarea>\n                        </label>\n                        <mdn-button @click=${this._submit}>\n                          ${this._pending && this._lastAction === \"save\"\n                            ? this.l10n`Saving…`\n                            : this.l10n`Save`}\n                        </mdn-button>\n                        <mdn-button\n                          @click=${this._cancel}\n                          ?disabled=${this._pending}\n                          variant=\"secondary\"\n                        >\n                          ${this.l10n`Cancel`}\n                        </mdn-button>\n                        ${bookmarks?.length\n                          ? html`<mdn-button\n                              @click=${this._delete}\n                              variant=\"secondary\"\n                              action=\"negative\"\n                              id=\"bookmark-delete\"\n                              ?disabled=${this._pending ||\n                              !isCurrentInCollection}\n                            >\n                              ${this._pending && this._lastAction === \"delete\"\n                                ? this.l10n`Deleting…`\n                                : this.l10n`Delete`}\n                            </mdn-button>`\n                          : nothing}\n                      `,\n                    }),\n                })}\n              </mdn-modal>\n            `\n          : nothing,\n    });\n  }\n}\n\ncustomElements.define(\"mdn-collection-save-button\", MDNCollectionSaveButton);\n","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_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/bookmark.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../icon/bookmark-check.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___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.collection-save-button{align-items:center;background-color:initial;border:none;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.collection-save-button:hover{background-color:var(--color-background-secondary)}.collection-save-button:before{background-color:currentcolor;content:\"\";display:inline-block;height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.collection-save-button[data-state=save]:before{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___})}.collection-save-button[data-state=remove]:before{-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___})}@media (width <= 769px){.collection-save-button span{display:none}}label{display:block}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNCollectionSaveButton","String","fetch","Error","encodeURIComponent","t","HTMLSelectElement","open","console","JSON","customElements","_"],"mappings":"6XAaO,IAAMA,wBAAN,MAAMA,+BAAgC,QAAU,IAAU,EAC/D,OAAO,IAAM,EAAM,AACnB,QAAO,OAAS,GAAM,AAAC,AAEvB,QAAO,WAAa,CAClB,OAAQ,CAAE,KAAMC,OAAQ,UAAW,SAAU,EAC7C,SAAU,CAAE,KAAMA,OAAQ,UAAW,WAAY,EACjD,MAAO,CAAE,MAAO,EAAK,EACrB,SAAU,CAAE,MAAO,EAAK,EACxB,YAAa,CAAE,MAAO,EAAK,CAC7B,CAAE,AAEF,cAAc,CACZ,KAAK,GACL,IAAI,CAAC,MAAM,CAAG,GACd,IAAI,CAAC,QAAQ,CAAG,GAEhB,IAAI,CAAC,KAAK,CAAG,OACb,IAAI,CAAC,QAAQ,CAAG,GAEhB,IAAI,CAAC,WAAW,CAAG,MACrB,CAEA,MAAQ,IAAI,IAAI,CAAC,IAAI,CAAE,CACrB,KAAM,UACJ,IAAM,EAAO,MAAM,UAInB,OAHI,EAAK,eAAe,EACtB,IAAI,CAAC,UAAU,CAAC,GAAG,GAEd,CACT,CACF,EAAG,AAEH,cAAe,IAAI,IAAI,CAAC,IAAI,CAAE,CAC5B,KAAM,UACJ,IAAM,EAAM,MAAMC,MAAM,wBACxB,GAAI,CAAC,EAAI,EAAE,CACT,MAAM,AAAIC,MAAM,CAAC,EAAE,EAAI,MAAM,CAAC,EAAE,EAAE,EAAI,UAAU,CAAC,CAAC,EAEpD,OACE,MAAM,EAAI,IAAI,EAElB,CACF,EAAG,AAEH,YAAa,IAAI,IAAI,CAAC,IAAI,CAAE,CAC1B,QAAS,GACT,KAAM,IAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CACzB,KAAM,MAAO,CAAC,EAAO,IACnB,IAAM,EAAM,MAAMD,MAChB,CAAC,gCAAgC,EAAEE,mBAAmB,GAAQ,CAAC,EAEjE,GAAI,CAAC,EAAI,EAAE,CACT,MAAM,AAAID,MAAM,CAAC,EAAE,EAAI,MAAM,CAAC,EAAE,EAAE,EAAI,UAAU,CAAC,CAAC,EAEpD,IAAM,EAEF,MAAM,EAAI,IAAI,GAEZ,EAAU,GAAM,QAChB,EACJ,GACA,EAAQ,GAAG,CAAC,AAAC,GACJ,EAAE,GAAG,EAAM,IAAI,CAAE,cAAe,EAAM,aAAa,AAAC,IAE/D,GAAI,CAAS,CAAC,EAAE,CAAE,CAChB,GAAM,CAAE,eAAa,CAAE,OAAK,CAAE,OAAK,CAAE,CAAG,CAAS,CAAC,EAAE,AACpD,KAAI,CAAC,KAAK,CAAG,CACX,gBACA,QACA,OACF,CACF,CACA,OAAO,CACT,CACF,EAAG,AAEH,QAAQ,CACN,IAAI,CAAC,UAAU,CAAC,GAAG,GACnB,IAAI,CAAC,YAAY,CAAC,GAAG,GACrB,IAAI,CAAC,UAAU,EAAE,cAAc,cAAc,WAC/C,CAGA,cAAc,CAAEE,OAAAA,CAAM,CAAE,CAAE,CACxB,GAAIA,aAAkBC,kBAAmB,CACvC,GAAM,CAAE,OAAK,CAAE,CAAGD,EAClB,GAAI,AAzFQ,QAyFR,EACF,IAAI,CAAC,UAAU,EAAE,cAAc,cAAc,QAC7CE,KAAK,+BACA,CACL,IAAM,EAAO,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAClC,AAAC,GAAS,EAAK,aAAa,GAAK,EAEnC,KAAI,CAAC,KAAK,CAAG,GAAQ,CACnB,cAAe,CACjB,CACF,CACF,CACF,CAEA,SAAU,CACR,IAAI,CAAC,UAAU,EAAE,cAAc,cAAc,OAC/C,CAEA,MAAM,SAAU,CACd,IAAM,EAAe,IAAI,CAAC,UAAU,EAAE,cAAc,WAAW,MACzD,EAAO,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAClC,AAAC,GAAS,EAAK,aAAa,GAAK,GAEnC,GAAI,GAAgB,EAAM,CACxB,IAAI,CAAC,QAAQ,CAAG,GAChB,IAAI,CAAC,WAAW,CAAG,SAEnB,IAAM,EAAM,MAAML,MAChB,CAAC,oBAAoB,EAAE,EAAa,OAAO,EAAE,EAAK,EAAE,CAAC,CAAC,CAAC,CACvD,CAAE,OAAQ,QAAS,EAEjB,AAAC,GAAI,EAAE,EACTM,QAAQ,KAAK,CAAC,CAAC,EAAE,EAAI,MAAM,CAAC,EAAE,EAAE,EAAI,UAAU,CAAC,CAAC,EAGlD,IAAI,CAAC,UAAU,EAAE,cAAc,cAAc,QAC7C,IAAI,CAAC,QAAQ,CAAG,GAChB,IAAI,CAAC,UAAU,CAAC,GAAG,EACrB,CACF,CAEA,MAAM,SAAU,CACd,IAAM,EAAe,IAAI,CAAC,UAAU,EAAE,cAAc,WAAW,MACzD,EAAO,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAClC,AAAC,GAAS,EAAK,aAAa,GAAK,GAEnC,GAAI,EAAc,CAChB,IAAI,CAAC,QAAQ,CAAG,GAChB,IAAI,CAAC,WAAW,CAAG,OAEnB,IAAM,EAAM,CAAC,oBAAoB,EAAE,EAAa,OAAO,EAAE,EAAO,CAAC,EAAE,EAAK,EAAE,CAAC,CAAC,CAAC,CAAG,GAAG,CAAC,CAC9E,EAAM,MAAMN,MAAM,EAAK,CAC3B,KAAMO,KAAK,SAAS,CAAC,CACnB,IAAK,IAAI,CAAC,MAAM,CAChB,MAAO,IAAI,CAAC,UAAU,EAAE,cAAc,UAAU,MAChD,MAAO,IAAI,CAAC,UAAU,EAAE,cAAc,aAAa,KACrD,GACA,OAAQ,OACR,QAAS,CACP,eAAgB,kBAClB,CACF,EACI,AAAC,GAAI,EAAE,EACTD,QAAQ,KAAK,CAAC,CAAC,EAAE,EAAI,MAAM,CAAC,EAAE,EAAE,EAAI,UAAU,CAAC,CAAC,EAGlD,IAAI,CAAC,UAAU,EAAE,cAAc,cAAc,QAC7C,IAAI,CAAC,QAAQ,CAAG,GAChB,IAAI,CAAC,UAAU,CAAC,GAAG,EACrB,CACF,CAEA,mBAAoB,CAClB,KAAK,CAAC,oBACN,IAAI,CAAC,KAAK,CAAC,GAAG,EAChB,CAKA,WAAW,CAAiB,CAAE,CACxB,GAAkB,GAAG,CAAC,WAAa,EAAkB,GAAG,CAAC,WAAU,GACrE,KAAI,CAAC,KAAK,CAAG,CACX,IAAK,IAAI,CAAC,MAAM,CAChB,MAAO,IAAI,CAAC,QAAQ,AACtB,EAEJ,CAEA,QAAS,CACP,IAAM,EACJ,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KACrB,AAAC,GAAS,EAAK,aAAa,GAAK,IAAI,CAAC,KAAK,EAAE,gBAC1C,GACP,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CACvB,SAAU,AAAC,GACT,EAAK,eAAe,CAChB,QAAI,CAAC;;;2BAGU,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,OAAS,SAAW,OAAO;sBACzD,EAAE,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;uBAC/B,EAAE,IAAI,CAAC,KAAK,CAAC;;;mBAGjB,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,OACtB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CACjB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;qCAGD,EAAE,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBACpD,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CACvB,QAAS,IAAM,QAAI,CAAC,qBAAqB,CAAC,CAC1C,QAAS,IAAM,QAAI,CAAC,qBAAqB,CAAC,CAC1C,SAAU,AAAC,GACT,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CACvB,QAAS,IAAM,QAAI,CAAC,qBAAqB,CAAC,CAC1C,QAAS,IAAM,QAAI,CAAC,qBAAqB,CAAC,CAC1C,SAAU,AAAC,GAAgB,QAAI,CAAC;;0BAE5B,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;;mCAEhB,EAAE,IAAI,CAAC,KAAK,EAAE,cAAc;oCAC3B,EAAE,IAAI,CAAC,aAAa,CAAC;;4BAE7B,EAAE,EAAY,GAAG,CACf,AAAC,GAAe,QAAI,CAAC;;wCAEX,EAAE,EAAW,EAAE,CAAC;4CACZ,EAAE,EAAW,EAAE,GACzB,IAAI,CAAC,KAAK,EAAE,cAAc;;kCAE1B,EAAE,EAAU,IAAI,CACd,AAAC,GACC,EAAK,aAAa,GAAK,EAAW,EAAE,EAEpC,IACA,IAAI;kCACR,EAAE,AAAoB,YAApB,EAAW,IAAI,CACb,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CACzB,EAAW,IAAI,CAAC;;8BAExB,CAAC,EACD;;;;0CAIY,EA5OxB,MA4OoC;gCACtB,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;;;;;0BAKlC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;wCACL,EAAE,IAAI,CAAC,KAAK,EAAE,OAAS,IAAI,CAAC,QAAQ,CAAC;;;0BAGnD,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;;mCAEV,EAAE,IAAI,CAAC,KAAK,EAAE,OAAS,GAAG;;;2CAGlB,EAAE,IAAI,CAAC,OAAO,CAAC;0BAChC,EAAE,IAAI,CAAC,QAAQ,EAAI,AAAqB,SAArB,IAAI,CAAC,WAAW,CAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAClB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;iCAGb,EAAE,IAAI,CAAC,OAAO,CAAC;oCACZ,EAAE,IAAI,CAAC,QAAQ,CAAC;;;0BAG1B,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;;wBAEtB,EAAE,GAAW,OACT,QAAI,CAAC;qCACI,EAAE,IAAI,CAAC,OAAO,CAAC;;;;wCAIZ,EAAE,IAAI,CAAC,QAAQ,EACzB,CAAC,EAAsB;;8BAEvB,EAAE,IAAI,CAAC,QAAQ,EAAI,AAAqB,WAArB,IAAI,CAAC,WAAW,CAC/B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CACpB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;yCACX,CAAC,CACd,IAAO,CAAC;sBACd,CAAC,AACH,EACJ,GAAG;;YAEP,CAAC,CACD,IAAO,AACf,EACF,CACF,EAEAE,eAAe,MAAM,CAAC,6BAA8BV,wB,kHCrShD,EAAgC,kBAChC,EAAgC,iBAChC,EAA0B,IAA4B,KACtD,EAAqC,IAAgC,GACrEW,EAAqC,IAAgC,GAEzE,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,CAAC,8dAA8d,EAAE,EAAmC,iBAAiB,EAAE,EAAmC,2EAA2E,EAAEA,EAAmC,iBAAiB,EAAEA,EAAmC,yFAAyF,CAAC,CAAE,GAAG,EAEx2B,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C"}

package/dist/client/1739.8793c189d4f57b38.js

@@ -0,0 +1,8 @@
+export const __webpack_ids__=["1739"];export const __webpack_modules__={73594:function(e,o,r){r.r(o),r.d(o,{MDNHomepageSearch:()=>MDNHomepageSearch});var a=r(14703),n=r(69535),t=r(39187),c=r(8036);let MDNHomepageSearch=class MDNHomepageSearch extends(0,n.q)(a.oi){static styles=c.Z;_showModal(){let e=document.querySelector("#search");e instanceof t.MDNSearchModal?e.showModal():console.error("MDNSearchModal not found!")}render(){return(0,a.dy)`<button
+      class="mdn-homepage-search"
+      title=${this.l10n`Search the site`}
+      @click=${this._showModal}
+    >
+      ${this.l10n`Search`}
+    </button>`}};customElements.define("mdn-homepage-search",MDNHomepageSearch)},8036:function(e,o,r){r.d(o,{Z:()=>u});var a=r(14703),n=r(8081),t=r.n(n),c=r(23645),s=r.n(c),i=r(61667),d=r.n(i),l=new r.U(r(1536)),m=s()(t()),h=d()(l);m.push([e.id,`.mdn-homepage-search{align-items:center;background-color:initial;border:2px solid var(--color-border-primary);border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:var(--font-size-large);gap:.25em;margin:0 auto;padding:.8em 1em}.mdn-homepage-search:hover{background-color:var(--color-background-secondary)}.mdn-homepage-search:before{background-color:currentcolor;content:"";height:1em;-webkit-mask-image:url(${h});mask-image:url(${h});-webkit-mask-size:contain;mask-size:contain;width:1em}`,""]);let u=(0,a.iv)([m.toString()])}};
+//# sourceMappingURL=1739.8793c189d4f57b38.js.map

package/dist/client/{1739.505aa54ed62222c8.js.map → 1739.8793c189d4f57b38.js.map}

@@ -1 +1 @@
-{"version":3,"file":"1739.505aa54ed62222c8.js","sources":["webpack://@mdn/fred/./components/homepage-search/element.js","webpack://@mdn/fred/./components/homepage-search/element.css"],"sourcesContent":["import { LitElement, html } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport { MDNSearchModal } from \"../search-modal/element.js\";\n\nimport styles from \"./element.css?lit\";\n\nexport class MDNHomepageSearch extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  _showModal() {\n    const search = document.querySelector(\"#search\");\n    if (search instanceof MDNSearchModal) {\n      search.showModal();\n    } else {\n      console.error(\"MDNSearchModal not found!\");\n    }\n  }\n\n  render() {\n    return html`<button\n      class=\"mdn-homepage-search\"\n      title=${this.l10n`Search the site`}\n      @click=${this._showModal}\n    >\n      ${this.l10n`Search`}\n    </button>`;\n  }\n}\ncustomElements.define(\"mdn-homepage-search\", MDNHomepageSearch);\n","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_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/search.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___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.mdn-homepage-search{border-color:var(--color-border-primary);border-radius:2em;border-style:solid;display:flex;font-size:var(--font-size-large);gap:.5ch;justify-content:center;margin:0 auto;padding:1em}.mdn-homepage-search:before{background-color:var(--color-text-primary);content:\"\";display:inline-block;flex-shrink:0;height:1.1em;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1.1em}button{cursor:pointer}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNHomepageSearch","s","document","console","customElements"],"mappings":"qMAOO,IAAMA,kBAAN,MAAMA,yBAA0B,QAAU,IAAU,EACzD,OAAO,OAASC,EAAA,CAAM,AAAC,AAEvB,aAAa,CACX,IAAM,EAASC,SAAS,aAAa,CAAC,UAClC,cAAkB,gBAAc,CAClC,EAAO,SAAS,GAEhBC,QAAQ,KAAK,CAAC,4BAElB,CAEA,QAAS,CACP,MAAO,QAAI,CAAC;;YAEJ,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;aAC5B,EAAE,IAAI,CAAC,UAAU,CAAC;;MAEzB,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aACb,CAAC,AACZ,CACF,EACAC,eAAe,MAAM,CAAC,sBAAuBJ,kB,kHCxBzC,EAAgC,kBAChC,EAA0B,IAA4B,KACtD,EAAqC,IAAgC,GAEzE,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,CAAC,oWAAoW,EAAE,EAAmC,iBAAiB,EAAE,EAAmC,oIAAoI,CAAC,CAAE,GAAG,EAEnnB,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C"}
+{"version":3,"file":"1739.8793c189d4f57b38.js","sources":["webpack://@mdn/fred/./components/homepage-search/element.js","webpack://@mdn/fred/./components/homepage-search/element.css"],"sourcesContent":["import { LitElement, html } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport { MDNSearchModal } from \"../search-modal/element.js\";\n\nimport styles from \"./element.css?lit\";\n\nexport class MDNHomepageSearch extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  _showModal() {\n    const search = document.querySelector(\"#search\");\n    if (search instanceof MDNSearchModal) {\n      search.showModal();\n    } else {\n      console.error(\"MDNSearchModal not found!\");\n    }\n  }\n\n  render() {\n    return html`<button\n      class=\"mdn-homepage-search\"\n      title=${this.l10n`Search the site`}\n      @click=${this._showModal}\n    >\n      ${this.l10n`Search`}\n    </button>`;\n  }\n}\ncustomElements.define(\"mdn-homepage-search\", MDNHomepageSearch);\n","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_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/search.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___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.mdn-homepage-search{align-items:center;background-color:initial;border:2px solid var(--color-border-primary);border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:var(--font-size-large);gap:.25em;margin:0 auto;padding:.8em 1em}.mdn-homepage-search:hover{background-color:var(--color-background-secondary)}.mdn-homepage-search:before{background-color:currentcolor;content:\"\";height:1em;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});-webkit-mask-size:contain;mask-size:contain;width:1em}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNHomepageSearch","document","console","customElements"],"mappings":"qMAOO,IAAMA,kBAAN,MAAMA,yBAA0B,QAAU,IAAU,EACzD,OAAO,OAAS,GAAM,AAAC,AAEvB,aAAa,CACX,IAAM,EAASC,SAAS,aAAa,CAAC,UAClC,cAAkB,gBAAc,CAClC,EAAO,SAAS,GAEhBC,QAAQ,KAAK,CAAC,4BAElB,CAEA,QAAS,CACP,MAAO,QAAI,CAAC;;YAEJ,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;aAC5B,EAAE,IAAI,CAAC,UAAU,CAAC;;MAEzB,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aACb,CAAC,AACZ,CACF,EACAC,eAAe,MAAM,CAAC,sBAAuBH,kB,kHCxBzC,EAAgC,iBAChC,EAA0B,IAA4B,KACtD,EAAqC,IAAgC,GAEzE,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,CAAC,0aAA0a,EAAE,EAAmC,iBAAiB,EAAE,EAAmC,wDAAwD,CAAC,CAAE,GAAG,EAE7mB,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C"}

package/dist/client/{1916.bc7551ab839d52f8.js → 1916.53595bf8d5201723.js}

@@ -1,7 +1,7 @@
-export const __webpack_ids__=["1916"];export const __webpack_modules__={27907:function(t,e,a){a.r(e),a.d(e,{MDNCompatTableLazy:()=>MDNCompatTableLazy});var o=a(35470),r=a(14703);a(50757);var i=a(69535),s=a(44148);let MDNCompatTableLazy=class MDNCompatTableLazy extends(0,i.q)(r.oi){static properties={query:{},locale:{}};constructor(){super(),this.query="",this.locale=s.ZW}connectedCallback(){super.connectedCallback()}get _issueUrl(){let t=new URLSearchParams,e=s.gW.replaceAll("$DATE",new Date().toISOString()).replaceAll("$QUERY_ID",this.query).trim();return t.set("mdn-url",`https://developer.mozilla.org${globalThis.location.pathname}`),t.set("metadata",e),t.set("title",`${this.query} - Missing compatibility data`),t.set("template","data-problem.yml"),`https://github.com/mdn/browser-compat-data/issues/new?${t.toString()}`}get _issueLink(){return(0,r.dy)`<a
+export const __webpack_ids__=["1916"];export const __webpack_modules__={27907:function(t,e,a){a.r(e),a.d(e,{MDNCompatTableLazy:()=>MDNCompatTableLazy});var o=a(35470),r=a(14703);a(50757);var i=a(69535),s=a(44148);let MDNCompatTableLazy=class MDNCompatTableLazy extends(0,i.q)(r.oi){static properties={query:{},locale:{}};constructor(){super(),this.query="",this.locale=s.ZW}connectedCallback(){super.connectedCallback()}get _issueUrl(){let t=new URLSearchParams,e=s.gW.replaceAll("$DATE",new Date().toISOString()).replaceAll("$QUERY_ID",this.query).trim();return t.set("mdn-url",`https://developer.mozilla.org${globalThis.location.pathname}`),t.set("metadata",e),t.set("title",`${this.query} - Missing compatibility data`),t.set("template","data-problem.yml"),`https://github.com/mdn/browser-compat-data/issues/new?${t.toString()}`}get _issueLink(){let t=t=>{t.preventDefault(),window.open(this._issueUrl,"_blank","noopener,noreferrer")};return(0,r.dy)`<a
       class="bc-github-link external external-icon"
       href="#"
-      @click=${t=>{t.preventDefault(),window.open(this._issueUrl,"_blank","noopener,noreferrer")}}
+      @click=${t}
       target="_blank"
       rel="noopener noreferrer"
       title=${this.l10n("compat-link-report-missing-title")`Report missing compatibility data`}
@@ -14,4 +14,4 @@ export const __webpack_ids__=["1916"];export const __webpack_modules__={27907:fu
                 .data=${t.data}
                 .browserInfo=${t.browsers}
               ></mdn-compat-table>`:(0,r.dy)`<p>No compatibility data found</p>`,error:t=>(0,r.dy)`<p>${t}</p>`})}};customElements.define("mdn-compat-table-lazy",MDNCompatTableLazy)}};
-//# sourceMappingURL=1916.bc7551ab839d52f8.js.map
+//# sourceMappingURL=1916.53595bf8d5201723.js.map