@mdn/fred 0.1.0 → 0.2.0

package/dist/client/7461.7d6383069ad3bded.js

@@ -0,0 +1,35 @@
+export const __webpack_ids__=["7461"];export const __webpack_modules__={62249:function(e,t,i){i.d(t,{Z:()=>n});var r=i(8081),l=i.n(r),s=i(23645),o=i.n(s)()(l());o.push([e.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 n=o.toString()},8128:function(e,t,i){e.exports=i.p+"filter.b77a4ccbfb57e2ef.svg"},98903:function(e,t,i){var r=i(14703),l=i(69535),s=i(44413),o=i(9451);let SidebarFilterer=class SidebarFilterer{constructor(e){this.allHeadings=[...e.querySelectorAll("li strong")].filter(e=>e instanceof HTMLElement),this.allParents=[...e.querySelectorAll("details")];let t=[...e.querySelectorAll("a[href]")].filter(e=>e instanceof HTMLAnchorElement);this.items=t.map(e=>({haystack:(e.textContent||"").toLowerCase(),link:e,container:this.getContainerOf(e),heading:this.getHeadingOf(e),parents:this.getParentsOf(e)})),this.toc=e.querySelector(".reference-toc")||null}applyFilter(e){if(e)return this.toggleTOC(!1),this.showOnlyMatchingItems(e);this.toggleTOC(!0),this.showAllItems()}toggleTOC(e){this.toc&&this.toggleElement(this.toc,e)}toggleElement(e,t){e.style.display=t?"":"none"}showAllItems(){for(let{link:e}of this.items)this.resetLink(e);for(let e of this.allHeadings)this.resetHeading(e);for(let e of this.allParents)this.resetParent(e)}resetLink(e){this.resetHighlighting(e);let t=this.getContainerOf(e);this.toggleElement(t,!0)}getContainerOf(e){return e.closest("li")||e}resetHeading(e){let t=this.getContainerOf(e);this.toggleElement(t,!0)}resetParent(e){let t=this.getContainerOf(e);this.toggleElement(t,!0),e.dataset.wasOpen&&(e.open=JSON.parse(e.dataset.wasOpen),delete e.dataset.wasOpen)}resetHighlighting(e){let t=[...e.querySelectorAll("span, mark")],i=new Set;for(let e of t){let t=e.parentElement;e.replaceWith(document.createTextNode(e.textContent||"")),t&&i.add(t)}for(let e of i)e.normalize()}showOnlyMatchingItems(e){for(let e of this.allHeadings)this.hideHeading(e);for(let e of this.allParents)this.collapseParent(e);let t=e.toLowerCase().split(/\s+/).filter(Boolean),i=0;for(let{haystack:e,link:r,container:l,heading:s,parents:o}of this.items){this.resetHighlighting(r);let n=t.every(t=>e.includes(t));if(this.toggleElement(l,n),n)for(let e of(i++,this.highlightMatches(r,t),s&&this.showHeading(s),o))this.expandParent(e)}return i}hideHeading(e){let t=this.getContainerOf(e);this.toggleElement(t,!1)}collapseParent(e){let t=this.getContainerOf(e);this.toggleElement(t,!1),e.dataset.wasOpen=e.dataset.wasOpen||String(e.open),e.open=!1}highlightMatches(e,t){for(let i of this.getTextNodesOf(e)){let e=i.textContent?.toLowerCase();if(!e)continue;let r=new Map;for(let i of t){let t=e.indexOf(i);-1!==t&&r.set(t,t+i.length)}let l=[...r.entries()].sort(([e,t],[i,r])=>e-i||t-r),s=this.replaceChildNode(i,"span");s.className="highlight-container";let o=[...s.childNodes].find(e=>e instanceof Text);if(!o)continue;let n=o,a=0;for(let[e,t]of l){if(e<a)continue;let i=n.splitText(e-a),r=i.splitText(t-e);this.replaceChildNode(i,"mark"),n=r,a=t}}}getTextNodesOf(e){let t=[e],i=[];for(let e of t)for(let r of e.childNodes)r.nodeType===Node.TEXT_NODE?i.push(r):r.hasChildNodes&&r.hasChildNodes()&&t.push(r);return i}replaceChildNode(e,t){let i=e.textContent,r=document.createElement(t);return r.textContent=i||"",e.replaceWith(r),r}showHeading(e){let t=e&&this.getContainerOf(e);t&&this.toggleElement(t,!0)}getHeadingOf(e){return this.findFirstElementBefore(e,this.allHeadings)}findFirstElementBefore(e,t){return[...t].reverse().find(t=>t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING)}expandParent(e){let t=this.getContainerOf(e);this.toggleElement(t,!0),e.open=!0}getParentsOf(e){let t=[],i=e.parentElement?e.parentElement.closest("details"):null;for(;i;)t.push(i),i=i.parentElement?i.parentElement.closest("details"):null;return t}};let MDNSidebarFilter=class MDNSidebarFilter extends(0,l.q)(r.oi){static styles=o.Z;static properties={query:{type:String},matchCount:{state:!0,type:Number},_active:{state:!0,type:Boolean}};constructor(){super(),this.query="",this.matchCount=void 0,this._active=!1,this.hasTyped=!1,this._filterer=null,this._quicklinks=null,this._sidebarInnerNav=null}firstUpdated(){this._quicklinks=document.querySelector(".left-sidebar"),this._quicklinks&&(this._sidebarInnerNav=this._quicklinks.querySelector(".left-sidebar__content")||null)}_saveScrollPosition(){for(let e of[this._quicklinks,this._sidebarInnerNav])e&&void 0===e.dataset.lastScrollTop&&e.scrollTop>0&&(e.dataset.lastScrollTop=String(e.scrollTop),e.scrollTop=0)}_restoreScrollPosition(){for(let e of[this._quicklinks,this._sidebarInnerNav])e&&"string"==typeof e.dataset.lastScrollTop&&(e.scrollTop=Number(e.dataset.lastScrollTop),delete e.dataset.lastScrollTop)}updated(e){if(e.has("query")&&(this.query&&this.query.trim().length>0&&!this.hasTyped&&(this.hasTyped=!0),this._quicklinks)){if(!this._filterer){let e=this._quicklinks.querySelector(".left-sidebar__content");e instanceof HTMLElement&&(this._filterer=new SidebarFilterer(e))}let e=this.query.trim();if(e&&this._saveScrollPosition(),this._filterer){let t=this._filterer.applyFilter(e);this.matchCount=t}e||this._restoreScrollPosition()}}_onFocus(){this._active=!0}_onInput(e){let t=e.target;this.query=t.value}_clearFilter(){this.query="",this._active=!1}render(){return(0,r.dy)`
+      <div class="sidebar-filter ${this.query?"has-input":""}">
+        <label
+          id="sidebar-filter-label"
+          class="sidebar-filter-label"
+          for="sidebar-filter-input"
+        >
+          <span class="visually-hidden">${this.l10n`Filter sidebar`}</span>
+        </label>
+        <input
+          id="sidebar-filter-input"
+          autocomplete="off"
+          class="sidebar-filter-input-field ${this._active?"is-active":""}"
+          type="text"
+          placeholder=${this.l10n`Filter`}
+          .value=${this.query}
+          @focus=${this._onFocus}
+          @input=${this._onInput}
+        />
+        ${void 0===this.matchCount?"":(0,r.dy)`
+              <span class="sidebar-filter-count">
+                ${this.l10n.raw({id:"sidebar-filter-matches",args:{matches:this.matchCount}})}
+              </span>
+            `}
+        <mdn-button
+          class="clear-sidebar-filter-button"
+          variant="plain"
+          label=${this.l10n`Clear filter input`}
+          .icon=${s.Z}
+          icon-only
+          @click=${this._clearFilter}
+        ></mdn-button>
+      </div>
+    `}};customElements.define("mdn-sidebar-filter",MDNSidebarFilter)},9451:function(e,t,i){i.d(t,{Z:()=>u});var r=i(14703),l=i(8081),s=i.n(l),o=i(23645),n=i.n(o),a=i(62249),d=i(61667),c=i.n(d),h=new i.U(i(8128)),f=n()(s());f.i(a.Z);var p=c()(h);f.push([e.id,`:host{display:flex;flex-direction:column;position:relative}.sidebar-filter{display:flex;place-items:center}.sidebar-filter-label{left:.6em;position:absolute;top:.4em}.sidebar-filter-label:before{background-color:var(--color-text-secondary);content:"";display:inline-block;height:1.25em;-webkit-mask-image:url(${p});mask-image:url(${p});-webkit-mask-size:cover;mask-size:cover;width:1.25em}.clear-sidebar-filter-button{--button-bg:none;--button-color:var(--color-text-primary);--button-border-color:none;position:absolute;right:0}.clear-sidebar-filter-button::part(button){border-radius:50%}.clear-sidebar-filter-button::part(button):hover{background-color:initial}.sidebar-filter-input-field{border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-primary);padding-bottom:.6em;padding-left:2.5em;padding-top:.6em;width:100%}.sidebar-filter-input-field::placeholder{color:var(--color-text-secondary)}.sidebar-filter-input-field:focus{border-color:#0000}.sidebar-filter-input-field:focus .icon{color:var(--color-border-primary)}.sidebar-filter-input-field[value=""]:not(:focus,.is-active){width:5em}.sidebar-filter-input-field[value=""]:not(:focus,.is-active)~.clear-sidebar-filter-button,.sidebar-filter-input-field[value=""]:not(:focus,.is-active)~.sidebar-filter-count{display:none}.sidebar-filter-input-field.is-active,.sidebar-filter-input-field:focus{padding-right:7.5em}.sidebar-filter-input-field~.sidebar-filter-count{background:var(--color-background-blue);border-radius:1em;color:var(--color-text-secondary);font-size:.7rem;padding:0 .5em;position:absolute;right:2.5em;white-space:nowrap}`,""]);let u=(0,r.iv)([f.toString()])}};
+//# sourceMappingURL=7461.7d6383069ad3bded.js.map

package/dist/client/7461.7d6383069ad3bded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"7461.7d6383069ad3bded.js","sources":["webpack://@mdn/fred/./components/visually-hidden/global.css?9b14","webpack://@mdn/fred/./components/sidebar-filter/sidebar-filterer.js","webpack://@mdn/fred/./components/sidebar-filter/element.js","webpack://@mdn/fred/./components/sidebar-filter/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","/**\n * Splits a search query into an array of lowercase terms.\n * @param {string} query The input search query.\n * @returns {string[]} The resulting array of query terms.\n */\nfunction splitQuery(query) {\n  return query.toLowerCase().split(/\\s+/).filter(Boolean);\n}\n\n/**\n * @typedef {object} Item\n * @property {string} haystack - The lowercased text for matching.\n * @property {HTMLAnchorElement} link - The anchor element.\n * @property {HTMLElement} container - The container (closest 'li' element).\n * @property {HTMLElement|undefined} heading - The heading element (if any).\n * @property {HTMLDetailsElement[]} parents - The parent details elements.\n */\n\n/**\n * A class to filter sidebar items based on search queries.\n */\nexport class SidebarFilterer {\n  /**\n   * @param {HTMLElement} root The root element to search within.\n   */\n  constructor(root) {\n    /**\n     * @type {HTMLElement[]}\n     */\n    this.allHeadings = [...root.querySelectorAll(\"li strong\")].filter(\n      (el) => el instanceof HTMLElement,\n    );\n\n    /**\n     * @type {HTMLDetailsElement[]}\n     */\n    this.allParents = [...root.querySelectorAll(\"details\")];\n\n    const links = [...root.querySelectorAll(\"a[href]\")].filter(\n      (a) => a instanceof HTMLAnchorElement,\n    );\n\n    /**\n     * @type {Item[]}\n     */\n    this.items = links.map((link) => ({\n      haystack: (link.textContent || \"\").toLowerCase(),\n      link,\n      container: this.getContainerOf(link),\n      heading: this.getHeadingOf(link),\n      parents: this.getParentsOf(link),\n    }));\n\n    /**\n     * @type {HTMLElement|null}\n     */\n    this.toc = root.querySelector(\".reference-toc\") || null;\n  }\n\n  /**\n   * Applies a filter to the sidebar items.\n   * @param {string} query The filter query.\n   * @returns {number|undefined} The number of matching items if a query is provided; otherwise undefined.\n   */\n  applyFilter(query) {\n    if (query) {\n      this.toggleTOC(false);\n      return this.showOnlyMatchingItems(query);\n    } else {\n      this.toggleTOC(true);\n      this.showAllItems();\n      return;\n    }\n  }\n\n  /**\n   * Toggles the TOC (table of contents) element's visibility.\n   * @private\n   * @param {boolean} show Whether to show the TOC.\n   */\n  toggleTOC(show) {\n    if (this.toc) {\n      this.toggleElement(this.toc, show);\n    }\n  }\n\n  /**\n   * Toggles the display style of an element.\n   * @private\n   * @param {HTMLElement} el The element to toggle.\n   * @param {boolean} show Whether to show (true) or hide (false) the element.\n   */\n  toggleElement(el, show) {\n    el.style.display = show ? \"\" : \"none\";\n  }\n\n  /**\n   * Resets and shows all sidebar items.\n   */\n  showAllItems() {\n    for (const { link } of this.items) this.resetLink(link);\n    for (const heading of this.allHeadings) this.resetHeading(heading);\n    for (const parent of this.allParents) this.resetParent(parent);\n  }\n\n  /**\n   * Resets a link by removing any highlighting and ensuring its container is visible.\n   * @private\n   * @param {HTMLAnchorElement} link The link to reset.\n   */\n  resetLink(link) {\n    this.resetHighlighting(link);\n    const container = this.getContainerOf(link);\n    this.toggleElement(container, true);\n  }\n\n  /**\n   * Returns the container element (the closest \"li\") for the provided element.\n   * @private\n   * @param {HTMLElement} el The element to find the container for.\n   * @returns {HTMLElement} The container element.\n   */\n  getContainerOf(el) {\n    return el.closest(\"li\") || el;\n  }\n\n  /**\n   * Resets a heading by ensuring its container is visible.\n   * @private\n   * @param {HTMLElement} heading The heading element to reset.\n   */\n  resetHeading(heading) {\n    const container = this.getContainerOf(heading);\n    this.toggleElement(container, true);\n  }\n\n  /**\n   * Resets a parent details element by showing its container and restoring its open state.\n   * @private\n   * @param {HTMLDetailsElement} parent The details element to reset.\n   */\n  resetParent(parent) {\n    const container = this.getContainerOf(parent);\n    this.toggleElement(container, true);\n    if (parent.dataset.wasOpen) {\n      parent.open = JSON.parse(parent.dataset.wasOpen);\n      delete parent.dataset.wasOpen;\n    }\n  }\n\n  /**\n   * Removes highlighting from the given link element.\n   * @private\n   * @param {HTMLAnchorElement} link The link element to reset.\n   */\n  resetHighlighting(link) {\n    const nodes = [...link.querySelectorAll(\"span, mark\")];\n    const parents = new Set();\n    for (const node of nodes) {\n      const parent = node.parentElement;\n      node.replaceWith(document.createTextNode(node.textContent || \"\"));\n      if (parent) {\n        parents.add(parent);\n      }\n    }\n    for (const parent of parents) parent.normalize();\n  }\n\n  /**\n   * Shows only the items that match the provided query.\n   * @param {string} query The search query.\n   * @returns {number} The count of matching items.\n   */\n  showOnlyMatchingItems(query) {\n    for (const heading of this.allHeadings) this.hideHeading(heading);\n    for (const parent of this.allParents) this.collapseParent(parent);\n\n    // Split the query into search terms.\n    const terms = splitQuery(query);\n    let matchCount = 0;\n\n    // Evaluate each item.\n    for (const { haystack, link, container, heading, parents } of this.items) {\n      this.resetHighlighting(link);\n      const isMatch = terms.every((needle) => haystack.includes(needle));\n\n      this.toggleElement(container, isMatch);\n\n      if (isMatch) {\n        matchCount++;\n        this.highlightMatches(link, terms);\n        if (heading) {\n          this.showHeading(heading);\n        }\n        for (const parent of parents) {\n          this.expandParent(parent);\n        }\n      }\n    }\n\n    return matchCount;\n  }\n\n  /**\n   * Hides a heading element by toggling its container.\n   * @private\n   * @param {HTMLElement} heading The heading element to hide.\n   */\n  hideHeading(heading) {\n    const container = this.getContainerOf(heading);\n    this.toggleElement(container, false);\n  }\n\n  /**\n   * Collapses a parent details element and hides its container.\n   * @private\n   * @param {HTMLDetailsElement} parent The details element to collapse.\n   */\n  collapseParent(parent) {\n    const container = this.getContainerOf(parent);\n    this.toggleElement(container, false);\n    parent.dataset.wasOpen = parent.dataset.wasOpen || String(parent.open);\n    parent.open = false;\n  }\n\n  /**\n   * Highlights matching terms within an element by wrapping them with a <mark> element.\n   * @private\n   * @param {HTMLElement} el The element to highlight.\n   * @param {string[]} terms The search terms.\n   */\n  highlightMatches(el, terms) {\n    const nodes = this.getTextNodesOf(el);\n\n    for (const node of nodes) {\n      const haystack = node.textContent?.toLowerCase();\n      if (!haystack) {\n        continue;\n      }\n\n      const ranges = new Map();\n      for (const needle of terms) {\n        const index = haystack.indexOf(needle);\n        if (index !== -1) {\n          ranges.set(index, index + needle.length);\n        }\n      }\n      const sortedRanges = [...ranges.entries()].sort(\n        ([x1, y1], [x2, y2]) => x1 - x2 || y1 - y2,\n      );\n\n      const span = this.replaceChildNode(node, \"span\");\n      span.className = \"highlight-container\";\n\n      /** @type {Text|undefined} */\n      const initialRest = [...span.childNodes].find(\n        (node) => node instanceof Text,\n      );\n\n      if (!initialRest) {\n        continue;\n      }\n\n      /** @type {Text} */\n      let rest = initialRest;\n      let cursor = 0;\n\n      for (const [rangeBegin, rangeEnd] of sortedRanges) {\n        if (rangeBegin < cursor) {\n          // Ignore overlapping or conflicting ranges.\n          continue;\n        }\n\n        // Split the text node to isolate the matching segment.\n        const match = rest.splitText(rangeBegin - cursor);\n        const newRest = match.splitText(rangeEnd - rangeBegin);\n\n        // Replace the matching text node with a <mark> element.\n        this.replaceChildNode(match, \"mark\");\n\n        rest = newRest;\n        cursor = rangeEnd;\n      }\n    }\n  }\n\n  /**\n   * Recursively collects all text nodes under a given node.\n   * @private\n   * @param {Node} node The node to search within.\n   * @returns {Array<Node & Text>} An array of text nodes.\n   */\n  getTextNodesOf(node) {\n    const parents = [node];\n    /** @type {Array<Node & Text>} */\n    const nodes = [];\n\n    for (const parent of parents) {\n      for (const childNode of parent.childNodes) {\n        if (childNode.nodeType === Node.TEXT_NODE) {\n          // @ts-expect-error TypeScript doesn't understand that Node.TEXT_NODE implies Node & Text.\n          nodes.push(childNode);\n        } else if (childNode.hasChildNodes && childNode.hasChildNodes()) {\n          parents.push(childNode);\n        }\n      }\n    }\n    return nodes;\n  }\n\n  /**\n   * Replaces a child node with a new element of the specified tag.\n   * @private\n   * @param {ChildNode} node The node to be replaced.\n   * @param {string} tagName The tag name for the new element.\n   * @returns {HTMLElement} The newly created element.\n   */\n  replaceChildNode(node, tagName) {\n    const text = node.textContent;\n    const newNode = document.createElement(tagName);\n    newNode.textContent = text || \"\";\n    node.replaceWith(newNode);\n    return newNode;\n  }\n\n  /**\n   * Ensures that the container for the given heading is visible.\n   * @private\n   * @param {HTMLElement} heading The heading element to show.\n   */\n  showHeading(heading) {\n    const container = heading && this.getContainerOf(heading);\n    if (container) {\n      this.toggleElement(container, true);\n    }\n  }\n\n  /**\n   * Retrieves the first heading element (from allHeadings) that appears before the specified element.\n   * @private\n   * @param {HTMLElement} el The reference element.\n   * @returns {HTMLElement|undefined} The matching heading or undefined.\n   */\n  getHeadingOf(el) {\n    return this.findFirstElementBefore(el, this.allHeadings);\n  }\n\n  /**\n   * Finds the first element among candidates that occurs before the specified element in the document.\n   * @private\n   * @param {HTMLElement} el The reference element.\n   * @param {HTMLElement[]} candidates An array of candidate elements.\n   * @returns {HTMLElement|undefined} The found element or undefined if none found.\n   */\n  findFirstElementBefore(el, candidates) {\n    return [...candidates]\n      .reverse()\n      .find(\n        (candidate) =>\n          candidate.compareDocumentPosition(el) &\n          Node.DOCUMENT_POSITION_FOLLOWING,\n      );\n  }\n\n  /**\n   * Expands a parent details element and ensures its container is visible.\n   * @private\n   * @param {HTMLDetailsElement} parent The details element to expand.\n   */\n  expandParent(parent) {\n    const container = this.getContainerOf(parent);\n    this.toggleElement(container, true);\n    parent.open = true;\n  }\n\n  /**\n   * Retrieves all parent <details> elements for the given element.\n   * @private\n   * @param {HTMLElement} el The element for which to find parent details.\n   * @returns {HTMLDetailsElement[]} An array of parent <details> elements.\n   */\n  getParentsOf(el) {\n    const parents = [];\n    let parent = el.parentElement ? el.parentElement.closest(\"details\") : null;\n\n    while (parent) {\n      parents.push(parent);\n      parent = parent.parentElement\n        ? parent.parentElement.closest(\"details\")\n        : null;\n    }\n\n    return parents;\n  }\n}\n","/**\n * @file Sidebar filter Lit element.\n */\n\nimport { LitElement, html } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport cancelIcon from \"../icon/cancel.svg?lit\";\n\nimport styles from \"./element.css?lit\";\nimport { SidebarFilterer } from \"./sidebar-filterer.js\";\n\nclass MDNSidebarFilter extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  static properties = {\n    query: { type: String },\n    matchCount: { state: true, type: Number },\n    _active: { state: true, type: Boolean },\n  };\n\n  /**\n   * Creates an instance of SidebarFilterElement.\n   */\n  constructor() {\n    super();\n    /** @type {string} */\n    this.query = \"\";\n    /** @type {number|undefined} */\n    this.matchCount = undefined;\n    /** @type {boolean} */\n    this._active = false;\n    /** @type {boolean} */\n    this.hasTyped = false;\n    /**\n     * @type {SidebarFilterer|null}\n     */\n    this._filterer = null;\n    /**\n     * @type {HTMLElement|null}\n     */\n    this._quicklinks = null;\n    /**\n     * @type {HTMLElement|null}\n     */\n    this._sidebarInnerNav = null;\n  }\n\n  firstUpdated() {\n    this._quicklinks = document.querySelector(\".left-sidebar\");\n    if (this._quicklinks) {\n      this._sidebarInnerNav =\n        /** @type {HTMLElement|null} */ (\n          this._quicklinks.querySelector(\".left-sidebar__content\")\n        ) || null;\n    }\n  }\n\n  /**\n   * Saves the current scroll position from the specified elements and resets them.\n   * @private\n   */\n  _saveScrollPosition() {\n    const refs = [this._quicklinks, this._sidebarInnerNav];\n    for (const el of refs) {\n      if (el && el.dataset.lastScrollTop === undefined && el.scrollTop > 0) {\n        el.dataset.lastScrollTop = String(el.scrollTop);\n        el.scrollTop = 0;\n      }\n    }\n  }\n\n  /**\n   * Restores the scroll position of the previously saved elements.\n   * @private\n   */\n  _restoreScrollPosition() {\n    const refs = [this._quicklinks, this._sidebarInnerNav];\n    for (const el of refs) {\n      if (el && typeof el.dataset.lastScrollTop === \"string\") {\n        el.scrollTop = Number(el.dataset.lastScrollTop);\n        delete el.dataset.lastScrollTop;\n      }\n    }\n  }\n\n  /**\n   * Lit lifecycle method called after properties are updated.\n   * Triggers telemetry events and applies filtering logic when properties change.\n   * @param {Map<string, any>} changedProperties\n   */\n  updated(changedProperties) {\n    if (changedProperties.has(\"query\")) {\n      // Mark that the user has typed if the query is non-empty.\n      if (this.query && this.query.trim().length > 0 && !this.hasTyped) {\n        this.hasTyped = true;\n      }\n\n      if (this._quicklinks) {\n        // Initialize the filterer if it has not yet been created.\n        if (!this._filterer) {\n          const root = this._quicklinks.querySelector(\".left-sidebar__content\");\n          if (root instanceof HTMLElement) {\n            this._filterer = new SidebarFilterer(root);\n          }\n        }\n        const trimmedQuery = this.query.trim();\n        if (trimmedQuery) {\n          this._saveScrollPosition();\n        }\n        if (this._filterer) {\n          const count = this._filterer.applyFilter(trimmedQuery);\n          this.matchCount = count;\n        }\n        if (!trimmedQuery) {\n          this._restoreScrollPosition();\n        }\n      }\n    }\n  }\n\n  /**\n   * Event handler for when the input field receives focus.\n   * @private\n   */\n  _onFocus() {\n    this._active = true;\n  }\n\n  /**\n   * Event handler for input events on the text field.\n   * @param {Event} event The input event.\n   * @private\n   */\n  _onInput(event) {\n    const target = /** @type {HTMLInputElement} */ (event.target);\n    this.query = target.value;\n  }\n\n  /**\n   * Clears the filter input and resets the active state.\n   * @private\n   */\n  _clearFilter() {\n    this.query = \"\";\n    this._active = false;\n  }\n\n  /**\n   * Renders the component template.\n   * @returns {import(\"@lit\").TemplateResult}\n   */\n  render() {\n    return html`\n      <div class=\"sidebar-filter ${this.query ? \"has-input\" : \"\"}\">\n        <label\n          id=\"sidebar-filter-label\"\n          class=\"sidebar-filter-label\"\n          for=\"sidebar-filter-input\"\n        >\n          <span class=\"visually-hidden\">${this.l10n`Filter sidebar`}</span>\n        </label>\n        <input\n          id=\"sidebar-filter-input\"\n          autocomplete=\"off\"\n          class=\"sidebar-filter-input-field ${this._active ? \"is-active\" : \"\"}\"\n          type=\"text\"\n          placeholder=${this.l10n`Filter`}\n          .value=${this.query}\n          @focus=${this._onFocus}\n          @input=${this._onInput}\n        />\n        ${this.matchCount === undefined\n          ? \"\"\n          : html`\n              <span class=\"sidebar-filter-count\">\n                ${this.l10n.raw({\n                  id: \"sidebar-filter-matches\",\n                  args: {\n                    matches: this.matchCount,\n                  },\n                })}\n              </span>\n            `}\n        <mdn-button\n          class=\"clear-sidebar-filter-button\"\n          variant=\"plain\"\n          label=${this.l10n`Clear filter input`}\n          .icon=${cancelIcon}\n          icon-only\n          @click=${this._clearFilter}\n        ></mdn-button>\n      </div>\n    `;\n  }\n}\n\ncustomElements.define(\"mdn-sidebar-filter\", MDNSidebarFilter);\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/filter.svg\", 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___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:flex;flex-direction:column;position:relative}.sidebar-filter{display:flex;place-items:center}.sidebar-filter-label{left:.6em;position:absolute;top:.4em}.sidebar-filter-label:before{background-color:var(--color-text-secondary);content:\"\";display:inline-block;height:1.25em;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});-webkit-mask-size:cover;mask-size:cover;width:1.25em}.clear-sidebar-filter-button{--button-bg:none;--button-color:var(--color-text-primary);--button-border-color:none;position:absolute;right:0}.clear-sidebar-filter-button::part(button){border-radius:50%}.clear-sidebar-filter-button::part(button):hover{background-color:initial}.sidebar-filter-input-field{border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-primary);padding-bottom:.6em;padding-left:2.5em;padding-top:.6em;width:100%}.sidebar-filter-input-field::placeholder{color:var(--color-text-secondary)}.sidebar-filter-input-field:focus{border-color:#0000}.sidebar-filter-input-field:focus .icon{color:var(--color-border-primary)}.sidebar-filter-input-field[value=\"\"]:not(:focus,.is-active){width:5em}.sidebar-filter-input-field[value=\"\"]:not(:focus,.is-active)~.clear-sidebar-filter-button,.sidebar-filter-input-field[value=\"\"]:not(:focus,.is-active)~.sidebar-filter-count{display:none}.sidebar-filter-input-field.is-active,.sidebar-filter-input-field:focus{padding-right:7.5em}.sidebar-filter-input-field~.sidebar-filter-count{background:var(--color-background-blue);border-radius:1em;color:var(--color-text-secondary);font-size:.7rem;padding:0 .5em;position:absolute;right:2.5em;white-space:nowrap}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["SidebarFilterer","e","HTMLElement","HTMLAnchorElement","JSON","Set","document","t","Boolean","String","r","Map","s","Text","Node","MDNSidebarFilter","Number","customElements"],"mappings":"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"}

package/dist/client/7509.c7697df525e5b425.js

@@ -0,0 +1,9 @@
+export const __webpack_ids__=["7509"];export const __webpack_modules__={54681:function(t,e,i){i.d(e,{Z:()=>r});var a=i(8081),o=i.n(a),s=i(23645),n=i.n(s)()(o());n.push([t.id,"*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}",""]);let r=n.toString()},94856:function(t,e,i){i.r(e),i.d(e,{MDNAboutTabs:()=>MDNAboutTabs});var a=i(14703),o=i(33446);let MDNAboutTabs=class MDNAboutTabs extends a.oi{static styles=o.Z;static properties={active_index:{type:Number}};constructor(){super(),this.active_index=0}firstUpdated(){if(null===this.shadowRoot)return;let t=this.shadowRoot.querySelector("slot[name='tab']");if(null===t)return;let e=globalThis.location.hash.slice(1);if(e){let i=e.startsWith("our_team")?"our_team":e.startsWith("our_partners")||"product_advisory_board"===e||"open_web_docs"===e?"our_partners":e,a=t.assignedElements({flatten:!0});if(a&&a.length>0){for(let[t,e]of a.entries())if(e instanceof HTMLElement&&e.dataset.panelId===i){this.active_index=t;break}}}t.addEventListener("slotchange",()=>this._wireSlots()),this._wireSlots()}_wireSlots(){if(null===this.shadowRoot)return;let t=this.shadowRoot.querySelector('slot[name="tab"]');if(null===t)return;let e=t.assignedElements({flatten:!0}),i=this.shadowRoot.querySelector('slot[name="panel"]');if(null===i)return;let a=i.assignedElements({flatten:!0});for(let[t,i]of e.entries()){i.setAttribute("role","tab"),i.setAttribute("aria-selected",(t===this.active_index).toString()),i.setAttribute("tabindex",t===this.active_index?"0":"-1"),i.classList.toggle("active",t===this.active_index);let e=e=>{e.preventDefault(),i.dataset.panelId&&(globalThis.location.hash=i.dataset.panelId),this.active_index=t,requestAnimationFrame(()=>{let t=a[this.active_index];t&&t.getBoundingClientRect().top<0&&t.scrollIntoView({block:"start",inline:"nearest"})})};i.removeEventListener("click",i.__handleClick),i.addEventListener("click",e),i.__handleClick=e}for(let[t,e]of a.entries())e.setAttribute("role","tabpanel"),e.setAttribute("aria-hidden",(t!==this.active_index).toString()),e.classList.toggle("active",t===this.active_index),e.classList.add("tabpanel")}updated(t){t.has("active_index")&&this._wireSlots()}render(){return(0,a.dy)`
+      <div class="tablist-wrapper">
+        <div class="tablist">
+          <slot name="tab"></slot>
+        </div>
+      </div>
+      <slot name="panel"></slot>
+    `}};customElements.define("mdn-about-tabs",MDNAboutTabs)},33446:function(t,e,i){i.d(e,{Z:()=>c});var a=i(14703),o=i(8081),s=i.n(o),n=i(23645),r=i.n(n),l=i(54681),d=r()(s());d.i(l.Z),d.push([t.id,":host{display:block}.tablist-wrapper{background:var(--about-bg-secondary);margin:0 calc(var(--center-padding)*-1);margin-bottom:2rem;padding:0 var(--center-padding);position:sticky;top:var(--sticky-header-height);z-index:2}.tablist{border-bottom:1px solid var(--about-tablist-border);display:flex;gap:3rem;overflow-x:auto}::slotted([slot=tab]){color:var(--about-tablist-color);flex-shrink:0;font-weight:400;-webkit-text-decoration:none;text-decoration:none}::slotted([slot=tab].active){border-bottom:2px solid var(--about-tablist-active-border);color:var(--about-tablist-active-color)}::slotted([slot=panel]:not(.active)){display:none!important}::slotted([slot=panel].active){display:block}",""]);let c=(0,a.iv)([d.toString()])}};
+//# sourceMappingURL=7509.c7697df525e5b425.js.map

package/dist/client/7509.c7697df525e5b425.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"7509.c7697df525e5b425.js","sources":["webpack://@mdn/fred/./components/global/global.css?272a","webpack://@mdn/fred/./components/about-tabs/element.js","webpack://@mdn/fred/./components/about-tabs/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, `*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import { LitElement, html } from \"lit\";\n\nimport styles from \"./element.css?lit\";\n\nexport class MDNAboutTabs extends LitElement {\n  static styles = styles;\n\n  static properties = {\n    active_index: { type: Number },\n  };\n\n  constructor() {\n    super();\n    /** @type {number} */\n    this.active_index = 0;\n  }\n\n  firstUpdated() {\n    if (this.shadowRoot === null) {\n      return;\n    }\n    const tabSlot = this.shadowRoot.querySelector(\"slot[name='tab']\");\n    if (tabSlot === null) {\n      return;\n    }\n\n    // Check for URL hash and set active_index accordingly\n    const hash = globalThis.location.hash.slice(1);\n    if (hash) {\n      const tabHash = hash.startsWith(\"our_team\")\n        ? \"our_team\"\n        : hash.startsWith(\"our_partners\") ||\n            hash === \"product_advisory_board\" ||\n            hash === \"open_web_docs\"\n          ? \"our_partners\"\n          : hash;\n\n      // @ts-expect-error\n      const tabs = tabSlot.assignedElements({ flatten: true });\n      if (tabs && tabs.length > 0) {\n        for (const [i, tabEl] of tabs.entries()) {\n          if (\n            tabEl instanceof HTMLElement &&\n            tabEl.dataset.panelId === tabHash\n          ) {\n            this.active_index = i;\n            break;\n          }\n        }\n      }\n    }\n\n    tabSlot.addEventListener(\"slotchange\", () => this._wireSlots());\n    this._wireSlots();\n  }\n\n  _wireSlots() {\n    if (this.shadowRoot === null) {\n      return;\n    }\n    const tabSlot = this.shadowRoot.querySelector('slot[name=\"tab\"]');\n    if (tabSlot === null) {\n      return;\n    }\n\n    /** @type {HTMLSlotElement[]} */\n    // @ts-expect-error\n    const tabs = tabSlot.assignedElements({ flatten: true });\n    const panelSlot = this.shadowRoot.querySelector('slot[name=\"panel\"]');\n    if (panelSlot === null) {\n      return;\n    }\n\n    /** @type {HTMLSlotElement[]} */\n    // @ts-expect-error\n    const panels = panelSlot.assignedElements({ flatten: true });\n\n    for (const [i, tabEl] of tabs.entries()) {\n      // ensure ARIA roles & attributes\n      tabEl.setAttribute(\"role\", \"tab\");\n      tabEl.setAttribute(\"aria-selected\", (i === this.active_index).toString());\n      tabEl.setAttribute(\"tabindex\", i === this.active_index ? \"0\" : \"-1\");\n      tabEl.classList.toggle(\"active\", i === this.active_index);\n\n      const handleClick = (/** @type {Event} */ e) => {\n        e.preventDefault();\n        if (tabEl.dataset.panelId) {\n          globalThis.location.hash = tabEl.dataset.panelId;\n        }\n        this.active_index = i;\n\n        requestAnimationFrame(() => {\n          const panel = panels[this.active_index];\n          if (panel && panel.getBoundingClientRect().top < 0) {\n            panel.scrollIntoView({ block: \"start\", inline: \"nearest\" });\n          }\n        });\n      };\n\n      // @ts-expect-error\n      tabEl.removeEventListener(\"click\", tabEl.__handleClick);\n      tabEl.addEventListener(\"click\", handleClick);\n      // @ts-expect-error\n      tabEl.__handleClick = handleClick;\n    }\n\n    for (const [i, panelEl] of panels.entries()) {\n      panelEl.setAttribute(\"role\", \"tabpanel\");\n      panelEl.setAttribute(\"aria-hidden\", (i !== this.active_index).toString());\n      panelEl.classList.toggle(\"active\", i === this.active_index);\n      panelEl.classList.add(\"tabpanel\");\n    }\n  }\n\n  /** @param {Map<string | number | symbol, unknown>} changed */\n  updated(changed) {\n    if (changed.has(\"active_index\")) {\n      this._wireSlots();\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"tablist-wrapper\">\n        <div class=\"tablist\">\n          <slot name=\"tab\"></slot>\n        </div>\n      </div>\n      <slot name=\"panel\"></slot>\n    `;\n  }\n}\n\ncustomElements.define(\"mdn-about-tabs\", MDNAboutTabs);\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]!../global/global.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block}.tablist-wrapper{background:var(--about-bg-secondary);margin:0 calc(var(--center-padding)*-1);margin-bottom:2rem;padding:0 var(--center-padding);position:sticky;top:var(--sticky-header-height);z-index:2}.tablist{border-bottom:1px solid var(--about-tablist-border);display:flex;gap:3rem;overflow-x:auto}::slotted([slot=tab]){color:var(--about-tablist-color);flex-shrink:0;font-weight:400;-webkit-text-decoration:none;text-decoration:none}::slotted([slot=tab].active){border-bottom:2px solid var(--about-tablist-active-border);color:var(--about-tablist-active-color)}::slotted([slot=panel]:not(.active)){display:none!important}::slotted([slot=panel].active){display:block}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNAboutTabs","Number","t","globalThis","HTMLElement","e","requestAnimationFrame","customElements"],"mappings":"iJAGI,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,0MAA2M,GAAG,EAEvP,MAAe,EAAwB,QAAQ,E,gGCHxC,IAAMA,aAAN,MAAMA,qBAAqB,IAAU,CAC1C,OAAO,OAAS,GAAM,AAAC,AAEvB,QAAO,WAAa,CAClB,aAAc,CAAE,KAAMC,MAAO,CAC/B,CAAE,AAEF,cAAc,CACZ,KAAK,GAEL,IAAI,CAAC,YAAY,CAAG,CACtB,CAEA,cAAe,CACb,GAAI,AAAoB,OAApB,IAAI,CAAC,UAAU,CACjB,OAEF,IAAMC,EAAU,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,oBAC9C,GAAIA,AAAY,OAAZA,EACF,OAIF,IAAM,EAAOC,WAAW,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAC5C,GAAI,EAAM,CACR,IAAM,EAAU,EAAK,UAAU,CAAC,YAC5B,WACA,EAAK,UAAU,CAAC,iBACd,AAAS,2BAAT,GACA,AAAS,kBAAT,EACA,eACA,EAGA,EAAOD,EAAQ,gBAAgB,CAAC,CAAE,QAAS,EAAK,GACtD,GAAI,GAAQ,EAAK,MAAM,CAAG,EACxB,KAAK,GAAM,CAAC,EAAG,EAAM,GAAI,EAAK,OAAO,GACnC,GACE,aAAiBE,aACjB,EAAM,OAAO,CAAC,OAAO,GAAK,EAC1B,CACA,IAAI,CAAC,YAAY,CAAG,EACpB,KACF,CACF,CAEJ,CAEAF,EAAQ,gBAAgB,CAAC,aAAc,IAAM,IAAI,CAAC,UAAU,IAC5D,IAAI,CAAC,UAAU,EACjB,CAEA,YAAa,CACX,GAAI,AAAoB,OAApB,IAAI,CAAC,UAAU,CACjB,OAEF,IAAMA,EAAU,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,oBAC9C,GAAIA,AAAY,OAAZA,EACF,OAKF,IAAM,EAAOA,EAAQ,gBAAgB,CAAC,CAAE,QAAS,EAAK,GAChD,EAAY,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,sBAChD,GAAI,AAAc,OAAd,EACF,OAKF,IAAM,EAAS,EAAU,gBAAgB,CAAC,CAAE,QAAS,EAAK,GAE1D,IAAK,GAAM,CAAC,EAAG,EAAM,GAAI,EAAK,OAAO,GAAI,CAEvC,EAAM,YAAY,CAAC,OAAQ,OAC3B,EAAM,YAAY,CAAC,gBAAiB,AAAC,KAAM,IAAI,CAAC,YAAY,AAAD,EAAG,QAAQ,IACtE,EAAM,YAAY,CAAC,WAAY,IAAM,IAAI,CAAC,YAAY,CAAG,IAAM,MAC/D,EAAM,SAAS,CAAC,MAAM,CAAC,SAAU,IAAM,IAAI,CAAC,YAAY,EAExD,IAAM,EAAc,AAAsBG,IACxCA,EAAE,cAAc,GACZ,EAAM,OAAO,CAAC,OAAO,EACvBF,CAAAA,WAAW,QAAQ,CAAC,IAAI,CAAG,EAAM,OAAO,CAAC,OAAO,AAAD,EAEjD,IAAI,CAAC,YAAY,CAAG,EAEpBG,sBAAsB,KACpB,IAAM,EAAQ,CAAM,CAAC,IAAI,CAAC,YAAY,CAAC,AACnC,IAAS,EAAM,qBAAqB,GAAG,GAAG,CAAG,GAC/C,EAAM,cAAc,CAAC,CAAE,MAAO,QAAS,OAAQ,SAAU,EAE7D,EACF,EAGA,EAAM,mBAAmB,CAAC,QAAS,EAAM,aAAa,EACtD,EAAM,gBAAgB,CAAC,QAAS,GAEhC,EAAM,aAAa,CAAG,CACxB,CAEA,IAAK,GAAM,CAAC,EAAG,EAAQ,GAAI,EAAO,OAAO,GACvC,EAAQ,YAAY,CAAC,OAAQ,YAC7B,EAAQ,YAAY,CAAC,cAAe,AAAC,KAAM,IAAI,CAAC,YAAY,AAAD,EAAG,QAAQ,IACtE,EAAQ,SAAS,CAAC,MAAM,CAAC,SAAU,IAAM,IAAI,CAAC,YAAY,EAC1D,EAAQ,SAAS,CAAC,GAAG,CAAC,WAE1B,CAGA,QAAQ,CAAO,CAAE,CACX,EAAQ,GAAG,CAAC,iBACd,IAAI,CAAC,UAAU,EAEnB,CAEA,QAAS,CACP,MAAO,QAAI,CAAC;;;;;;;IAOZ,CAAC,AACH,CACF,EAEAC,eAAe,MAAM,CAAC,iBAAkBP,a,0GChIpC,EAA0B,IAA4B,KAC1D,EAAwB,CAAC,CAAC,GAAiC,EAE3D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,qrBAAsrB,GAAG,EAEluB,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C"}

package/dist/client/{7731.401da89d94c0e064.js → 7731.dab635045f8c8801.js}

@@ -1,2 +1,2 @@
-export const __webpack_ids__=["7731"];export const __webpack_modules__={49e3:function(t,r,o){o.r(r),o.d(r,{MDNIXTab:()=>MDNIXTab});var e=o(14703),a=o(89948),s=o(88277);let MDNIXTab=class MDNIXTab extends e.oi{static styles=s.Z;connectedCallback(){super.connectedCallback(),this.setAttribute("slot","tablist"),this.setAttribute("role","tab"),this.unsetActive();let t=this.nextElementSibling;t instanceof a.MDNIXTabPanel&&(this.panel=t,t.id&&this.setAttribute("aria-controls",t.id),this.id&&t.setAttribute("aria-labelledby",this.id))}setActive(){this.setAttribute("tabindex","0"),this.setAttribute("aria-selected","true"),this.panel?.setActive()}unsetActive(){this.setAttribute("tabindex","-1"),this.setAttribute("aria-selected","false"),this.panel?.unsetActive()}get isActive(){return"true"===this.getAttribute("aria-selected")}render(){return(0,e.dy)`<slot></slot>`}};customElements.define("mdn-ix-tab",MDNIXTab)},88277:function(t,r,o){o.d(r,{Z:()=>l});var e=o(14703),a=o(8081),s=o.n(a),i=o(23645),c=o.n(i)()(s());c.push([t.id,":host{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-10);--ix-tab-background-active:var(--csstools-light-dark-toggle--0,var(--color-gray-90));background-color:initial;border-bottom:0;border-top:0;border-color:#0000 currentcolor;border-style:solid none;border-width:3px 0;color:var(--color-text-secondary);cursor:pointer;font-size:.833rem;padding:.5em 30px;transition:color .2s,background-color .2s}@supports (color:light-dark(red,red)){:host{--ix-tab-background-active:light-dark(var(--color-gray-90),var(--color-gray-10))}}@supports not (color:light-dark(tan,tan)){:host *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-10);--ix-tab-background-active:var(--csstools-light-dark-toggle--0,var(--color-gray-90))}}:host(:focus),:host(:hover){background-color:var(--ix-tab-background-active);color:var(--text-primary)}:host([aria-selected=true]){background-color:var(--ix-tab-background-active);border-bottom-color:var(--color-border-active);color:var(--color-border-active)}",""]);let l=(0,e.iv)([c.toString()])}};
-//# sourceMappingURL=7731.401da89d94c0e064.js.map
+export const __webpack_ids__=["7731"];export const __webpack_modules__={49e3:function(t,r,o){o.r(r),o.d(r,{MDNIXTab:()=>MDNIXTab});var e=o(14703),a=o(89948),s=o(88277);let MDNIXTab=class MDNIXTab extends e.oi{static styles=s.Z;connectedCallback(){super.connectedCallback(),this.setAttribute("slot","tablist"),this.setAttribute("role","tab"),this.unsetActive();let t=this.nextElementSibling;t instanceof a.MDNIXTabPanel&&(this.panel=t,t.id&&this.setAttribute("aria-controls",t.id),this.id&&t.setAttribute("aria-labelledby",this.id))}setActive(){this.setAttribute("tabindex","0"),this.setAttribute("aria-selected","true"),this.panel?.setActive()}unsetActive(){this.setAttribute("tabindex","-1"),this.setAttribute("aria-selected","false"),this.panel?.unsetActive()}get isActive(){return"true"===this.getAttribute("aria-selected")}render(){return(0,e.dy)`<slot></slot>`}};customElements.define("mdn-ix-tab",MDNIXTab)},88277:function(t,r,o){o.d(r,{Z:()=>l});var e=o(14703),a=o(8081),s=o.n(a),i=o(23645),c=o.n(i)()(s());c.push([t.id,":host{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-10);--ix-tab-background-active:var(--csstools-light-dark-toggle--0,var(--color-gray-90));background-color:initial;border-bottom:0;border-top:0;border-color:#0000 currentcolor;border-style:solid none;border-width:3px 0;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-small);padding:.5em 30px;transition:color .2s,background-color .2s}@supports (color:light-dark(red,red)){:host{--ix-tab-background-active:light-dark(var(--color-gray-90),var(--color-gray-10))}}@supports not (color:light-dark(tan,tan)){:host *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-10);--ix-tab-background-active:var(--csstools-light-dark-toggle--0,var(--color-gray-90))}}:host(:focus),:host(:hover){background-color:var(--ix-tab-background-active);color:var(--text-primary)}:host([aria-selected=true]){background-color:var(--ix-tab-background-active);border-bottom-color:var(--color-border-active);color:var(--color-border-active)}",""]);let l=(0,e.iv)([c.toString()])}};
+//# sourceMappingURL=7731.dab635045f8c8801.js.map

package/dist/client/{7731.401da89d94c0e064.js.map → 7731.dab635045f8c8801.js.map}

@@ -1 +1 @@
-{"version":3,"file":"7731.401da89d94c0e064.js","sources":["webpack://@mdn/fred/./components/ix-tab/element.js","webpack://@mdn/fred/./components/ix-tab/element.css"],"sourcesContent":["import { LitElement, html } from \"lit\";\n\nimport { MDNIXTabPanel } from \"../ix-tab-panel/element.js\";\n\nimport styles from \"./element.css?lit\";\n\nexport class MDNIXTab extends LitElement {\n  static styles = styles;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute(\"slot\", \"tablist\");\n    this.setAttribute(\"role\", \"tab\");\n    this.unsetActive();\n    const panel = this.nextElementSibling;\n    if (panel instanceof MDNIXTabPanel) {\n      this.panel = panel;\n      if (panel.id) {\n        this.setAttribute(\"aria-controls\", panel.id);\n      }\n      if (this.id) {\n        panel.setAttribute(\"aria-labelledby\", this.id);\n      }\n    }\n  }\n\n  setActive() {\n    this.setAttribute(\"tabindex\", \"0\");\n    this.setAttribute(\"aria-selected\", \"true\");\n    this.panel?.setActive();\n  }\n\n  unsetActive() {\n    this.setAttribute(\"tabindex\", \"-1\");\n    this.setAttribute(\"aria-selected\", \"false\");\n    this.panel?.unsetActive();\n  }\n\n  get isActive() {\n    return this.getAttribute(\"aria-selected\") === \"true\";\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ncustomElements.define(\"mdn-ix-tab\", MDNIXTab);\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\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-10);--ix-tab-background-active:var(--csstools-light-dark-toggle--0,var(--color-gray-90));background-color:initial;border-bottom:0;border-top:0;border-color:#0000 currentcolor;border-style:solid none;border-width:3px 0;color:var(--color-text-secondary);cursor:pointer;font-size:.833rem;padding:.5em 30px;transition:color .2s,background-color .2s}@supports (color:light-dark(red,red)){:host{--ix-tab-background-active:light-dark(var(--color-gray-90),var(--color-gray-10))}}@supports not (color:light-dark(tan,tan)){:host *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-10);--ix-tab-background-active:var(--csstools-light-dark-toggle--0,var(--color-gray-90))}}:host(:focus),:host(:hover){background-color:var(--ix-tab-background-active);color:var(--text-primary)}:host([aria-selected=true]){background-color:var(--ix-tab-background-active);border-bottom-color:var(--color-border-active);color:var(--color-border-active)}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNIXTab","s","customElements"],"mappings":"wKAMO,IAAMA,SAAN,MAAMA,iBAAiB,IAAU,CACtC,OAAO,OAASC,EAAA,CAAM,AAAC,AAEvB,oBAAoB,CAClB,KAAK,CAAC,oBACN,IAAI,CAAC,YAAY,CAAC,OAAQ,WAC1B,IAAI,CAAC,YAAY,CAAC,OAAQ,OAC1B,IAAI,CAAC,WAAW,GAChB,IAAM,EAAQ,IAAI,CAAC,kBAAkB,CACjC,aAAiB,eAAa,GAChC,IAAI,CAAC,KAAK,CAAG,EACT,EAAM,EAAE,EACV,IAAI,CAAC,YAAY,CAAC,gBAAiB,EAAM,EAAE,EAEzC,IAAI,CAAC,EAAE,EACT,EAAM,YAAY,CAAC,kBAAmB,IAAI,CAAC,EAAE,EAGnD,CAEA,WAAY,CACV,IAAI,CAAC,YAAY,CAAC,WAAY,KAC9B,IAAI,CAAC,YAAY,CAAC,gBAAiB,QACnC,IAAI,CAAC,KAAK,EAAE,WACd,CAEA,aAAc,CACZ,IAAI,CAAC,YAAY,CAAC,WAAY,MAC9B,IAAI,CAAC,YAAY,CAAC,gBAAiB,SACnC,IAAI,CAAC,KAAK,EAAE,aACd,CAEA,IAAI,UAAW,CACb,MAAO,AAAuC,SAAvC,IAAI,CAAC,YAAY,CAAC,gBAC3B,CAEA,QAAS,CACP,MAAO,QAAI,CAAC,aAAa,CAAC,AAC5B,CACF,EAEAC,eAAe,MAAM,CAAC,aAAcF,S,sFC3ChC,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,0hCAA2hC,GAAG,EAEvkC,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C"}
+{"version":3,"file":"7731.dab635045f8c8801.js","sources":["webpack://@mdn/fred/./components/ix-tab/element.js","webpack://@mdn/fred/./components/ix-tab/element.css"],"sourcesContent":["import { LitElement, html } from \"lit\";\n\nimport { MDNIXTabPanel } from \"../ix-tab-panel/element.js\";\n\nimport styles from \"./element.css?lit\";\n\nexport class MDNIXTab extends LitElement {\n  static styles = styles;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute(\"slot\", \"tablist\");\n    this.setAttribute(\"role\", \"tab\");\n    this.unsetActive();\n    const panel = this.nextElementSibling;\n    if (panel instanceof MDNIXTabPanel) {\n      this.panel = panel;\n      if (panel.id) {\n        this.setAttribute(\"aria-controls\", panel.id);\n      }\n      if (this.id) {\n        panel.setAttribute(\"aria-labelledby\", this.id);\n      }\n    }\n  }\n\n  setActive() {\n    this.setAttribute(\"tabindex\", \"0\");\n    this.setAttribute(\"aria-selected\", \"true\");\n    this.panel?.setActive();\n  }\n\n  unsetActive() {\n    this.setAttribute(\"tabindex\", \"-1\");\n    this.setAttribute(\"aria-selected\", \"false\");\n    this.panel?.unsetActive();\n  }\n\n  get isActive() {\n    return this.getAttribute(\"aria-selected\") === \"true\";\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ncustomElements.define(\"mdn-ix-tab\", MDNIXTab);\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\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-10);--ix-tab-background-active:var(--csstools-light-dark-toggle--0,var(--color-gray-90));background-color:initial;border-bottom:0;border-top:0;border-color:#0000 currentcolor;border-style:solid none;border-width:3px 0;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-small);padding:.5em 30px;transition:color .2s,background-color .2s}@supports (color:light-dark(red,red)){:host{--ix-tab-background-active:light-dark(var(--color-gray-90),var(--color-gray-10))}}@supports not (color:light-dark(tan,tan)){:host *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-10);--ix-tab-background-active:var(--csstools-light-dark-toggle--0,var(--color-gray-90))}}:host(:focus),:host(:hover){background-color:var(--ix-tab-background-active);color:var(--text-primary)}:host([aria-selected=true]){background-color:var(--ix-tab-background-active);border-bottom-color:var(--color-border-active);color:var(--color-border-active)}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNIXTab","s","customElements"],"mappings":"wKAMO,IAAMA,SAAN,MAAMA,iBAAiB,IAAU,CACtC,OAAO,OAASC,EAAA,CAAM,AAAC,AAEvB,oBAAoB,CAClB,KAAK,CAAC,oBACN,IAAI,CAAC,YAAY,CAAC,OAAQ,WAC1B,IAAI,CAAC,YAAY,CAAC,OAAQ,OAC1B,IAAI,CAAC,WAAW,GAChB,IAAM,EAAQ,IAAI,CAAC,kBAAkB,CACjC,aAAiB,eAAa,GAChC,IAAI,CAAC,KAAK,CAAG,EACT,EAAM,EAAE,EACV,IAAI,CAAC,YAAY,CAAC,gBAAiB,EAAM,EAAE,EAEzC,IAAI,CAAC,EAAE,EACT,EAAM,YAAY,CAAC,kBAAmB,IAAI,CAAC,EAAE,EAGnD,CAEA,WAAY,CACV,IAAI,CAAC,YAAY,CAAC,WAAY,KAC9B,IAAI,CAAC,YAAY,CAAC,gBAAiB,QACnC,IAAI,CAAC,KAAK,EAAE,WACd,CAEA,aAAc,CACZ,IAAI,CAAC,YAAY,CAAC,WAAY,MAC9B,IAAI,CAAC,YAAY,CAAC,gBAAiB,SACnC,IAAI,CAAC,KAAK,EAAE,aACd,CAEA,IAAI,UAAW,CACb,MAAO,AAAuC,SAAvC,IAAI,CAAC,YAAY,CAAC,gBAC3B,CAEA,QAAS,CACP,MAAO,QAAI,CAAC,aAAa,CAAC,AAC5B,CACF,EAEAC,eAAe,MAAM,CAAC,aAAcF,S,sFC3ChC,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,yiCAA0iC,GAAG,EAEtlC,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C"}

package/dist/client/{7816.086a6f46f1339f10.js → 7816.fcae90f472f6a101.js}

@@ -30,5 +30,5 @@ export const __webpack_ids__=["7816"];export const __webpack_modules__={89787:fu
             `)}
         </tbody>
       </table>
-    `}};customElements.define("mdn-issues-table",MDNIssuesTable)},11614:function(t,e,s){s.d(e,{Z:()=>d});var r=s(14703),i=s(8081),a=s.n(i),o=s(23645),n=s.n(o)()(a());n.push([t.id,":host{display:block;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}table{background:var(--community-card-bg);border:1px solid var(--community-table-border);border-collapse:initial;border-radius:.5rem;border-spacing:0;color:var(--community-text-primary);width:100%}td,th{border:none;padding:1.5rem}@media (max-width:769px){:is(th,td):last-of-type{display:none}}th{background:none;font-size:1.25rem;font-weight:500;text-align:left}@media (max-width:769px){th{display:none}}tbody tr:nth-child(odd){background:var(--community-table-row)}td>div{align-items:baseline;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}a{color:var(--color-link-normal)}a:visited{color:var(--color-link-visited)}.label{background:var(--community-label-bg);border-radius:.25rem;color:var(--community-text-success);font-weight:500;padding:.5rem 1rem}",""]);let d=(0,r.iv)([n.toString()])}};
-//# sourceMappingURL=7816.086a6f46f1339f10.js.map
+    `}};customElements.define("mdn-issues-table",MDNIssuesTable)},11614:function(t,e,s){s.d(e,{Z:()=>d});var r=s(14703),i=s(8081),a=s.n(i),o=s(23645),n=s.n(o)()(a());n.push([t.id,":host{display:block;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}table{background:var(--community-card-bg);border:1px solid var(--community-table-border);border-collapse:initial;border-radius:.5rem;border-spacing:0;color:var(--community-text-primary);width:100%}td,th{border:none;padding:1.5rem}@media (width <= 769px){:is(th,td):last-of-type{display:none}}th{background:none;font-size:var(--font-size-large);font-weight:var(--font-weight-bold);text-align:left}@media (width <= 769px){th{display:none}}tbody tr:nth-child(odd){background:var(--community-table-row)}td>div{align-items:baseline;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}a{color:var(--color-link-normal)}a:visited{color:var(--color-link-visited)}.label{background:var(--community-label-bg);border-radius:.25rem;color:var(--community-text-success);font-weight:500;padding:.5rem 1rem}",""]);let d=(0,r.iv)([n.toString()])}};
+//# sourceMappingURL=7816.fcae90f472f6a101.js.map

package/dist/client/{7816.086a6f46f1339f10.js.map → 7816.fcae90f472f6a101.js.map}

@@ -1 +1 @@
-{"version":3,"file":"7816.086a6f46f1339f10.js","sources":["webpack://@mdn/fred/./components/issues-table/element.js","webpack://@mdn/fred/./components/issues-table/element.css"],"sourcesContent":["import { LitElement, html, nothing } from \"lit\";\n\nimport styles from \"./element.css?lit\";\n\nexport class MDNIssuesTable extends LitElement {\n  static styles = styles;\n\n  static properties = {\n    _issues: { state: true },\n    _isLoading: { state: true },\n    _error: { state: true },\n  };\n\n  constructor() {\n    super();\n    /** @type {import(\"@github\").Issues} */\n    this._issues = [];\n    /** @type {boolean} */\n    this._isLoading = true; // Start in loading state\n    /** @type {string | null} */\n    this._error = null;\n    /** @constant {string[]} */\n    this.LABELS = [\"good first issue\", \"accepting PR\"];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    // Fetch issues when component is connected to the DOM.\n    // static ssr = false ensures this runs client-side.\n    this._fetchIssues();\n  }\n\n  async _fetchIssues() {\n    this._isLoading = true;\n    this._error = null;\n    const query =\n      'is:open is:issue repo:mdn/content repo:mdn/translated-content repo:mdn/yari label:\"good first issue\",\"accepting PR\" sort:created-desc no:assignee is:public';\n    const url = new URL(\"https://api.github.com/search/issues\");\n    url.searchParams.append(\"per_page\", \"5\");\n    url.searchParams.append(\"q\", query);\n\n    try {\n      const res = await fetch(url.toString());\n      if (!res.ok) {\n        throw new Error(`GitHub API Error: ${res.status} ${res.statusText}`);\n      }\n      const data = await res.json();\n      this._issues = data.items;\n    } catch (error) {\n      console.error(\"Failed to fetch GitHub issues:\", error);\n      // @ts-expect-error\n      this._error = error.toString();\n      this._issues = []; // Set to empty array on error to prevent issues with map\n    } finally {\n      this._isLoading = false;\n    }\n  }\n\n  render() {\n    if (this._isLoading) {\n      return html`loading issues…`;\n    }\n    if (this._error) {\n      return html`${this._error}`;\n    }\n    if (this._issues.length === 0) {\n      return nothing;\n    }\n\n    return html`\n      <table>\n        <thead>\n          <tr>\n            <th>Title</th>\n            <th>Repository</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${this._issues.map(\n            (issue) => html`\n              <tr>\n                <td>\n                  <div>\n                    <a href=${issue.html_url} target=\"_blank\" rel=\"noreferrer\">\n                      ${issue.title}\n                    </a>\n                    ${issue.labels.map((label) => {\n                      const labelName =\n                        typeof label === \"object\" && label !== null\n                          ? label.name\n                          : label;\n                      this.LABELS.includes(labelName)\n                        ? html`<span class=\"label\">${labelName}</span>`\n                        : null;\n                    })}\n                  </div>\n                </td>\n                <td>\n                  <a\n                    href=${issue.repository_url.replace(\n                      \"https://api.github.com/repos/\",\n                      \"https://github.com/\",\n                    )}\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                  >\n                    ${issue.repository_url.replace(\n                      \"https://api.github.com/repos/\",\n                      \"\",\n                    )}\n                  </a>\n                </td>\n              </tr>\n            `,\n          )}\n        </tbody>\n      </table>\n    `;\n  }\n}\n\ncustomElements.define(\"mdn-issues-table\", MDNIssuesTable);\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\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}table{background:var(--community-card-bg);border:1px solid var(--community-table-border);border-collapse:initial;border-radius:.5rem;border-spacing:0;color:var(--community-text-primary);width:100%}td,th{border:none;padding:1.5rem}@media (max-width:769px){:is(th,td):last-of-type{display:none}}th{background:none;font-size:1.25rem;font-weight:500;text-align:left}@media (max-width:769px){th{display:none}}tbody tr:nth-child(odd){background:var(--community-table-row)}td>div{align-items:baseline;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}a{color:var(--color-link-normal)}a:visited{color:var(--color-link-visited)}.label{background:var(--community-label-bg);border-radius:.25rem;color:var(--community-text-success);font-weight:500;padding:.5rem 1rem}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNIssuesTable","URL","fetch","Error","console","customElements"],"mappings":"0KAIO,IAAMA,eAAN,MAAMA,uBAAuB,IAAU,CAC5C,OAAO,OAAS,GAAM,AAAC,AAEvB,QAAO,WAAa,CAClB,QAAS,CAAE,MAAO,EAAK,EACvB,WAAY,CAAE,MAAO,EAAK,EAC1B,OAAQ,CAAE,MAAO,EAAK,CACxB,CAAE,AAEF,cAAc,CACZ,KAAK,GAEL,IAAI,CAAC,OAAO,CAAG,EAAE,CAEjB,IAAI,CAAC,UAAU,CAAG,GAElB,IAAI,CAAC,MAAM,CAAG,KAEd,IAAI,CAAC,MAAM,CAAG,CAAC,mBAAoB,eAAe,AACpD,CAEA,mBAAoB,CAClB,KAAK,CAAC,oBAGN,IAAI,CAAC,YAAY,EACnB,CAEA,MAAM,cAAe,CACnB,IAAI,CAAC,UAAU,CAAG,GAClB,IAAI,CAAC,MAAM,CAAG,KAGd,IAAM,EAAM,IAAIC,IAAI,wCACpB,EAAI,YAAY,CAAC,MAAM,CAAC,WAAY,KACpC,EAAI,YAAY,CAAC,MAAM,CAAC,IAHtB,+JAKF,GAAI,CACF,IAAM,EAAM,MAAMC,MAAM,EAAI,QAAQ,IACpC,GAAI,CAAC,EAAI,EAAE,CACT,MAAM,AAAIC,MAAM,CAAC,kBAAkB,EAAE,EAAI,MAAM,CAAC,CAAC,EAAE,EAAI,UAAU,CAAC,CAAC,EAErE,IAAM,EAAO,MAAM,EAAI,IAAI,EAC3B,KAAI,CAAC,OAAO,CAAG,EAAK,KAAK,AAC3B,CAAE,MAAO,EAAO,CACdC,QAAQ,KAAK,CAAC,iCAAkC,GAEhD,IAAI,CAAC,MAAM,CAAG,EAAM,QAAQ,GAC5B,IAAI,CAAC,OAAO,CAAG,EAAE,AACnB,QAAU,CACR,IAAI,CAAC,UAAU,CAAG,EACpB,CACF,CAEA,QAAS,QACP,AAAI,IAAI,CAAC,UAAU,CACV,QAAI,CAAC,eAAe,CAAC,CAE1B,IAAI,CAAC,MAAM,CACN,QAAI,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAEzB,AAAwB,IAAxB,IAAI,CAAC,OAAO,CAAC,MAAM,CACd,IAAO,CAGT,QAAI,CAAC;;;;;;;;;UASN,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,AAAC,GAAU,QAAI,CAAC;;;;4BAIA,EAAE,EAAM,QAAQ,CAAC;sBACvB,EAAE,EAAM,KAAK,CAAC;;oBAEhB,EAAE,EAAM,MAAM,CAAC,GAAG,CAAC,AAAC,IAClB,IAAM,EACJ,AAAiB,UAAjB,OAAO,GAAsB,AAAU,OAAV,EACzB,EAAM,IAAI,CACV,CACN,KAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IACjB,QAAI,CAAC,oBAAoB,EAAE,EAAU,OAAO,CAAC,AAEnD,GAAG;;;;;yBAKE,EAAE,EAAM,cAAc,CAAC,OAAO,CACjC,gCACA,uBACA;;;;oBAIF,EAAE,EAAM,cAAc,CAAC,OAAO,CAC5B,gCACA,IACA;;;;YAIV,CAAC,EACD;;;IAGR,CAAC,AACH,CACF,EAEAC,eAAe,MAAM,CAAC,mBAAoBL,e,sFCrHtC,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,o5BAAq5B,GAAG,EAEj8B,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C"}
+{"version":3,"file":"7816.fcae90f472f6a101.js","sources":["webpack://@mdn/fred/./components/issues-table/element.js","webpack://@mdn/fred/./components/issues-table/element.css"],"sourcesContent":["import { LitElement, html, nothing } from \"lit\";\n\nimport styles from \"./element.css?lit\";\n\nexport class MDNIssuesTable extends LitElement {\n  static styles = styles;\n\n  static properties = {\n    _issues: { state: true },\n    _isLoading: { state: true },\n    _error: { state: true },\n  };\n\n  constructor() {\n    super();\n    /** @type {import(\"@github\").Issues} */\n    this._issues = [];\n    /** @type {boolean} */\n    this._isLoading = true; // Start in loading state\n    /** @type {string | null} */\n    this._error = null;\n    /** @constant {string[]} */\n    this.LABELS = [\"good first issue\", \"accepting PR\"];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    // Fetch issues when component is connected to the DOM.\n    // static ssr = false ensures this runs client-side.\n    this._fetchIssues();\n  }\n\n  async _fetchIssues() {\n    this._isLoading = true;\n    this._error = null;\n    const query =\n      'is:open is:issue repo:mdn/content repo:mdn/translated-content repo:mdn/yari label:\"good first issue\",\"accepting PR\" sort:created-desc no:assignee is:public';\n    const url = new URL(\"https://api.github.com/search/issues\");\n    url.searchParams.append(\"per_page\", \"5\");\n    url.searchParams.append(\"q\", query);\n\n    try {\n      const res = await fetch(url.toString());\n      if (!res.ok) {\n        throw new Error(`GitHub API Error: ${res.status} ${res.statusText}`);\n      }\n      const data = await res.json();\n      this._issues = data.items;\n    } catch (error) {\n      console.error(\"Failed to fetch GitHub issues:\", error);\n      // @ts-expect-error\n      this._error = error.toString();\n      this._issues = []; // Set to empty array on error to prevent issues with map\n    } finally {\n      this._isLoading = false;\n    }\n  }\n\n  render() {\n    if (this._isLoading) {\n      return html`loading issues…`;\n    }\n    if (this._error) {\n      return html`${this._error}`;\n    }\n    if (this._issues.length === 0) {\n      return nothing;\n    }\n\n    return html`\n      <table>\n        <thead>\n          <tr>\n            <th>Title</th>\n            <th>Repository</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${this._issues.map(\n            (issue) => html`\n              <tr>\n                <td>\n                  <div>\n                    <a href=${issue.html_url} target=\"_blank\" rel=\"noreferrer\">\n                      ${issue.title}\n                    </a>\n                    ${issue.labels.map((label) => {\n                      const labelName =\n                        typeof label === \"object\" && label !== null\n                          ? label.name\n                          : label;\n                      this.LABELS.includes(labelName)\n                        ? html`<span class=\"label\">${labelName}</span>`\n                        : null;\n                    })}\n                  </div>\n                </td>\n                <td>\n                  <a\n                    href=${issue.repository_url.replace(\n                      \"https://api.github.com/repos/\",\n                      \"https://github.com/\",\n                    )}\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                  >\n                    ${issue.repository_url.replace(\n                      \"https://api.github.com/repos/\",\n                      \"\",\n                    )}\n                  </a>\n                </td>\n              </tr>\n            `,\n          )}\n        </tbody>\n      </table>\n    `;\n  }\n}\n\ncustomElements.define(\"mdn-issues-table\", MDNIssuesTable);\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\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}table{background:var(--community-card-bg);border:1px solid var(--community-table-border);border-collapse:initial;border-radius:.5rem;border-spacing:0;color:var(--community-text-primary);width:100%}td,th{border:none;padding:1.5rem}@media (width <= 769px){:is(th,td):last-of-type{display:none}}th{background:none;font-size:var(--font-size-large);font-weight:var(--font-weight-bold);text-align:left}@media (width <= 769px){th{display:none}}tbody tr:nth-child(odd){background:var(--community-table-row)}td>div{align-items:baseline;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}a{color:var(--color-link-normal)}a:visited{color:var(--color-link-visited)}.label{background:var(--community-label-bg);border-radius:.25rem;color:var(--community-text-success);font-weight:500;padding:.5rem 1rem}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNIssuesTable","URL","fetch","Error","console","customElements"],"mappings":"0KAIO,IAAMA,eAAN,MAAMA,uBAAuB,IAAU,CAC5C,OAAO,OAAS,GAAM,AAAC,AAEvB,QAAO,WAAa,CAClB,QAAS,CAAE,MAAO,EAAK,EACvB,WAAY,CAAE,MAAO,EAAK,EAC1B,OAAQ,CAAE,MAAO,EAAK,CACxB,CAAE,AAEF,cAAc,CACZ,KAAK,GAEL,IAAI,CAAC,OAAO,CAAG,EAAE,CAEjB,IAAI,CAAC,UAAU,CAAG,GAElB,IAAI,CAAC,MAAM,CAAG,KAEd,IAAI,CAAC,MAAM,CAAG,CAAC,mBAAoB,eAAe,AACpD,CAEA,mBAAoB,CAClB,KAAK,CAAC,oBAGN,IAAI,CAAC,YAAY,EACnB,CAEA,MAAM,cAAe,CACnB,IAAI,CAAC,UAAU,CAAG,GAClB,IAAI,CAAC,MAAM,CAAG,KAGd,IAAM,EAAM,IAAIC,IAAI,wCACpB,EAAI,YAAY,CAAC,MAAM,CAAC,WAAY,KACpC,EAAI,YAAY,CAAC,MAAM,CAAC,IAHtB,+JAKF,GAAI,CACF,IAAM,EAAM,MAAMC,MAAM,EAAI,QAAQ,IACpC,GAAI,CAAC,EAAI,EAAE,CACT,MAAM,AAAIC,MAAM,CAAC,kBAAkB,EAAE,EAAI,MAAM,CAAC,CAAC,EAAE,EAAI,UAAU,CAAC,CAAC,EAErE,IAAM,EAAO,MAAM,EAAI,IAAI,EAC3B,KAAI,CAAC,OAAO,CAAG,EAAK,KAAK,AAC3B,CAAE,MAAO,EAAO,CACdC,QAAQ,KAAK,CAAC,iCAAkC,GAEhD,IAAI,CAAC,MAAM,CAAG,EAAM,QAAQ,GAC5B,IAAI,CAAC,OAAO,CAAG,EAAE,AACnB,QAAU,CACR,IAAI,CAAC,UAAU,CAAG,EACpB,CACF,CAEA,QAAS,QACP,AAAI,IAAI,CAAC,UAAU,CACV,QAAI,CAAC,eAAe,CAAC,CAE1B,IAAI,CAAC,MAAM,CACN,QAAI,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAEzB,AAAwB,IAAxB,IAAI,CAAC,OAAO,CAAC,MAAM,CACd,IAAO,CAGT,QAAI,CAAC;;;;;;;;;UASN,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,AAAC,GAAU,QAAI,CAAC;;;;4BAIA,EAAE,EAAM,QAAQ,CAAC;sBACvB,EAAE,EAAM,KAAK,CAAC;;oBAEhB,EAAE,EAAM,MAAM,CAAC,GAAG,CAAC,AAAC,IAClB,IAAM,EACJ,AAAiB,UAAjB,OAAO,GAAsB,AAAU,OAAV,EACzB,EAAM,IAAI,CACV,CACN,KAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IACjB,QAAI,CAAC,oBAAoB,EAAE,EAAU,OAAO,CAAC,AAEnD,GAAG;;;;;yBAKE,EAAE,EAAM,cAAc,CAAC,OAAO,CACjC,gCACA,uBACA;;;;oBAIF,EAAE,EAAM,cAAc,CAAC,OAAO,CAC5B,gCACA,IACA;;;;YAIV,CAAC,EACD;;;IAGR,CAAC,AACH,CACF,EAEAC,eAAe,MAAM,CAAC,mBAAoBL,e,sFCrHtC,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,q7BAAs7B,GAAG,EAEl+B,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C"}

package/dist/client/833.a99cc1ff95a9361c.js

@@ -0,0 +1,5 @@
+/*! For license information please see 833.a99cc1ff95a9361c.js.LICENSE.txt */
+export const __webpack_ids__=["833"];export const __webpack_modules__={91186:function(t,e,r){r.r(e),r.d(e,{MDNWriterOpenEditor:()=>MDNWriterOpenEditor});var n=r(14703),i=r(69535);r(50272);let MDNWriterOpenEditor=class MDNWriterOpenEditor extends(0,i.q)(n.oi){static properties={filepath:{type:String}};constructor(){super(),this.filepath=""}async _open(){let t=new URLSearchParams({filepath:this.filepath});await fetch(`/_open?${t}`)}render(){return(0,n.dy)`<mdn-button @click=${this._open} variant="plain">
+      ${this.l10n`Open in editor`}
+    </mdn-button>`}};customElements.define("mdn-writer-open-editor",MDNWriterOpenEditor)},13566:function(t,e,r){r.d(e,{o:()=>i});var n=r(32529);let i=t=>t??n.Ld}};
+//# sourceMappingURL=833.a99cc1ff95a9361c.js.map

package/dist/client/833.a99cc1ff95a9361c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"833.a99cc1ff95a9361c.js","sources":["webpack://@mdn/fred/./components/writer-open-editor/element.js","webpack://@mdn/fred/./node_modules/lit-html/directives/if-defined.js"],"sourcesContent":["import { LitElement, html } from \"lit\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\n\nimport \"../button/element.js\";\n\nexport class MDNWriterOpenEditor extends L10nMixin(LitElement) {\n  static properties = {\n    filepath: { type: String },\n  };\n\n  constructor() {\n    super();\n    this.filepath = \"\";\n  }\n\n  async _open() {\n    const params = new URLSearchParams({\n      filepath: this.filepath,\n    });\n    await fetch(`/_open?${params}`);\n  }\n\n  render() {\n    return html`<mdn-button @click=${this._open} variant=\"plain\">\n      ${this.l10n`Open in editor`}\n    </mdn-button>`;\n  }\n}\n\ncustomElements.define(\"mdn-writer-open-editor\", MDNWriterOpenEditor);\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n"],"names":["MDNWriterOpenEditor","String","URLSearchParams","fetch","customElements"],"mappings":";4LAMO,IAAMA,oBAAN,MAAMA,2BAA4B,QAAU,IAAU,EAC3D,OAAO,WAAa,CAClB,SAAU,CAAE,KAAMC,MAAO,CAC3B,CAAE,AAEF,cAAc,CACZ,KAAK,GACL,IAAI,CAAC,QAAQ,CAAG,EAClB,CAEA,MAAM,OAAQ,CACZ,IAAM,EAAS,IAAIC,gBAAgB,CACjC,SAAU,IAAI,CAAC,QAAQ,AACzB,EACA,OAAMC,MAAM,CAAC,OAAO,EAAE,EAAO,CAAC,CAChC,CAEA,QAAS,CACP,MAAO,QAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC;MAC1C,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;iBACjB,CAAC,AAChB,CACF,EAEAC,eAAe,MAAM,CAAC,yBAA0BJ,4ECzB7C,IAAM,EAAE,GAAG,GAAG,IAAC"}

package/dist/client/{8468.add3c4feb6c9e926.js → 8468.f45cbbf88e617172.js}

@@ -1,3 +1,3 @@
-/*! For license information please see 8468.add3c4feb6c9e926.js.LICENSE.txt */
-export const __webpack_ids__=["8468"];export const __webpack_modules__={96818:function(e,t,n){n.d(t,{Z:()=>d});var a=n(8081),o=n.n(a),r=n(23645),i=n.n(r),c=n(61667),l=n.n(c),s=new n.U(n(73981)),k=i()(o()),m=l()(s);k.push([e.id,`.external:after{background-color:currentcolor;content:"\\200b" " (external)";content:"\\200b"/" (external)";display:inline-block;height:1em;margin-left:.25em;-webkit-mask-image:url(${m});mask-image:url(${m});-webkit-mask-size:cover;mask-size:cover;vertical-align:text-top;width:1em}`,""]);let d=k.toString()},73981:function(e,t,n){e.exports=n.p+"external-link.4f3a2dc8e402cae5.svg"},13566:function(e,t,n){n.d(t,{o:()=>o});var a=n(32529);let o=e=>e??a.Ld}};
-//# sourceMappingURL=8468.add3c4feb6c9e926.js.map
+/*! For license information please see 8468.f45cbbf88e617172.js.LICENSE.txt */
+export const __webpack_ids__=["8468"];export const __webpack_modules__={96818:function(e,t,n){n.d(t,{Z:()=>d});var a=n(8081),o=n.n(a),r=n(23645),i=n.n(r),c=n(61667),l=n.n(c),s=new n.U(n(68342)),k=i()(o()),m=l()(s);k.push([e.id,`.external:after{background-color:currentcolor;content:"\\200b" " (external)";content:"\\200b"/" (external)";display:inline-block;height:1em;margin-left:.25em;-webkit-mask-image:url(${m});mask-image:url(${m});-webkit-mask-size:cover;mask-size:cover;vertical-align:text-top;width:1em}`,""]);let d=k.toString()},68342:function(e,t,n){e.exports=n.p+"external-link.4f3a2dc8e402cae5.svg"},13566:function(e,t,n){n.d(t,{o:()=>o});var a=n(32529);let o=e=>e??a.Ld}};
+//# sourceMappingURL=8468.f45cbbf88e617172.js.map

package/dist/client/{8468.add3c4feb6c9e926.js.map → 8468.f45cbbf88e617172.js.map}

@@ -1 +1 @@
-{"version":3,"file":"8468.add3c4feb6c9e926.js","sources":["webpack://@mdn/fred/./components/external-link/global.css?d966","webpack://@mdn/fred/./node_modules/lit-html/directives/if-defined.js"],"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\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/external-link.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, `.external:after{background-color:currentcolor;content:\"\\\\200b\" \" (external)\";content:\"\\\\200b\"/\" (external)\";display:inline-block;height:1em;margin-left:.25em;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});-webkit-mask-size:cover;mask-size:cover;vertical-align:text-top;width:1em}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n"],"names":["n","o"],"mappings":";8KAII,EAAgC,IAAAA,EAAA,EAAAA,EAAA,QAChC,EAA0B,IAA4B,KACtD,EAAqC,IAAgC,GAEzE,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,CAAC,qLAAqL,EAAE,EAAmC,iBAAiB,EAAE,EAAmC,4EAA4E,CAAC,CAAE,GAAG,EAE5Y,MAAe,EAAwB,QAAQ,oICL5C,IAAMC,EAAE,GAAG,GAAG,IAAC"}
+{"version":3,"file":"8468.f45cbbf88e617172.js","sources":["webpack://@mdn/fred/./components/external-link/global.css?d966","webpack://@mdn/fred/./node_modules/lit-html/directives/if-defined.js"],"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\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/external-link.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, `.external:after{background-color:currentcolor;content:\"\\\\200b\" \" (external)\";content:\"\\\\200b\"/\" (external)\";display:inline-block;height:1em;margin-left:.25em;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});-webkit-mask-size:cover;mask-size:cover;vertical-align:text-top;width:1em}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n"],"names":["n","o"],"mappings":";8KAII,EAAgC,IAAAA,EAAA,EAAAA,EAAA,QAChC,EAA0B,IAA4B,KACtD,EAAqC,IAAgC,GAEzE,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,CAAC,qLAAqL,EAAE,EAAmC,iBAAiB,EAAE,EAAmC,4EAA4E,CAAC,CAAE,GAAG,EAE5Y,MAAe,EAAwB,QAAQ,oICL5C,IAAMC,EAAE,GAAG,GAAG,IAAC"}

package/dist/client/{8483.e69da156837fde23.js → 8483.42cb8809ffb7c809.js}

@@ -1,4 +1,4 @@
-export const __webpack_ids__=["8483"];export const __webpack_modules__={73981:function(e,t,i){e.exports=i.p+"external-link.4f3a2dc8e402cae5.svg"},46907:function(e,t,i){i.r(t),i.d(t,{MDNPlacementSidebar:()=>MDNPlacementSidebar});var a=i(14703),n=i(51968),r=i(68688);i(83294),i(43028);var o=i(35281),l=i(64686);let MDNPlacementSidebar=class MDNPlacementSidebar extends(0,o.P)(a.oi){static styles=l.Z;static properties={horizontal:{type:Boolean}};constructor(){super(),this.horizontal=!1}renderComplete(e){let{side:t}=e;if(!t)return a.Ld;let{status:i,click:o,view:l,copy:s,image:c,alt:d,cta:m,colors:p,version:g,heading:h}=t;if("success"!==i)return a.Ld;this._viewedUrl||(this._viewedUrl=l,this._version=g);let{textColor:k,backgroundColor:b,textColorDark:u,backgroundColorDark:v}=p||{},f=Object.fromEntries([["--side-background-light",b],["--side-color-light",k],["--side-background-dark",v||b],["--side-color-dark",u||k]].filter(([e,t])=>!!t));return(0,a.dy)`<section
+export const __webpack_ids__=["8483"];export const __webpack_modules__={68342:function(e,t,i){e.exports=i.p+"external-link.4f3a2dc8e402cae5.svg"},46907:function(e,t,i){i.r(t),i.d(t,{MDNPlacementSidebar:()=>MDNPlacementSidebar});var a=i(14703),n=i(51968),r=i(68688);i(83294),i(43028);var o=i(35281),l=i(64686);let MDNPlacementSidebar=class MDNPlacementSidebar extends(0,o.P)(a.oi){static styles=l.Z;static properties={horizontal:{type:Boolean}};constructor(){super(),this.horizontal=!1}renderComplete(e){let{side:t}=e;if(!t)return a.Ld;let{status:i,click:o,view:l,copy:s,image:c,alt:d,cta:m,colors:p,version:g,heading:h}=t;if("success"!==i)return a.Ld;this._viewedUrl||(this._viewedUrl=l,this._version=g);let{textColor:k,backgroundColor:b,textColorDark:u,backgroundColorDark:v}=p||{},f=Object.fromEntries([["--side-background-light",b],["--side-color-light",k],["--side-background-dark",v||b],["--side-color-dark",u||k]].filter(([e,t])=>!!t));return(0,a.dy)`<section
       class=${`sidebar-placement ${this.horizontal?"horizontal":""}`}
     >
       <div
@@ -28,5 +28,5 @@ export const __webpack_ids__=["8483"];export const __webpack_modules__={73981:fu
         <mdn-placement-note></mdn-placement-note>
       </div>
       <mdn-placement-no></mdn-placement-no>
-    </section>`}};customElements.define("mdn-placement-sidebar",MDNPlacementSidebar)},64686:function(e,t,i){i.d(t,{Z:()=>g});var a=i(14703),n=i(8081),r=i.n(n),o=i(23645),l=i.n(o),s=i(61667),c=i.n(s),d=new i.U(i(73981)),m=l()(r()),p=c()(d);m.push([e.id,`.sidebar-placement{display:flex;flex-direction:column;height:fit-content;margin:1rem 0;max-width:12rem;min-height:22rem}.sidebar-placement .placement-container{--side-background-light:#111;--side-color-light:#fff;--side-background-dark:#111;--side-color-dark:#fff;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--side-background-dark);--side-background:var(--csstools-light-dark-toggle--0,var(--side-background-light));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--side-color-dark);--side-color:var(--csstools-light-dark-toggle--1,var(--side-color-light));--border-radius:0.5rem;border:1px solid var(--color-border-primary);border-radius:var(--border-radius);margin:0;min-height:20rem;overflow:hidden;position:relative;width:11rem}@supports (color:light-dark(red,red)){.sidebar-placement .placement-container{--side-background:light-dark(var(--side-background-light),var(--side-background-dark));--side-color:light-dark(var(--side-color-light),var(--side-color-dark))}}@supports not (color:light-dark(tan,tan)){:is(.sidebar-placement .placement-container) *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--side-background-dark);--side-background:var(--csstools-light-dark-toggle--0,var(--side-background-light));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--side-color-dark);--side-color:var(--csstools-light-dark-toggle--1,var(--side-color-light))}}:is(.sidebar-placement .placement-container):has(>.placement-link:focus-visible){outline:auto}:is(.sidebar-placement .placement-container) .placement-link{display:block;height:100%;padding:0;width:100%}:is(:is(.sidebar-placement .placement-container) .placement-link)>img{height:auto;width:100%}:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content{background:linear-gradient(to top,var(--side-background) 9rem,#0000 12rem,#0000);border-radius:var(--border-radius);color:var(--side-color);display:flex;flex-direction:column;gap:.25rem;height:100%;justify-content:end;line-height:1.25;position:absolute;top:0;width:100%}:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-heading{font-size:.8875rem;padding:0 1rem}:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-copy{font-size:.75rem;padding:0 1rem}:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta{--color:var(--side-color);--icon-primary:var(--color);background-color:#ffffff11;border:2px solid;border-radius:2rem;color:var(--color);font-size:.75rem;font-weight:600;margin:.5rem auto 1rem 1rem;padding:.5em 1em;transition:all .3s ease-in-out}:is(:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta):after{transition:all .3s ease-in-out}:is(:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta):hover{--color:var(--side-background);background-color:var(--side-color)}:is(:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta):after{background-color:var(--color);content:"";display:inline-flex;height:.625rem;margin-left:.25rem;-webkit-mask-image:url(${p});mask-image:url(${p});-webkit-mask-size:cover;mask-size:cover;width:.625rem}.sidebar-placement mdn-placement-note{position:absolute;right:0;top:0}@media (min-width:31rem){.sidebar-placement.horizontal{align-self:flex-end;max-width:30rem;min-height:12rem}.sidebar-placement.horizontal .placement-container{height:10rem;min-height:0;width:25rem}:is(:is(.sidebar-placement.horizontal .placement-container) .placement-link)>img{height:100%;position:absolute;width:auto;z-index:1}:is(:is(.sidebar-placement.horizontal .placement-container) .placement-link) .placement-content{align-items:end;background:var(--side-background);flex-direction:column;height:100%;justify-content:end;left:0;padding-left:10rem;width:auto}}`,""]);let g=(0,a.iv)([m.toString()])}};
-//# sourceMappingURL=8483.e69da156837fde23.js.map
+    </section>`}};customElements.define("mdn-placement-sidebar",MDNPlacementSidebar)},64686:function(e,t,i){i.d(t,{Z:()=>g});var a=i(14703),n=i(8081),r=i.n(n),o=i(23645),l=i.n(o),s=i(61667),c=i.n(s),d=new i.U(i(68342)),m=l()(r()),p=c()(d);m.push([e.id,`.sidebar-placement{display:flex;flex-direction:column;height:fit-content;margin:1rem 0;max-width:12rem;min-height:22rem}.sidebar-placement .placement-container{--side-background-light:#111;--side-color-light:#fff;--side-background-dark:#111;--side-color-dark:#fff;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--side-background-dark);--side-background:var(--csstools-light-dark-toggle--0,var(--side-background-light));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--side-color-dark);--side-color:var(--csstools-light-dark-toggle--1,var(--side-color-light));--border-radius:0.5rem;border:1px solid var(--color-border-primary);border-radius:var(--border-radius);margin:0;min-height:20rem;overflow:hidden;position:relative;width:11rem}@supports (color:light-dark(red,red)){.sidebar-placement .placement-container{--side-background:light-dark(var(--side-background-light),var(--side-background-dark));--side-color:light-dark(var(--side-color-light),var(--side-color-dark))}}@supports not (color:light-dark(tan,tan)){:is(.sidebar-placement .placement-container) *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--side-background-dark);--side-background:var(--csstools-light-dark-toggle--0,var(--side-background-light));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--side-color-dark);--side-color:var(--csstools-light-dark-toggle--1,var(--side-color-light))}}:is(.sidebar-placement .placement-container):has(>.placement-link:focus-visible){outline:auto}:is(.sidebar-placement .placement-container) .placement-link{display:block;height:100%;padding:0;width:100%}:is(:is(.sidebar-placement .placement-container) .placement-link)>img{height:auto;width:100%}:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content{background:linear-gradient(to top,var(--side-background) 9rem,#0000 12rem,#0000);border-radius:var(--border-radius);color:var(--side-color);display:flex;flex-direction:column;gap:.25rem;height:100%;justify-content:end;line-height:1.25;position:absolute;top:0;width:100%}:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-heading{font-size:.8875rem;padding:0 1rem}:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-copy{font-size:.75rem;padding:0 1rem}:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta{--color:var(--side-color);--icon-primary:var(--color);background-color:#ffffff11;border:2px solid;border-radius:2rem;color:var(--color);font-size:.75rem;font-weight:var(--font-weight-bold);margin:.5rem auto 1rem 1rem;padding:.5em 1em;transition:all .3s ease-in-out}:is(:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta):after{transition:all .3s ease-in-out}:is(:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta):hover{--color:var(--side-background);background-color:var(--side-color)}:is(:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta):after{background-color:var(--color);content:"";display:inline-flex;height:.625rem;margin-left:.25rem;-webkit-mask-image:url(${p});mask-image:url(${p});-webkit-mask-size:cover;mask-size:cover;width:.625rem}.sidebar-placement mdn-placement-note{position:absolute;right:0;top:0}@media (width >= 31rem){.sidebar-placement.horizontal{align-self:flex-end;max-width:30rem;min-height:12rem}.sidebar-placement.horizontal .placement-container{height:10rem;min-height:0;width:25rem}:is(:is(.sidebar-placement.horizontal .placement-container) .placement-link)>img{height:100%;position:absolute;width:auto;z-index:1}:is(:is(.sidebar-placement.horizontal .placement-container) .placement-link) .placement-content{align-items:end;background:var(--side-background);flex-direction:column;height:100%;justify-content:end;left:0;padding-left:10rem;width:auto}}`,""]);let g=(0,a.iv)([m.toString()])}};
+//# sourceMappingURL=8483.42cb8809ffb7c809.js.map

package/dist/client/{8483.e69da156837fde23.js.map → 8483.42cb8809ffb7c809.js.map}

@@ -1 +1 @@
-{"version":3,"file":"8483.e69da156837fde23.js","sources":["webpack://@mdn/fred/./components/placement-sidebar/element.js","webpack://@mdn/fred/./components/placement-sidebar/element.css"],"sourcesContent":["import { LitElement, html, nothing } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nimport \"../placement-note/element.js\";\nimport \"../placement-no/element.js\";\n\nimport { PlacementMixin } from \"../placement/mixin.js\";\n\nimport styles from \"./element.css?lit\";\n\n/**\n * @import * as Placements from \"../placement/types.js\";\n */\n\nexport class MDNPlacementSidebar extends PlacementMixin(LitElement) {\n  static styles = styles;\n\n  static properties = {\n    horizontal: { type: Boolean },\n  };\n\n  constructor() {\n    super();\n    this.horizontal = false;\n  }\n\n  /**\n   *\n   * @param {Placements.PlacementContextData} placementContext\n   * @returns\n   */\n  renderComplete(placementContext) {\n    const { side: data } = placementContext;\n    if (!data) {\n      return nothing;\n    }\n    const {\n      status,\n      click,\n      view,\n      copy,\n      image,\n      alt,\n      cta,\n      colors,\n      version,\n      heading,\n    } = data;\n    if (status !== \"success\") {\n      return nothing;\n    }\n    if (!this._viewedUrl) {\n      this._viewedUrl = view;\n      this._version = version;\n    }\n    const { textColor, backgroundColor, textColorDark, backgroundColorDark } =\n      colors || {};\n    const styles = Object.fromEntries(\n      [\n        [\"--side-background-light\", backgroundColor],\n        [\"--side-color-light\", textColor],\n        [\"--side-background-dark\", backgroundColorDark || backgroundColor],\n        [\"--side-color-dark\", textColorDark || textColor],\n      ].filter(([_, v]) => Boolean(v)),\n    );\n\n    return html`<section\n      class=${`sidebar-placement ${this.horizontal ? \"horizontal\" : \"\"}`}\n    >\n      <div\n        ${ref(this._placementRef)}\n        class=\"placement-container\"\n        style=${styleMap(styles)}\n      >\n        <a\n          class=\"placement-link\"\n          data-glean=\"pong: pong-&gt;click side\"\n          href=${this.clickLink(click, version)}\n          target=\"_blank\"\n          rel=\"sponsored noreferrer\"\n          ><img\n            src=${this.imgLink(image)}\n            aria-hidden=${!alt}\n            alt=${alt || \"\"}\n            width=\"125px\"\n            height=\"125px\"\n          />\n          <div class=\"placement-content\">\n            <strong class=\"placement-heading\">${heading}</strong>\n            <span class=\"placement-copy\">${copy}</span>\n            <span class=\"placement-cta external\">${cta}</span>\n          </div>\n        </a>\n        <mdn-placement-note></mdn-placement-note>\n      </div>\n      <mdn-placement-no></mdn-placement-no>\n    </section>`;\n  }\n}\n\ncustomElements.define(\"mdn-placement-sidebar\", MDNPlacementSidebar);\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/external-link.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, `.sidebar-placement{display:flex;flex-direction:column;height:fit-content;margin:1rem 0;max-width:12rem;min-height:22rem}.sidebar-placement .placement-container{--side-background-light:#111;--side-color-light:#fff;--side-background-dark:#111;--side-color-dark:#fff;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--side-background-dark);--side-background:var(--csstools-light-dark-toggle--0,var(--side-background-light));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--side-color-dark);--side-color:var(--csstools-light-dark-toggle--1,var(--side-color-light));--border-radius:0.5rem;border:1px solid var(--color-border-primary);border-radius:var(--border-radius);margin:0;min-height:20rem;overflow:hidden;position:relative;width:11rem}@supports (color:light-dark(red,red)){.sidebar-placement .placement-container{--side-background:light-dark(var(--side-background-light),var(--side-background-dark));--side-color:light-dark(var(--side-color-light),var(--side-color-dark))}}@supports not (color:light-dark(tan,tan)){:is(.sidebar-placement .placement-container) *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--side-background-dark);--side-background:var(--csstools-light-dark-toggle--0,var(--side-background-light));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--side-color-dark);--side-color:var(--csstools-light-dark-toggle--1,var(--side-color-light))}}:is(.sidebar-placement .placement-container):has(>.placement-link:focus-visible){outline:auto}:is(.sidebar-placement .placement-container) .placement-link{display:block;height:100%;padding:0;width:100%}:is(:is(.sidebar-placement .placement-container) .placement-link)>img{height:auto;width:100%}:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content{background:linear-gradient(to top,var(--side-background) 9rem,#0000 12rem,#0000);border-radius:var(--border-radius);color:var(--side-color);display:flex;flex-direction:column;gap:.25rem;height:100%;justify-content:end;line-height:1.25;position:absolute;top:0;width:100%}:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-heading{font-size:.8875rem;padding:0 1rem}:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-copy{font-size:.75rem;padding:0 1rem}:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta{--color:var(--side-color);--icon-primary:var(--color);background-color:#ffffff11;border:2px solid;border-radius:2rem;color:var(--color);font-size:.75rem;font-weight:600;margin:.5rem auto 1rem 1rem;padding:.5em 1em;transition:all .3s ease-in-out}:is(:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta):after{transition:all .3s ease-in-out}:is(:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta):hover{--color:var(--side-background);background-color:var(--side-color)}:is(:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta):after{background-color:var(--color);content:\"\";display:inline-flex;height:.625rem;margin-left:.25rem;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});-webkit-mask-size:cover;mask-size:cover;width:.625rem}.sidebar-placement mdn-placement-note{position:absolute;right:0;top:0}@media (min-width:31rem){.sidebar-placement.horizontal{align-self:flex-end;max-width:30rem;min-height:12rem}.sidebar-placement.horizontal .placement-container{height:10rem;min-height:0;width:25rem}:is(:is(.sidebar-placement.horizontal .placement-container) .placement-link)>img{height:100%;position:absolute;width:auto;z-index:1}:is(:is(.sidebar-placement.horizontal .placement-container) .placement-link) .placement-content{align-items:end;background:var(--side-background);flex-direction:column;height:100%;justify-content:end;left:0;padding-left:10rem;width:auto}}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNPlacementSidebar","Boolean","h","b","Object","customElements"],"mappings":"qTAeO,IAAMA,oBAAN,MAAMA,2BAA4B,QAAe,IAAU,EAChE,OAAO,OAAS,GAAM,AAAC,AAEvB,QAAO,WAAa,CAClB,WAAY,CAAE,KAAMC,OAAQ,CAC9B,CAAE,AAEF,cAAc,CACZ,KAAK,GACL,IAAI,CAAC,UAAU,CAAG,EACpB,CAOA,eAAe,CAAgB,CAAE,CAC/B,GAAM,CAAE,KAAM,CAAI,CAAE,CAAG,EACvB,GAAI,CAAC,EACH,OAAO,IAAO,CAEhB,GAAM,CACJ,QAAM,CACN,OAAK,CACL,MAAI,CACJ,MAAI,CACJ,OAAK,CACL,KAAG,CACH,KAAG,CACH,QAAM,CACN,SAAO,CACPC,QAAAA,CAAO,CACR,CAAG,EACJ,GAAI,AAAW,YAAX,EACF,OAAO,IAAO,AAEX,KAAI,CAAC,UAAU,GAClB,IAAI,CAAC,UAAU,CAAG,EAClB,IAAI,CAAC,QAAQ,CAAG,GAElB,GAAM,CAAE,WAAS,CAAEC,gBAAAA,CAAe,CAAE,eAAa,CAAE,qBAAmB,CAAE,CACtE,GAAU,CAAC,EACP,EAASC,OAAO,WAAW,CAC/B,CACE,CAAC,0BAA2BD,EAAgB,CAC5C,CAAC,qBAAsB,EAAU,CACjC,CAAC,yBAA0B,GAAuBA,EAAgB,CAClE,CAAC,oBAAqB,GAAiB,EAAU,CAClD,CAAC,MAAM,CAAC,CAAC,CAAC,EAAG,EAAE,GAAK,EAAQ,IAG/B,MAAO,QAAI,CAAC;YACJ,EAAE,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAG,aAAe,GAAG,CAAC,CAAC;;;QAGjE,EAAE,QAAI,IAAI,CAAC,aAAa,EAAE;;cAEpB,EAAE,QAAS,GAAQ;;;;;eAKlB,EAAE,IAAI,CAAC,SAAS,CAAC,EAAO,GAAS;;;;gBAIhC,EAAE,IAAI,CAAC,OAAO,CAAC,GAAO;wBACd,EAAE,CAAC,EAAI;gBACf,EAAE,GAAO,GAAG;;;;;8CAKkB,EAAED,EAAQ;yCACf,EAAE,EAAK;iDACC,EAAE,EAAI;;;;;;cAMzC,CAAC,AACb,CACF,EAEAG,eAAe,MAAM,CAAC,wBAAyBL,oB,mHChG3C,EAAgC,kBAChC,EAA0B,IAA4B,KACtD,EAAqC,IAAgC,GAEzE,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,CAAC,quGAAquG,EAAE,EAAmC,iBAAiB,EAAE,EAAmC,qrBAAqrB,CAAC,CAAE,GAAG,EAEriI,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C"}
+{"version":3,"file":"8483.42cb8809ffb7c809.js","sources":["webpack://@mdn/fred/./components/placement-sidebar/element.js","webpack://@mdn/fred/./components/placement-sidebar/element.css"],"sourcesContent":["import { LitElement, html, nothing } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nimport \"../placement-note/element.js\";\nimport \"../placement-no/element.js\";\n\nimport { PlacementMixin } from \"../placement/mixin.js\";\n\nimport styles from \"./element.css?lit\";\n\n/**\n * @import * as Placements from \"../placement/types.js\";\n */\n\nexport class MDNPlacementSidebar extends PlacementMixin(LitElement) {\n  static styles = styles;\n\n  static properties = {\n    horizontal: { type: Boolean },\n  };\n\n  constructor() {\n    super();\n    this.horizontal = false;\n  }\n\n  /**\n   *\n   * @param {Placements.PlacementContextData} placementContext\n   * @returns\n   */\n  renderComplete(placementContext) {\n    const { side: data } = placementContext;\n    if (!data) {\n      return nothing;\n    }\n    const {\n      status,\n      click,\n      view,\n      copy,\n      image,\n      alt,\n      cta,\n      colors,\n      version,\n      heading,\n    } = data;\n    if (status !== \"success\") {\n      return nothing;\n    }\n    if (!this._viewedUrl) {\n      this._viewedUrl = view;\n      this._version = version;\n    }\n    const { textColor, backgroundColor, textColorDark, backgroundColorDark } =\n      colors || {};\n    const styles = Object.fromEntries(\n      [\n        [\"--side-background-light\", backgroundColor],\n        [\"--side-color-light\", textColor],\n        [\"--side-background-dark\", backgroundColorDark || backgroundColor],\n        [\"--side-color-dark\", textColorDark || textColor],\n      ].filter(([_, v]) => Boolean(v)),\n    );\n\n    return html`<section\n      class=${`sidebar-placement ${this.horizontal ? \"horizontal\" : \"\"}`}\n    >\n      <div\n        ${ref(this._placementRef)}\n        class=\"placement-container\"\n        style=${styleMap(styles)}\n      >\n        <a\n          class=\"placement-link\"\n          data-glean=\"pong: pong-&gt;click side\"\n          href=${this.clickLink(click, version)}\n          target=\"_blank\"\n          rel=\"sponsored noreferrer\"\n          ><img\n            src=${this.imgLink(image)}\n            aria-hidden=${!alt}\n            alt=${alt || \"\"}\n            width=\"125px\"\n            height=\"125px\"\n          />\n          <div class=\"placement-content\">\n            <strong class=\"placement-heading\">${heading}</strong>\n            <span class=\"placement-copy\">${copy}</span>\n            <span class=\"placement-cta external\">${cta}</span>\n          </div>\n        </a>\n        <mdn-placement-note></mdn-placement-note>\n      </div>\n      <mdn-placement-no></mdn-placement-no>\n    </section>`;\n  }\n}\n\ncustomElements.define(\"mdn-placement-sidebar\", MDNPlacementSidebar);\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/external-link.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, `.sidebar-placement{display:flex;flex-direction:column;height:fit-content;margin:1rem 0;max-width:12rem;min-height:22rem}.sidebar-placement .placement-container{--side-background-light:#111;--side-color-light:#fff;--side-background-dark:#111;--side-color-dark:#fff;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--side-background-dark);--side-background:var(--csstools-light-dark-toggle--0,var(--side-background-light));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--side-color-dark);--side-color:var(--csstools-light-dark-toggle--1,var(--side-color-light));--border-radius:0.5rem;border:1px solid var(--color-border-primary);border-radius:var(--border-radius);margin:0;min-height:20rem;overflow:hidden;position:relative;width:11rem}@supports (color:light-dark(red,red)){.sidebar-placement .placement-container{--side-background:light-dark(var(--side-background-light),var(--side-background-dark));--side-color:light-dark(var(--side-color-light),var(--side-color-dark))}}@supports not (color:light-dark(tan,tan)){:is(.sidebar-placement .placement-container) *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--side-background-dark);--side-background:var(--csstools-light-dark-toggle--0,var(--side-background-light));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--side-color-dark);--side-color:var(--csstools-light-dark-toggle--1,var(--side-color-light))}}:is(.sidebar-placement .placement-container):has(>.placement-link:focus-visible){outline:auto}:is(.sidebar-placement .placement-container) .placement-link{display:block;height:100%;padding:0;width:100%}:is(:is(.sidebar-placement .placement-container) .placement-link)>img{height:auto;width:100%}:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content{background:linear-gradient(to top,var(--side-background) 9rem,#0000 12rem,#0000);border-radius:var(--border-radius);color:var(--side-color);display:flex;flex-direction:column;gap:.25rem;height:100%;justify-content:end;line-height:1.25;position:absolute;top:0;width:100%}:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-heading{font-size:.8875rem;padding:0 1rem}:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-copy{font-size:.75rem;padding:0 1rem}:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta{--color:var(--side-color);--icon-primary:var(--color);background-color:#ffffff11;border:2px solid;border-radius:2rem;color:var(--color);font-size:.75rem;font-weight:var(--font-weight-bold);margin:.5rem auto 1rem 1rem;padding:.5em 1em;transition:all .3s ease-in-out}:is(:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta):after{transition:all .3s ease-in-out}:is(:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta):hover{--color:var(--side-background);background-color:var(--side-color)}:is(:is(:is(:is(.sidebar-placement .placement-container) .placement-link)>.placement-content) .placement-cta):after{background-color:var(--color);content:\"\";display:inline-flex;height:.625rem;margin-left:.25rem;-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});-webkit-mask-size:cover;mask-size:cover;width:.625rem}.sidebar-placement mdn-placement-note{position:absolute;right:0;top:0}@media (width >= 31rem){.sidebar-placement.horizontal{align-self:flex-end;max-width:30rem;min-height:12rem}.sidebar-placement.horizontal .placement-container{height:10rem;min-height:0;width:25rem}:is(:is(.sidebar-placement.horizontal .placement-container) .placement-link)>img{height:100%;position:absolute;width:auto;z-index:1}:is(:is(.sidebar-placement.horizontal .placement-container) .placement-link) .placement-content{align-items:end;background:var(--side-background);flex-direction:column;height:100%;justify-content:end;left:0;padding-left:10rem;width:auto}}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n"],"names":["MDNPlacementSidebar","Boolean","h","b","Object","customElements"],"mappings":"qTAeO,IAAMA,oBAAN,MAAMA,2BAA4B,QAAe,IAAU,EAChE,OAAO,OAAS,GAAM,AAAC,AAEvB,QAAO,WAAa,CAClB,WAAY,CAAE,KAAMC,OAAQ,CAC9B,CAAE,AAEF,cAAc,CACZ,KAAK,GACL,IAAI,CAAC,UAAU,CAAG,EACpB,CAOA,eAAe,CAAgB,CAAE,CAC/B,GAAM,CAAE,KAAM,CAAI,CAAE,CAAG,EACvB,GAAI,CAAC,EACH,OAAO,IAAO,CAEhB,GAAM,CACJ,QAAM,CACN,OAAK,CACL,MAAI,CACJ,MAAI,CACJ,OAAK,CACL,KAAG,CACH,KAAG,CACH,QAAM,CACN,SAAO,CACPC,QAAAA,CAAO,CACR,CAAG,EACJ,GAAI,AAAW,YAAX,EACF,OAAO,IAAO,AAEX,KAAI,CAAC,UAAU,GAClB,IAAI,CAAC,UAAU,CAAG,EAClB,IAAI,CAAC,QAAQ,CAAG,GAElB,GAAM,CAAE,WAAS,CAAEC,gBAAAA,CAAe,CAAE,eAAa,CAAE,qBAAmB,CAAE,CACtE,GAAU,CAAC,EACP,EAASC,OAAO,WAAW,CAC/B,CACE,CAAC,0BAA2BD,EAAgB,CAC5C,CAAC,qBAAsB,EAAU,CACjC,CAAC,yBAA0B,GAAuBA,EAAgB,CAClE,CAAC,oBAAqB,GAAiB,EAAU,CAClD,CAAC,MAAM,CAAC,CAAC,CAAC,EAAG,EAAE,GAAK,EAAQ,IAG/B,MAAO,QAAI,CAAC;YACJ,EAAE,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAG,aAAe,GAAG,CAAC,CAAC;;;QAGjE,EAAE,QAAI,IAAI,CAAC,aAAa,EAAE;;cAEpB,EAAE,QAAS,GAAQ;;;;;eAKlB,EAAE,IAAI,CAAC,SAAS,CAAC,EAAO,GAAS;;;;gBAIhC,EAAE,IAAI,CAAC,OAAO,CAAC,GAAO;wBACd,EAAE,CAAC,EAAI;gBACf,EAAE,GAAO,GAAG;;;;;8CAKkB,EAAED,EAAQ;yCACf,EAAE,EAAK;iDACC,EAAE,EAAI;;;;;;cAMzC,CAAC,AACb,CACF,EAEAG,eAAe,MAAM,CAAC,wBAAyBL,oB,mHChG3C,EAAgC,kBAChC,EAA0B,IAA4B,KACtD,EAAqC,IAAgC,GAEzE,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,CAAC,yvGAAyvG,EAAE,EAAmC,iBAAiB,EAAE,EAAmC,orBAAorB,CAAC,CAAE,GAAG,EAExjI,MAAe,SAAI,CAAC,EAAwB,QAAQ,GAAG,C"}