@expressivecss/expressive 0.13.1 → 0.15.0

package/dist/js/chunks/chunk-KUFHW3DS.mjs

@@ -0,0 +1,214 @@
+import {
+  Component
+} from "./chunk-PD6HYHAE.mjs";
+
+// src/ts/components/confetti.ts
+var _defaults = {
+  particleCount: 50,
+  angle: 90,
+  spread: 45,
+  startVelocity: 45,
+  decay: 0.9,
+  gravity: 1,
+  drift: 0,
+  ticks: 200,
+  origin: { x: 0.5, y: 0.5 },
+  colors: [],
+  shapes: ["square", "circle"],
+  scalar: 1,
+  manualStart: false
+};
+var THEME_COLORS = ["primary", "secondary", "tertiary", "primary-container", "secondary-container", "tertiary-container"];
+var FALLBACK_COLORS = ["#26ccff", "#a25afd", "#ff5e7e", "#88ff5a", "#fcff42", "#ffa62d", "#ff36ff"];
+var RAD = Math.PI / 180;
+var scenes = /* @__PURE__ */ new Map();
+var overlay = null;
+var Confetti = class _Confetti extends Component {
+  constructor(el, options) {
+    super(el, options, _Confetti);
+    this._onClick = () => {
+      this.fire();
+    };
+    this.el["Expressive_Confetti"] = this;
+    this.options = { ..._Confetti.defaults, ...options };
+    if (!(el instanceof HTMLCanvasElement)) el.addEventListener("click", this._onClick);
+    else if (!this.options.manualStart) this.fire();
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  static init(els, options = {}) {
+    return super.init(els, options, _Confetti);
+  }
+  static getInstance(el) {
+    return el["Expressive_Confetti"];
+  }
+  /**
+   * Bursts over the whole viewport. Resolves when the last piece is gone.
+   */
+  static fire(options = {}) {
+    return burst(viewportCanvas, document.body, { ..._Confetti.defaults, ...options });
+  }
+  /**
+   * Bursts on this canvas, or from this element's center over the viewport.
+   * Resolves when the last piece is gone.
+   */
+  fire(options = {}) {
+    const merged = { ...this.options, ...options };
+    if (this.el instanceof HTMLCanvasElement) {
+      const canvas = this.el;
+      return burst(() => canvas, canvas.parentElement ?? document.body, merged);
+    }
+    const r = this.el.getBoundingClientRect();
+    merged.origin = { x: (r.left + r.width / 2) / innerWidth, y: (r.top + r.height / 2) / innerHeight };
+    return burst(viewportCanvas, this.el.parentElement ?? document.body, merged);
+  }
+  destroy() {
+    this.el.removeEventListener("click", this._onClick);
+    if (this.el instanceof HTMLCanvasElement) stop(this.el);
+    this.el["Expressive_Confetti"] = void 0;
+  }
+};
+function burst(getCanvas, themed, o) {
+  if (typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches) return Promise.resolve();
+  const canvas = getCanvas();
+  let scene = scenes.get(canvas);
+  if (!scene) {
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return Promise.resolve();
+    scene = { ctx, pieces: [], frame: 0, last: 0, done: [], overlay: canvas === overlay };
+    scenes.set(canvas, scene);
+  }
+  const { width, height } = fit(canvas);
+  const colors = o.colors.length ? o.colors : themeColors(themed);
+  const x = (o.origin.x ?? 0.5) * width;
+  const y = (o.origin.y ?? 0.5) * height;
+  for (let i = 0; i < o.particleCount; i++) {
+    scene.pieces.push({
+      x,
+      y,
+      velocity: o.startVelocity * (0.5 + Math.random()),
+      angle: -o.angle * RAD + (0.5 - Math.random()) * o.spread * RAD,
+      wobble: Math.random() * 10,
+      wobbleSpeed: 0.05 + Math.random() * 0.05,
+      tilt: (0.25 + Math.random() / 2) * Math.PI,
+      tick: 0,
+      color: colors[i % colors.length],
+      shape: o.shapes[Math.floor(Math.random() * o.shapes.length)] ?? "square",
+      options: o
+    });
+  }
+  const s = scene;
+  if (!s.frame) s.frame = requestAnimationFrame((now) => {
+    s.last = now;
+    draw(canvas, s, now);
+  });
+  return new Promise((resolve) => s.done.push(resolve));
+}
+function draw(canvas, scene, now) {
+  const step = Math.min((now - scene.last) / (1e3 / 60), 4);
+  scene.last = now;
+  const { width, height } = fit(canvas);
+  const { ctx } = scene;
+  const dpr = canvas.width / (width || 1);
+  ctx.setTransform(1, 0, 0, 1, 0, 0);
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  scene.pieces = scene.pieces.filter((p) => {
+    const o = p.options;
+    p.x += (Math.cos(p.angle) * p.velocity + o.drift) * step;
+    p.y += (Math.sin(p.angle) * p.velocity + o.gravity * 3) * step;
+    p.velocity *= o.decay ** step;
+    p.wobble += p.wobbleSpeed * step;
+    p.tilt += 0.1 * step;
+    p.tick += step;
+    if (p.tick >= o.ticks) return false;
+    const size = 8 * o.scalar;
+    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+    ctx.translate(p.x + 10 * o.scalar * Math.cos(p.wobble), p.y + 10 * o.scalar * Math.sin(p.wobble));
+    ctx.rotate(p.tilt);
+    ctx.scale(1, Math.cos(p.wobble));
+    ctx.globalAlpha = 1 - p.tick / o.ticks;
+    ctx.fillStyle = p.color;
+    ctx.beginPath();
+    if (p.shape === "circle") ctx.arc(0, 0, size / 2, 0, 2 * Math.PI);
+    else if (p.shape === "star") star(ctx, size * 0.75);
+    else ctx.rect(-size / 2, -size / 2, size, size);
+    ctx.fill();
+    return true;
+  });
+  if (scene.pieces.length) scene.frame = requestAnimationFrame((t) => draw(canvas, scene, t));
+  else stop(canvas);
+}
+function stop(canvas) {
+  const scene = scenes.get(canvas);
+  if (!scene) return;
+  cancelAnimationFrame(scene.frame);
+  scenes.delete(canvas);
+  scene.ctx.setTransform(1, 0, 0, 1, 0, 0);
+  scene.ctx.clearRect(0, 0, canvas.width, canvas.height);
+  if (scene.overlay) {
+    canvas.remove();
+    overlay = null;
+  }
+  for (const resolve of scene.done) resolve();
+}
+function star(ctx, r) {
+  for (let i = 0; i < 10; i++) {
+    const a = i * Math.PI / 5 - Math.PI / 2;
+    const d = i % 2 ? r / 2 : r;
+    ctx.lineTo(Math.cos(a) * d, Math.sin(a) * d);
+  }
+  ctx.closePath();
+}
+function fit(canvas) {
+  const width = canvas.clientWidth;
+  const height = canvas.clientHeight;
+  const w = Math.round(width * devicePixelRatio);
+  const h = Math.round(height * devicePixelRatio);
+  if (canvas.width !== w || canvas.height !== h) {
+    canvas.width = w;
+    canvas.height = h;
+  }
+  return { width, height };
+}
+function viewportCanvas() {
+  if (overlay?.isConnected) return overlay;
+  overlay = document.createElement("canvas");
+  overlay.className = "confetti-overlay";
+  overlay.setAttribute("aria-hidden", "true");
+  Object.assign(overlay.style, {
+    position: "fixed",
+    inset: "0",
+    width: "100%",
+    height: "100%",
+    margin: "0",
+    padding: "0",
+    border: "0",
+    background: "transparent",
+    pointerEvents: "none",
+    zIndex: "10001"
+  });
+  document.body.append(overlay);
+  if (typeof overlay.showPopover === "function") {
+    overlay.popover = "manual";
+    overlay.showPopover();
+  }
+  return overlay;
+}
+function themeColors(themed) {
+  const probe = document.createElement("span");
+  probe.hidden = true;
+  themed.append(probe);
+  const style = getComputedStyle(probe);
+  const colors = THEME_COLORS.filter((role) => style.getPropertyValue(`--md-sys-color-${role}`).trim()).map((role) => {
+    probe.style.color = `var(--md-sys-color-${role})`;
+    return getComputedStyle(probe).color;
+  });
+  probe.remove();
+  return colors.length ? colors : FALLBACK_COLORS;
+}
+
+export {
+  Confetti
+};
+//# sourceMappingURL=chunk-KUFHW3DS.mjs.map

package/dist/js/chunks/chunk-KUFHW3DS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/confetti.ts"],
+  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nexport type ConfettiShape = 'square' | 'circle' | 'star';\n\nexport interface ConfettiOptions extends BaseOptions {\n  /**\n   * Pieces per burst.\n   * @default 50\n   */\n  particleCount: number;\n  /**\n   * Launch direction in degrees. 90 is straight up, 0 is right.\n   * @default 90\n   */\n  angle: number;\n  /**\n   * How far the pieces fan out from the angle, in degrees.\n   * @default 45\n   */\n  spread: number;\n  /**\n   * Launch speed in pixels per frame.\n   * @default 45\n   */\n  startVelocity: number;\n  /**\n   * Share of its speed a piece keeps each frame.\n   * @default 0.9\n   */\n  decay: number;\n  /**\n   * Pull toward the bottom. 0 floats, 1 is normal.\n   * @default 1\n   */\n  gravity: number;\n  /**\n   * Sideways push per frame. Negative drifts left.\n   * @default 0\n   */\n  drift: number;\n  /**\n   * Frames a piece lives while it fades out.\n   * @default 200\n   */\n  ticks: number;\n  /**\n   * Launch point as fractions of the canvas, 0 to 1. A missing side is\n   * 0.5. A trigger element ignores it and launches from its own center.\n   * @default { x: 0.5, y: 0.5 }\n   */\n  origin: { x?: number; y?: number };\n  /**\n   * CSS colors. Empty uses the theme's primary, secondary and tertiary\n   * colors and their containers.\n   * @default []\n   */\n  colors: string[];\n  /**\n   * @default ['square', 'circle']\n   */\n  shapes: ConfettiShape[];\n  /**\n   * Piece size multiplier.\n   * @default 1\n   */\n  scalar: number;\n  /**\n   * On a canvas, wait for `fire()` instead of bursting once at init.\n   * @default false\n   */\n  manualStart: boolean;\n}\n\nconst _defaults: ConfettiOptions = {\n  particleCount: 50,\n  angle: 90,\n  spread: 45,\n  startVelocity: 45,\n  decay: 0.9,\n  gravity: 1,\n  drift: 0,\n  ticks: 200,\n  origin: { x: 0.5, y: 0.5 },\n  colors: [],\n  shapes: ['square', 'circle'],\n  scalar: 1,\n  manualStart: false\n};\n\nconst THEME_COLORS = ['primary', 'secondary', 'tertiary', 'primary-container', 'secondary-container', 'tertiary-container'];\n// Used when the page has no theme tokens.\nconst FALLBACK_COLORS = ['#26ccff', '#a25afd', '#ff5e7e', '#88ff5a', '#fcff42', '#ffa62d', '#ff36ff'];\nconst RAD = Math.PI / 180;\n\ninterface Piece {\n  x: number;\n  y: number;\n  velocity: number;\n  angle: number;\n  wobble: number;\n  wobbleSpeed: number;\n  tilt: number;\n  tick: number;\n  color: string;\n  shape: ConfettiShape;\n  options: ConfettiOptions;\n}\n\ninterface Scene {\n  ctx: CanvasRenderingContext2D;\n  pieces: Piece[];\n  frame: number;\n  last: number;\n  done: (() => void)[];\n  overlay: boolean;\n}\n\nconst scenes = new Map<HTMLCanvasElement, Scene>();\nlet overlay: HTMLCanvasElement | null = null;\n\n/**\n * Confetti. Bursts of theme-colored pieces drawn on a canvas.\n *\n * - `Confetti.fire(options)` bursts over the whole viewport.\n * - Any other `.confetti` element bursts from its center when clicked.\n * - A `<canvas class=\"confetti\">` bursts inside its own box, once at init\n *   unless `manualStart`, and again on each `fire()`.\n *\n * The viewport canvas is a manual popover, so it draws above an open modal\n * dialog, and it ignores the pointer. Nothing is drawn when the reader\n * prefers reduced motion.\n */\nexport class Confetti extends Component<ConfettiOptions> {\n  private _onClick = () => { this.fire(); };\n\n  constructor(el: HTMLElement, options: Partial<ConfettiOptions>) {\n    super(el, options, Confetti);\n    this.el['Expressive_Confetti'] = this;\n    this.options = { ...Confetti.defaults, ...options };\n    if (!(el instanceof HTMLCanvasElement)) el.addEventListener('click', this._onClick);\n    else if (!this.options.manualStart) this.fire();\n  }\n\n  static get defaults(): ConfettiOptions {\n    return _defaults;\n  }\n\n  static init(el: HTMLElement, options?: Partial<ConfettiOptions>): Confetti;\n  static init(els: InitElements<InitElement>, options?: Partial<ConfettiOptions>): Confetti[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<ConfettiOptions> = {}\n  ): Confetti | Confetti[] {\n    return super.init(els, options, Confetti);\n  }\n\n  static getInstance(el: HTMLElement): Confetti {\n    return el['Expressive_Confetti'];\n  }\n\n  /**\n   * Bursts over the whole viewport. Resolves when the last piece is gone.\n   */\n  static fire(options: Partial<ConfettiOptions> = {}): Promise<void> {\n    return burst(viewportCanvas, document.body, { ...Confetti.defaults, ...options });\n  }\n\n  /**\n   * Bursts on this canvas, or from this element's center over the viewport.\n   * Resolves when the last piece is gone.\n   */\n  fire(options: Partial<ConfettiOptions> = {}): Promise<void> {\n    const merged = { ...this.options, ...options };\n    if (this.el instanceof HTMLCanvasElement) {\n      const canvas = this.el;\n      return burst(() => canvas, canvas.parentElement ?? document.body, merged);\n    }\n    const r = this.el.getBoundingClientRect();\n    merged.origin = { x: (r.left + r.width / 2) / innerWidth, y: (r.top + r.height / 2) / innerHeight };\n    return burst(viewportCanvas, this.el.parentElement ?? document.body, merged);\n  }\n\n  destroy() {\n    this.el.removeEventListener('click', this._onClick);\n    if (this.el instanceof HTMLCanvasElement) stop(this.el);\n    this.el['Expressive_Confetti'] = undefined;\n  }\n}\n\n// `themed` is where the theme colors are read, so a scoped theme applies.\nfunction burst(getCanvas: () => HTMLCanvasElement, themed: Element, o: ConfettiOptions): Promise<void> {\n  if (typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches) return Promise.resolve();\n  const canvas = getCanvas();\n  let scene = scenes.get(canvas);\n  if (!scene) {\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return Promise.resolve();\n    scene = { ctx, pieces: [], frame: 0, last: 0, done: [], overlay: canvas === overlay };\n    scenes.set(canvas, scene);\n  }\n  const { width, height } = fit(canvas);\n  const colors = o.colors.length ? o.colors : themeColors(themed);\n  const x = (o.origin.x ?? 0.5) * width;\n  const y = (o.origin.y ?? 0.5) * height;\n  for (let i = 0; i < o.particleCount; i++) {\n    scene.pieces.push({\n      x, y,\n      velocity: o.startVelocity * (0.5 + Math.random()),\n      angle: -o.angle * RAD + (0.5 - Math.random()) * o.spread * RAD,\n      wobble: Math.random() * 10,\n      wobbleSpeed: 0.05 + Math.random() * 0.05,\n      tilt: (0.25 + Math.random() / 2) * Math.PI,\n      tick: 0,\n      color: colors[i % colors.length],\n      shape: o.shapes[Math.floor(Math.random() * o.shapes.length)] ?? 'square',\n      options: o\n    });\n  }\n  const s = scene;\n  if (!s.frame) s.frame = requestAnimationFrame((now) => { s.last = now; draw(canvas, s, now); });\n  return new Promise((resolve) => s.done.push(resolve));\n}\n\nfunction draw(canvas: HTMLCanvasElement, scene: Scene, now: number) {\n  // Frames are counted at 60 per second whatever the display rate.\n  const step = Math.min((now - scene.last) / (1000 / 60), 4);\n  scene.last = now;\n  const { width, height } = fit(canvas);\n  const { ctx } = scene;\n  const dpr = canvas.width / (width || 1);\n  ctx.setTransform(1, 0, 0, 1, 0, 0);\n  ctx.clearRect(0, 0, canvas.width, canvas.height);\n  scene.pieces = scene.pieces.filter((p) => {\n    const o = p.options;\n    p.x += (Math.cos(p.angle) * p.velocity + o.drift) * step;\n    p.y += (Math.sin(p.angle) * p.velocity + o.gravity * 3) * step;\n    p.velocity *= o.decay ** step;\n    p.wobble += p.wobbleSpeed * step;\n    p.tilt += 0.1 * step;\n    p.tick += step;\n    if (p.tick >= o.ticks) return false;\n    const size = 8 * o.scalar;\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    ctx.translate(p.x + 10 * o.scalar * Math.cos(p.wobble), p.y + 10 * o.scalar * Math.sin(p.wobble));\n    ctx.rotate(p.tilt);\n    ctx.scale(1, Math.cos(p.wobble));\n    ctx.globalAlpha = 1 - p.tick / o.ticks;\n    ctx.fillStyle = p.color;\n    ctx.beginPath();\n    if (p.shape === 'circle') ctx.arc(0, 0, size / 2, 0, 2 * Math.PI);\n    else if (p.shape === 'star') star(ctx, size * 0.75);\n    else ctx.rect(-size / 2, -size / 2, size, size);\n    ctx.fill();\n    return true;\n  });\n  if (scene.pieces.length) scene.frame = requestAnimationFrame((t) => draw(canvas, scene, t));\n  else stop(canvas);\n}\n\nfunction stop(canvas: HTMLCanvasElement) {\n  const scene = scenes.get(canvas);\n  if (!scene) return;\n  cancelAnimationFrame(scene.frame);\n  scenes.delete(canvas);\n  scene.ctx.setTransform(1, 0, 0, 1, 0, 0);\n  scene.ctx.clearRect(0, 0, canvas.width, canvas.height);\n  if (scene.overlay) {\n    canvas.remove();\n    overlay = null;\n  }\n  for (const resolve of scene.done) resolve();\n}\n\nfunction star(ctx: CanvasRenderingContext2D, r: number) {\n  for (let i = 0; i < 10; i++) {\n    const a = (i * Math.PI) / 5 - Math.PI / 2;\n    const d = i % 2 ? r / 2 : r;\n    ctx.lineTo(Math.cos(a) * d, Math.sin(a) * d);\n  }\n  ctx.closePath();\n}\n\n// Matches the canvas's pixel buffer to its box and the screen's pixel ratio.\nfunction fit(canvas: HTMLCanvasElement) {\n  const width = canvas.clientWidth;\n  const height = canvas.clientHeight;\n  const w = Math.round(width * devicePixelRatio);\n  const h = Math.round(height * devicePixelRatio);\n  if (canvas.width !== w || canvas.height !== h) {\n    canvas.width = w;\n    canvas.height = h;\n  }\n  return { width, height };\n}\n\nfunction viewportCanvas(): HTMLCanvasElement {\n  if (overlay?.isConnected) return overlay;\n  overlay = document.createElement('canvas');\n  overlay.className = 'confetti-overlay';\n  overlay.setAttribute('aria-hidden', 'true');\n  // Inline, so the overlay works even where the stylesheet does not reach.\n  Object.assign(overlay.style, {\n    position: 'fixed', inset: '0', width: '100%', height: '100%', margin: '0', padding: '0',\n    border: '0', background: 'transparent', pointerEvents: 'none', zIndex: '10001'\n  });\n  document.body.append(overlay);\n  if (typeof overlay.showPopover === 'function') {\n    overlay.popover = 'manual';\n    overlay.showPopover();\n  }\n  return overlay;\n}\n\n// Resolves each theme color token through `color`, so light-dark() and\n// relative colors reach the canvas as plain colors.\nfunction themeColors(themed: Element): string[] {\n  const probe = document.createElement('span');\n  probe.hidden = true;\n  themed.append(probe);\n  const style = getComputedStyle(probe);\n  const colors = THEME_COLORS.filter((role) => style.getPropertyValue(`--md-sys-color-${role}`).trim()).map((role) => {\n    probe.style.color = `var(--md-sys-color-${role})`;\n    return getComputedStyle(probe).color;\n  });\n  probe.remove();\n  return colors.length ? colors : FALLBACK_COLORS;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-LWBQIX5J.mjs → chunk-KVJAVDBC.mjs}

@@ -1,9 +1,9 @@
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/carousel.ts
 var _defaults = {
@@ -22,6 +22,7 @@ var _defaults = {
     slide: "Slide"
   }
 };
+var naturallyFocusable = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 var _Carousel = class _Carousel extends Component {
   constructor(el, options) {
     super(el, options, _Carousel);
@@ -112,6 +113,7 @@ var _Carousel = class _Carousel extends Component {
       this._dragStartX = e.clientX;
       this._dragStartY = e.clientY;
       this._dragStartScroll = this._vertical ? this._scroller.scrollTop : this._scroller.scrollLeft;
+      this._setDragListeners(true);
     };
     this._handleTrackPointerMove = (e) => {
       if (!this.pressed || e.pointerId !== this._dragPointerId) return;
@@ -136,6 +138,7 @@ var _Carousel = class _Carousel extends Component {
       if (!this.pressed || e.pointerId !== this._dragPointerId) return;
       this.pressed = false;
       this._dragPointerId = null;
+      this._setDragListeners(false);
       this.el.classList.remove("dragging");
       try {
         this._scroller.releasePointerCapture(e.pointerId);
@@ -202,9 +205,8 @@ var _Carousel = class _Carousel extends Component {
       if (this._trackRaf !== null) return;
       this._trackRaf = requestAnimationFrame(() => {
         this._trackRaf = null;
+        const index = this._ignoreScroll ? this.center : this._nearestIndex();
         this._updateParallax();
-        if (this._ignoreScroll) return;
-        const index = this._nearestIndex();
         if (index !== this.center) this._syncActive(index, this.dragged);
       });
     };
@@ -217,6 +219,7 @@ var _Carousel = class _Carousel extends Component {
     };
     this._finishScroll = () => {
       this._ignoreScroll = false;
+      this._scroller.style.scrollSnapType = "";
       clearTimeout(this._scrollEndTimeout);
       this._scroller.removeEventListener("scrollend", this._handleScrollEnd);
     };
@@ -321,7 +324,6 @@ var _Carousel = class _Carousel extends Component {
       this.el.setAttribute("aria-roledescription", "carousel");
       this._generatedContainerDescription = true;
     }
-    const naturallyFocusable = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
     this.images.forEach((item, index) => {
       if (!item.hasAttribute("aria-roledescription")) {
         item.setAttribute("aria-roledescription", "slide");
@@ -354,10 +356,6 @@ var _Carousel = class _Carousel extends Component {
       const button = document.createElement("button");
       button.type = "button";
       button.classList.add("indicator-item");
-      if (i === 0) {
-        button.classList.add("active");
-        button.setAttribute("aria-current", "true");
-      }
       button.setAttribute("aria-label", `${this.options.i18n.slide} ${i + 1}`);
       this._indicators.appendChild(button);
     });
@@ -396,9 +394,6 @@ var _Carousel = class _Carousel extends Component {
     });
     this._scroller.addEventListener("pointerdown", this._handleTrackPointerDown);
     this._scroller.addEventListener("wheel", this._handleNativeScroll, { passive: true });
-    document.addEventListener("pointermove", this._handleTrackPointerMove);
-    document.addEventListener("pointerup", this._handleTrackPointerUp);
-    document.addEventListener("pointercancel", this._handleTrackPointerUp);
     this._scroller.addEventListener("click", this._handleTrackClick, true);
     this._scroller.addEventListener("dragstart", this._handleTrackDragStart);
     this._scroller.addEventListener("transitionend", this._handleItemResize);
@@ -417,9 +412,7 @@ var _Carousel = class _Carousel extends Component {
     this._scroller.removeEventListener("scroll", this._handleTrackScroll);
     this._scroller.removeEventListener("pointerdown", this._handleTrackPointerDown);
     this._scroller.removeEventListener("wheel", this._handleNativeScroll);
-    document.removeEventListener("pointermove", this._handleTrackPointerMove);
-    document.removeEventListener("pointerup", this._handleTrackPointerUp);
-    document.removeEventListener("pointercancel", this._handleTrackPointerUp);
+    this._setDragListeners(false);
     this._scroller.removeEventListener("click", this._handleTrackClick, true);
     this._scroller.removeEventListener("dragstart", this._handleTrackDragStart);
     this._scroller.removeEventListener("transitionend", this._handleItemResize);
@@ -486,6 +479,13 @@ var _Carousel = class _Carousel extends Component {
       this._autoAdvanceTimer = null;
     }
   }
+  /** The document only hears from a carousel while a mouse press is down on its track. */
+  _setDragListeners(on) {
+    const method = on ? "addEventListener" : "removeEventListener";
+    document[method]("pointermove", this._handleTrackPointerMove);
+    document[method]("pointerup", this._handleTrackPointerUp);
+    document[method]("pointercancel", this._handleTrackPointerUp);
+  }
   _paintIndicators(center) {
     if (!this.showIndicators || !this._indicators) return;
     const pos = (center % this.count + this.count) % this.count;
@@ -512,40 +512,31 @@ var _Carousel = class _Carousel extends Component {
     }
   }
   _syncLayoutRoles(index) {
-    const setSize = (item, size) => {
-      if (this._authoredItemSizes.has(item)) return;
-      item.setAttribute("data-carousel-size", size);
-      this._generatedItemSizes.add(item);
+    const sizes = this.images.map(() => "large");
+    const setSize = (i, size) => {
+      if (this.images[i]) sizes[i] = size;
     };
-    this.images.forEach((item) => setSize(item, "large"));
     if (this.el.classList.contains("flat") || this.el.classList.contains("uncontained") || this.el.classList.contains("full-screen") && this._vertical) {
-      return;
-    }
-    if (this.el.classList.contains("hero") || this.el.classList.contains("full-screen-horizontal")) {
-      const next = this.images[index + 1];
-      if (next) setSize(next, "small");
-      if (this.el.classList.contains("center-aligned")) {
-        const previous = this.images[index - 1];
-        if (previous) setSize(previous, "small");
-      }
-      return;
-    }
-    const width = this.el.clientWidth;
-    const desiredLargeCount = width >= 1600 ? 4 : width >= 1200 ? 3 : width >= 600 ? 2 : 1;
-    const largeCount = Math.min(desiredLargeCount, Math.max(1, this.count - 2));
-    this.el.classList.remove("multi-wide", "multi-large", "multi-extra-large");
-    if (largeCount === 2) this.el.classList.add("multi-wide");
-    else if (largeCount === 3) this.el.classList.add("multi-large");
-    else if (largeCount >= 4) this.el.classList.add("multi-extra-large");
-    this._generatedWideLayout = this._generatedWideLayout || largeCount > 1;
-    for (let offset = 1; offset < largeCount; offset += 1) {
-      const item = this.images[index + offset];
-      if (item) setSize(item, "large");
+    } else if (this.el.classList.contains("hero") || this.el.classList.contains("full-screen-horizontal")) {
+      setSize(index + 1, "small");
+      if (this.el.classList.contains("center-aligned")) setSize(index - 1, "small");
+    } else {
+      const width = this.el.clientWidth;
+      const desiredLargeCount = width >= 1600 ? 4 : width >= 1200 ? 3 : width >= 600 ? 2 : 1;
+      const largeCount = Math.min(desiredLargeCount, Math.max(1, this.count - 2));
+      this.el.classList.remove("multi-wide", "multi-large", "multi-extra-large");
+      if (largeCount === 2) this.el.classList.add("multi-wide");
+      else if (largeCount === 3) this.el.classList.add("multi-large");
+      else if (largeCount >= 4) this.el.classList.add("multi-extra-large");
+      this._generatedWideLayout = this._generatedWideLayout || largeCount > 1;
+      setSize(index + largeCount, "medium");
+      setSize(index + largeCount + 1, "small");
     }
-    const medium = this.images[index + largeCount];
-    const small = this.images[index + largeCount + 1];
-    if (medium) setSize(medium, "medium");
-    if (small) setSize(small, "small");
+    this.images.forEach((item, i) => {
+      if (this._authoredItemSizes.has(item)) return;
+      item.setAttribute("data-carousel-size", sizes[i]);
+      this._generatedItemSizes.add(item);
+    });
   }
   _syncAdaptiveMode() {
     if (!this.el.classList.contains("full-screen")) return;
@@ -562,15 +553,11 @@ var _Carousel = class _Carousel extends Component {
   _focusItem(index) {
     const item = this.images[index];
     if (!item) return;
-    const focusable = item.matches(
-      'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
-    ) ? item : item.querySelector(
-      'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
-    );
+    const focusable = item.matches(naturallyFocusable) ? item : item.querySelector(naturallyFocusable);
     (focusable ?? item).focus({ preventScroll: true });
   }
   _updateParallax() {
-    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+    if (this._motion.matches) {
       this.images.forEach(
         (item) => item.style.setProperty("--md-comp-carousel-item-parallax", "0px")
       );
@@ -579,8 +566,9 @@ var _Carousel = class _Carousel extends Component {
     const scrollerRect = this._scroller.getBoundingClientRect();
     const viewportCenter = this._vertical ? scrollerRect.top + scrollerRect.height / 2 : scrollerRect.left + scrollerRect.width / 2;
     const viewportSize = Math.max(1, this._vertical ? scrollerRect.height : scrollerRect.width);
-    this.images.forEach((item) => {
-      const rect = item.getBoundingClientRect();
+    const rects = this.images.map((item) => item.getBoundingClientRect());
+    this.images.forEach((item, i) => {
+      const rect = rects[i];
       const itemCenter = this._vertical ? rect.top + rect.height / 2 : rect.left + rect.width / 2;
       const progress = Math.max(-1, Math.min(1, (itemCenter - viewportCenter) / viewportSize));
       item.style.setProperty("--md-comp-carousel-item-parallax", `${progress * -24}px`);
@@ -633,6 +621,7 @@ var _Carousel = class _Carousel extends Component {
     const left = centered ? el.offsetLeft - (this._scroller.clientWidth - el.offsetWidth) / 2 : style.direction === "rtl" ? el.offsetLeft + el.offsetWidth - this._scroller.clientWidth + inlinePadding : el.offsetLeft - inlinePadding;
     const top = el.offsetTop - blockPadding;
     this._ignoreScroll = true;
+    this._scroller.style.scrollSnapType = "none";
     this._scroller.scrollTo({
       left: this._vertical ? 0 : left,
       top: this._vertical ? top : 0,
@@ -661,13 +650,13 @@ var _Carousel = class _Carousel extends Component {
     this._syncAutoAdvance();
   }
   next(n = 1) {
-    if (n === void 0 || isNaN(n)) n = 1;
+    if (isNaN(n)) n = 1;
     const index = this.center + n;
     if (index >= this.count || index < 0) return;
     this._cycleTo(index);
   }
   prev(n = 1) {
-    if (n === void 0 || isNaN(n)) n = 1;
+    if (isNaN(n)) n = 1;
     const index = this.center - n;
     if (index >= this.count || index < 0) return;
     this._cycleTo(index);
@@ -688,4 +677,4 @@ var Carousel = _Carousel;
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-LWBQIX5J.mjs.map
+//# sourceMappingURL=chunk-KVJAVDBC.mjs.map

package/dist/js/chunks/chunk-KVJAVDBC.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/carousel.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nexport interface CarouselI18nOptions {\n  carousel: string;\n  item: string;\n  of: string;\n  indicators: string;\n  slide: string;\n}\n\nexport interface CarouselOptions extends BaseOptions {\n  /**\n   * Milliseconds allowed for a programmatic scroll to land. The track itself\n   * scrolls at the browser's own smooth-scroll speed; this only bounds how\n   * long the component waits for `scrollend` before assuming it arrived, and\n   * is added to `interval` to time each auto-advance rest.\n   * @default 200\n   */\n  duration: number;\n  /**\n   * Full-width compatibility track. Material 3 layouts are already linear.\n   * Also implied by `.flat`.\n   * @default false\n   */\n  fullWidth: boolean;\n  /**\n   * Show paging dots. Only drawn when there is more than one item.\n   * @default false\n   */\n  indicators: boolean;\n  /**\n   * Stop auto-advance at the last item instead of looping back to the first.\n   * A scroll track never wraps under arrow keys or `set()` either way.\n   * @default false\n   */\n  noWrap: boolean;\n  /**\n   * Milliseconds to rest between automatic advances, on top of `duration` -\n   * the gap follows each transition rather than containing it, so a full cycle\n   * takes `duration + interval`. 0 leaves auto-advance off.\n   * Whenever it is set the track pauses on hover and on keyboard focus, and\n   * `prefers-reduced-motion: reduce` suppresses it entirely - auto-advancing\n   * content is WCAG 2.2.2 territory, so neither is an option an author can\n   * turn off. `noWrap` stops it after one pass instead of looping.\n   * @default 0\n   */\n  interval: number;\n  /**\n   * Fixed track height in pixels. `null` sizes the carousel from its content.\n   * A fixed height gives the indicators their own row below the track instead\n   * of laying them over the media.\n   * @default null\n   */\n  height: number | null;\n  /**\n   * Called when a new item becomes the center.\n   * @default null\n   */\n  onCycleTo: (current: Element, dragged: boolean) => void;\n  /**\n   * Accessible names generated for an unlabeled carousel, its items and its\n   * indicators.\n   */\n  i18n: Partial<CarouselI18nOptions>;\n}\n\nconst _defaults: CarouselOptions = {\n  duration: 200,\n  fullWidth: false,\n  indicators: false,\n  noWrap: false,\n  interval: 0,\n  height: null,\n  onCycleTo: null,\n  i18n: {\n    carousel: 'Carousel',\n    item: 'Item',\n    of: 'of',\n    indicators: 'Slides',\n    slide: 'Slide'\n  }\n};\n\nconst naturallyFocusable =\n  'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), ' +\n  'textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nexport class Carousel extends Component<CarouselOptions> {\n  hasMultipleSlides: boolean;\n  showIndicators: boolean;\n  pressed: boolean;\n  dragged: boolean;\n  images: HTMLElement[];\n  _indicators: HTMLUListElement | HTMLElement;\n  count: number;\n  center: number = 0;\n  scrollingTimeout: ReturnType<typeof setTimeout>;\n  oneTimeCallback: (current: Element, dragged: boolean) => void | null;\n\n  private _ownIndicators: boolean = false;\n  private _trackEl: HTMLElement | null = null;\n  private _ignoreScroll: boolean = false;\n  private _alignAfterResize = false;\n  private _scrollEndTimeout: ReturnType<typeof setTimeout>;\n  private _trackRaf: number = null;\n  private _started: boolean = false;\n  private _vertical: boolean = false;\n  private _resizeObserver: ResizeObserver | null = null;\n  private _resizeTimeout: ReturnType<typeof setTimeout> = null;\n  private _usesWindowResize: boolean = false;\n  private _dragPointerId: number | null = null;\n  private _dragStartX: number = 0;\n  private _dragStartY: number = 0;\n  private _dragStartScroll: number = 0;\n  private _suppressClick: boolean = false;\n  private _suppressClickTimeout: ReturnType<typeof setTimeout> = null;\n  private _generatedContainerRole: boolean = false;\n  private _generatedContainerLabel: boolean = false;\n  private _generatedContainerDescription: boolean = false;\n  private _generatedWideLayout: boolean = false;\n  private _generatedFixedHeight: boolean = false;\n  private _authoredInlineHeight: string | null = null;\n  private _autoAdvanceTimer: ReturnType<typeof setTimeout> = null;\n  private _autoAdvances: boolean = false;\n  private _autoPaused: boolean = false;\n  private _hovered: boolean = false;\n  private _focused: boolean = false;\n  private _motion = window.matchMedia('(prefers-reduced-motion: reduce)');\n  private _generatedItemTabIndexes = new Set<HTMLElement>();\n  private _generatedItemLabels = new Set<HTMLElement>();\n  private _generatedItemDescriptions = new Set<HTMLElement>();\n  private _generatedItemSizes = new Set<HTMLElement>();\n  private _authoredItemSizes = new Set<HTMLElement>();\n  private _itemA11yOriginal = new Map<\n    HTMLElement,\n    { ariaHidden: string | null; tabIndex: string | null }\n  >();\n\n  private get _scroller(): HTMLElement {\n    return this._trackEl ?? this.el;\n  }\n\n  private static _live = new Set<Carousel>();\n  private static _resizeListening = false;\n  private static _onResize = Utils.throttle(() => {\n    Carousel._live.forEach((c) => c._handleResize());\n  }, 200);\n\n  constructor(el: HTMLElement, options: Partial<CarouselOptions>) {\n    super(el, options, Carousel);\n    this.el['Expressive_Carousel'] = this;\n\n    this.options = {\n      ...Carousel.defaults,\n      ...options\n    };\n    if (options?.i18n) {\n      this.options.i18n = { ...Carousel.defaults.i18n, ...options.i18n };\n    }\n\n    if (this.options.fullWidth || this.el.classList.contains('flat')) {\n      this.el.classList.add('flat');\n      this.options.fullWidth = true;\n    }\n    this._vertical = this.el.classList.contains('full-screen');\n\n    this.pressed = false;\n    this.dragged = false;\n    this.images = this._collectItems();\n    if (!this.images.length) {\n      console.error('Carousel: no .carousel-item elements to show');\n      return;\n    }\n    this.images.forEach((item) => {\n      this._itemA11yOriginal.set(item, {\n        ariaHidden: item.getAttribute('aria-hidden'),\n        tabIndex: item.getAttribute('tabindex')\n      });\n      if (item.hasAttribute('data-carousel-size')) this._authoredItemSizes.add(item);\n    });\n\n    this.hasMultipleSlides = this.images.length > 1;\n    this.showIndicators = this.options.indicators && this.hasMultipleSlides;\n    this.count = this.images.length;\n\n    this._autoAdvances = this.options.interval > 0 && this.hasMultipleSlides;\n\n    this.images.forEach((item) => item.classList.add('carousel-item'));\n    if (this.options.height !== null) {\n      this._generatedFixedHeight = !this.el.classList.contains('fixed-height');\n      this._authoredInlineHeight = this.el.style.getPropertyValue('--carousel-height') || null;\n      this.el.classList.add('fixed-height');\n      this.el.style.setProperty('--carousel-height', `${this.options.height}px`);\n    }\n    this._wrapTrack();\n    this._syncAdaptiveMode();\n\n    if (this.showIndicators) this._setupIndicators();\n\n    this._setupAccessibility();\n\n    this._setupEventHandlers();\n    this._started = true;\n\n    const start = Math.max(\n      0,\n      this.images.findIndex((el) => el.classList.contains('active'))\n    );\n    this.center = start;\n    this._syncActive(start, false);\n    this._updateParallax();\n    this._scrollToIndex(start, false);\n\n    this._syncAutoAdvance();\n  }\n\n  static get defaults(): CarouselOptions {\n    return _defaults;\n  }\n\n  static init(el: HTMLElement, options?: Partial<CarouselOptions>): Carousel;\n  static init(els: InitElements<InitElement>, options?: Partial<CarouselOptions>): Carousel[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<CarouselOptions> = {}\n  ): Carousel | Carousel[] {\n    return super.init(els, options, Carousel);\n  }\n\n  static getInstance(el: HTMLElement): Carousel {\n    return el['Expressive_Carousel'];\n  }\n\n  destroy() {\n    if (this._started) this._teardown();\n    this.el['Expressive_Carousel'] = undefined;\n  }\n\n  private _collectItems(): HTMLElement[] {\n    const explicit = Array.from(this.el.children).filter(\n      (el): el is HTMLElement => el instanceof HTMLElement && el.classList.contains('carousel-item')\n    );\n    if (explicit.length) return explicit;\n    return Array.from(this.el.children).filter((el): el is HTMLElement => {\n      if (!(el instanceof HTMLElement)) return false;\n      if (el.classList.contains('indicators') || el.classList.contains('carousel-fixed-item')) {\n        return false;\n      }\n      return el.tagName !== 'NAV';\n    });\n  }\n\n  private _setupAccessibility() {\n    if (!this.el.hasAttribute('role')) {\n      this.el.setAttribute('role', 'region');\n      this._generatedContainerRole = true;\n    }\n    if (!this.el.hasAttribute('aria-label') && !this.el.hasAttribute('aria-labelledby')) {\n      this.el.setAttribute('aria-label', this.options.i18n.carousel);\n      this._generatedContainerLabel = true;\n    }\n    if (!this.el.hasAttribute('aria-roledescription')) {\n      this.el.setAttribute('aria-roledescription', 'carousel');\n      this._generatedContainerDescription = true;\n    }\n\n    this.images.forEach((item, index) => {\n      if (!item.hasAttribute('aria-roledescription')) {\n        item.setAttribute('aria-roledescription', 'slide');\n        this._generatedItemDescriptions.add(item);\n      }\n\n      if (!item.hasAttribute('aria-label') && !item.hasAttribute('aria-labelledby')) {\n        const mediaName = item.querySelector('img[alt]')?.getAttribute('alt')?.trim();\n        const textName = item.textContent?.replace(/\\s+/g, ' ').trim();\n        const name = mediaName || textName;\n        const position = `${this.options.i18n.item} ${index + 1} ${this.options.i18n.of} ${this.count}`;\n        item.setAttribute('aria-label', name ? `${name}, ${position}` : position);\n        this._generatedItemLabels.add(item);\n      }\n\n      if (!item.matches(naturallyFocusable) && !item.querySelector(naturallyFocusable)) {\n        item.tabIndex = 0;\n        this._generatedItemTabIndexes.add(item);\n      }\n    });\n  }\n\n  private _setupIndicators() {\n    const existing = Array.from(this.el.children).find(\n      (el): el is HTMLElement => el instanceof HTMLElement && el.classList.contains('indicators')\n    );\n    this._indicators = existing ?? document.createElement('nav');\n    this._ownIndicators = !existing;\n    this._indicators.classList.add('indicators');\n    this._indicators.setAttribute('aria-label', this.options.i18n.indicators);\n    this._indicators.replaceChildren();\n\n    this.images.forEach((_, i) => {\n      const button = document.createElement('button');\n      button.type = 'button';\n      button.classList.add('indicator-item');\n      button.setAttribute('aria-label', `${this.options.i18n.slide} ${i + 1}`);\n      this._indicators.appendChild(button);\n    });\n\n    if (this._ownIndicators) this.el.appendChild(this._indicators);\n    this.el.querySelector('.carousel-fixed-item')?.classList.add('with-indicators');\n  }\n\n  _setupEventHandlers() {\n    this.el.addEventListener('keydown', this._handleKeydown);\n    this._motion.addEventListener('change', this._handleMotionChange);\n    if (this._autoAdvances) {\n      this.el.addEventListener('mouseenter', this._handleAutoAdvanceState);\n      this.el.addEventListener('mouseleave', this._handleAutoAdvanceState);\n      this.el.addEventListener('focusin', this._handleAutoAdvanceState);\n      this.el.addEventListener('focusout', this._handleAutoAdvanceState);\n      // Browsers clamp a background tab's timers rather than stopping them, so\n      // without this the track keeps cycling out of sight.\n      document.addEventListener('visibilitychange', this._handleAutoAdvanceState);\n    }\n    if (this.showIndicators && this._indicators) {\n      this._indicators.addEventListener('click', this._handleIndicatorClick);\n    }\n    if (typeof ResizeObserver !== 'undefined') {\n      this._resizeObserver = new ResizeObserver(() => this._handleThrottledResize());\n      this._resizeObserver.observe(this.el);\n    }\n\n    // Full-screen needs a window signal when orientation changes without\n    // changing the container width. ResizeObserver handles every other track,\n    // including pane resizes.\n    this._usesWindowResize =\n      !this._resizeObserver || this.el.classList.contains('full-screen');\n    if (this._usesWindowResize) {\n      Carousel._live.add(this);\n      if (!Carousel._resizeListening) {\n        window.addEventListener('resize', Carousel._onResize, {\n          passive: true\n        });\n        Carousel._resizeListening = true;\n      }\n    }\n\n    this._scroller.addEventListener('scroll', this._handleTrackScroll, {\n      passive: true\n    });\n    this._scroller.addEventListener('pointerdown', this._handleTrackPointerDown);\n    this._scroller.addEventListener('wheel', this._handleNativeScroll, { passive: true });\n    this._scroller.addEventListener('click', this._handleTrackClick, true);\n    this._scroller.addEventListener('dragstart', this._handleTrackDragStart);\n    this._scroller.addEventListener('transitionend', this._handleItemResize);\n  }\n\n  _removeEventHandlers() {\n    this.el.removeEventListener('keydown', this._handleKeydown);\n    this._motion.removeEventListener('change', this._handleMotionChange);\n    this.el.removeEventListener('mouseenter', this._handleAutoAdvanceState);\n    this.el.removeEventListener('mouseleave', this._handleAutoAdvanceState);\n    this.el.removeEventListener('focusin', this._handleAutoAdvanceState);\n    this.el.removeEventListener('focusout', this._handleAutoAdvanceState);\n    document.removeEventListener('visibilitychange', this._handleAutoAdvanceState);\n    if (this._indicators) {\n      this._indicators.removeEventListener('click', this._handleIndicatorClick);\n    }\n    this._scroller.removeEventListener('scroll', this._handleTrackScroll);\n    this._scroller.removeEventListener('pointerdown', this._handleTrackPointerDown);\n    this._scroller.removeEventListener('wheel', this._handleNativeScroll);\n    this._setDragListeners(false);\n    this._scroller.removeEventListener('click', this._handleTrackClick, true);\n    this._scroller.removeEventListener('dragstart', this._handleTrackDragStart);\n    this._scroller.removeEventListener('transitionend', this._handleItemResize);\n\n    this._resizeObserver?.disconnect();\n    this._resizeObserver = null;\n    if (this._usesWindowResize) {\n      Carousel._live.delete(this);\n      if (Carousel._live.size === 0 && Carousel._resizeListening) {\n        window.removeEventListener('resize', Carousel._onResize);\n        Carousel._resizeListening = false;\n      }\n    }\n  }\n\n  private _teardown() {\n    this._started = false;\n    this._removeEventHandlers();\n    this._finishScroll();\n    this._autoAdvances = false;\n    this._syncAutoAdvance();\n    if (this._trackRaf !== null) cancelAnimationFrame(this._trackRaf);\n    window.clearTimeout(this.scrollingTimeout);\n    window.clearTimeout(this._suppressClickTimeout);\n    clearTimeout(this._resizeTimeout);\n    if (this._ownIndicators) this._indicators?.remove();\n    this._unwrapTrack();\n    this.images.forEach((el) => {\n      el.style.removeProperty('--md-comp-carousel-item-parallax');\n      if (this._generatedItemLabels.has(el)) el.removeAttribute('aria-label');\n      if (this._generatedItemDescriptions.has(el)) el.removeAttribute('aria-roledescription');\n      if (this._generatedItemSizes.has(el)) el.removeAttribute('data-carousel-size');\n      const original = this._itemA11yOriginal.get(el);\n      if (original?.ariaHidden === null) el.removeAttribute('aria-hidden');\n      else if (original) el.setAttribute('aria-hidden', original.ariaHidden);\n      if (original?.tabIndex === null) el.removeAttribute('tabindex');\n      else if (original) el.setAttribute('tabindex', original.tabIndex);\n    });\n    if (this._generatedContainerRole) this.el.removeAttribute('role');\n    if (this._generatedContainerLabel) this.el.removeAttribute('aria-label');\n    if (this._generatedContainerDescription) this.el.removeAttribute('aria-roledescription');\n    if (this._generatedFixedHeight) this.el.classList.remove('fixed-height');\n    if (this.options.height !== null) {\n      if (this._authoredInlineHeight === null) this.el.style.removeProperty('--carousel-height');\n      else this.el.style.setProperty('--carousel-height', this._authoredInlineHeight);\n    }\n    if (this._generatedWideLayout) {\n      this.el.classList.remove(\n        'multi-wide',\n        'multi-large',\n        'multi-extra-large',\n        'full-screen-horizontal'\n      );\n    }\n  }\n\n  _handleThrottledResize = () => {\n    if (!this._started || this._resizeTimeout !== null) return;\n    this._handleResize();\n    this._resizeTimeout = setTimeout(() => {\n      this._resizeTimeout = null;\n      this._handleResize();\n    }, 200);\n  };\n\n  _handleAutoAdvanceState = (e: Event) => {\n    if (e.type === 'mouseenter') this._hovered = true;\n    else if (e.type === 'mouseleave') this._hovered = false;\n    else if (e.type === 'focusin') this._focused = true;\n    else if (e.type === 'focusout') this._focused = this.el.contains((e as FocusEvent).relatedTarget as Node);\n    this._syncAutoAdvance();\n  };\n\n  private _handleMotionChange = () => {\n    this._syncAutoAdvance();\n    if (this._motion.matches) this._scrollToIndex(this.center, false);\n    this._updateParallax();\n  };\n\n  /** Start or stop the timer to match the current pause state. */\n  private _syncAutoAdvance() {\n    const run =\n      this._autoAdvances &&\n      !this._autoPaused &&\n      !this._hovered &&\n      !this._focused &&\n      !this._motion.matches &&\n      !document.hidden;\n    if (run && this._autoAdvanceTimer === null) {\n      // Each rest is armed after the move before it, never on a fixed phase.\n      // A repeating timer assumes the work it triggers is instant; a smooth\n      // scroll is not, so a fixed period either lands mid-scroll or, once a\n      // tick is dropped, leaves whatever is left of the period as the next\n      // rest.\n      this._autoAdvanceTimer = setTimeout(\n        this._tick,\n        this.options.duration + this.options.interval\n      );\n    } else if (!run && this._autoAdvanceTimer !== null) {\n      clearTimeout(this._autoAdvanceTimer);\n      this._autoAdvanceTimer = null;\n    }\n  }\n\n  private _tick = () => {\n    this._autoAdvanceTimer = null;\n    this._advance();\n    this._syncAutoAdvance();\n  };\n\n  private _advance = () => {\n    const next = this.center + 1;\n    if (next < this.count) {\n      this.set(next);\n      return;\n    }\n    // Arrow keys and `set()` never wrap, because a scroll container has ends.\n    // Auto-advance is the one caller that can: looping back to the first item\n    // is just a scroll. An author who asked for no wrapping gets one pass and\n    // then silence.\n    if (this.options.noWrap) {\n      this._autoAdvances = false;\n      this._syncAutoAdvance();\n      return;\n    }\n    this.set(0);\n  };\n\n  private _handleNativeScroll = () => {\n    this._alignAfterResize = false;\n    this._finishScroll();\n  };\n\n  /** The document only hears from a carousel while a mouse press is down on its track. */\n  private _setDragListeners(on: boolean) {\n    const method = on ? 'addEventListener' : 'removeEventListener';\n    document[method]('pointermove', this._handleTrackPointerMove);\n    document[method]('pointerup', this._handleTrackPointerUp);\n    document[method]('pointercancel', this._handleTrackPointerUp);\n  }\n\n  _handleTrackPointerDown = (e: PointerEvent) => {\n    this._handleNativeScroll();\n    if (e.pointerType !== 'mouse' || e.button !== 0) return;\n    this.pressed = true;\n    this.dragged = false;\n    this._suppressClick = false;\n    this._dragPointerId = e.pointerId;\n    this._dragStartX = e.clientX;\n    this._dragStartY = e.clientY;\n    this._dragStartScroll = this._vertical ? this._scroller.scrollTop : this._scroller.scrollLeft;\n    this._setDragListeners(true);\n  };\n\n  _handleTrackPointerMove = (e: PointerEvent) => {\n    if (!this.pressed || e.pointerId !== this._dragPointerId) return;\n    const deltaX = e.clientX - this._dragStartX;\n    const deltaY = e.clientY - this._dragStartY;\n    const primaryDelta = this._vertical ? deltaY : deltaX;\n    const crossDelta = this._vertical ? deltaX : deltaY;\n\n    if (!this.dragged) {\n      if (Math.abs(primaryDelta) < 6 || Math.abs(primaryDelta) <= Math.abs(crossDelta)) return;\n      this.dragged = true;\n      this.el.classList.add('dragging');\n      try {\n        this._scroller.setPointerCapture(e.pointerId);\n      } catch {\n        // Pointer capture is optional in older browsers and test DOMs.\n      }\n    }\n\n    if (this._vertical) this._scroller.scrollTop = this._dragStartScroll - deltaY;\n    else this._scroller.scrollLeft = this._dragStartScroll - deltaX;\n    e.preventDefault();\n  };\n\n  _handleTrackPointerUp = (e: PointerEvent) => {\n    if (!this.pressed || e.pointerId !== this._dragPointerId) return;\n    this.pressed = false;\n    this._dragPointerId = null;\n    this._setDragListeners(false);\n    this.el.classList.remove('dragging');\n    try {\n      this._scroller.releasePointerCapture(e.pointerId);\n    } catch {\n      // Pointer capture may already have been released.\n    }\n\n    if (!this.dragged) return;\n    this._suppressClick = true;\n    window.clearTimeout(this._suppressClickTimeout);\n    this._suppressClickTimeout = setTimeout(() => {\n      this._suppressClick = false;\n    }, 0);\n    this._syncActive(this._nearestIndex(), true);\n  };\n\n  _handleTrackClick = (e: MouseEvent) => {\n    if (!this._suppressClick) return;\n    this._suppressClick = false;\n    e.preventDefault();\n    e.stopImmediatePropagation();\n  };\n\n  _handleTrackDragStart = (e: DragEvent) => {\n    if ((e.target as HTMLElement).closest('a, img, picture, video')) e.preventDefault();\n  };\n\n  private _handleItemResize = (e: TransitionEvent) => {\n    if (this._alignAfterResize && !this.pressed && e.propertyName === 'flex-basis' && this.images.includes(e.target as HTMLElement)) {\n      this._scrollToIndex(this.center, false);\n    }\n  };\n\n  _handleIndicatorClick = (e: Event) => {\n    e.stopPropagation();\n    const indicator = (e.target as HTMLElement).closest('.indicator-item');\n    if (!indicator || !this._indicators.contains(indicator)) return;\n    const index = [...this._indicators.children].indexOf(indicator);\n    if (index < 0) return;\n    this._cycleTo(index);\n  };\n\n  _handleKeydown = (e: KeyboardEvent) => {\n    const target = e.target as HTMLElement;\n    if (target.isContentEditable || target.closest('input, textarea, select')) return;\n    const rtl = getComputedStyle(this._scroller).direction === 'rtl';\n    const forward = this._vertical ? e.key === 'ArrowDown' : e.key === (rtl ? Utils.keys.ARROW_LEFT : Utils.keys.ARROW_RIGHT);\n    const backward = this._vertical ? e.key === 'ArrowUp' : e.key === (rtl ? Utils.keys.ARROW_RIGHT : Utils.keys.ARROW_LEFT);\n    if (e.key === 'Home') {\n      e.preventDefault();\n      this.set(0);\n      this._focusItem(0);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      this.set(this.count - 1);\n      this._focusItem(this.count - 1);\n    } else if (forward) {\n      e.preventDefault();\n      this.next();\n      this._focusItem(this.center);\n    } else if (backward) {\n      e.preventDefault();\n      this.prev();\n      this._focusItem(this.center);\n    }\n  };\n\n  _handleTrackScroll = () => {\n    if (!this.el.classList.contains('scrolling')) this.el.classList.add('scrolling');\n    window.clearTimeout(this.scrollingTimeout);\n    this.scrollingTimeout = setTimeout(() => this.el.classList.remove('scrolling'), 120);\n    if (this._trackRaf !== null) return;\n    this._trackRaf = requestAnimationFrame(() => {\n      this._trackRaf = null;\n      // Read the nearest index before the parallax writes invalidate style.\n      const index = this._ignoreScroll ? this.center : this._nearestIndex();\n      this._updateParallax();\n      if (index !== this.center) this._syncActive(index, this.dragged);\n    });\n  };\n\n  _handleResize = () => {\n    if (!this._started || !this.images.length) return;\n    this._syncAdaptiveMode();\n    this._syncLayoutRoles(this.center);\n    if (!this.pressed) this._scrollToIndex(this.center, false);\n    this._updateParallax();\n  };\n\n  private _paintIndicators(center: number) {\n    if (!this.showIndicators || !this._indicators) return;\n    const pos = ((center % this.count) + this.count) % this.count;\n    this._indicators.querySelectorAll('.indicator-item').forEach((el, i) => {\n      const on = i === pos;\n      el.classList.toggle('active', on);\n      if (on) el.setAttribute('aria-current', 'true');\n      else el.removeAttribute('aria-current');\n    });\n  }\n\n  private _syncActive(index: number, dragged: boolean) {\n    const prev = this.center;\n    this.center = index;\n    this.images.forEach((el, i) => el.classList.toggle('active', i === index));\n    this._paintIndicators(index);\n    this._syncLayoutRoles(index);\n    const curr = this.images[index];\n    if (prev !== index && typeof this.options.onCycleTo === 'function') {\n      this.options.onCycleTo.call(this, curr, dragged);\n    }\n    if (typeof this.oneTimeCallback === 'function') {\n      this.oneTimeCallback.call(this, curr, dragged);\n      this.oneTimeCallback = null;\n    }\n  }\n\n  private _syncLayoutRoles(index: number) {\n    // Every size is worked out before any is written. Writing `large` to all\n    // items and then reading clientWidth forced a layout in that interim\n    // state on every center change.\n    type Size = 'large' | 'medium' | 'small';\n    const sizes: Size[] = this.images.map(() => 'large');\n    const setSize = (i: number, size: Size) => {\n      if (this.images[i]) sizes[i] = size;\n    };\n\n    if (\n      this.el.classList.contains('flat') ||\n      this.el.classList.contains('uncontained') ||\n      (this.el.classList.contains('full-screen') && this._vertical)\n    ) {\n      // Every item stays large.\n    } else if (\n      this.el.classList.contains('hero') ||\n      this.el.classList.contains('full-screen-horizontal')\n    ) {\n      setSize(index + 1, 'small');\n      if (this.el.classList.contains('center-aligned')) setSize(index - 1, 'small');\n    } else {\n      const width = this.el.clientWidth;\n      const desiredLargeCount = width >= 1600 ? 4 : width >= 1200 ? 3 : width >= 600 ? 2 : 1;\n      const largeCount = Math.min(desiredLargeCount, Math.max(1, this.count - 2));\n      this.el.classList.remove('multi-wide', 'multi-large', 'multi-extra-large');\n      if (largeCount === 2) this.el.classList.add('multi-wide');\n      else if (largeCount === 3) this.el.classList.add('multi-large');\n      else if (largeCount >= 4) this.el.classList.add('multi-extra-large');\n      this._generatedWideLayout = this._generatedWideLayout || largeCount > 1;\n      setSize(index + largeCount, 'medium');\n      setSize(index + largeCount + 1, 'small');\n    }\n\n    this.images.forEach((item, i) => {\n      if (this._authoredItemSizes.has(item)) return;\n      item.setAttribute('data-carousel-size', sizes[i]);\n      this._generatedItemSizes.add(item);\n    });\n  }\n\n  private _syncAdaptiveMode() {\n    if (!this.el.classList.contains('full-screen')) return;\n    const landscape = window.matchMedia('(orientation: landscape)').matches;\n    const horizontal = this.el.clientWidth >= 840 || landscape;\n    const wasVertical = this._vertical;\n    this._vertical = !horizontal;\n    this.el.classList.toggle('full-screen-horizontal', horizontal);\n    this._generatedWideLayout = this._generatedWideLayout || horizontal;\n\n    if (this._started && wasVertical !== this._vertical) {\n      this._scroller.scrollTo({ left: 0, top: 0, behavior: 'auto' });\n    }\n  }\n\n  private _focusItem(index: number) {\n    const item = this.images[index];\n    if (!item) return;\n    const focusable = item.matches(naturallyFocusable)\n      ? item\n      : item.querySelector<HTMLElement>(naturallyFocusable);\n    (focusable ?? item).focus({ preventScroll: true });\n  }\n\n  private _updateParallax() {\n    if (this._motion.matches) {\n      this.images.forEach((item) =>\n        item.style.setProperty('--md-comp-carousel-item-parallax', '0px')\n      );\n      return;\n    }\n\n    const scrollerRect = this._scroller.getBoundingClientRect();\n    const viewportCenter = this._vertical\n      ? scrollerRect.top + scrollerRect.height / 2\n      : scrollerRect.left + scrollerRect.width / 2;\n    const viewportSize = Math.max(1, this._vertical ? scrollerRect.height : scrollerRect.width);\n\n    // All reads, then all writes: a write between two reads forces a style\n    // recalculation per item on every scroll frame.\n    const rects = this.images.map((item) => item.getBoundingClientRect());\n    this.images.forEach((item, i) => {\n      const rect = rects[i];\n      const itemCenter = this._vertical ? rect.top + rect.height / 2 : rect.left + rect.width / 2;\n      const progress = Math.max(-1, Math.min(1, (itemCenter - viewportCenter) / viewportSize));\n      item.style.setProperty('--md-comp-carousel-item-parallax', `${progress * -24}px`);\n    });\n  }\n\n  private _wrapTrack() {\n    const track = document.createElement('div');\n    track.className = 'carousel-track';\n    this.images[0].before(track);\n    this.images.forEach((el) => track.appendChild(el));\n    this._trackEl = track;\n  }\n\n  private _unwrapTrack() {\n    if (!this._trackEl) return;\n    this.images.forEach((el) => this.el.insertBefore(el, this._trackEl));\n    this._trackEl.remove();\n    this._trackEl = null;\n  }\n\n  private _nearestIndex(): number {\n    const centered = this.el.classList.contains('center-aligned');\n    const style = getComputedStyle(this._scroller);\n    const rtl = !this._vertical && style.direction === 'rtl';\n    const position = this._vertical ? this._scroller.scrollTop : this._scroller.scrollLeft;\n    const viewport = this._vertical ? this._scroller.clientHeight : this._scroller.clientWidth;\n    const extent = (this._vertical ? this._scroller.scrollHeight : this._scroller.scrollWidth) - viewport;\n    const padding = parseFloat(this._vertical ? style.paddingBlockStart : style.paddingInlineStart) || 0;\n    let best = this.center;\n    let bestDist = Infinity;\n    this.images.forEach((el, i) => {\n      const start = this._vertical ? el.offsetTop : el.offsetLeft;\n      const size = this._vertical ? el.offsetHeight : el.offsetWidth;\n      const target = centered ? start - (viewport - size) / 2 : start + (rtl ? size - viewport + padding : -padding);\n      const bounded = Math.max(rtl ? -extent : 0, Math.min(rtl ? 0 : extent, target));\n      const dist = Math.abs(bounded - position);\n      if (dist < bestDist || (dist === bestDist && i === this.center)) {\n        bestDist = dist;\n        best = i;\n      }\n    });\n    return best;\n  }\n\n  private _scrollToIndex(n: number, smooth = true) {\n    const el = this.images[n];\n    if (!el) return;\n    this._finishScroll();\n    const centered = this.el.classList.contains('center-aligned');\n    const style = getComputedStyle(this._scroller);\n    const inlinePadding = Number.parseFloat(style.paddingInlineStart) || 0;\n    const blockPadding = Number.parseFloat(style.paddingBlockStart) || 0;\n    const left = centered\n      ? el.offsetLeft - (this._scroller.clientWidth - el.offsetWidth) / 2\n      : style.direction === 'rtl'\n        ? el.offsetLeft + el.offsetWidth - this._scroller.clientWidth + inlinePadding\n        : el.offsetLeft - inlinePadding;\n    const top = el.offsetTop - blockPadding;\n    this._ignoreScroll = true;\n    // Item sizes are still transitioning, so the track can be too narrow to\n    // reach the target and clamps short of it. Firefox takes whatever item\n    // sits at that clamped position as the snap target and re-snaps to it\n    // after each later layout change, undoing the alignment below. Snapping\n    // returns in _finishScroll, once the track has settled on the item.\n    this._scroller.style.scrollSnapType = 'none';\n    this._scroller.scrollTo({\n      left: this._vertical ? 0 : left,\n      top: this._vertical ? top : 0,\n      behavior: smooth && !this._motion.matches ? 'smooth' : 'instant'\n    });\n    this._scroller.addEventListener('scrollend', this._handleScrollEnd);\n    this._scrollEndTimeout = setTimeout(this._finishScroll, this.options.duration + 350);\n  }\n\n  private _finishScroll = () => {\n    this._ignoreScroll = false;\n    this._scroller.style.scrollSnapType = '';\n    clearTimeout(this._scrollEndTimeout);\n    this._scroller.removeEventListener('scrollend', this._handleScrollEnd);\n  };\n\n  private _handleScrollEnd = () => {\n    // An earlier scroll can finish after a new navigation has started.\n    if (this._nearestIndex() === this.center && !this.images.some(item => item.getAnimations().some(animation => animation.playState === 'running'))) {\n      this._finishScroll();\n    }\n  };\n\n  _cycleTo(n: number, callback: CarouselOptions['onCycleTo'] = null) {\n    this._alignAfterResize = true;\n    if (typeof callback === 'function') this.oneTimeCallback = callback;\n    this._syncActive(n, false);\n    this._scrollToIndex(n);\n  }\n\n  /**\n   * Stop auto-advance until start() is called. Without an `interval` there is\n   * nothing to stop and this does nothing.\n   */\n  pause() {\n    this._autoPaused = true;\n    this._syncAutoAdvance();\n  }\n\n  /** Resume auto-advance after pause(). */\n  start() {\n    this._autoPaused = false;\n    this._syncAutoAdvance();\n  }\n\n  next(n: number = 1) {\n    if (isNaN(n)) n = 1;\n    const index = this.center + n;\n    if (index >= this.count || index < 0) return;\n    this._cycleTo(index);\n  }\n\n  prev(n: number = 1) {\n    if (isNaN(n)) n = 1;\n    const index = this.center - n;\n    if (index >= this.count || index < 0) return;\n    this._cycleTo(index);\n  }\n\n  set(n: number, callback?: CarouselOptions['onCycleTo']) {\n    if (n === undefined || isNaN(n)) n = 0;\n    if (n >= this.count || n < 0) return;\n    this._cycleTo(n, callback);\n  }\n}\n"],
+  "mappings": ";;;;;;;;AAmEA,IAAM,YAA6B;AAAA,EACjC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AACF;AAEA,IAAM,qBACJ;AAGK,IAAM,YAAN,MAAM,kBAAiB,UAA2B;AAAA,EA6DvD,YAAY,IAAiB,SAAmC;AAC9D,UAAM,IAAI,SAAS,SAAQ;AAtD7B,kBAAiB;AAIjB,SAAQ,iBAA0B;AAClC,SAAQ,WAA+B;AACvC,SAAQ,gBAAyB;AACjC,SAAQ,oBAAoB;AAE5B,SAAQ,YAAoB;AAC5B,SAAQ,WAAoB;AAC5B,SAAQ,YAAqB;AAC7B,SAAQ,kBAAyC;AACjD,SAAQ,iBAAgD;AACxD,SAAQ,oBAA6B;AACrC,SAAQ,iBAAgC;AACxC,SAAQ,cAAsB;AAC9B,SAAQ,cAAsB;AAC9B,SAAQ,mBAA2B;AACnC,SAAQ,iBAA0B;AAClC,SAAQ,wBAAuD;AAC/D,SAAQ,0BAAmC;AAC3C,SAAQ,2BAAoC;AAC5C,SAAQ,iCAA0C;AAClD,SAAQ,uBAAgC;AACxC,SAAQ,wBAAiC;AACzC,SAAQ,wBAAuC;AAC/C,SAAQ,oBAAmD;AAC3D,SAAQ,gBAAyB;AACjC,SAAQ,cAAuB;AAC/B,SAAQ,WAAoB;AAC5B,SAAQ,WAAoB;AAC5B,SAAQ,UAAU,OAAO,WAAW,kCAAkC;AACtE,SAAQ,2BAA2B,oBAAI,IAAiB;AACxD,SAAQ,uBAAuB,oBAAI,IAAiB;AACpD,SAAQ,6BAA6B,oBAAI,IAAiB;AAC1D,SAAQ,sBAAsB,oBAAI,IAAiB;AACnD,SAAQ,qBAAqB,oBAAI,IAAiB;AAClD,SAAQ,oBAAoB,oBAAI,IAG9B;AAkSF,kCAAyB,MAAM;AAC7B,UAAI,CAAC,KAAK,YAAY,KAAK,mBAAmB,KAAM;AACpD,WAAK,cAAc;AACnB,WAAK,iBAAiB,WAAW,MAAM;AACrC,aAAK,iBAAiB;AACtB,aAAK,cAAc;AAAA,MACrB,GAAG,GAAG;AAAA,IACR;AAEA,mCAA0B,CAAC,MAAa;AACtC,UAAI,EAAE,SAAS,aAAc,MAAK,WAAW;AAAA,eACpC,EAAE,SAAS,aAAc,MAAK,WAAW;AAAA,eACzC,EAAE,SAAS,UAAW,MAAK,WAAW;AAAA,eACtC,EAAE,SAAS,WAAY,MAAK,WAAW,KAAK,GAAG,SAAU,EAAiB,aAAqB;AACxG,WAAK,iBAAiB;AAAA,IACxB;AAEA,SAAQ,sBAAsB,MAAM;AAClC,WAAK,iBAAiB;AACtB,UAAI,KAAK,QAAQ,QAAS,MAAK,eAAe,KAAK,QAAQ,KAAK;AAChE,WAAK,gBAAgB;AAAA,IACvB;AA2BA,SAAQ,QAAQ,MAAM;AACpB,WAAK,oBAAoB;AACzB,WAAK,SAAS;AACd,WAAK,iBAAiB;AAAA,IACxB;AAEA,SAAQ,WAAW,MAAM;AACvB,YAAM,OAAO,KAAK,SAAS;AAC3B,UAAI,OAAO,KAAK,OAAO;AACrB,aAAK,IAAI,IAAI;AACb;AAAA,MACF;AAKA,UAAI,KAAK,QAAQ,QAAQ;AACvB,aAAK,gBAAgB;AACrB,aAAK,iBAAiB;AACtB;AAAA,MACF;AACA,WAAK,IAAI,CAAC;AAAA,IACZ;AAEA,SAAQ,sBAAsB,MAAM;AAClC,WAAK,oBAAoB;AACzB,WAAK,cAAc;AAAA,IACrB;AAUA,mCAA0B,CAAC,MAAoB;AAC7C,WAAK,oBAAoB;AACzB,UAAI,EAAE,gBAAgB,WAAW,EAAE,WAAW,EAAG;AACjD,WAAK,UAAU;AACf,WAAK,UAAU;AACf,WAAK,iBAAiB;AACtB,WAAK,iBAAiB,EAAE;AACxB,WAAK,cAAc,EAAE;AACrB,WAAK,cAAc,EAAE;AACrB,WAAK,mBAAmB,KAAK,YAAY,KAAK,UAAU,YAAY,KAAK,UAAU;AACnF,WAAK,kBAAkB,IAAI;AAAA,IAC7B;AAEA,mCAA0B,CAAC,MAAoB;AAC7C,UAAI,CAAC,KAAK,WAAW,EAAE,cAAc,KAAK,eAAgB;AAC1D,YAAM,SAAS,EAAE,UAAU,KAAK;AAChC,YAAM,SAAS,EAAE,UAAU,KAAK;AAChC,YAAM,eAAe,KAAK,YAAY,SAAS;AAC/C,YAAM,aAAa,KAAK,YAAY,SAAS;AAE7C,UAAI,CAAC,KAAK,SAAS;AACjB,YAAI,KAAK,IAAI,YAAY,IAAI,KAAK,KAAK,IAAI,YAAY,KAAK,KAAK,IAAI,UAAU,EAAG;AAClF,aAAK,UAAU;AACf,aAAK,GAAG,UAAU,IAAI,UAAU;AAChC,YAAI;AACF,eAAK,UAAU,kBAAkB,EAAE,SAAS;AAAA,QAC9C,QAAQ;AAAA,QAER;AAAA,MACF;AAEA,UAAI,KAAK,UAAW,MAAK,UAAU,YAAY,KAAK,mBAAmB;AAAA,UAClE,MAAK,UAAU,aAAa,KAAK,mBAAmB;AACzD,QAAE,eAAe;AAAA,IACnB;AAEA,iCAAwB,CAAC,MAAoB;AAC3C,UAAI,CAAC,KAAK,WAAW,EAAE,cAAc,KAAK,eAAgB;AAC1D,WAAK,UAAU;AACf,WAAK,iBAAiB;AACtB,WAAK,kBAAkB,KAAK;AAC5B,WAAK,GAAG,UAAU,OAAO,UAAU;AACnC,UAAI;AACF,aAAK,UAAU,sBAAsB,EAAE,SAAS;AAAA,MAClD,QAAQ;AAAA,MAER;AAEA,UAAI,CAAC,KAAK,QAAS;AACnB,WAAK,iBAAiB;AACtB,aAAO,aAAa,KAAK,qBAAqB;AAC9C,WAAK,wBAAwB,WAAW,MAAM;AAC5C,aAAK,iBAAiB;AAAA,MACxB,GAAG,CAAC;AACJ,WAAK,YAAY,KAAK,cAAc,GAAG,IAAI;AAAA,IAC7C;AAEA,6BAAoB,CAAC,MAAkB;AACrC,UAAI,CAAC,KAAK,eAAgB;AAC1B,WAAK,iBAAiB;AACtB,QAAE,eAAe;AACjB,QAAE,yBAAyB;AAAA,IAC7B;AAEA,iCAAwB,CAAC,MAAiB;AACxC,UAAK,EAAE,OAAuB,QAAQ,wBAAwB,EAAG,GAAE,eAAe;AAAA,IACpF;AAEA,SAAQ,oBAAoB,CAAC,MAAuB;AAClD,UAAI,KAAK,qBAAqB,CAAC,KAAK,WAAW,EAAE,iBAAiB,gBAAgB,KAAK,OAAO,SAAS,EAAE,MAAqB,GAAG;AAC/H,aAAK,eAAe,KAAK,QAAQ,KAAK;AAAA,MACxC;AAAA,IACF;AAEA,iCAAwB,CAAC,MAAa;AACpC,QAAE,gBAAgB;AAClB,YAAM,YAAa,EAAE,OAAuB,QAAQ,iBAAiB;AACrE,UAAI,CAAC,aAAa,CAAC,KAAK,YAAY,SAAS,SAAS,EAAG;AACzD,YAAM,QAAQ,CAAC,GAAG,KAAK,YAAY,QAAQ,EAAE,QAAQ,SAAS;AAC9D,UAAI,QAAQ,EAAG;AACf,WAAK,SAAS,KAAK;AAAA,IACrB;AAEA,0BAAiB,CAAC,MAAqB;AACrC,YAAM,SAAS,EAAE;AACjB,UAAI,OAAO,qBAAqB,OAAO,QAAQ,yBAAyB,EAAG;AAC3E,YAAM,MAAM,iBAAiB,KAAK,SAAS,EAAE,cAAc;AAC3D,YAAM,UAAU,KAAK,YAAY,EAAE,QAAQ,cAAc,EAAE,SAAS,MAAM,MAAM,KAAK,aAAa,MAAM,KAAK;AAC7G,YAAM,WAAW,KAAK,YAAY,EAAE,QAAQ,YAAY,EAAE,SAAS,MAAM,MAAM,KAAK,cAAc,MAAM,KAAK;AAC7G,UAAI,EAAE,QAAQ,QAAQ;AACpB,UAAE,eAAe;AACjB,aAAK,IAAI,CAAC;AACV,aAAK,WAAW,CAAC;AAAA,MACnB,WAAW,EAAE,QAAQ,OAAO;AAC1B,UAAE,eAAe;AACjB,aAAK,IAAI,KAAK,QAAQ,CAAC;AACvB,aAAK,WAAW,KAAK,QAAQ,CAAC;AAAA,MAChC,WAAW,SAAS;AAClB,UAAE,eAAe;AACjB,aAAK,KAAK;AACV,aAAK,WAAW,KAAK,MAAM;AAAA,MAC7B,WAAW,UAAU;AACnB,UAAE,eAAe;AACjB,aAAK,KAAK;AACV,aAAK,WAAW,KAAK,MAAM;AAAA,MAC7B;AAAA,IACF;AAEA,8BAAqB,MAAM;AACzB,UAAI,CAAC,KAAK,GAAG,UAAU,SAAS,WAAW,EAAG,MAAK,GAAG,UAAU,IAAI,WAAW;AAC/E,aAAO,aAAa,KAAK,gBAAgB;AACzC,WAAK,mBAAmB,WAAW,MAAM,KAAK,GAAG,UAAU,OAAO,WAAW,GAAG,GAAG;AACnF,UAAI,KAAK,cAAc,KAAM;AAC7B,WAAK,YAAY,sBAAsB,MAAM;AAC3C,aAAK,YAAY;AAEjB,cAAM,QAAQ,KAAK,gBAAgB,KAAK,SAAS,KAAK,cAAc;AACpE,aAAK,gBAAgB;AACrB,YAAI,UAAU,KAAK,OAAQ,MAAK,YAAY,OAAO,KAAK,OAAO;AAAA,MACjE,CAAC;AAAA,IACH;AAEA,yBAAgB,MAAM;AACpB,UAAI,CAAC,KAAK,YAAY,CAAC,KAAK,OAAO,OAAQ;AAC3C,WAAK,kBAAkB;AACvB,WAAK,iBAAiB,KAAK,MAAM;AACjC,UAAI,CAAC,KAAK,QAAS,MAAK,eAAe,KAAK,QAAQ,KAAK;AACzD,WAAK,gBAAgB;AAAA,IACvB;AA4LA,SAAQ,gBAAgB,MAAM;AAC5B,WAAK,gBAAgB;AACrB,WAAK,UAAU,MAAM,iBAAiB;AACtC,mBAAa,KAAK,iBAAiB;AACnC,WAAK,UAAU,oBAAoB,aAAa,KAAK,gBAAgB;AAAA,IACvE;AAEA,SAAQ,mBAAmB,MAAM;AAE/B,UAAI,KAAK,cAAc,MAAM,KAAK,UAAU,CAAC,KAAK,OAAO,KAAK,UAAQ,KAAK,cAAc,EAAE,KAAK,eAAa,UAAU,cAAc,SAAS,CAAC,GAAG;AAChJ,aAAK,cAAc;AAAA,MACrB;AAAA,IACF;AAjrBE,SAAK,GAAG,qBAAqB,IAAI;AAEjC,SAAK,UAAU;AAAA,MACb,GAAG,UAAS;AAAA,MACZ,GAAG;AAAA,IACL;AACA,QAAI,SAAS,MAAM;AACjB,WAAK,QAAQ,OAAO,EAAE,GAAG,UAAS,SAAS,MAAM,GAAG,QAAQ,KAAK;AAAA,IACnE;AAEA,QAAI,KAAK,QAAQ,aAAa,KAAK,GAAG,UAAU,SAAS,MAAM,GAAG;AAChE,WAAK,GAAG,UAAU,IAAI,MAAM;AAC5B,WAAK,QAAQ,YAAY;AAAA,IAC3B;AACA,SAAK,YAAY,KAAK,GAAG,UAAU,SAAS,aAAa;AAEzD,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,SAAS,KAAK,cAAc;AACjC,QAAI,CAAC,KAAK,OAAO,QAAQ;AACvB,cAAQ,MAAM,8CAA8C;AAC5D;AAAA,IACF;AACA,SAAK,OAAO,QAAQ,CAAC,SAAS;AAC5B,WAAK,kBAAkB,IAAI,MAAM;AAAA,QAC/B,YAAY,KAAK,aAAa,aAAa;AAAA,QAC3C,UAAU,KAAK,aAAa,UAAU;AAAA,MACxC,CAAC;AACD,UAAI,KAAK,aAAa,oBAAoB,EAAG,MAAK,mBAAmB,IAAI,IAAI;AAAA,IAC/E,CAAC;AAED,SAAK,oBAAoB,KAAK,OAAO,SAAS;AAC9C,SAAK,iBAAiB,KAAK,QAAQ,cAAc,KAAK;AACtD,SAAK,QAAQ,KAAK,OAAO;AAEzB,SAAK,gBAAgB,KAAK,QAAQ,WAAW,KAAK,KAAK;AAEvD,SAAK,OAAO,QAAQ,CAAC,SAAS,KAAK,UAAU,IAAI,eAAe,CAAC;AACjE,QAAI,KAAK,QAAQ,WAAW,MAAM;AAChC,WAAK,wBAAwB,CAAC,KAAK,GAAG,UAAU,SAAS,cAAc;AACvE,WAAK,wBAAwB,KAAK,GAAG,MAAM,iBAAiB,mBAAmB,KAAK;AACpF,WAAK,GAAG,UAAU,IAAI,cAAc;AACpC,WAAK,GAAG,MAAM,YAAY,qBAAqB,GAAG,KAAK,QAAQ,MAAM,IAAI;AAAA,IAC3E;AACA,SAAK,WAAW;AAChB,SAAK,kBAAkB;AAEvB,QAAI,KAAK,eAAgB,MAAK,iBAAiB;AAE/C,SAAK,oBAAoB;AAEzB,SAAK,oBAAoB;AACzB,SAAK,WAAW;AAEhB,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,MACA,KAAK,OAAO,UAAU,CAACA,QAAOA,IAAG,UAAU,SAAS,QAAQ,CAAC;AAAA,IAC/D;AACA,SAAK,SAAS;AACd,SAAK,YAAY,OAAO,KAAK;AAC7B,SAAK,gBAAgB;AACrB,SAAK,eAAe,OAAO,KAAK;AAEhC,SAAK,iBAAiB;AAAA,EACxB;AAAA,EA5EA,IAAY,YAAyB;AACnC,WAAO,KAAK,YAAY,KAAK;AAAA,EAC/B;AAAA,EA4EA,WAAW,WAA4B;AACrC,WAAO;AAAA,EACT;AAAA,EAIA,OAAO,KACL,KACA,UAAoC,CAAC,GACd;AACvB,WAAO,MAAM,KAAK,KAAK,SAAS,SAAQ;AAAA,EAC1C;AAAA,EAEA,OAAO,YAAY,IAA2B;AAC5C,WAAO,GAAG,qBAAqB;AAAA,EACjC;AAAA,EAEA,UAAU;AACR,QAAI,KAAK,SAAU,MAAK,UAAU;AAClC,SAAK,GAAG,qBAAqB,IAAI;AAAA,EACnC;AAAA,EAEQ,gBAA+B;AACrC,UAAM,WAAW,MAAM,KAAK,KAAK,GAAG,QAAQ,EAAE;AAAA,MAC5C,CAAC,OAA0B,cAAc,eAAe,GAAG,UAAU,SAAS,eAAe;AAAA,IAC/F;AACA,QAAI,SAAS,OAAQ,QAAO;AAC5B,WAAO,MAAM,KAAK,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,OAA0B;AACpE,UAAI,EAAE,cAAc,aAAc,QAAO;AACzC,UAAI,GAAG,UAAU,SAAS,YAAY,KAAK,GAAG,UAAU,SAAS,qBAAqB,GAAG;AACvF,eAAO;AAAA,MACT;AACA,aAAO,GAAG,YAAY;AAAA,IACxB,CAAC;AAAA,EACH;AAAA,EAEQ,sBAAsB;AAC5B,QAAI,CAAC,KAAK,GAAG,aAAa,MAAM,GAAG;AACjC,WAAK,GAAG,aAAa,QAAQ,QAAQ;AACrC,WAAK,0BAA0B;AAAA,IACjC;AACA,QAAI,CAAC,KAAK,GAAG,aAAa,YAAY,KAAK,CAAC,KAAK,GAAG,aAAa,iBAAiB,GAAG;AACnF,WAAK,GAAG,aAAa,cAAc,KAAK,QAAQ,KAAK,QAAQ;AAC7D,WAAK,2BAA2B;AAAA,IAClC;AACA,QAAI,CAAC,KAAK,GAAG,aAAa,sBAAsB,GAAG;AACjD,WAAK,GAAG,aAAa,wBAAwB,UAAU;AACvD,WAAK,iCAAiC;AAAA,IACxC;AAEA,SAAK,OAAO,QAAQ,CAAC,MAAM,UAAU;AACnC,UAAI,CAAC,KAAK,aAAa,sBAAsB,GAAG;AAC9C,aAAK,aAAa,wBAAwB,OAAO;AACjD,aAAK,2BAA2B,IAAI,IAAI;AAAA,MAC1C;AAEA,UAAI,CAAC,KAAK,aAAa,YAAY,KAAK,CAAC,KAAK,aAAa,iBAAiB,GAAG;AAC7E,cAAM,YAAY,KAAK,cAAc,UAAU,GAAG,aAAa,KAAK,GAAG,KAAK;AAC5E,cAAM,WAAW,KAAK,aAAa,QAAQ,QAAQ,GAAG,EAAE,KAAK;AAC7D,cAAM,OAAO,aAAa;AAC1B,cAAM,WAAW,GAAG,KAAK,QAAQ,KAAK,IAAI,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,KAAK,EAAE,IAAI,KAAK,KAAK;AAC7F,aAAK,aAAa,cAAc,OAAO,GAAG,IAAI,KAAK,QAAQ,KAAK,QAAQ;AACxE,aAAK,qBAAqB,IAAI,IAAI;AAAA,MACpC;AAEA,UAAI,CAAC,KAAK,QAAQ,kBAAkB,KAAK,CAAC,KAAK,cAAc,kBAAkB,GAAG;AAChF,aAAK,WAAW;AAChB,aAAK,yBAAyB,IAAI,IAAI;AAAA,MACxC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEQ,mBAAmB;AACzB,UAAM,WAAW,MAAM,KAAK,KAAK,GAAG,QAAQ,EAAE;AAAA,MAC5C,CAAC,OAA0B,cAAc,eAAe,GAAG,UAAU,SAAS,YAAY;AAAA,IAC5F;AACA,SAAK,cAAc,YAAY,SAAS,cAAc,KAAK;AAC3D,SAAK,iBAAiB,CAAC;AACvB,SAAK,YAAY,UAAU,IAAI,YAAY;AAC3C,SAAK,YAAY,aAAa,cAAc,KAAK,QAAQ,KAAK,UAAU;AACxE,SAAK,YAAY,gBAAgB;AAEjC,SAAK,OAAO,QAAQ,CAAC,GAAG,MAAM;AAC5B,YAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,aAAO,OAAO;AACd,aAAO,UAAU,IAAI,gBAAgB;AACrC,aAAO,aAAa,cAAc,GAAG,KAAK,QAAQ,KAAK,KAAK,IAAI,IAAI,CAAC,EAAE;AACvE,WAAK,YAAY,YAAY,MAAM;AAAA,IACrC,CAAC;AAED,QAAI,KAAK,eAAgB,MAAK,GAAG,YAAY,KAAK,WAAW;AAC7D,SAAK,GAAG,cAAc,sBAAsB,GAAG,UAAU,IAAI,iBAAiB;AAAA,EAChF;AAAA,EAEA,sBAAsB;AACpB,SAAK,GAAG,iBAAiB,WAAW,KAAK,cAAc;AACvD,SAAK,QAAQ,iBAAiB,UAAU,KAAK,mBAAmB;AAChE,QAAI,KAAK,eAAe;AACtB,WAAK,GAAG,iBAAiB,cAAc,KAAK,uBAAuB;AACnE,WAAK,GAAG,iBAAiB,cAAc,KAAK,uBAAuB;AACnE,WAAK,GAAG,iBAAiB,WAAW,KAAK,uBAAuB;AAChE,WAAK,GAAG,iBAAiB,YAAY,KAAK,uBAAuB;AAGjE,eAAS,iBAAiB,oBAAoB,KAAK,uBAAuB;AAAA,IAC5E;AACA,QAAI,KAAK,kBAAkB,KAAK,aAAa;AAC3C,WAAK,YAAY,iBAAiB,SAAS,KAAK,qBAAqB;AAAA,IACvE;AACA,QAAI,OAAO,mBAAmB,aAAa;AACzC,WAAK,kBAAkB,IAAI,eAAe,MAAM,KAAK,uBAAuB,CAAC;AAC7E,WAAK,gBAAgB,QAAQ,KAAK,EAAE;AAAA,IACtC;AAKA,SAAK,oBACH,CAAC,KAAK,mBAAmB,KAAK,GAAG,UAAU,SAAS,aAAa;AACnE,QAAI,KAAK,mBAAmB;AAC1B,gBAAS,MAAM,IAAI,IAAI;AACvB,UAAI,CAAC,UAAS,kBAAkB;AAC9B,eAAO,iBAAiB,UAAU,UAAS,WAAW;AAAA,UACpD,SAAS;AAAA,QACX,CAAC;AACD,kBAAS,mBAAmB;AAAA,MAC9B;AAAA,IACF;AAEA,SAAK,UAAU,iBAAiB,UAAU,KAAK,oBAAoB;AAAA,MACjE,SAAS;AAAA,IACX,CAAC;AACD,SAAK,UAAU,iBAAiB,eAAe,KAAK,uBAAuB;AAC3E,SAAK,UAAU,iBAAiB,SAAS,KAAK,qBAAqB,EAAE,SAAS,KAAK,CAAC;AACpF,SAAK,UAAU,iBAAiB,SAAS,KAAK,mBAAmB,IAAI;AACrE,SAAK,UAAU,iBAAiB,aAAa,KAAK,qBAAqB;AACvE,SAAK,UAAU,iBAAiB,iBAAiB,KAAK,iBAAiB;AAAA,EACzE;AAAA,EAEA,uBAAuB;AACrB,SAAK,GAAG,oBAAoB,WAAW,KAAK,cAAc;AAC1D,SAAK,QAAQ,oBAAoB,UAAU,KAAK,mBAAmB;AACnE,SAAK,GAAG,oBAAoB,cAAc,KAAK,uBAAuB;AACtE,SAAK,GAAG,oBAAoB,cAAc,KAAK,uBAAuB;AACtE,SAAK,GAAG,oBAAoB,WAAW,KAAK,uBAAuB;AACnE,SAAK,GAAG,oBAAoB,YAAY,KAAK,uBAAuB;AACpE,aAAS,oBAAoB,oBAAoB,KAAK,uBAAuB;AAC7E,QAAI,KAAK,aAAa;AACpB,WAAK,YAAY,oBAAoB,SAAS,KAAK,qBAAqB;AAAA,IAC1E;AACA,SAAK,UAAU,oBAAoB,UAAU,KAAK,kBAAkB;AACpE,SAAK,UAAU,oBAAoB,eAAe,KAAK,uBAAuB;AAC9E,SAAK,UAAU,oBAAoB,SAAS,KAAK,mBAAmB;AACpE,SAAK,kBAAkB,KAAK;AAC5B,SAAK,UAAU,oBAAoB,SAAS,KAAK,mBAAmB,IAAI;AACxE,SAAK,UAAU,oBAAoB,aAAa,KAAK,qBAAqB;AAC1E,SAAK,UAAU,oBAAoB,iBAAiB,KAAK,iBAAiB;AAE1E,SAAK,iBAAiB,WAAW;AACjC,SAAK,kBAAkB;AACvB,QAAI,KAAK,mBAAmB;AAC1B,gBAAS,MAAM,OAAO,IAAI;AAC1B,UAAI,UAAS,MAAM,SAAS,KAAK,UAAS,kBAAkB;AAC1D,eAAO,oBAAoB,UAAU,UAAS,SAAS;AACvD,kBAAS,mBAAmB;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AAAA,EAEQ,YAAY;AAClB,SAAK,WAAW;AAChB,SAAK,qBAAqB;AAC1B,SAAK,cAAc;AACnB,SAAK,gBAAgB;AACrB,SAAK,iBAAiB;AACtB,QAAI,KAAK,cAAc,KAAM,sBAAqB,KAAK,SAAS;AAChE,WAAO,aAAa,KAAK,gBAAgB;AACzC,WAAO,aAAa,KAAK,qBAAqB;AAC9C,iBAAa,KAAK,cAAc;AAChC,QAAI,KAAK,eAAgB,MAAK,aAAa,OAAO;AAClD,SAAK,aAAa;AAClB,SAAK,OAAO,QAAQ,CAAC,OAAO;AAC1B,SAAG,MAAM,eAAe,kCAAkC;AAC1D,UAAI,KAAK,qBAAqB,IAAI,EAAE,EAAG,IAAG,gBAAgB,YAAY;AACtE,UAAI,KAAK,2BAA2B,IAAI,EAAE,EAAG,IAAG,gBAAgB,sBAAsB;AACtF,UAAI,KAAK,oBAAoB,IAAI,EAAE,EAAG,IAAG,gBAAgB,oBAAoB;AAC7E,YAAM,WAAW,KAAK,kBAAkB,IAAI,EAAE;AAC9C,UAAI,UAAU,eAAe,KAAM,IAAG,gBAAgB,aAAa;AAAA,eAC1D,SAAU,IAAG,aAAa,eAAe,SAAS,UAAU;AACrE,UAAI,UAAU,aAAa,KAAM,IAAG,gBAAgB,UAAU;AAAA,eACrD,SAAU,IAAG,aAAa,YAAY,SAAS,QAAQ;AAAA,IAClE,CAAC;AACD,QAAI,KAAK,wBAAyB,MAAK,GAAG,gBAAgB,MAAM;AAChE,QAAI,KAAK,yBAA0B,MAAK,GAAG,gBAAgB,YAAY;AACvE,QAAI,KAAK,+BAAgC,MAAK,GAAG,gBAAgB,sBAAsB;AACvF,QAAI,KAAK,sBAAuB,MAAK,GAAG,UAAU,OAAO,cAAc;AACvE,QAAI,KAAK,QAAQ,WAAW,MAAM;AAChC,UAAI,KAAK,0BAA0B,KAAM,MAAK,GAAG,MAAM,eAAe,mBAAmB;AAAA,UACpF,MAAK,GAAG,MAAM,YAAY,qBAAqB,KAAK,qBAAqB;AAAA,IAChF;AACA,QAAI,KAAK,sBAAsB;AAC7B,WAAK,GAAG,UAAU;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EA0BQ,mBAAmB;AACzB,UAAM,MACJ,KAAK,iBACL,CAAC,KAAK,eACN,CAAC,KAAK,YACN,CAAC,KAAK,YACN,CAAC,KAAK,QAAQ,WACd,CAAC,SAAS;AACZ,QAAI,OAAO,KAAK,sBAAsB,MAAM;AAM1C,WAAK,oBAAoB;AAAA,QACvB,KAAK;AAAA,QACL,KAAK,QAAQ,WAAW,KAAK,QAAQ;AAAA,MACvC;AAAA,IACF,WAAW,CAAC,OAAO,KAAK,sBAAsB,MAAM;AAClD,mBAAa,KAAK,iBAAiB;AACnC,WAAK,oBAAoB;AAAA,IAC3B;AAAA,EACF;AAAA;AAAA,EAgCQ,kBAAkB,IAAa;AACrC,UAAM,SAAS,KAAK,qBAAqB;AACzC,aAAS,MAAM,EAAE,eAAe,KAAK,uBAAuB;AAC5D,aAAS,MAAM,EAAE,aAAa,KAAK,qBAAqB;AACxD,aAAS,MAAM,EAAE,iBAAiB,KAAK,qBAAqB;AAAA,EAC9D;AAAA,EAoIQ,iBAAiB,QAAgB;AACvC,QAAI,CAAC,KAAK,kBAAkB,CAAC,KAAK,YAAa;AAC/C,UAAM,OAAQ,SAAS,KAAK,QAAS,KAAK,SAAS,KAAK;AACxD,SAAK,YAAY,iBAAiB,iBAAiB,EAAE,QAAQ,CAAC,IAAI,MAAM;AACtE,YAAM,KAAK,MAAM;AACjB,SAAG,UAAU,OAAO,UAAU,EAAE;AAChC,UAAI,GAAI,IAAG,aAAa,gBAAgB,MAAM;AAAA,UACzC,IAAG,gBAAgB,cAAc;AAAA,IACxC,CAAC;AAAA,EACH;AAAA,EAEQ,YAAY,OAAe,SAAkB;AACnD,UAAM,OAAO,KAAK;AAClB,SAAK,SAAS;AACd,SAAK,OAAO,QAAQ,CAAC,IAAI,MAAM,GAAG,UAAU,OAAO,UAAU,MAAM,KAAK,CAAC;AACzE,SAAK,iBAAiB,KAAK;AAC3B,SAAK,iBAAiB,KAAK;AAC3B,UAAM,OAAO,KAAK,OAAO,KAAK;AAC9B,QAAI,SAAS,SAAS,OAAO,KAAK,QAAQ,cAAc,YAAY;AAClE,WAAK,QAAQ,UAAU,KAAK,MAAM,MAAM,OAAO;AAAA,IACjD;AACA,QAAI,OAAO,KAAK,oBAAoB,YAAY;AAC9C,WAAK,gBAAgB,KAAK,MAAM,MAAM,OAAO;AAC7C,WAAK,kBAAkB;AAAA,IACzB;AAAA,EACF;AAAA,EAEQ,iBAAiB,OAAe;AAKtC,UAAM,QAAgB,KAAK,OAAO,IAAI,MAAM,OAAO;AACnD,UAAM,UAAU,CAAC,GAAW,SAAe;AACzC,UAAI,KAAK,OAAO,CAAC,EAAG,OAAM,CAAC,IAAI;AAAA,IACjC;AAEA,QACE,KAAK,GAAG,UAAU,SAAS,MAAM,KACjC,KAAK,GAAG,UAAU,SAAS,aAAa,KACvC,KAAK,GAAG,UAAU,SAAS,aAAa,KAAK,KAAK,WACnD;AAAA,IAEF,WACE,KAAK,GAAG,UAAU,SAAS,MAAM,KACjC,KAAK,GAAG,UAAU,SAAS,wBAAwB,GACnD;AACA,cAAQ,QAAQ,GAAG,OAAO;AAC1B,UAAI,KAAK,GAAG,UAAU,SAAS,gBAAgB,EAAG,SAAQ,QAAQ,GAAG,OAAO;AAAA,IAC9E,OAAO;AACL,YAAM,QAAQ,KAAK,GAAG;AACtB,YAAM,oBAAoB,SAAS,OAAO,IAAI,SAAS,OAAO,IAAI,SAAS,MAAM,IAAI;AACrF,YAAM,aAAa,KAAK,IAAI,mBAAmB,KAAK,IAAI,GAAG,KAAK,QAAQ,CAAC,CAAC;AAC1E,WAAK,GAAG,UAAU,OAAO,cAAc,eAAe,mBAAmB;AACzE,UAAI,eAAe,EAAG,MAAK,GAAG,UAAU,IAAI,YAAY;AAAA,eAC/C,eAAe,EAAG,MAAK,GAAG,UAAU,IAAI,aAAa;AAAA,eACrD,cAAc,EAAG,MAAK,GAAG,UAAU,IAAI,mBAAmB;AACnE,WAAK,uBAAuB,KAAK,wBAAwB,aAAa;AACtE,cAAQ,QAAQ,YAAY,QAAQ;AACpC,cAAQ,QAAQ,aAAa,GAAG,OAAO;AAAA,IACzC;AAEA,SAAK,OAAO,QAAQ,CAAC,MAAM,MAAM;AAC/B,UAAI,KAAK,mBAAmB,IAAI,IAAI,EAAG;AACvC,WAAK,aAAa,sBAAsB,MAAM,CAAC,CAAC;AAChD,WAAK,oBAAoB,IAAI,IAAI;AAAA,IACnC,CAAC;AAAA,EACH;AAAA,EAEQ,oBAAoB;AAC1B,QAAI,CAAC,KAAK,GAAG,UAAU,SAAS,aAAa,EAAG;AAChD,UAAM,YAAY,OAAO,WAAW,0BAA0B,EAAE;AAChE,UAAM,aAAa,KAAK,GAAG,eAAe,OAAO;AACjD,UAAM,cAAc,KAAK;AACzB,SAAK,YAAY,CAAC;AAClB,SAAK,GAAG,UAAU,OAAO,0BAA0B,UAAU;AAC7D,SAAK,uBAAuB,KAAK,wBAAwB;AAEzD,QAAI,KAAK,YAAY,gBAAgB,KAAK,WAAW;AACnD,WAAK,UAAU,SAAS,EAAE,MAAM,GAAG,KAAK,GAAG,UAAU,OAAO,CAAC;AAAA,IAC/D;AAAA,EACF;AAAA,EAEQ,WAAW,OAAe;AAChC,UAAM,OAAO,KAAK,OAAO,KAAK;AAC9B,QAAI,CAAC,KAAM;AACX,UAAM,YAAY,KAAK,QAAQ,kBAAkB,IAC7C,OACA,KAAK,cAA2B,kBAAkB;AACtD,KAAC,aAAa,MAAM,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,EACnD;AAAA,EAEQ,kBAAkB;AACxB,QAAI,KAAK,QAAQ,SAAS;AACxB,WAAK,OAAO;AAAA,QAAQ,CAAC,SACnB,KAAK,MAAM,YAAY,oCAAoC,KAAK;AAAA,MAClE;AACA;AAAA,IACF;AAEA,UAAM,eAAe,KAAK,UAAU,sBAAsB;AAC1D,UAAM,iBAAiB,KAAK,YACxB,aAAa,MAAM,aAAa,SAAS,IACzC,aAAa,OAAO,aAAa,QAAQ;AAC7C,UAAM,eAAe,KAAK,IAAI,GAAG,KAAK,YAAY,aAAa,SAAS,aAAa,KAAK;AAI1F,UAAM,QAAQ,KAAK,OAAO,IAAI,CAAC,SAAS,KAAK,sBAAsB,CAAC;AACpE,SAAK,OAAO,QAAQ,CAAC,MAAM,MAAM;AAC/B,YAAM,OAAO,MAAM,CAAC;AACpB,YAAM,aAAa,KAAK,YAAY,KAAK,MAAM,KAAK,SAAS,IAAI,KAAK,OAAO,KAAK,QAAQ;AAC1F,YAAM,WAAW,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,aAAa,kBAAkB,YAAY,CAAC;AACvF,WAAK,MAAM,YAAY,oCAAoC,GAAG,WAAW,GAAG,IAAI;AAAA,IAClF,CAAC;AAAA,EACH;AAAA,EAEQ,aAAa;AACnB,UAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,UAAM,YAAY;AAClB,SAAK,OAAO,CAAC,EAAE,OAAO,KAAK;AAC3B,SAAK,OAAO,QAAQ,CAAC,OAAO,MAAM,YAAY,EAAE,CAAC;AACjD,SAAK,WAAW;AAAA,EAClB;AAAA,EAEQ,eAAe;AACrB,QAAI,CAAC,KAAK,SAAU;AACpB,SAAK,OAAO,QAAQ,CAAC,OAAO,KAAK,GAAG,aAAa,IAAI,KAAK,QAAQ,CAAC;AACnE,SAAK,SAAS,OAAO;AACrB,SAAK,WAAW;AAAA,EAClB;AAAA,EAEQ,gBAAwB;AAC9B,UAAM,WAAW,KAAK,GAAG,UAAU,SAAS,gBAAgB;AAC5D,UAAM,QAAQ,iBAAiB,KAAK,SAAS;AAC7C,UAAM,MAAM,CAAC,KAAK,aAAa,MAAM,cAAc;AACnD,UAAM,WAAW,KAAK,YAAY,KAAK,UAAU,YAAY,KAAK,UAAU;AAC5E,UAAM,WAAW,KAAK,YAAY,KAAK,UAAU,eAAe,KAAK,UAAU;AAC/E,UAAM,UAAU,KAAK,YAAY,KAAK,UAAU,eAAe,KAAK,UAAU,eAAe;AAC7F,UAAM,UAAU,WAAW,KAAK,YAAY,MAAM,oBAAoB,MAAM,kBAAkB,KAAK;AACnG,QAAI,OAAO,KAAK;AAChB,QAAI,WAAW;AACf,SAAK,OAAO,QAAQ,CAAC,IAAI,MAAM;AAC7B,YAAM,QAAQ,KAAK,YAAY,GAAG,YAAY,GAAG;AACjD,YAAM,OAAO,KAAK,YAAY,GAAG,eAAe,GAAG;AACnD,YAAM,SAAS,WAAW,SAAS,WAAW,QAAQ,IAAI,SAAS,MAAM,OAAO,WAAW,UAAU,CAAC;AACtG,YAAM,UAAU,KAAK,IAAI,MAAM,CAAC,SAAS,GAAG,KAAK,IAAI,MAAM,IAAI,QAAQ,MAAM,CAAC;AAC9E,YAAM,OAAO,KAAK,IAAI,UAAU,QAAQ;AACxC,UAAI,OAAO,YAAa,SAAS,YAAY,MAAM,KAAK,QAAS;AAC/D,mBAAW;AACX,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEQ,eAAe,GAAW,SAAS,MAAM;AAC/C,UAAM,KAAK,KAAK,OAAO,CAAC;AACxB,QAAI,CAAC,GAAI;AACT,SAAK,cAAc;AACnB,UAAM,WAAW,KAAK,GAAG,UAAU,SAAS,gBAAgB;AAC5D,UAAM,QAAQ,iBAAiB,KAAK,SAAS;AAC7C,UAAM,gBAAgB,OAAO,WAAW,MAAM,kBAAkB,KAAK;AACrE,UAAM,eAAe,OAAO,WAAW,MAAM,iBAAiB,KAAK;AACnE,UAAM,OAAO,WACT,GAAG,cAAc,KAAK,UAAU,cAAc,GAAG,eAAe,IAChE,MAAM,cAAc,QAClB,GAAG,aAAa,GAAG,cAAc,KAAK,UAAU,cAAc,gBAC9D,GAAG,aAAa;AACtB,UAAM,MAAM,GAAG,YAAY;AAC3B,SAAK,gBAAgB;AAMrB,SAAK,UAAU,MAAM,iBAAiB;AACtC,SAAK,UAAU,SAAS;AAAA,MACtB,MAAM,KAAK,YAAY,IAAI;AAAA,MAC3B,KAAK,KAAK,YAAY,MAAM;AAAA,MAC5B,UAAU,UAAU,CAAC,KAAK,QAAQ,UAAU,WAAW;AAAA,IACzD,CAAC;AACD,SAAK,UAAU,iBAAiB,aAAa,KAAK,gBAAgB;AAClE,SAAK,oBAAoB,WAAW,KAAK,eAAe,KAAK,QAAQ,WAAW,GAAG;AAAA,EACrF;AAAA,EAgBA,SAAS,GAAW,WAAyC,MAAM;AACjE,SAAK,oBAAoB;AACzB,QAAI,OAAO,aAAa,WAAY,MAAK,kBAAkB;AAC3D,SAAK,YAAY,GAAG,KAAK;AACzB,SAAK,eAAe,CAAC;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,QAAQ;AACN,SAAK,cAAc;AACnB,SAAK,iBAAiB;AAAA,EACxB;AAAA;AAAA,EAGA,QAAQ;AACN,SAAK,cAAc;AACnB,SAAK,iBAAiB;AAAA,EACxB;AAAA,EAEA,KAAK,IAAY,GAAG;AAClB,QAAI,MAAM,CAAC,EAAG,KAAI;AAClB,UAAM,QAAQ,KAAK,SAAS;AAC5B,QAAI,SAAS,KAAK,SAAS,QAAQ,EAAG;AACtC,SAAK,SAAS,KAAK;AAAA,EACrB;AAAA,EAEA,KAAK,IAAY,GAAG;AAClB,QAAI,MAAM,CAAC,EAAG,KAAI;AAClB,UAAM,QAAQ,KAAK,SAAS;AAC5B,QAAI,SAAS,KAAK,SAAS,QAAQ,EAAG;AACtC,SAAK,SAAS,KAAK;AAAA,EACrB;AAAA,EAEA,IAAI,GAAW,UAAyC;AACtD,QAAI,MAAM,UAAa,MAAM,CAAC,EAAG,KAAI;AACrC,QAAI,KAAK,KAAK,SAAS,IAAI,EAAG;AAC9B,SAAK,SAAS,GAAG,QAAQ;AAAA,EAC3B;AACF;AA3xBa,UAuDI,QAAQ,oBAAI,IAAc;AAvD9B,UAwDI,mBAAmB;AAxDvB,UAyDI,YAAY,MAAM,SAAS,MAAM;AAC9C,YAAS,MAAM,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;AACjD,GAAG,GAAG;AA3DD,IAAM,WAAN;",
+  "names": ["el"]
+}

package/dist/js/chunks/{chunk-YDCS5S3J.mjs → chunk-L27Q6ZMI.mjs}

@@ -1,6 +1,6 @@
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/buttonGroup.ts
 var _defaults = {};
@@ -223,4 +223,4 @@ var ButtonGroup = class _ButtonGroup extends Component {
 export {
   ButtonGroup
 };
-//# sourceMappingURL=chunk-YDCS5S3J.mjs.map
+//# sourceMappingURL=chunk-L27Q6ZMI.mjs.map