@getvitops/generator 2.1.0 → 3.0.0

package/assets/css/patterns/sitenav.css

@@ -30,6 +30,10 @@
 
 /* ── Container + mobile chrome ─────────────────────────────────────────────── */
 .sitenav {
+  /* Reset first — the flag inherits, so a nested sitenav must resolve against
+     itself rather than an outer instance's promoted state. */
+  --_sitenav-wide: 0;
+
   display: flex;
   align-items: center;
 }
@@ -226,357 +230,132 @@
 .sitenav__item--desktop-branch > .sitenav__submenu {
   display: none;
 }
-
-/* ── Desktop promotion — one block per framework breakpoint ─────────────────
-   Only the min-width threshold + `.sitenav--bp-*` scope differ; the nested ruleset
-   is identical. CSS has no mixins, so the four blocks are intentionally parallel —
-   edit them together. Each: hide the mobile chrome, force the [popover] panel back
-   inline as a navbar, turn the list horizontal, and promote submenus to dropdowns. */
+/* ── Desktop promotion.
+ *
+ * Four thresholds, ONE ruleset. This used to be four ~86-line blocks that had to
+ * be kept in step by hand, and the file said so: "CSS has no mixins, so the four
+ * blocks are intentionally parallel — edit them together."
+ *
+ * They were not in step. `md`, `lg` and `xl` were byte-identical; `sm` had drifted
+ * onto an older markup shape, selecting `.sitenav__disclosure > .sitenav__submenu`
+ * where the submenu is actually the disclosure's SIBLING (see the accordion
+ * comment above, and bricks/elements/sitenav.php). So `.sitenav--bp-sm` shipped a
+ * navbar whose dropdowns could never open, and nothing failed loudly enough to
+ * notice. One shared block makes that class of drift unrepresentable.
+ *
+ * The mechanism is a style query on an inherited flag, the same one
+ * patterns/navshell.css uses. `.sitenav` resets the flag so a nested sitenav
+ * resolves against ITSELF rather than inheriting an outer instance's "I'm wide".
+ *
+ * Note the wide state is a navbar in everything but name — a horizontal row of
+ * links. It does not literally compose `patterns/navbar.css`, because the panel
+ * has to be a COLUMN in its drawer state, and a class can't be conditional; the
+ * flip would have to be undone at mobile, which costs more than the two
+ * declarations it saves. Use `.navbar` directly for a link row that is only ever
+ * a row.
+ * ── */
 @container (min-width: 30rem) {
   .sitenav--bp-sm {
-    & > .sitenav__toggle,
-    & .sitenav__close {
-      display: none;
-    }
-    /* [popover] is UA/polyfill display:none while closed; !important forces the
-       navbar body back inline (the hamburger is gone, so it never re-hides). */
-    & .sitenav__panel {
-      display: flex !important;
-      flex-direction: row;
-      align-items: center;
-      position: static;
-      inset: auto;
-      inline-size: auto;
-      max-inline-size: none;
-      block-size: auto;
-      padding: 0;
-      translate: none;
-      opacity: 1;
-      overflow: visible;
-      background: none;
-      color: inherit;
-      box-shadow: none;
-      z-index: auto;
-    }
-    & .sitenav__panel::backdrop {
-      display: none;
-    }
-    & .sitenav__list {
-      flex-direction: row;
-      flex-wrap: wrap;
-      align-items: center;
-    }
-    & .sitenav__item--branch {
-      position: relative;
-      display: flex;
-      align-items: center;
-      grid-template-columns: none;
-      grid-template-rows: none;
-    }
-    & .sitenav__submenu {
-      position: absolute;
-      inset-block-start: 100%;
-      inset-inline-start: 0;
-      min-inline-size: 13rem;
-      padding: 0.5rem;
-      overflow: visible;
-      background: var(--color-bg-surface);
-      color: var(--color-text-surface);
-      border: var(--b-panel);
-      border-radius: var(--br-panel);
-      box-shadow: var(--ds-panel);
-      z-index: var(--z-tier-overlay);
-      opacity: 0;
-      visibility: hidden;
-      pointer-events: none;
-      translate: 0 0.25rem;
-      transition:
-        opacity 0.15s ease,
-        translate 0.15s ease,
-        visibility 0.15s allow-discrete;
-    }
-    /* deeper submenus (inside a panel) fly out to the side, not downward */
-    & .sitenav__submenu .sitenav__item--branch > .sitenav__disclosure > .sitenav__submenu {
-      inset-block-start: 0;
-      inset-inline-start: 100%;
-      translate: 0.25rem 0;
-    }
-    & .sitenav__item--branch:hover > .sitenav__disclosure > .sitenav__submenu,
-    & .sitenav__item--branch:focus-within > .sitenav__disclosure > .sitenav__submenu,
-    & .sitenav__item--branch > .sitenav__disclosure[open] > .sitenav__submenu {
-      opacity: 1;
-      visibility: visible;
-      pointer-events: auto;
-      translate: 0 0;
-    }
-    /* depth caps flip at the breakpoint */
-    & .sitenav__item--desktop-branch > .sitenav__disclosure > .sitenav__subtoggle {
-      display: inline-flex;
-    }
-    & .sitenav__item--mobile-branch > .sitenav__disclosure > .sitenav__subtoggle,
-    & .sitenav__item--mobile-branch > .sitenav__disclosure > .sitenav__submenu {
-      display: none;
-    }
+    --_sitenav-wide: 1;
   }
 }
-
 @container (min-width: 48rem) {
   .sitenav--bp-md {
-    & > .sitenav__toggle,
-    & .sitenav__close {
-      display: none;
-    }
-    & .sitenav__panel {
-      display: flex !important;
-      flex-direction: row;
-      align-items: center;
-      position: static;
-      inset: auto;
-      inline-size: auto;
-      max-inline-size: none;
-      block-size: auto;
-      padding: 0;
-      translate: none;
-      opacity: 1;
-      overflow: visible;
-      background: none;
-      color: inherit;
-      box-shadow: none;
-      z-index: auto;
-    }
-    & .sitenav__panel::backdrop {
-      display: none;
-    }
-    & .sitenav__list {
-      flex-direction: row;
-      flex-wrap: wrap;
-      align-items: center;
-    }
-    & .sitenav__item--branch {
-      position: relative;
-      display: flex;
-      align-items: center;
-      grid-template-columns: none;
-      grid-template-rows: none;
-    }
-    & .sitenav__submenu {
-      position: absolute;
-      inset-block-start: 100%;
-      inset-inline-start: 0;
-      min-inline-size: 13rem;
-      padding: 0.5rem;
-      overflow: visible;
-      background: var(--color-bg-surface);
-      color: var(--color-text-surface);
-      border: var(--b-panel);
-      border-radius: var(--br-panel);
-      box-shadow: var(--ds-panel);
-      z-index: var(--z-tier-overlay);
-      opacity: 0;
-      visibility: hidden;
-      pointer-events: none;
-      translate: 0 0.25rem;
-      transition:
-        opacity 0.15s ease,
-        translate 0.15s ease,
-        visibility 0.15s allow-discrete;
-    }
-    & .sitenav__submenu .sitenav__item--branch > .sitenav__submenu {
-      inset-block-start: 0;
-      inset-inline-start: 100%;
-      translate: 0.25rem 0;
-    }
-    & .sitenav__item--branch:hover > .sitenav__submenu,
-    & .sitenav__item--branch:focus-within > .sitenav__submenu,
-    & .sitenav__item--branch:has(> .sitenav__disclosure[open]) > .sitenav__submenu {
-      opacity: 1;
-      visibility: visible;
-      pointer-events: auto;
-      translate: 0 0;
-    }
-    /* depth caps flip at the breakpoint: desktop-only branches reveal their caret +
-       dropdown; mobile-only branches collapse to a plain link. */
-    & .sitenav__item--desktop-branch > .sitenav__disclosure,
-    & .sitenav__item--desktop-branch > .sitenav__submenu {
-      display: block;
-    }
-    & .sitenav__item--mobile-branch > .sitenav__disclosure,
-    & .sitenav__item--mobile-branch > .sitenav__submenu {
-      display: none;
-    }
+    --_sitenav-wide: 1;
   }
 }
-
 @container (min-width: 64rem) {
   .sitenav--bp-lg {
-    & > .sitenav__toggle,
-    & .sitenav__close {
-      display: none;
-    }
-    & .sitenav__panel {
-      display: flex !important;
-      flex-direction: row;
-      align-items: center;
-      position: static;
-      inset: auto;
-      inline-size: auto;
-      max-inline-size: none;
-      block-size: auto;
-      padding: 0;
-      translate: none;
-      opacity: 1;
-      overflow: visible;
-      background: none;
-      color: inherit;
-      box-shadow: none;
-      z-index: auto;
-    }
-    & .sitenav__panel::backdrop {
-      display: none;
-    }
-    & .sitenav__list {
-      flex-direction: row;
-      flex-wrap: wrap;
-      align-items: center;
-    }
-    & .sitenav__item--branch {
-      position: relative;
-      display: flex;
-      align-items: center;
-      grid-template-columns: none;
-      grid-template-rows: none;
-    }
-    & .sitenav__submenu {
-      position: absolute;
-      inset-block-start: 100%;
-      inset-inline-start: 0;
-      min-inline-size: 13rem;
-      padding: 0.5rem;
-      overflow: visible;
-      background: var(--color-bg-surface);
-      color: var(--color-text-surface);
-      border: var(--b-panel);
-      border-radius: var(--br-panel);
-      box-shadow: var(--ds-panel);
-      z-index: var(--z-tier-overlay);
-      opacity: 0;
-      visibility: hidden;
-      pointer-events: none;
-      translate: 0 0.25rem;
-      transition:
-        opacity 0.15s ease,
-        translate 0.15s ease,
-        visibility 0.15s allow-discrete;
-    }
-    & .sitenav__submenu .sitenav__item--branch > .sitenav__submenu {
-      inset-block-start: 0;
-      inset-inline-start: 100%;
-      translate: 0.25rem 0;
-    }
-    & .sitenav__item--branch:hover > .sitenav__submenu,
-    & .sitenav__item--branch:focus-within > .sitenav__submenu,
-    & .sitenav__item--branch:has(> .sitenav__disclosure[open]) > .sitenav__submenu {
-      opacity: 1;
-      visibility: visible;
-      pointer-events: auto;
-      translate: 0 0;
-    }
-    /* depth caps flip at the breakpoint: desktop-only branches reveal their caret +
-       dropdown; mobile-only branches collapse to a plain link. */
-    & .sitenav__item--desktop-branch > .sitenav__disclosure,
-    & .sitenav__item--desktop-branch > .sitenav__submenu {
-      display: block;
-    }
-    & .sitenav__item--mobile-branch > .sitenav__disclosure,
-    & .sitenav__item--mobile-branch > .sitenav__submenu {
-      display: none;
-    }
+    --_sitenav-wide: 1;
   }
 }
-
 @container (min-width: 80rem) {
   .sitenav--bp-xl {
-    & > .sitenav__toggle,
-    & .sitenav__close {
-      display: none;
-    }
-    & .sitenav__panel {
-      display: flex !important;
-      flex-direction: row;
-      align-items: center;
-      position: static;
-      inset: auto;
-      inline-size: auto;
-      max-inline-size: none;
-      block-size: auto;
-      padding: 0;
-      translate: none;
-      opacity: 1;
-      overflow: visible;
-      background: none;
-      color: inherit;
-      box-shadow: none;
-      z-index: auto;
-    }
-    & .sitenav__panel::backdrop {
-      display: none;
-    }
-    & .sitenav__list {
-      flex-direction: row;
-      flex-wrap: wrap;
-      align-items: center;
-    }
-    & .sitenav__item--branch {
-      position: relative;
-      display: flex;
-      align-items: center;
-      grid-template-columns: none;
-      grid-template-rows: none;
-    }
-    & .sitenav__submenu {
-      position: absolute;
-      inset-block-start: 100%;
-      inset-inline-start: 0;
-      min-inline-size: 13rem;
-      padding: 0.5rem;
-      overflow: visible;
-      background: var(--color-bg-surface);
-      color: var(--color-text-surface);
-      border: var(--b-panel);
-      border-radius: var(--br-panel);
-      box-shadow: var(--ds-panel);
-      z-index: var(--z-tier-overlay);
-      opacity: 0;
-      visibility: hidden;
-      pointer-events: none;
-      translate: 0 0.25rem;
-      transition:
-        opacity 0.15s ease,
-        translate 0.15s ease,
-        visibility 0.15s allow-discrete;
-    }
-    & .sitenav__submenu .sitenav__item--branch > .sitenav__submenu {
-      inset-block-start: 0;
-      inset-inline-start: 100%;
-      translate: 0.25rem 0;
-    }
-    & .sitenav__item--branch:hover > .sitenav__submenu,
-    & .sitenav__item--branch:focus-within > .sitenav__submenu,
-    & .sitenav__item--branch:has(> .sitenav__disclosure[open]) > .sitenav__submenu {
-      opacity: 1;
-      visibility: visible;
-      pointer-events: auto;
-      translate: 0 0;
-    }
-    /* depth caps flip at the breakpoint: desktop-only branches reveal their caret +
-       dropdown; mobile-only branches collapse to a plain link. */
-    & .sitenav__item--desktop-branch > .sitenav__disclosure,
-    & .sitenav__item--desktop-branch > .sitenav__submenu {
-      display: block;
-    }
-    & .sitenav__item--mobile-branch > .sitenav__disclosure,
-    & .sitenav__item--mobile-branch > .sitenav__submenu {
-      display: none;
-    }
+    --_sitenav-wide: 1;
+  }
+}
+
+@container style(--_sitenav-wide: 1) {
+  .sitenav > .sitenav__toggle,
+  .sitenav__close {
+    display: none;
+  }
+  .sitenav__panel {
+    display: flex !important;
+    flex-direction: row;
+    align-items: center;
+    position: static;
+    inset: auto;
+    inline-size: auto;
+    max-inline-size: none;
+    block-size: auto;
+    padding: 0;
+    translate: none;
+    opacity: 1;
+    overflow: visible;
+    background: none;
+    color: inherit;
+    box-shadow: none;
+    z-index: auto;
+  }
+  .sitenav__panel::backdrop {
+    display: none;
+  }
+  .sitenav__list {
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+  }
+  .sitenav__item--branch {
+    position: relative;
+    display: flex;
+    align-items: center;
+    grid-template-columns: none;
+    grid-template-rows: none;
+  }
+  .sitenav__submenu {
+    position: absolute;
+    inset-block-start: 100%;
+    inset-inline-start: 0;
+    min-inline-size: 13rem;
+    padding: 0.5rem;
+    overflow: visible;
+    background: var(--color-bg-surface);
+    color: var(--color-text-surface);
+    border: var(--b-panel);
+    border-radius: var(--br-panel);
+    box-shadow: var(--ds-panel);
+    z-index: var(--z-tier-overlay);
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+    translate: 0 0.25rem;
+    transition:
+      opacity 0.15s ease,
+      translate 0.15s ease,
+      visibility 0.15s allow-discrete;
+  }
+  .sitenav__submenu .sitenav__item--branch > .sitenav__submenu {
+    inset-block-start: 0;
+    inset-inline-start: 100%;
+    translate: 0.25rem 0;
+  }
+  .sitenav__item--branch:hover > .sitenav__submenu,
+  .sitenav__item--branch:focus-within > .sitenav__submenu,
+  .sitenav__item--branch:has(> .sitenav__disclosure[open]) > .sitenav__submenu {
+    opacity: 1;
+    visibility: visible;
+    pointer-events: auto;
+    translate: 0 0;
+  }
+  /* depth caps flip at the breakpoint: desktop-only branches reveal their caret +
+     dropdown; mobile-only branches collapse to a plain link. */
+  .sitenav__item--desktop-branch > .sitenav__disclosure,
+  .sitenav__item--desktop-branch > .sitenav__submenu {
+    display: block;
+  }
+  .sitenav__item--mobile-branch > .sitenav__disclosure,
+  .sitenav__item--mobile-branch > .sitenav__submenu {
+    display: none;
   }
 }

package/assets/css/patterns/split-link.css

@@ -101,9 +101,9 @@
     }
   }
 
-  &::backdrop {
-    background: transparent;
-  }
+  /* No scrim. Stated through popover.css's token rather than overriding its
+     ::backdrop rule, so it keeps the shared fade timing. */
+  --scrim: transparent;
 }
 
 /* Builder-only: rendered without the `popover` attribute so nested content is

package/assets/js/elements.js

@@ -498,7 +498,7 @@ let Tt=!1;const Et=new Y.subtle.Watcher(async()=>{Tt||(Tt=!0,queueMicrotask(()=>
           transform 0.1s ease;
       }
 
-      :host(copy-button:defined) .copy__button {
+      :host(wc-copy:defined) .copy__button {
         display: inline-flex;
       }
 
@@ -543,7 +543,7 @@ let Tt=!1;const Et=new Y.subtle.Watcher(async()=>{Tt||(Tt=!0,queueMicrotask(()=>
       >
         <span class=${e} part="icon" aria-hidden="true"></span>
       </button>
-    `}};customElements.get(`copy-button`)||customElements.define(`copy-button`,Nt);var Pt=class extends ${static{this.properties={autoplay:{type:Number,reflect:!0}}}createRenderRoot(){return this}#e=[];#t=[];#n=!1;#r=!1;#i=null;#a=!1;#o=null;#s=!1;init(){this.autoplay=0}constructor(){super(),this.init()}connectedCallback(){super.connectedCallback(),this.hasAttribute(`role`)||this.setAttribute(`role`,`region`),this.hasAttribute(`aria-roledescription`)||this.setAttribute(`aria-roledescription`,`carousel`),this.#e=[...this.children].filter(e=>!e.hasAttribute(`slot`)),!(this.#e.length<2)&&(this.#n=this.classList.contains(`carousel--auto-pages`),this.#n||(this.#c(),this.#d(),this.addEventListener(`scrollsnapchange`,this.#p)),!this.autoplay&&this.hasAttribute(`autoplay`)&&(this.autoplay=Number(this.getAttribute(`autoplay`))||0),this.#s=matchMedia(`(prefers-reduced-motion: reduce)`).matches,this.autoplay>0&&(this.#y(),this.#s?(this.#a=!0,this.setAttribute(`aria-live`,`polite`),this.#b()):this.#m(),this.addEventListener(`pointerenter`,this.#g),this.addEventListener(`pointerleave`,this.#_),this.addEventListener(`focusin`,this.#g),this.addEventListener(`focusout`,this.#_)))}disconnectedCallback(){super.disconnectedCallback(),this.#n||(this.removeEventListener(`scrollsnapchange`,this.#p),this.#u()),this.removeEventListener(`pointerenter`,this.#g),this.removeEventListener(`pointerleave`,this.#_),this.removeEventListener(`focusin`,this.#g),this.removeEventListener(`focusout`,this.#_),this.#h(),this.#o&&=(this.#o.removeEventListener(`click`,this.#v),this.#o.hasAttribute(`slot`)||this.#o.remove(),null),this.removeAttribute(`aria-live`)}#c(){let e=[],t=[];for(let n=0;n<this.#e.length;n++){let r=this.#e[n];e.push(this.#l(r,n)),t.push(this.#l(r,n))}for(let t=e.length-1;t>=0;t--)this.prepend(e[t]);for(let e of t)this.append(e);this.#t=[...e,...t]}#l(e,t){let n=e.cloneNode(!0);n.setAttribute(`data-carousel-clone`,String(t)),n.setAttribute(`aria-hidden`,`true`);for(let e of[n,...n.querySelectorAll(`[tabindex], a, button, input, select, textarea`)])e.tabIndex=-1;return n}#u(){for(let e of this.#t)e.remove();this.#t=[]}#d(){requestAnimationFrame(()=>{let e=this.#e[0];e&&(this.style.scrollBehavior=`auto`,this.scrollLeft=e.offsetLeft-this.offsetLeft-(parseFloat(getComputedStyle(this).scrollPaddingLeft)||0)+(parseFloat(getComputedStyle(this).paddingLeft)||0),requestAnimationFrame(()=>{this.style.scrollBehavior=``}))})}#f(){this.scrollBy({left:this.clientWidth,behavior:`smooth`})}#p=e=>{if(this.#r){this.#r=!1;return}let t=e.snapTargetInline;if(!t||!t.hasAttribute(`data-carousel-clone`))return;let n=Number(t.getAttribute(`data-carousel-clone`)),r=this.#e[n];if(!r)return;let i=r.offsetLeft-t.offsetLeft;this.#r=!0,this.style.scrollBehavior=`auto`,this.scrollLeft+=i,requestAnimationFrame(()=>{this.style.scrollBehavior=``})};#m(){this.#i||this.autoplay<=0||(this.#a=!1,this.#i=setInterval(()=>this.#f(),this.autoplay),this.setAttribute(`aria-live`,`off`),this.#b())}#h(){this.#i&&=(clearInterval(this.#i),null)}#g=()=>{this.#h(),this.#a=!0,this.setAttribute(`aria-live`,`polite`),this.#b()};#_=()=>{this.#s||this.#m()};#v=()=>{this.#a?(this.#s=!1,this.#m()):this.#g()};#y(){let e=this.querySelector(`[slot="autoplay"]`);if(e)this.#o=e;else{let e=document.createElement(`button`);e.type=`button`,this.append(e),this.#o=e}this.#o.setAttribute(`part`,`autoplay`),this.#o.addEventListener(`click`,this.#v),this.#b()}#b(){this.#o&&(this.#o.setAttribute(`aria-label`,this.#a?`Play`:`Pause`),this.#o.setAttribute(`aria-pressed`,String(!this.#a)),this.#o.hasAttribute(`slot`)||(this.#o.textContent=this.#a?`▶`:`⏸`))}};customElements.get(`wc-carousel`)||customElements.define(`wc-carousel`,Pt);var Ft=class extends ${static{this.properties={breakpoint:{type:String,reflect:!0},projection:{type:Boolean,reflect:!0},singular:{type:Boolean,reflect:!0}}}createRenderRoot(){return this}#e=[];#t=[];#n=[];#r=null;#i=null;#a=null;#o=[];#s=[];#c=0;#l=!1;#u=null;#d=0;init(){this.breakpoint=`40rem`,this.projection=!1,this.singular=!1}constructor(){super(),this.init()}connectedCallback(){super.connectedCallback(),this.#f(),this.#e.length!==0&&(this.#m(),this.projection&&(this.#p(),this.#h(),this.#g(),this.singular&&(this.classList.add(`entries--singular`),this.#v(0))),this.#d=this.#b(),this.#x())}disconnectedCallback(){super.disconnectedCallback(),this.#u?.disconnect(),this.#u=null,this.#a?.remove(),this.#a=null,this.#o=[],this.#i?this.#i.remove():this.#r?.remove(),this.#r=null,this.#i=null,this.#s=[],this.classList.remove(`entries--wide`,`entries--projection`,`entries--singular`)}#f(){this.#e=[];let e=new Set,t=new Map,n=null;for(let r of this.children){let i=r.tagName.toLowerCase();if(/^h[1-6]$/.test(i))n=r;else if(i===`dl`&&n){let i=new Map,a=r.querySelectorAll(`dt`),o=r.querySelectorAll(`dd`);for(let n=0;n<a.length;n++){let r=a[n],s=r.textContent?.trim()??``,c=o[n]?.innerHTML??``;if(s){i.set(s,c),e.add(s);let n=r.getAttribute(`data-label`);n&&!t.has(s)&&t.set(s,n)}}this.#e.push({title:n.innerHTML,heading:n,dl:r,properties:i}),n=null}}this.#t=[...e],this.#n=this.#t.map(e=>t.get(e)??e)}#p(){this.classList.add(`entries--projection`)}#m(){let e=document.createElement(`table`);e.classList.add(`entries__table`),e.setAttribute(`aria-hidden`,`true`);let t=document.createElement(`thead`),n=document.createElement(`tr`),r=document.createElement(`th`);r.textContent=``,n.appendChild(r),this.#s=[];for(let e of this.#t){let t=document.createElement(`th`);t.textContent=e,n.appendChild(t),this.#s.push(t)}t.appendChild(n),e.appendChild(t);let i=document.createElement(`tbody`);for(let e of this.#e){let t=document.createElement(`tr`),n=document.createElement(`td`);n.innerHTML=e.title,n.style.fontWeight=`600`,t.appendChild(n);for(let n of this.#t){let r=document.createElement(`td`);r.innerHTML=e.properties.get(n)??``,t.appendChild(r)}i.appendChild(t)}e.appendChild(i),this.appendChild(e),this.#r=e}#h(){if(!this.#r)return;let e=document.createElement(`div`);e.classList.add(`entries__scroll`),this.#r.replaceWith(e),e.appendChild(this.#r),this.#i=e}#g(){let e=document.createElement(`nav`);e.classList.add(`entries__nav`),e.setAttribute(`aria-label`,`Column selector`),e.setAttribute(`aria-hidden`,`true`),this.#o=this.#t.map((t,n)=>{let r=document.createElement(`button`);return r.type=`button`,r.classList.add(`entries__nav-btn`),r.textContent=this.#n[n]??t,r.setAttribute(`aria-pressed`,String(n===0)),r.addEventListener(`click`,()=>this.#_(n)),e.appendChild(r),r}),this.#i.before(e),this.#a=e}#_(e){this.#c=e;for(let t=0;t<this.#o.length;t++)this.#o[t]?.setAttribute(`aria-pressed`,String(t===e));if(this.singular)this.#v(e);else{let t=this.#s[e];t&&this.#i&&t.scrollIntoView({behavior:`smooth`,block:`nearest`,inline:`start`})}this.dispatchEvent(new CustomEvent(`entries-column-change`,{detail:{column:e,header:this.#t[e]},bubbles:!0,composed:!0}))}#v(e){if(!this.#r)return;let t=e+1;for(let e of this.#r.rows)for(let n=1;n<e.cells.length;n++){let r=e.cells[n];r&&(r.hidden=n!==t)}}#y(){if(this.#r)for(let e of this.#r.rows)for(let t=1;t<e.cells.length;t++){let n=e.cells[t];n&&(n.hidden=!1)}}#b(){let e=this.breakpoint||`40rem`,t=document.createElement(`div`);t.style.width=e,t.style.position=`absolute`,t.style.visibility=`hidden`,this.appendChild(t);let n=t.offsetWidth;return t.remove(),n}#x(){this.#u=new ResizeObserver(this.#S),this.#u.observe(this)}#S=e=>{let t=e[0];if(!t)return;let n=t.contentBoxSize?.[0]?.inlineSize??t.contentRect.width;this.#l=n>=this.#d,this.#l?(this.classList.add(`entries--wide`),this.singular&&this.projection&&this.#y()):(this.classList.remove(`entries--wide`),this.singular&&this.projection&&this.#v(this.#c))}};customElements.get(`wc-entries`)||customElements.define(`wc-entries`,Ft);var It=class e extends ${static{this.styles=[$.styles,o`
+    `}};customElements.get(`wc-copy`)||customElements.define(`wc-copy`,Nt);var Pt=class extends ${static{this.properties={autoplay:{type:Number,reflect:!0}}}createRenderRoot(){return this}#e=[];#t=[];#n=!1;#r=!1;#i=null;#a=!1;#o=null;#s=!1;init(){this.autoplay=0}constructor(){super(),this.init()}connectedCallback(){super.connectedCallback(),this.hasAttribute(`role`)||this.setAttribute(`role`,`region`),this.hasAttribute(`aria-roledescription`)||this.setAttribute(`aria-roledescription`,`carousel`),this.#e=[...this.children].filter(e=>!e.hasAttribute(`slot`)),!(this.#e.length<2)&&(this.#n=this.classList.contains(`carousel--auto-pages`),this.#n||(this.#c(),this.#d(),this.addEventListener(`scrollsnapchange`,this.#p)),!this.autoplay&&this.hasAttribute(`autoplay`)&&(this.autoplay=Number(this.getAttribute(`autoplay`))||0),this.#s=matchMedia(`(prefers-reduced-motion: reduce)`).matches,this.autoplay>0&&(this.#y(),this.#s?(this.#a=!0,this.setAttribute(`aria-live`,`polite`),this.#b()):this.#m(),this.addEventListener(`pointerenter`,this.#g),this.addEventListener(`pointerleave`,this.#_),this.addEventListener(`focusin`,this.#g),this.addEventListener(`focusout`,this.#_)))}disconnectedCallback(){super.disconnectedCallback(),this.#n||(this.removeEventListener(`scrollsnapchange`,this.#p),this.#u()),this.removeEventListener(`pointerenter`,this.#g),this.removeEventListener(`pointerleave`,this.#_),this.removeEventListener(`focusin`,this.#g),this.removeEventListener(`focusout`,this.#_),this.#h(),this.#o&&=(this.#o.removeEventListener(`click`,this.#v),this.#o.hasAttribute(`slot`)||this.#o.remove(),null),this.removeAttribute(`aria-live`)}#c(){let e=[],t=[];for(let n=0;n<this.#e.length;n++){let r=this.#e[n];e.push(this.#l(r,n)),t.push(this.#l(r,n))}for(let t=e.length-1;t>=0;t--)this.prepend(e[t]);for(let e of t)this.append(e);this.#t=[...e,...t]}#l(e,t){let n=e.cloneNode(!0);n.setAttribute(`data-carousel-clone`,String(t)),n.setAttribute(`aria-hidden`,`true`);for(let e of[n,...n.querySelectorAll(`[tabindex], a, button, input, select, textarea`)])e.tabIndex=-1;return n}#u(){for(let e of this.#t)e.remove();this.#t=[]}#d(){requestAnimationFrame(()=>{let e=this.#e[0];e&&(this.style.scrollBehavior=`auto`,this.scrollLeft=e.offsetLeft-this.offsetLeft-(parseFloat(getComputedStyle(this).scrollPaddingLeft)||0)+(parseFloat(getComputedStyle(this).paddingLeft)||0),requestAnimationFrame(()=>{this.style.scrollBehavior=``}))})}#f(){this.scrollBy({left:this.clientWidth,behavior:`smooth`})}#p=e=>{if(this.#r){this.#r=!1;return}let t=e.snapTargetInline;if(!t||!t.hasAttribute(`data-carousel-clone`))return;let n=Number(t.getAttribute(`data-carousel-clone`)),r=this.#e[n];if(!r)return;let i=r.offsetLeft-t.offsetLeft;this.#r=!0,this.style.scrollBehavior=`auto`,this.scrollLeft+=i,requestAnimationFrame(()=>{this.style.scrollBehavior=``})};#m(){this.#i||this.autoplay<=0||(this.#a=!1,this.#i=setInterval(()=>this.#f(),this.autoplay),this.setAttribute(`aria-live`,`off`),this.#b())}#h(){this.#i&&=(clearInterval(this.#i),null)}#g=()=>{this.#h(),this.#a=!0,this.setAttribute(`aria-live`,`polite`),this.#b()};#_=()=>{this.#s||this.#m()};#v=()=>{this.#a?(this.#s=!1,this.#m()):this.#g()};#y(){let e=this.querySelector(`[slot="autoplay"]`);if(e)this.#o=e;else{let e=document.createElement(`button`);e.type=`button`,this.append(e),this.#o=e}this.#o.setAttribute(`part`,`autoplay`),this.#o.addEventListener(`click`,this.#v),this.#b()}#b(){this.#o&&(this.#o.setAttribute(`aria-label`,this.#a?`Play`:`Pause`),this.#o.setAttribute(`aria-pressed`,String(!this.#a)),this.#o.hasAttribute(`slot`)||(this.#o.textContent=this.#a?`▶`:`⏸`))}};customElements.get(`wc-carousel`)||customElements.define(`wc-carousel`,Pt);var Ft=class extends ${static{this.properties={breakpoint:{type:String,reflect:!0},projection:{type:Boolean,reflect:!0},singular:{type:Boolean,reflect:!0}}}createRenderRoot(){return this}#e=[];#t=[];#n=[];#r=null;#i=null;#a=null;#o=[];#s=[];#c=0;#l=!1;#u=null;#d=0;init(){this.breakpoint=`40rem`,this.projection=!1,this.singular=!1}constructor(){super(),this.init()}connectedCallback(){super.connectedCallback(),this.#f(),this.#e.length!==0&&(this.#m(),this.projection&&(this.#p(),this.#h(),this.#g(),this.singular&&(this.classList.add(`entries--singular`),this.#v(0))),this.#d=this.#b(),this.#x())}disconnectedCallback(){super.disconnectedCallback(),this.#u?.disconnect(),this.#u=null,this.#a?.remove(),this.#a=null,this.#o=[],this.#i?this.#i.remove():this.#r?.remove(),this.#r=null,this.#i=null,this.#s=[],this.classList.remove(`entries--wide`,`entries--projection`,`entries--singular`)}#f(){this.#e=[];let e=new Set,t=new Map,n=null;for(let r of this.children){let i=r.tagName.toLowerCase();if(/^h[1-6]$/.test(i))n=r;else if(i===`dl`&&n){let i=new Map,a=r.querySelectorAll(`dt`),o=r.querySelectorAll(`dd`);for(let n=0;n<a.length;n++){let r=a[n],s=r.textContent?.trim()??``,c=o[n]?.innerHTML??``;if(s){i.set(s,c),e.add(s);let n=r.getAttribute(`data-label`);n&&!t.has(s)&&t.set(s,n)}}this.#e.push({title:n.innerHTML,heading:n,dl:r,properties:i}),n=null}}this.#t=[...e],this.#n=this.#t.map(e=>t.get(e)??e)}#p(){this.classList.add(`entries--projection`)}#m(){let e=document.createElement(`table`);e.classList.add(`entries__table`),e.setAttribute(`aria-hidden`,`true`);let t=document.createElement(`thead`),n=document.createElement(`tr`),r=document.createElement(`th`);r.textContent=``,n.appendChild(r),this.#s=[];for(let e of this.#t){let t=document.createElement(`th`);t.textContent=e,n.appendChild(t),this.#s.push(t)}t.appendChild(n),e.appendChild(t);let i=document.createElement(`tbody`);for(let e of this.#e){let t=document.createElement(`tr`),n=document.createElement(`td`);n.innerHTML=e.title,n.style.fontWeight=`600`,t.appendChild(n);for(let n of this.#t){let r=document.createElement(`td`);r.innerHTML=e.properties.get(n)??``,t.appendChild(r)}i.appendChild(t)}e.appendChild(i),this.appendChild(e),this.#r=e}#h(){if(!this.#r)return;let e=document.createElement(`div`);e.classList.add(`entries__scroll`),this.#r.replaceWith(e),e.appendChild(this.#r),this.#i=e}#g(){let e=document.createElement(`nav`);e.classList.add(`entries__nav`),e.setAttribute(`aria-label`,`Column selector`),e.setAttribute(`aria-hidden`,`true`),this.#o=this.#t.map((t,n)=>{let r=document.createElement(`button`);return r.type=`button`,r.classList.add(`entries__nav-btn`),r.textContent=this.#n[n]??t,r.setAttribute(`aria-pressed`,String(n===0)),r.addEventListener(`click`,()=>this.#_(n)),e.appendChild(r),r}),this.#i.before(e),this.#a=e}#_(e){this.#c=e;for(let t=0;t<this.#o.length;t++)this.#o[t]?.setAttribute(`aria-pressed`,String(t===e));if(this.singular)this.#v(e);else{let t=this.#s[e];t&&this.#i&&t.scrollIntoView({behavior:`smooth`,block:`nearest`,inline:`start`})}this.dispatchEvent(new CustomEvent(`entries-column-change`,{detail:{column:e,header:this.#t[e]},bubbles:!0,composed:!0}))}#v(e){if(!this.#r)return;let t=e+1;for(let e of this.#r.rows)for(let n=1;n<e.cells.length;n++){let r=e.cells[n];r&&(r.hidden=n!==t)}}#y(){if(this.#r)for(let e of this.#r.rows)for(let t=1;t<e.cells.length;t++){let n=e.cells[t];n&&(n.hidden=!1)}}#b(){let e=this.breakpoint||`40rem`,t=document.createElement(`div`);t.style.width=e,t.style.position=`absolute`,t.style.visibility=`hidden`,this.appendChild(t);let n=t.offsetWidth;return t.remove(),n}#x(){this.#u=new ResizeObserver(this.#S),this.#u.observe(this)}#S=e=>{let t=e[0];if(!t)return;let n=t.contentBoxSize?.[0]?.inlineSize??t.contentRect.width;this.#l=n>=this.#d,this.#l?(this.classList.add(`entries--wide`),this.singular&&this.projection&&this.#y()):(this.classList.remove(`entries--wide`),this.singular&&this.projection&&this.#v(this.#c))}};customElements.get(`wc-entries`)||customElements.define(`wc-entries`,Ft);var It=class e extends ${static{this.styles=[$.styles,o`
       :host {
         display: none;
       }
@@ -884,4 +884,4 @@ let Tt=!1;const Et=new Y.subtle.Watcher(async()=>{Tt||(Tt=!0,queueMicrotask(()=>
           </button>
         </div>
       </div>
-    `}};customElements.get(`multi-field`)||customElements.define(`multi-field`,Lt);
+    `}};customElements.get(`wc-multifield`)||customElements.define(`wc-multifield`,Lt);var Rt=class extends ${createRenderRoot(){return this}#e=null;#t;connectedCallback(){super.connectedCallback(),this.#e=this.querySelector(`.marquee__content`),this.#e&&(this.style.setProperty(`--_marquee-min`,`auto`),this.#n(),this.#t=new ResizeObserver(()=>this.#n()),this.#t.observe(this))}disconnectedCallback(){this.#t?.disconnect(),super.disconnectedCallback()}#n(){let e=this.#e;if(!e)return;for(let e of this.querySelectorAll(`[data-marquee-clone]`))e.remove();let t=Number.parseFloat(getComputedStyle(this).columnGap)||0,n=e.getBoundingClientRect().width;if(n<=0)return;this.style.setProperty(`--_marquee-distance`,`${n+t}px`);let r=Math.ceil(this.getBoundingClientRect().width/(n+t))+1;for(let t=0;t<r;t++){let t=e.cloneNode(!0);t.dataset.marqueeClone=``,t.setAttribute(`aria-hidden`,`true`),this.append(t)}}};customElements.get(`wc-marquee`)||customElements.define(`wc-marquee`,Rt);