cladux-html 0.1.0 → 0.2.0

package/cl.js

@@ -1,2 +1,866 @@
-/*! cladux-html v0.1.0 | Apache-2.0 | https://cladux.vercel.app/docs/html */
-"use strict";(()=>{function T(e){let t=document.getElementById(e);t instanceof HTMLDialogElement&&!t.open&&t.showModal()}function O(e,t){let o=t.closest("[data-dialog-open]");if(o){T(o.dataset.dialogOpen);return}let r=t.closest("[data-dialog-close]");if(r){r.closest("dialog")?.close();return}if(t instanceof HTMLDialogElement&&t.matches(".cl-dialog")){let i=t.getBoundingClientRect();e.clientX>=i.left&&e.clientX<=i.right&&e.clientY>=i.top&&e.clientY<=i.bottom||t.close()}}var P={top:"bottom",bottom:"top",left:"right",right:"left"};function C(e,t,o={}){let{align:r="center",offset:i=4,padding:s=8}=o,n=o.side??"bottom",a=t.getBoundingClientRect();e.style.setProperty("--cl-anchor-width",`${a.width}px`);let l={width:e.offsetWidth,height:e.offsetHeight},g=document.documentElement.clientWidth,c=document.documentElement.clientHeight,u={top:a.top-i-s,bottom:c-a.bottom-i-s,left:a.left-i-s,right:g-a.right-i-s},h=n==="top"||n==="bottom"?l.height:l.width;u[n]<h&&u[P[n]]>u[n]&&(n=P[n]);let m,f;n==="top"||n==="bottom"?(m=n==="bottom"?a.bottom+i:a.top-i-l.height,f=r==="start"?a.left:r==="end"?a.right-l.width:a.left+(a.width-l.width)/2,f=Math.min(Math.max(f,s),g-l.width-s),e.style.setProperty("--cl-available-height",`${u[n]}px`)):(f=n==="right"?a.right+i:a.left-i-l.width,m=r==="start"?a.top:r==="end"?a.bottom-l.height:a.top+(a.height-l.height)/2,m=Math.min(Math.max(m,s),c-l.height-s)),e.style.top=`${m}px`,e.style.left=`${f}px`,e.dataset.placed=n;let J=n==="left"?"right":n==="right"?"left":`${a.left+a.width/2-f}px`,Q=n==="top"?"bottom":n==="bottom"?"top":`${a.top+a.height/2-m}px`;e.style.transformOrigin=`${J} ${Q}`}var L=".cl-popover, .cl-menu",D=10,E='.cl-menu-item:not(:disabled):not([aria-disabled="true"])';function x(e){return e.dataset.anchor&&document.getElementById(e.dataset.anchor)||document.querySelector(`[popovertarget="${CSS.escape(e.id)}"]`)}function M(e,t,o,r){C(e,t,{side:e.dataset.side||o,align:e.dataset.align||(e.matches(".cl-menu")?"start":"center"),offset:r})}var v=!1;function I(e){let t=e.target;!(t instanceof HTMLElement)||!t.matches(L)||e.newState==="open"&&(t.style.visibility="hidden",t.dataset.placed=t.dataset.side||"bottom")}function N(e){let t=e.target;if(!(t instanceof HTMLElement)||!t.matches(L))return;let o=e.newState==="open",r=x(t);if(r?.setAttribute("aria-expanded",String(o)),!!o){if(r&&M(t,r,"bottom",4),t.style.visibility="",t.matches(".cl-menu")){t.hasAttribute("tabindex")||(t.tabIndex=-1);let i=t.querySelector(E);(v&&i?i:t).focus({preventScroll:!0})}v=!1}}function w(){for(let e of document.querySelectorAll(`${L}, .cl-tooltip`)){if(!e.matches(":popover-open"))continue;let t=e.matches(".cl-tooltip")?document.querySelector(`[aria-describedby~="${CSS.escape(e.id)}"]`):x(e);t&&M(e,t,e.matches(".cl-tooltip")?"top":"bottom",e.matches(".cl-tooltip")?D:4)}}function $(e,t){if(t.matches("[popovertarget]")&&["Enter"," ","ArrowDown"].includes(e.key)){v=!0,e.key==="ArrowDown"&&(e.preventDefault(),t.click());return}let o=t.closest(".cl-menu");if(!o)return;let r=[...o.querySelectorAll(E)],i=r.indexOf(document.activeElement),s=n=>{e.preventDefault(),r[(n+r.length)%r.length]?.focus()};switch(e.key){case"ArrowDown":return s(i+1);case"ArrowUp":return s(i<0?-1:i-1);case"Home":return s(0);case"End":return s(-1);case"Tab":o.hidePopover();return;default:if(e.key.length===1&&/\S/.test(e.key)){let n=e.key.toLowerCase();[...r.slice(i+1),...r.slice(0,i+1)].find(l=>l.textContent?.trim().toLowerCase().startsWith(n))?.focus()}}}function q(e){let t=e.closest(E);t&&t.closest(".cl-menu")&&document.activeElement!==t&&t.focus({preventScroll:!0})}function F(e){let t=e.target;t instanceof HTMLElement&&t.matches(".cl-menu")&&t.contains(document.activeElement)&&t.focus({preventScroll:!0})}function B(e){let t=e.closest(E),o=t?.closest(".cl-menu");if(!t||!o)return;let r=t.getAttribute("role");if(r==="menuitemcheckbox")t.setAttribute("aria-checked",String(t.getAttribute("aria-checked")!=="true"));else if(r==="menuitemradio"){let i=t.closest('[role="group"]')??o;for(let s of i.querySelectorAll('[role="menuitemradio"]'))s.setAttribute("aria-checked",String(s===t))}t.hasAttribute("data-keep-open")||(o.hidePopover(),x(o)?.focus())}function K(e){let t=e.closest("[aria-describedby]");if(!t)return null;for(let o of t.getAttribute("aria-describedby").split(/\s+/)){let r=document.getElementById(o);if(r?.matches(".cl-tooltip"))return{owner:t,tip:r}}return null}function Z(e,t){t.matches(":popover-open")||(t.dataset.placed=t.dataset.side||"top",t.showPopover()),M(t,e,"top",D)}function R(e){e.matches(":popover-open")&&e.hidePopover()}function A(e,t){if(e instanceof PointerEvent&&e.pointerType==="touch"||e instanceof FocusEvent&&!t.matches(":focus-visible"))return;let o=K(t);o&&Z(o.owner,o.tip)}function H(e,t){let o=K(t);if(!o)return;let r=e.relatedTarget;r&&o.owner.contains(r)||R(o.tip)}function W(){for(let e of document.querySelectorAll(".cl-tooltip:popover-open"))R(e)}function z(e){let t=e.closest('[role="tablist"]');if(!(!t||e.matches(":disabled")))for(let o of t.querySelectorAll('[role="tab"]')){let r=o===e;o.setAttribute("aria-selected",String(r)),o.tabIndex=r?0:-1;let i=document.getElementById(o.getAttribute("aria-controls")??"");i&&(i.hidden=!r)}}function X(e){let t=e.closest('.cl-tabs [role="tab"]');t&&z(t)}function Y(e,t){let o=t.closest('.cl-tabs [role="tab"]'),r=o?.closest('[role="tablist"]');if(!o||!r)return;let i=r.getAttribute("aria-orientation")==="vertical",s=[...r.querySelectorAll('[role="tab"]:not(:disabled)')],n=s.indexOf(o),a=i?{ArrowDown:n+1,ArrowUp:n-1,Home:0,End:s.length-1}:{ArrowRight:n+1,ArrowLeft:n-1,Home:0,End:s.length-1};if(!(e.key in a))return;e.preventDefault();let l=s[(a[e.key]+s.length)%s.length];l.focus(),z(l)}function G(e=document){for(let t of e.querySelectorAll('.cl-tabs [role="tab"]'))t.tabIndex=t.getAttribute("aria-selected")==="true"?0:-1}var U={success:'<circle cx="12" cy="12" r="10"/><path d="m16 9-5.5 5.5L8 12"/>',info:'<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',warning:'<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/>',error:'<path d="m15 9-6 6"/><path d="M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z"/><path d="m9 9 6 6"/>',loading:'<path d="M21 12a9 9 0 1 1-6.219-8.56"/>'},tt=e=>`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${e}</svg>`,et=3,S=14;function ot(){let e=document.querySelector("ol.cl-toaster");return e||(e=document.createElement("ol"),e.className="cl-toaster",e.setAttribute("aria-label","Notifications"),e.setAttribute("aria-live","polite"),e.addEventListener("pointerenter",()=>{e.dataset.expanded="",b(e)}),e.addEventListener("pointerleave",()=>{delete e.dataset.expanded,b(e)}),document.body.append(e)),e}function b(e){let t=[...e.querySelectorAll(".cl-toast:not([data-removed])")].reverse(),o=e.dataset.expanded!==void 0,r=t[0];e.style.setProperty("--front-height",`${r?Number(r.dataset.height):0}px`);let i=0;t.forEach((s,n)=>{s.toggleAttribute("data-front",n===0),s.toggleAttribute("data-hidden",n>=et),s.style.zIndex=String(t.length-n);let a=o?-i:-n*S;s.style.setProperty("--y",`${a}px`),s.style.setProperty("--scale",o?"1":String(1-n*.05)),i+=Number(s.dataset.height)+S}),e.style.setProperty("--expanded-height",`${Math.max(0,i-S)}px`)}function y(e){if(e.dataset.removed!==void 0)return;e.dataset.removed="";let t=e.closest(".cl-toaster");t&&b(t),setTimeout(()=>{e.remove(),t&&!t.querySelector(".cl-toast")&&delete t.dataset.expanded},200)}function d(e,t={}){let{description:o,type:r="default",action:i}=t,s=t.duration??(r==="loading"?1/0:4e3),n=document.createElement("li");if(n.className="cl-toast",n.dataset.type=r,n.setAttribute("role",r==="error"?"alert":"status"),U[r]){let c=document.createElement("div");c.className="cl-toast-icon",c.innerHTML=tt(U[r]),n.append(c)}let a=document.createElement("div");a.className="cl-toast-content";let l=document.createElement("div");if(l.className="cl-toast-title",l.textContent=e,a.append(l),o){let c=document.createElement("div");c.className="cl-toast-description",c.textContent=o,a.append(c)}if(n.append(a),i){let c=document.createElement("button");c.type="button",c.className="cl-toast-action",c.textContent=i.label,c.addEventListener("click",u=>{i.onClick?.(u),y(n)}),n.append(c)}let g=ot();if(n.toggleAttribute("data-front",!0),g.append(n),n.dataset.height=String(n.offsetHeight),b(g),Number.isFinite(s)){let c=s,u=Date.now(),h=setTimeout(()=>y(n),c);n.addEventListener("pointerenter",()=>{clearTimeout(h),c-=Date.now()-u}),n.addEventListener("pointerleave",()=>{u=Date.now(),h=setTimeout(()=>y(n),Math.max(c,1e3))})}return()=>y(n)}d.success=(e,t)=>d(e,{...t,type:"success"});d.info=(e,t)=>d(e,{...t,type:"info"});d.warning=(e,t)=>d(e,{...t,type:"warning"});d.error=(e,t)=>d(e,{...t,type:"error"});function V(e){let t=e.closest("[data-toast]");if(!t)return;let{toast:o,toastDescription:r,toastType:i}=t.dataset;d(o,{description:r,type:i||"default"})}var j=!1,p=e=>e instanceof Element?e:null;function k(){if(j||typeof document>"u")return;j=!0,document.addEventListener("click",t=>{let o=p(t.target);o&&(O(t,o),B(o),X(o),V(o))}),document.addEventListener("keydown",t=>{let o=p(t.target);t.key==="Escape"&&W(),o&&($(t,o),Y(t,o))}),document.addEventListener("beforetoggle",I,!0),document.addEventListener("toggle",N,!0),document.addEventListener("pointerleave",F,!0),document.addEventListener("pointermove",t=>{let o=p(t.target);o&&q(o)}),document.addEventListener("pointerover",t=>{let o=p(t.target);o&&A(t,o)}),document.addEventListener("pointerout",t=>{let o=p(t.target);o&&H(t,o)}),document.addEventListener("focusin",t=>{let o=p(t.target);o&&A(t,o)}),document.addEventListener("focusout",t=>{let o=p(t.target);o&&H(t,o)}),window.addEventListener("scroll",w,{capture:!0,passive:!0}),window.addEventListener("resize",w,{passive:!0});let e=()=>G();document.readyState==="loading"?document.addEventListener("DOMContentLoaded",e):e()}var _={start:k,toast:d,openDialog:T};window.cl=_;k();})();
+/*! cladux-html v0.2.0 | Apache-2.0 | https://cladux.vercel.app/docs/html */
+"use strict";
+(() => {
+  var closing = new WeakMap();
+  var reducedMotion = () => matchMedia("(prefers-reduced-motion: reduce)").matches;
+  function close(item) {
+    const content = item.querySelector(":scope > .cl-accordion-content");
+    if (!content || reducedMotion()) {
+      item.open = false;
+      return;
+    }
+    const name = item.getAttribute("name");
+    item.removeAttribute("name");
+    item.dataset.closing = "";
+    const animation = content.animate([{ height: `${content.offsetHeight}px` }, { height: "0px" }], {
+      duration: 200,
+      easing: "ease-out",
+      fill: "forwards"
+    });
+    closing.set(item, { animation, name });
+    animation.onfinish = () => {
+      item.open = false;
+      animation.cancel();
+      finish(item);
+    };
+  }
+  function finish(item) {
+    const state = closing.get(item);
+    if (!state) return;
+    closing.delete(item);
+    if (state.name !== null) item.setAttribute("name", state.name);
+    requestAnimationFrame(() => delete item.dataset.closing);
+  }
+  function onAccordionClick(event, target) {
+    const trigger = target.closest(".cl-accordion-trigger");
+    const item = trigger?.parentElement;
+    if (!(item instanceof HTMLDetailsElement) || !item.matches(".cl-accordion-item")) return;
+    if (trigger !== item.querySelector(":scope > summary")) return;
+    const state = closing.get(item);
+    if (state) {
+      event.preventDefault();
+      state.animation.cancel();
+      finish(item);
+      return;
+    }
+    if (item.open) {
+      event.preventDefault();
+      close(item);
+      return;
+    }
+    const name = item.getAttribute("name");
+    if (!name) return;
+    for (const other of document.querySelectorAll(
+      "details.cl-accordion-item[open]"
+    )) {
+      if (other !== item && other.getAttribute("name") === name) close(other);
+    }
+  }
+  function partsOf(el) {
+    const root = el?.closest(".cl-carousel");
+    const content = root?.querySelector(".cl-carousel-content");
+    if (!root || !content) return null;
+    const items2 = [...content.querySelectorAll(":scope > .cl-carousel-item")];
+    return { root, content, items: items2, vertical: root.dataset.orientation === "vertical" };
+  }
+  var reducedMotion2 = () => matchMedia("(prefers-reduced-motion: reduce)").matches;
+  var sign = ({ content, vertical }) => !vertical && getComputedStyle(content).direction === "rtl" ? -1 : 1;
+  var position = (parts) => Math.abs(parts.vertical ? parts.content.scrollTop : parts.content.scrollLeft);
+  var end = ({ content, vertical }) => vertical ? content.scrollHeight - content.clientHeight : content.scrollWidth - content.clientWidth;
+  function step({ content, items: items2, vertical }) {
+    const first = items2[0];
+    if (!first) return 0;
+    const style = getComputedStyle(content);
+    const gap = parseFloat(vertical ? style.rowGap : style.columnGap) || 0;
+    return (vertical ? first.offsetHeight : first.offsetWidth) + gap;
+  }
+  function scrollToOffset(parts, offset) {
+    const to = Math.min(Math.max(offset, 0), end(parts));
+    parts.content.scrollTo({
+      [parts.vertical ? "top" : "left"]: to * sign(parts),
+      behavior: reducedMotion2() ? "instant" : "smooth"
+    });
+  }
+  var targets = new WeakMap();
+  function go(parts, by) {
+    const size = step(parts);
+    if (!size) return;
+    const last = Math.round(end(parts) / size);
+    const from = targets.get(parts.content)?.index ?? Math.round(position(parts) / size);
+    const index = Math.min(Math.max(from + by, 0), last);
+    clearTimeout(targets.get(parts.content)?.timer);
+    const timer = window.setTimeout(() => targets.delete(parts.content), 700);
+    targets.set(parts.content, { index, timer });
+    scrollToOffset(parts, index * size);
+  }
+  function update(parts) {
+    const at = position(parts);
+    const previous = parts.root.querySelector(".cl-carousel-previous");
+    const next = parts.root.querySelector(".cl-carousel-next");
+    if (previous) previous.disabled = at <= 1;
+    if (next) next.disabled = at >= end(parts) - 1;
+  }
+  function setupCarousels(root = document) {
+    const roots = [...root.querySelectorAll(".cl-carousel")];
+    if (root instanceof HTMLElement && root.matches(".cl-carousel")) roots.push(root);
+    for (const el of roots) {
+      const parts = partsOf(el);
+      if (!parts) continue;
+      if (!parts.content.hasAttribute("tabindex")) parts.content.tabIndex = 0;
+      parts.items.forEach((item, i) => {
+        item.setAttribute("role", "group");
+        item.setAttribute("aria-roledescription", "slide");
+        if (!item.hasAttribute("aria-label")) {
+          item.setAttribute("aria-label", `${i + 1} of ${parts.items.length}`);
+        }
+      });
+      update(parts);
+    }
+  }
+  function onCarouselClick(target) {
+    const button = target.closest(".cl-carousel-previous, .cl-carousel-next");
+    const parts = partsOf(button);
+    if (button && parts) go(parts, button.matches(".cl-carousel-next") ? 1 : -1);
+  }
+  function onCarouselKeyDown(event, target) {
+    if (target.closest("input, textarea, select, [contenteditable]")) return;
+    const parts = partsOf(target);
+    if (!parts || !["ArrowLeft", "ArrowRight"].includes(event.key)) return;
+    const rtl = getComputedStyle(parts.root).direction === "rtl";
+    const forward = event.key === "ArrowRight" !== rtl;
+    event.preventDefault();
+    go(parts, forward ? 1 : -1);
+  }
+  var pending = new WeakSet();
+  function onCarouselScroll(event) {
+    const content = event.target;
+    if (!(content instanceof HTMLElement) || !content.matches(".cl-carousel-content")) return;
+    if (pending.has(content)) return;
+    pending.add(content);
+    requestAnimationFrame(() => {
+      pending.delete(content);
+      const parts = partsOf(content);
+      if (parts) update(parts);
+    });
+  }
+  function onCarouselPointerDown(event, target) {
+    if (event.pointerType !== "mouse" || event.button !== 0) return;
+    const content = target.closest(".cl-carousel-content");
+    const parts = partsOf(content);
+    if (!content || !parts || target.closest("a, button, input, textarea, select, label")) return;
+    const axis = parts.vertical ? "scrollTop" : "scrollLeft";
+    const start2 = content[axis];
+    const from = parts.vertical ? event.clientY : event.clientX;
+    const startIndex = Math.round(position(parts) / (step(parts) || 1));
+    let moved = 0;
+    event.preventDefault();
+    const stop = (e) => e.stopPropagation();
+    const move = (e) => {
+      moved = (parts.vertical ? e.clientY : e.clientX) - from;
+      if (Math.abs(moved) > 3) content.dataset.dragging = "";
+      content[axis] = start2 - moved;
+    };
+    const up = () => {
+      document.removeEventListener("pointermove", move);
+      document.removeEventListener("pointerup", up);
+      document.removeEventListener("pointercancel", up);
+      if (!content.hasAttribute("data-dragging")) return;
+      document.addEventListener("click", stop, { capture: true, once: true });
+      setTimeout(() => document.removeEventListener("click", stop, true));
+      const size = step(parts);
+      const pulled = -moved * sign(parts);
+      const by = Math.abs(pulled) > size / 5 ? Math.sign(pulled) : 0;
+      scrollToOffset(parts, (startIndex + by) * size);
+      const done = () => delete content.dataset.dragging;
+      content.addEventListener("scrollend", done, { once: true });
+      setTimeout(done, 600);
+    };
+    document.addEventListener("pointermove", move);
+    document.addEventListener("pointerup", up);
+    document.addEventListener("pointercancel", up);
+  }
+  var OPPOSITE = { top: "bottom", bottom: "top", left: "right", right: "left" };
+  function place(floating, anchor, options = {}) {
+    const { align = "center", offset = 4, padding = 8 } = options;
+    let side = options.side ?? "bottom";
+    const a = anchor.getBoundingClientRect();
+    floating.style.setProperty("--cl-anchor-width", `${a.width}px`);
+    const f = { width: floating.offsetWidth, height: floating.offsetHeight };
+    const vw = document.documentElement.clientWidth;
+    const vh = document.documentElement.clientHeight;
+    const space = {
+      top: a.top - offset - padding,
+      bottom: vh - a.bottom - offset - padding,
+      left: a.left - offset - padding,
+      right: vw - a.right - offset - padding
+    };
+    const needed = side === "top" || side === "bottom" ? f.height : f.width;
+    if (space[side] < needed && space[OPPOSITE[side]] > space[side]) side = OPPOSITE[side];
+    let top;
+    let left;
+    if (side === "top" || side === "bottom") {
+      top = side === "bottom" ? a.bottom + offset : a.top - offset - f.height;
+      left = align === "start" ? a.left : align === "end" ? a.right - f.width : a.left + (a.width - f.width) / 2;
+      left = Math.min(Math.max(left, padding), vw - f.width - padding);
+      floating.style.setProperty("--cl-available-height", `${space[side]}px`);
+    } else {
+      left = side === "right" ? a.right + offset : a.left - offset - f.width;
+      top = align === "start" ? a.top : align === "end" ? a.bottom - f.height : a.top + (a.height - f.height) / 2;
+      top = Math.min(Math.max(top, padding), vh - f.height - padding);
+    }
+    floating.style.top = `${top}px`;
+    floating.style.left = `${left}px`;
+    floating.dataset.placed = side;
+    const originX = side === "left" ? "right" : side === "right" ? "left" : `${a.left + a.width / 2 - left}px`;
+    const originY = side === "top" ? "bottom" : side === "bottom" ? "top" : `${a.top + a.height / 2 - top}px`;
+    floating.style.transformOrigin = `${originX} ${originY}`;
+  }
+  var ITEM = '.cl-combobox-item:not([aria-disabled="true"])';
+  var ids = 0;
+  var idFor = (el) => el.id || (el.id = `cl-combobox-${++ids}`);
+  function partsOf2(el) {
+    const root = el?.closest(".cl-combobox");
+    const input = root?.querySelector(".cl-combobox-input");
+    const content = root?.querySelector(".cl-combobox-content");
+    const list = content?.querySelector(".cl-combobox-list");
+    return root && input && content && list ? { root, input, content, list } : null;
+  }
+  var isOpen = ({ content }) => content.matches(":popover-open");
+  var items = ({ list }) => [...list.querySelectorAll(".cl-combobox-item")];
+  var visible = (parts) => items(parts).filter((item) => !item.hidden && item.matches(ITEM));
+  var label = (item) => item.textContent?.trim() ?? "";
+  var fold = (text) => text.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase();
+  function setupComboboxes(root = document) {
+    const roots = [...root.querySelectorAll(".cl-combobox")];
+    if (root instanceof HTMLElement && root.matches(".cl-combobox")) roots.push(root);
+    for (const el of roots) {
+      const parts = partsOf2(el);
+      if (!parts) continue;
+      const { input, list } = parts;
+      input.setAttribute("role", "combobox");
+      input.setAttribute("aria-autocomplete", "list");
+      input.setAttribute("aria-haspopup", "listbox");
+      input.setAttribute("aria-expanded", String(isOpen(parts)));
+      input.setAttribute("aria-controls", idFor(list));
+      input.autocomplete = "off";
+      list.setAttribute("role", "listbox");
+      for (const item of items(parts)) {
+        item.setAttribute("role", "option");
+        idFor(item);
+        if (!item.hasAttribute("aria-selected")) item.setAttribute("aria-selected", "false");
+      }
+    }
+  }
+  function position2({ input, content }) {
+    place(content, input, { side: "bottom", align: "start", offset: 6 });
+  }
+  function highlight(parts, item, scroll = true) {
+    for (const other of items(parts)) other.toggleAttribute("data-highlighted", other === item);
+    if (item) {
+      parts.input.setAttribute("aria-activedescendant", item.id);
+      if (scroll) item.scrollIntoView({ block: "nearest" });
+    } else {
+      parts.input.removeAttribute("aria-activedescendant");
+    }
+  }
+  function filter(parts, query) {
+    const q = fold(query.trim());
+    for (const item of items(parts)) item.hidden = !!q && !fold(label(item)).includes(q);
+    for (const group of parts.list.querySelectorAll('[role="group"]')) {
+      group.hidden = !group.querySelector(".cl-combobox-item:not([hidden])");
+    }
+    for (const separator of parts.list.querySelectorAll(".cl-combobox-separator")) {
+      separator.hidden = !!q;
+    }
+    parts.content.toggleAttribute("data-empty", visible(parts).length === 0);
+  }
+  function open(parts) {
+    if (isOpen(parts)) return;
+    setupComboboxes(parts.root);
+    filter(parts, "");
+    parts.content.showPopover();
+    parts.input.setAttribute("aria-expanded", "true");
+    position2(parts);
+    highlight(
+      parts,
+      items(parts).find((item) => item.getAttribute("aria-selected") === "true") ?? null
+    );
+  }
+  function close2(parts) {
+    if (!isOpen(parts)) return;
+    parts.content.hidePopover();
+    parts.input.setAttribute("aria-expanded", "false");
+    highlight(parts, null);
+    const picked = items(parts).find((item) => item.getAttribute("aria-selected") === "true");
+    parts.input.value = picked ? label(picked) : "";
+  }
+  function pick(parts, item) {
+    for (const other of items(parts)) other.setAttribute("aria-selected", String(other === item));
+    const hidden = parts.root.querySelector('input[type="hidden"]');
+    if (hidden) hidden.value = item.dataset.value ?? label(item);
+    close2(parts);
+    parts.input.dispatchEvent(new Event("change", { bubbles: true }));
+  }
+  function onComboboxClick(target) {
+    const parts = partsOf2(target);
+    if (!parts) return;
+    const item = target.closest(ITEM);
+    if (item && parts.list.contains(item)) return pick(parts, item);
+    if (target.closest(".cl-combobox-trigger")) {
+      parts.input.focus();
+      return isOpen(parts) ? close2(parts) : open(parts);
+    }
+    if (target === parts.input && !parts.input.disabled) open(parts);
+  }
+  function onComboboxInput(target) {
+    const parts = partsOf2(target);
+    if (!parts || target !== parts.input) return;
+    open(parts);
+    filter(parts, parts.input.value);
+    highlight(parts, null);
+  }
+  function onComboboxKeyDown(event, target) {
+    const parts = partsOf2(target);
+    if (!parts || target !== parts.input) return;
+    const list = visible(parts);
+    const current = list.findIndex((item) => item.hasAttribute("data-highlighted"));
+    const move = (to) => {
+      event.preventDefault();
+      if (!isOpen(parts)) return open(parts);
+      highlight(parts, list[(to + list.length) % list.length] ?? null);
+    };
+    switch (event.key) {
+      case "ArrowDown":
+        return move(current + 1);
+      case "ArrowUp":
+        return move(current < 0 ? -1 : current - 1);
+      case "Enter":
+        if (isOpen(parts) && current >= 0) {
+          event.preventDefault();
+          pick(parts, list[current]);
+        }
+        return;
+      case "Escape":
+        if (isOpen(parts)) {
+          event.preventDefault();
+          close2(parts);
+        }
+        return;
+      case "Tab":
+        return close2(parts);
+    }
+  }
+  function onComboboxPointerMove(target) {
+    const item = target.closest(ITEM);
+    const parts = partsOf2(item);
+    if (item && parts && !item.hasAttribute("data-highlighted")) highlight(parts, item, false);
+  }
+  function onComboboxPointerDown(event, target) {
+    if (target.closest(".cl-combobox-content, .cl-combobox-trigger")) event.preventDefault();
+  }
+  function onComboboxFocusOut(event, target) {
+    const parts = partsOf2(target);
+    if (!parts || target !== parts.input) return;
+    const next = event.relatedTarget;
+    if (next && parts.root.contains(next)) return;
+    close2(parts);
+  }
+  function repositionComboboxes() {
+    for (const content of document.querySelectorAll(
+      ".cl-combobox-content:popover-open"
+    )) {
+      const parts = partsOf2(content);
+      if (parts) position2(parts);
+    }
+  }
+  function openDialog(id) {
+    const dialog = document.getElementById(id);
+    if (dialog instanceof HTMLDialogElement && !dialog.open) dialog.showModal();
+  }
+  function onDialogClick(event, target) {
+    const opener = target.closest("[data-dialog-open]");
+    if (opener) {
+      openDialog(opener.dataset.dialogOpen);
+      return;
+    }
+    const closer = target.closest("[data-dialog-close]");
+    if (closer) {
+      closer.closest("dialog")?.close();
+      return;
+    }
+    if (target instanceof HTMLDialogElement && target.matches(".cl-dialog, .cl-sheet")) {
+      const r = target.getBoundingClientRect();
+      const inside = event.clientX >= r.left && event.clientX <= r.right && event.clientY >= r.top && event.clientY <= r.bottom;
+      if (!inside) target.close();
+    }
+  }
+  var FLOATING = ".cl-popover, .cl-menu";
+  var TOOLTIP_OFFSET = 10;
+  var ITEM2 = '.cl-menu-item:not(:disabled):not([aria-disabled="true"])';
+  function anchorOf(el) {
+    const custom = el.dataset.anchor && document.getElementById(el.dataset.anchor);
+    return custom || document.querySelector(`[popovertarget="${CSS.escape(el.id)}"]`);
+  }
+  function placeNextTo(el, anchor, side, offset) {
+    place(el, anchor, {
+      side: el.dataset.side || side,
+      align: el.dataset.align || (el.matches(".cl-menu") ? "start" : "center"),
+      offset
+    });
+  }
+  var openedWithKeyboard = false;
+  function onFloatingBeforeToggle(event) {
+    const el = event.target;
+    if (!(el instanceof HTMLElement) || !el.matches(FLOATING)) return;
+    if (event.newState === "open") {
+      el.style.visibility = "hidden";
+      el.dataset.placed = el.dataset.side || "bottom";
+    }
+  }
+  function onFloatingToggle(event) {
+    const el = event.target;
+    if (!(el instanceof HTMLElement) || !el.matches(FLOATING)) return;
+    const open2 = event.newState === "open";
+    const anchor = anchorOf(el);
+    anchor?.setAttribute("aria-expanded", String(open2));
+    if (!open2) return;
+    if (anchor) placeNextTo(el, anchor, "bottom", 4);
+    el.style.visibility = "";
+    if (el.matches(".cl-menu")) {
+      if (!el.hasAttribute("tabindex")) el.tabIndex = -1;
+      const first = el.querySelector(ITEM2);
+      (openedWithKeyboard && first ? first : el).focus({ preventScroll: true });
+    }
+    openedWithKeyboard = false;
+  }
+  function repositionOpen() {
+    for (const el of document.querySelectorAll(`${FLOATING}, .cl-tooltip`)) {
+      if (!el.matches(":popover-open")) continue;
+      const anchor = el.matches(".cl-tooltip") ? document.querySelector(`[aria-describedby~="${CSS.escape(el.id)}"]`) : anchorOf(el);
+      if (anchor)
+        placeNextTo(
+          el,
+          anchor,
+          el.matches(".cl-tooltip") ? "top" : "bottom",
+          el.matches(".cl-tooltip") ? TOOLTIP_OFFSET : 4
+        );
+    }
+  }
+  function onMenuKeyDown(event, target) {
+    if (target.matches("[popovertarget]") && ["Enter", " ", "ArrowDown"].includes(event.key)) {
+      openedWithKeyboard = true;
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        target.click();
+      }
+      return;
+    }
+    const menu = target.closest(".cl-menu");
+    if (!menu) return;
+    const items2 = [...menu.querySelectorAll(ITEM2)];
+    const index = items2.indexOf(document.activeElement);
+    const move = (to) => {
+      event.preventDefault();
+      items2[(to + items2.length) % items2.length]?.focus();
+    };
+    switch (event.key) {
+      case "ArrowDown":
+        return move(index + 1);
+      case "ArrowUp":
+        return move(index < 0 ? -1 : index - 1);
+      case "Home":
+        return move(0);
+      case "End":
+        return move(-1);
+      case "Tab":
+        menu.hidePopover();
+        return;
+      default:
+        if (event.key.length === 1 && /\S/.test(event.key)) {
+          const key = event.key.toLowerCase();
+          const order = [...items2.slice(index + 1), ...items2.slice(0, index + 1)];
+          order.find((item) => item.textContent?.trim().toLowerCase().startsWith(key))?.focus();
+        }
+    }
+  }
+  function onMenuPointerMove(target) {
+    const item = target.closest(ITEM2);
+    if (item && item.closest(".cl-menu") && document.activeElement !== item) {
+      item.focus({ preventScroll: true });
+    }
+  }
+  function onMenuPointerLeave(event) {
+    const menu = event.target;
+    if (menu instanceof HTMLElement && menu.matches(".cl-menu") && menu.contains(document.activeElement)) {
+      menu.focus({ preventScroll: true });
+    }
+  }
+  function onMenuClick(target) {
+    const item = target.closest(ITEM2);
+    const menu = item?.closest(".cl-menu");
+    if (!item || !menu) return;
+    const role = item.getAttribute("role");
+    if (role === "menuitemcheckbox") {
+      item.setAttribute("aria-checked", String(item.getAttribute("aria-checked") !== "true"));
+    } else if (role === "menuitemradio") {
+      const group = item.closest('[role="group"]') ?? menu;
+      for (const radio of group.querySelectorAll('[role="menuitemradio"]')) {
+        radio.setAttribute("aria-checked", String(radio === item));
+      }
+    }
+    if (!item.hasAttribute("data-keep-open")) {
+      menu.hidePopover();
+      anchorOf(menu)?.focus();
+    }
+  }
+  function tooltipFor(target) {
+    const owner = target.closest("[aria-describedby]");
+    if (!owner) return null;
+    for (const id of owner.getAttribute("aria-describedby").split(/\s+/)) {
+      const tip = document.getElementById(id);
+      if (tip?.matches(".cl-tooltip")) return { owner, tip };
+    }
+    return null;
+  }
+  function showTooltip(owner, tip) {
+    if (!tip.matches(":popover-open")) {
+      tip.dataset.placed = tip.dataset.side || "top";
+      tip.showPopover();
+    }
+    placeNextTo(tip, owner, "top", TOOLTIP_OFFSET);
+  }
+  function hideTooltip(tip) {
+    if (tip.matches(":popover-open")) tip.hidePopover();
+  }
+  function onTooltipEnter(event, target) {
+    if (event instanceof PointerEvent && event.pointerType === "touch") return;
+    if (event instanceof FocusEvent && !target.matches(":focus-visible")) return;
+    const found = tooltipFor(target);
+    if (found) showTooltip(found.owner, found.tip);
+  }
+  function onTooltipLeave(event, target) {
+    const found = tooltipFor(target);
+    if (!found) return;
+    const next = event.relatedTarget;
+    if (next && found.owner.contains(next)) return;
+    hideTooltip(found.tip);
+  }
+  function hideAllTooltips() {
+    for (const tip of document.querySelectorAll(".cl-tooltip:popover-open"))
+      hideTooltip(tip);
+  }
+  var THUMB = 12;
+  var bounds = (input) => {
+    const min = input.min === "" ? 0 : Number(input.min);
+    const max = input.max === "" ? 100 : Number(input.max);
+    return { min, max };
+  };
+  function fill(input) {
+    const { min, max } = bounds(input);
+    const percent = max > min ? (Number(input.value) - min) / (max - min) * 100 : 0;
+    input.style.setProperty("--cl-slider-fill", `${percent}%`);
+  }
+  function onSliderInput(target) {
+    if (target instanceof HTMLInputElement && target.matches(".cl-slider")) fill(target);
+  }
+  function setupSliders(root = document) {
+    if (root instanceof HTMLInputElement && root.matches(".cl-slider")) fill(root);
+    for (const input of root.querySelectorAll("input.cl-slider")) fill(input);
+  }
+  function onFormReset(target) {
+    if (target instanceof HTMLFormElement) setTimeout(() => setupSliders(target));
+  }
+  function moveTo(input, x) {
+    const rect = input.getBoundingClientRect();
+    let ratio = Math.min(1, Math.max(0, (x - rect.left - THUMB / 2) / (rect.width - THUMB)));
+    if (getComputedStyle(input).direction === "rtl") ratio = 1 - ratio;
+    const { min, max } = bounds(input);
+    const step2 = input.step === "any" ? 0 : Number(input.step || 1);
+    let value = min + ratio * (max - min);
+    if (step2 > 0) value = min + Math.round((value - min) / step2) * step2;
+    const before = input.value;
+    input.value = String(value);
+    if (input.value !== before) input.dispatchEvent(new Event("input", { bubbles: true }));
+  }
+  function onSliderPointerDown(event, target) {
+    if (event.pointerType === "mouse") return;
+    if (!(target instanceof HTMLInputElement) || !target.matches(".cl-slider") || target.disabled) {
+      return;
+    }
+    const input = target;
+    const start2 = input.value;
+    input.focus({ preventScroll: true });
+    try {
+      input.setPointerCapture(event.pointerId);
+    } catch {
+    }
+    moveTo(input, event.clientX);
+    const move = (e) => {
+      if (e.pointerId === event.pointerId) moveTo(input, e.clientX);
+    };
+    const end2 = (e) => {
+      if (e.pointerId !== event.pointerId) return;
+      input.removeEventListener("pointermove", move);
+      input.removeEventListener("pointerup", end2);
+      input.removeEventListener("pointercancel", end2);
+      if (input.value !== start2) input.dispatchEvent(new Event("change", { bubbles: true }));
+    };
+    input.addEventListener("pointermove", move);
+    input.addEventListener("pointerup", end2);
+    input.addEventListener("pointercancel", end2);
+  }
+  function select(tab) {
+    const list = tab.closest('[role="tablist"]');
+    if (!list || tab.matches(":disabled")) return;
+    for (const other of list.querySelectorAll('[role="tab"]')) {
+      const selected = other === tab;
+      other.setAttribute("aria-selected", String(selected));
+      other.tabIndex = selected ? 0 : -1;
+      const panel = document.getElementById(other.getAttribute("aria-controls") ?? "");
+      if (panel) panel.hidden = !selected;
+    }
+  }
+  function onTabClick(target) {
+    const tab = target.closest('.cl-tabs [role="tab"]');
+    if (tab) select(tab);
+  }
+  function onTabKeyDown(event, target) {
+    const tab = target.closest('.cl-tabs [role="tab"]');
+    const list = tab?.closest('[role="tablist"]');
+    if (!tab || !list) return;
+    const vertical = list.getAttribute("aria-orientation") === "vertical";
+    const tabs = [...list.querySelectorAll('[role="tab"]:not(:disabled)')];
+    const index = tabs.indexOf(tab);
+    const keys = vertical ? { ArrowDown: index + 1, ArrowUp: index - 1, Home: 0, End: tabs.length - 1 } : { ArrowRight: index + 1, ArrowLeft: index - 1, Home: 0, End: tabs.length - 1 };
+    if (!(event.key in keys)) return;
+    event.preventDefault();
+    const next = tabs[(keys[event.key] + tabs.length) % tabs.length];
+    next.focus();
+    select(next);
+  }
+  function setupTabs(root = document) {
+    for (const tab of root.querySelectorAll('.cl-tabs [role="tab"]')) {
+      tab.tabIndex = tab.getAttribute("aria-selected") === "true" ? 0 : -1;
+    }
+  }
+  var ICONS = {
+    success: '<circle cx="12" cy="12" r="10"/><path d="m16 9-5.5 5.5L8 12"/>',
+    info: '<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',
+    warning: '<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/>',
+    error: '<path d="m15 9-6 6"/><path d="M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z"/><path d="m9 9 6 6"/>',
+    loading: '<path d="M21 12a9 9 0 1 1-6.219-8.56"/>'
+  };
+  var svg = (paths) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${paths}</svg>`;
+  var VISIBLE = 3;
+  var GAP = 14;
+  function toaster() {
+    let list = document.querySelector("ol.cl-toaster");
+    if (!list) {
+      list = document.createElement("ol");
+      list.className = "cl-toaster";
+      list.setAttribute("aria-label", "Notifications");
+      list.setAttribute("aria-live", "polite");
+      list.addEventListener("pointerenter", () => {
+        list.dataset.expanded = "";
+        layout(list);
+      });
+      list.addEventListener("pointerleave", () => {
+        delete list.dataset.expanded;
+        layout(list);
+      });
+      document.body.append(list);
+    }
+    return list;
+  }
+  function layout(list) {
+    const toasts = [...list.querySelectorAll(".cl-toast:not([data-removed])")].reverse();
+    const expanded = list.dataset.expanded !== void 0;
+    const front = toasts[0];
+    list.style.setProperty("--front-height", `${front ? Number(front.dataset.height) : 0}px`);
+    let offset = 0;
+    toasts.forEach((el, i) => {
+      el.toggleAttribute("data-front", i === 0);
+      el.toggleAttribute("data-hidden", i >= VISIBLE);
+      el.style.zIndex = String(toasts.length - i);
+      const y = expanded ? -offset : -i * GAP;
+      el.style.setProperty("--y", `${y}px`);
+      el.style.setProperty("--scale", expanded ? "1" : String(1 - i * 0.05));
+      offset += Number(el.dataset.height) + GAP;
+    });
+    list.style.setProperty("--expanded-height", `${Math.max(0, offset - GAP)}px`);
+  }
+  function dismiss(el) {
+    if (el.dataset.removed !== void 0) return;
+    el.dataset.removed = "";
+    const list = el.closest(".cl-toaster");
+    if (list) layout(list);
+    setTimeout(() => {
+      el.remove();
+      if (list && !list.querySelector(".cl-toast")) delete list.dataset.expanded;
+    }, 200);
+  }
+  function toast(title, options = {}) {
+    const { description, type = "default", action } = options;
+    const duration = options.duration ?? (type === "loading" ? Infinity : 4e3);
+    const el = document.createElement("li");
+    el.className = "cl-toast";
+    el.dataset.type = type;
+    el.setAttribute("role", type === "error" ? "alert" : "status");
+    if (ICONS[type]) {
+      const icon = document.createElement("div");
+      icon.className = "cl-toast-icon";
+      icon.innerHTML = svg(ICONS[type]);
+      el.append(icon);
+    }
+    const content = document.createElement("div");
+    content.className = "cl-toast-content";
+    const titleEl = document.createElement("div");
+    titleEl.className = "cl-toast-title";
+    titleEl.textContent = title;
+    content.append(titleEl);
+    if (description) {
+      const desc = document.createElement("div");
+      desc.className = "cl-toast-description";
+      desc.textContent = description;
+      content.append(desc);
+    }
+    el.append(content);
+    if (action) {
+      const button = document.createElement("button");
+      button.type = "button";
+      button.className = "cl-toast-action";
+      button.textContent = action.label;
+      button.addEventListener("click", (event) => {
+        action.onClick?.(event);
+        dismiss(el);
+      });
+      el.append(button);
+    }
+    const list = toaster();
+    el.toggleAttribute("data-front", true);
+    list.append(el);
+    el.dataset.height = String(el.offsetHeight);
+    layout(list);
+    if (Number.isFinite(duration)) {
+      let remaining = duration;
+      let started2 = Date.now();
+      let timer = setTimeout(() => dismiss(el), remaining);
+      el.addEventListener("pointerenter", () => {
+        clearTimeout(timer);
+        remaining -= Date.now() - started2;
+      });
+      el.addEventListener("pointerleave", () => {
+        started2 = Date.now();
+        timer = setTimeout(() => dismiss(el), Math.max(remaining, 1e3));
+      });
+    }
+    return () => dismiss(el);
+  }
+  toast.success = (title, options) => toast(title, { ...options, type: "success" });
+  toast.info = (title, options) => toast(title, { ...options, type: "info" });
+  toast.warning = (title, options) => toast(title, { ...options, type: "warning" });
+  toast.error = (title, options) => toast(title, { ...options, type: "error" });
+  function onToastClick(target) {
+    const trigger = target.closest("[data-toast]");
+    if (!trigger) return;
+    const { toast: title, toastDescription, toastType } = trigger.dataset;
+    toast(title, { description: toastDescription, type: toastType || "default" });
+  }
+  var started = false;
+  var asElement = (target) => target instanceof Element ? target : null;
+  function start() {
+    if (started || typeof document === "undefined") return;
+    started = true;
+    document.addEventListener("click", (event) => {
+      const target = asElement(event.target);
+      if (!target) return;
+      onAccordionClick(event, target);
+      onCarouselClick(target);
+      onComboboxClick(target);
+      onDialogClick(event, target);
+      onMenuClick(target);
+      onTabClick(target);
+      onToastClick(target);
+    });
+    document.addEventListener("keydown", (event) => {
+      const target = asElement(event.target);
+      if (event.key === "Escape") hideAllTooltips();
+      if (!target) return;
+      onCarouselKeyDown(event, target);
+      onComboboxKeyDown(event, target);
+      onMenuKeyDown(event, target);
+      onTabKeyDown(event, target);
+    });
+    document.addEventListener("input", (event) => {
+      const target = asElement(event.target);
+      if (!target) return;
+      onComboboxInput(target);
+      onSliderInput(target);
+    });
+    document.addEventListener("reset", (event) => {
+      const target = asElement(event.target);
+      if (target) onFormReset(target);
+    });
+    document.addEventListener("pointerdown", (event) => {
+      const target = asElement(event.target);
+      if (!target) return;
+      onCarouselPointerDown(event, target);
+      onComboboxPointerDown(event, target);
+      onSliderPointerDown(event, target);
+    });
+    document.addEventListener("beforetoggle", onFloatingBeforeToggle, true);
+    document.addEventListener("toggle", onFloatingToggle, true);
+    document.addEventListener("pointerleave", onMenuPointerLeave, true);
+    document.addEventListener("pointermove", (event) => {
+      const target = asElement(event.target);
+      if (!target) return;
+      onComboboxPointerMove(target);
+      onMenuPointerMove(target);
+    });
+    document.addEventListener("pointerover", (event) => {
+      const target = asElement(event.target);
+      if (target) onTooltipEnter(event, target);
+    });
+    document.addEventListener("pointerout", (event) => {
+      const target = asElement(event.target);
+      if (target) onTooltipLeave(event, target);
+    });
+    document.addEventListener("focusin", (event) => {
+      const target = asElement(event.target);
+      if (target) onTooltipEnter(event, target);
+    });
+    document.addEventListener("focusout", (event) => {
+      const target = asElement(event.target);
+      if (!target) return;
+      onComboboxFocusOut(event, target);
+      onTooltipLeave(event, target);
+    });
+    const reposition = () => {
+      repositionOpen();
+      repositionComboboxes();
+    };
+    window.addEventListener("scroll", reposition, { capture: true, passive: true });
+    window.addEventListener("resize", reposition, { passive: true });
+    document.addEventListener("scroll", onCarouselScroll, { capture: true, passive: true });
+    window.addEventListener("resize", () => setupCarousels(), { passive: true });
+    const setup = (root) => {
+      setupTabs(root);
+      setupSliders(root);
+      setupComboboxes(root);
+      setupCarousels(root);
+    };
+    const ready = () => {
+      setup(document);
+      new MutationObserver((records) => {
+        for (const record of records) {
+          for (const node of record.addedNodes) if (node instanceof Element) setup(node);
+        }
+      }).observe(document.body, { childList: true, subtree: true });
+    };
+    if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", ready);
+    else ready();
+  }
+  var cl = { start, toast, openDialog };
+  window.cl = cl;
+  start();
+})();