@motion-proto/live-tokens 0.98.2 → 0.99.0

package/src/testing-js/chunk-GZKUYLDW.js

@@ -0,0 +1,193 @@
+import {
+  describeTagged
+} from "./chunk-RTZQLW3F.js";
+
+// src/testing/support/textSpacingAndMotion.ts
+var TEXT_SPACING_URL = "https://www.w3.org/WAI/WCAG22/Understanding/text-spacing.html";
+var MOTION_MS = 200;
+var MOTION_URL = "https://www.w3.org/WAI/WCAG22/Techniques/css/C39";
+var TEXT_SPACING_RULE = "text-spacing";
+var REDUCED_MOTION_RULE = "prefers-reduced-motion";
+var SPACING_ATTR = "data-lt-spacing-probe";
+var MOTION_ATTR = "data-lt-motion-probe";
+var STILL_ID = "lt-spacing-probe-still";
+var TOLERANCE = 1;
+function textSpacingCss(scope) {
+  const every = scope ? `${scope}, ${scope} *` : "*";
+  const paragraphs = scope ? `${scope} p` : "p";
+  return `
+${every} { line-height: 1.5 !important; letter-spacing: 0.12em !important; word-spacing: 0.16em !important; }
+${paragraphs} { margin-bottom: 2em !important; }
+`;
+}
+async function newUnderTextSpacing(page, observe, key, scope) {
+  const before = await observe();
+  const style = await page.addStyleTag({ content: textSpacingCss(scope) });
+  let after;
+  try {
+    after = await observe();
+  } finally {
+    await style.evaluate((node) => node.remove());
+  }
+  const known = /* @__PURE__ */ new Map();
+  for (const failure of before) known.set(key(failure), (known.get(key(failure)) ?? 0) + 1);
+  return after.filter((failure) => {
+    const left = known.get(key(failure)) ?? 0;
+    if (left > 0) known.set(key(failure), left - 1);
+    return left === 0;
+  });
+}
+function tagInScope(page, scope, exclude, own, attr) {
+  return page.evaluate(({ scope: scope2, exclude: exclude2, own: own2, attr: attr2 }) => {
+    const found = [...document.querySelectorAll(scope2)].flatMap((root) => [root, ...root.querySelectorAll("*")]).filter((el, i, all) => all.indexOf(el) === i && el.closest(own2) && !exclude2.some((selector) => el.closest(selector)));
+    found.forEach((el, i) => el.setAttribute(attr2, String(i)));
+    return found.length;
+  }, { scope, exclude, own: own.join(", "), attr });
+}
+function untag(page, attr, styleId) {
+  return page.evaluate(({ attr: attr2, styleId: styleId2 }) => {
+    if (styleId2) document.getElementById(styleId2)?.remove();
+    for (const el of document.querySelectorAll(`[${attr2}]`)) el.removeAttribute(attr2);
+  }, { attr, styleId });
+}
+function observeOverflow(page) {
+  return page.evaluate(({ attr, tolerance }) => [...document.querySelectorAll(`[${attr}]`)].flatMap((el) => {
+    const style = getComputedStyle(el);
+    if (style.display === "none" || style.display === "contents") return [];
+    if (el.clientWidth === 0 && el.clientHeight === 0) return [];
+    if (!el.textContent?.trim()) return [];
+    const index = el.getAttribute(attr);
+    const tag = el.tagName.toLowerCase();
+    const found = [];
+    const axes = [
+      ["x", el.scrollWidth, el.clientWidth, style.overflowX],
+      ["y", el.scrollHeight, el.clientHeight, style.overflowY]
+    ];
+    for (const [axis, content, box, overflow] of axes) {
+      if (overflow === "auto" || overflow === "scroll" || content <= box + tolerance) continue;
+      found.push({ index, axis, tag, content, box, overflow });
+    }
+    return found;
+  }), { attr: SPACING_ATTR, tolerance: TOLERANCE });
+}
+function groupBy(items, key) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const item of items) groups.set(key(item), [...groups.get(key(item)) ?? [], item]);
+  return groups;
+}
+async function scanTextSpacing(page, scope, exclude, own) {
+  await page.evaluate(({ id, scope: scope2 }) => {
+    const style = document.createElement("style");
+    style.id = id;
+    style.textContent = `${scope2} *, ${scope2} *::before, ${scope2} *::after { transition: none !important; }`;
+    document.head.append(style);
+  }, { id: STILL_ID, scope });
+  try {
+    if (await tagInScope(page, scope, exclude, own, SPACING_ATTR) === 0) return [];
+    const found = await newUnderTextSpacing(page, () => observeOverflow(page), (o) => `${o.index}|${o.axis}`, scope);
+    if (found.length === 0) return [];
+    const byElement = groupBy(found, (o) => o.index);
+    const described = await describeTagged(page, scope, exclude, SPACING_ATTR, [...byElement.keys()]);
+    return [...byElement.values()].map((overflows, i) => ({
+      rule: "a11y-text-spacing",
+      engineRule: TEXT_SPACING_RULE,
+      impact: null,
+      target: described[i].target,
+      html: described[i].html,
+      help: `Under the text spacing override, ${overflows.map((o) => `<${o.tag}> holds ${o.content}px of content in ${o.box}px of ${o.axis === "x" ? "width" : "height"}, and its overflow-${o.axis} is ${o.overflow}`).join("; ")}`,
+      helpUrl: TEXT_SPACING_URL
+    }));
+  } finally {
+    await untag(page, SPACING_ATTR, STILL_ID);
+  }
+}
+function observeMotion(page) {
+  return page.evaluate(({ attr, limit }) => {
+    const ms = (time) => parseFloat(time) * (time.trim().endsWith("ms") ? 1 : 1e3) || 0;
+    const list = (value) => value.split(/,(?![^(]*\))/).map((part) => part.trim());
+    const at = (values, i) => values[i % values.length];
+    const found = [];
+    const tagged = [...document.querySelectorAll(`[${attr}]`)].filter((el) => el.checkVisibility());
+    for (const el of tagged) {
+      const index = el.getAttribute(attr);
+      for (const pseudo of ["", "::before", "::after"]) {
+        const style = getComputedStyle(el, pseudo || null);
+        if (pseudo && (style.content === "none" || style.content === "normal" || style.display === "none")) continue;
+        const durations = list(style.animationDuration);
+        const counts = list(style.animationIterationCount);
+        const delays = list(style.animationDelay);
+        list(style.animationName).forEach((name, i) => {
+          if (name === "none") return;
+          const count = at(counts, i);
+          const end = ms(at(delays, i)) + (count === "infinite" ? Infinity : ms(at(durations, i)) * parseFloat(count));
+          if (end > limit) found.push({ index, pseudo, kind: "animation", name: name.replace(/^svelte-[a-z0-9]+-/, ""), end });
+        });
+        const transitionDurations = list(style.transitionDuration);
+        const transitionDelays = list(style.transitionDelay);
+        list(style.transitionProperty).forEach((name, i) => {
+          const end = ms(at(transitionDurations, i)) + ms(at(transitionDelays, i));
+          if (name !== "none" && end > limit) found.push({ index, pseudo, kind: "transition", name, end });
+        });
+      }
+    }
+    for (const animation of document.getAnimations()) {
+      if (animation instanceof CSSAnimation || animation instanceof CSSTransition || animation.playState !== "running") continue;
+      const effect = animation.effect;
+      if (!(effect instanceof KeyframeEffect) || !effect.target?.hasAttribute(attr)) continue;
+      const end = Number(effect.getComputedTiming().endTime ?? 0);
+      if (end > limit) {
+        found.push({ index: effect.target.getAttribute(attr), pseudo: effect.pseudoElement ?? "", kind: "script", name: animation.id, end });
+      }
+    }
+    return found;
+  }, { attr: MOTION_ATTR, limit: MOTION_MS });
+}
+var capitalize = (text) => text.charAt(0).toUpperCase() + text.slice(1);
+function describeMotion({ kind, name, end }) {
+  const what = kind === "animation" ? `the animation ${name}` : kind === "transition" ? `a transition of ${name}` : `a script animation${name ? ` ${name}` : ""}`;
+  return `${what} ${Number.isFinite(end) ? `lasts ${Math.round(end)} ms` : "runs without end"}`;
+}
+async function scanReducedMotion(page, scope, exclude, own) {
+  try {
+    if (await tagInScope(page, scope, exclude, own, MOTION_ATTR) === 0) return [];
+    if ((await observeMotion(page)).length === 0) return [];
+    let reduced;
+    await page.emulateMedia({ reducedMotion: "reduce" });
+    try {
+      await page.evaluate(() => new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve()))));
+      reduced = await observeMotion(page);
+    } finally {
+      await page.emulateMedia({ reducedMotion: null });
+    }
+    if (reduced.length === 0) return [];
+    const byTarget = groupBy(reduced, (m) => `${m.index}
+${m.pseudo}`);
+    const groups = [...byTarget.values()];
+    const described = await describeTagged(page, scope, exclude, MOTION_ATTR, groups.map((motions) => motions[0].index));
+    return groups.map((motions, i) => ({
+      result: {
+        rule: "a11y-reduced-motion",
+        engineRule: REDUCED_MOTION_RULE,
+        impact: null,
+        target: `${described[i].target}${motions[0].pseudo}`,
+        html: described[i].html,
+        help: capitalize(`${motions.map(describeMotion).join("; ")} under prefers-reduced-motion: reduce`),
+        helpUrl: MOTION_URL
+      },
+      trace: { selector: described[i].target }
+    }));
+  } finally {
+    await untag(page, MOTION_ATTR);
+  }
+}
+
+export {
+  TEXT_SPACING_URL,
+  MOTION_MS,
+  MOTION_URL,
+  TEXT_SPACING_RULE,
+  newUnderTextSpacing,
+  scanTextSpacing,
+  scanReducedMotion
+};
+//# sourceMappingURL=chunk-GZKUYLDW.js.map

package/src/testing-js/chunk-GZKUYLDW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../testing/support/textSpacingAndMotion.ts"],"sourcesContent":["import type { Page } from '@playwright/test';\nimport type { A11yResult } from './a11y';\nimport { describeTagged, type CheckedResult } from './nonTextContrast';\n\nexport const TEXT_SPACING_URL = 'https://www.w3.org/WAI/WCAG22/Understanding/text-spacing.html';\n\n/** An animation that ends within this many milliseconds of its start reads as\n *  a fade or a state change, which reduced motion leaves alone. */\nexport const MOTION_MS = 200;\nexport const MOTION_URL = 'https://www.w3.org/WAI/WCAG22/Techniques/css/C39';\n\nexport const TEXT_SPACING_RULE = 'text-spacing';\nexport const REDUCED_MOTION_RULE = 'prefers-reduced-motion';\n\nconst SPACING_ATTR = 'data-lt-spacing-probe';\nconst MOTION_ATTR = 'data-lt-motion-probe';\nconst STILL_ID = 'lt-spacing-probe-still';\nconst TOLERANCE = 1;\n\n/** The override SC 1.4.12 names, as the W3C's own text spacing bookmarklet\n *  applies it, over the whole page or inside `scope`. */\nexport function textSpacingCss(scope?: string): string {\n  const every = scope ? `${scope}, ${scope} *` : '*';\n  const paragraphs = scope ? `${scope} p` : 'p';\n  return `\n${every} { line-height: 1.5 !important; letter-spacing: 0.12em !important; word-spacing: 0.16em !important; }\n${paragraphs} { margin-bottom: 2em !important; }\n`;\n}\n\n/**\n * What `observe` finds under the SC 1.4.12 override and not without it. The\n * pixel counts in a failure move under the override, so `key` names a failure\n * by what fails and where; a key found n times without the override excuses n\n * under it.\n */\nexport async function newUnderTextSpacing<T>(\n  page: Page,\n  observe: () => Promise<T[]>,\n  key: (failure: T) => string,\n  scope?: string,\n): Promise<T[]> {\n  const before = await observe();\n  const style = await page.addStyleTag({ content: textSpacingCss(scope) });\n  let after: T[];\n  try {\n    after = await observe();\n  } finally {\n    await style.evaluate((node) => (node as Element).remove());\n  }\n  const known = new Map<string, number>();\n  for (const failure of before) known.set(key(failure), (known.get(key(failure)) ?? 0) + 1);\n  return after.filter((failure) => {\n    const left = known.get(key(failure)) ?? 0;\n    if (left > 0) known.set(key(failure), left - 1);\n    return left === 0;\n  });\n}\n\n/** Tags with its index under `attr` each element inside `scope`, outside\n *  `exclude`, that is or sits inside one of `own`, and returns how many it\n *  tagged. `own` names the component's root and portaled parts, so the\n *  editor's scaffolding around the preview stays out. */\nfunction tagInScope(page: Page, scope: string, exclude: string[], own: string[], attr: string): Promise<number> {\n  return page.evaluate(({ scope, exclude, own, attr }) => {\n    const found = [...document.querySelectorAll(scope)].flatMap((root) => [root, ...root.querySelectorAll('*')])\n      .filter((el, i, all) => all.indexOf(el) === i && el.closest(own) && !exclude.some((selector) => el.closest(selector)));\n    found.forEach((el, i) => el.setAttribute(attr, String(i)));\n    return found.length;\n  }, { scope, exclude, own: own.join(', '), attr });\n}\n\nfunction untag(page: Page, attr: string, styleId?: string): Promise<void> {\n  return page.evaluate(({ attr, styleId }) => {\n    if (styleId) document.getElementById(styleId)?.remove();\n    for (const el of document.querySelectorAll(`[${attr}]`)) el.removeAttribute(attr);\n  }, { attr, styleId });\n}\n\ninterface Overflow {\n  index: string;\n  axis: 'x' | 'y';\n  tag: string;\n  content: number;\n  box: number;\n  overflow: string;\n}\n\n/** Each tagged element whose content runs past its box on an axis it does not\n *  scroll. */\nfunction observeOverflow(page: Page): Promise<Overflow[]> {\n  return page.evaluate(({ attr, tolerance }) => [...document.querySelectorAll(`[${attr}]`)].flatMap((el) => {\n    const style = getComputedStyle(el);\n    if (style.display === 'none' || style.display === 'contents') return [];\n    // An inline box reports 0 for both, so it would read as overflowing its own zero size.\n    if (el.clientWidth === 0 && el.clientHeight === 0) return [];\n    // A box with no text under it holds icon glyphs, which letter spacing pads with nothing visible.\n    if (!el.textContent?.trim()) return [];\n    const index = el.getAttribute(attr)!;\n    const tag = el.tagName.toLowerCase();\n    const found: Overflow[] = [];\n    const axes = [\n      ['x', el.scrollWidth, el.clientWidth, style.overflowX],\n      ['y', el.scrollHeight, el.clientHeight, style.overflowY],\n    ] as const;\n    for (const [axis, content, box, overflow] of axes) {\n      if (overflow === 'auto' || overflow === 'scroll' || content <= box + tolerance) continue;\n      found.push({ index, axis, tag, content, box, overflow });\n    }\n    return found;\n  }), { attr: SPACING_ATTR, tolerance: TOLERANCE });\n}\n\nfunction groupBy<T>(items: T[], key: (item: T) => string): Map<string, T[]> {\n  const groups = new Map<string, T[]>();\n  for (const item of items) groups.set(key(item), [...(groups.get(key(item)) ?? []), item]);\n  return groups;\n}\n\n/**\n * Decision 10: each element of the component in `scope` that overflows or\n * clips under the SC 1.4.12 override, applied inside `scope`, and did not\n * without it. A transition would leave the box at its start size, so\n * transitions stay off while the check reads.\n */\nexport async function scanTextSpacing(page: Page, scope: string, exclude: string[], own: string[]): Promise<A11yResult[]> {\n  await page.evaluate(({ id, scope }) => {\n    const style = document.createElement('style');\n    style.id = id;\n    style.textContent = `${scope} *, ${scope} *::before, ${scope} *::after { transition: none !important; }`;\n    document.head.append(style);\n  }, { id: STILL_ID, scope });\n  try {\n    if (await tagInScope(page, scope, exclude, own, SPACING_ATTR) === 0) return [];\n    const found = await newUnderTextSpacing(page, () => observeOverflow(page), (o) => `${o.index}|${o.axis}`, scope);\n    if (found.length === 0) return [];\n    const byElement = groupBy(found, (o) => o.index);\n    const described = await describeTagged(page, scope, exclude, SPACING_ATTR, [...byElement.keys()]);\n    return [...byElement.values()].map((overflows, i) => ({\n      rule: 'a11y-text-spacing',\n      engineRule: TEXT_SPACING_RULE,\n      impact: null,\n      target: described[i].target,\n      html: described[i].html,\n      help: `Under the text spacing override, ${overflows.map((o) =>\n        `<${o.tag}> holds ${o.content}px of content in ${o.box}px of ${o.axis === 'x' ? 'width' : 'height'}, `\n        + `and its overflow-${o.axis} is ${o.overflow}`).join('; ')}`,\n      helpUrl: TEXT_SPACING_URL,\n    }));\n  } finally {\n    await untag(page, SPACING_ATTR, STILL_ID);\n  }\n}\n\ninterface Motion {\n  index: string;\n  pseudo: string;\n  kind: 'animation' | 'transition' | 'script';\n  name: string;\n  end: number;\n}\n\n/** Each tagged element's animations and transitions, and its pseudo-elements',\n *  that last past `MOTION_MS`. The harness finishes every finite animation\n *  when it selects a view, so the read takes each declared one at its length,\n *  run or not. A script animation counts while it runs. */\nfunction observeMotion(page: Page): Promise<Motion[]> {\n  return page.evaluate(({ attr, limit }) => {\n    const ms = (time: string) => parseFloat(time) * (time.trim().endsWith('ms') ? 1 : 1000) || 0;\n    const list = (value: string) => value.split(/,(?![^(]*\\))/).map((part) => part.trim());\n    const at = (values: string[], i: number) => values[i % values.length];\n    const found: Motion[] = [];\n    const tagged = [...document.querySelectorAll(`[${attr}]`)].filter((el) => el.checkVisibility());\n    for (const el of tagged) {\n      const index = el.getAttribute(attr)!;\n      for (const pseudo of ['', '::before', '::after']) {\n        const style = getComputedStyle(el, pseudo || null);\n        if (pseudo && (style.content === 'none' || style.content === 'normal' || style.display === 'none')) continue;\n        const durations = list(style.animationDuration);\n        const counts = list(style.animationIterationCount);\n        const delays = list(style.animationDelay);\n        list(style.animationName).forEach((name, i) => {\n          if (name === 'none') return;\n          const count = at(counts, i);\n          const end = ms(at(delays, i)) + (count === 'infinite' ? Infinity : ms(at(durations, i)) * parseFloat(count));\n          // Svelte scopes a component's keyframes with a hash its source never spells.\n          if (end > limit) found.push({ index, pseudo, kind: 'animation', name: name.replace(/^svelte-[a-z0-9]+-/, ''), end });\n        });\n        const transitionDurations = list(style.transitionDuration);\n        const transitionDelays = list(style.transitionDelay);\n        list(style.transitionProperty).forEach((name, i) => {\n          const end = ms(at(transitionDurations, i)) + ms(at(transitionDelays, i));\n          if (name !== 'none' && end > limit) found.push({ index, pseudo, kind: 'transition', name, end });\n        });\n      }\n    }\n    for (const animation of document.getAnimations()) {\n      if (animation instanceof CSSAnimation || animation instanceof CSSTransition || animation.playState !== 'running') continue;\n      const effect = animation.effect;\n      if (!(effect instanceof KeyframeEffect) || !effect.target?.hasAttribute(attr)) continue;\n      const end = Number(effect.getComputedTiming().endTime ?? 0);\n      if (end > limit) {\n        found.push({ index: effect.target.getAttribute(attr)!, pseudo: effect.pseudoElement ?? '', kind: 'script', name: animation.id, end });\n      }\n    }\n    return found;\n  }, { attr: MOTION_ATTR, limit: MOTION_MS });\n}\n\nconst capitalize = (text: string) => text.charAt(0).toUpperCase() + text.slice(1);\n\nfunction describeMotion({ kind, name, end }: Motion): string {\n  const what = kind === 'animation' ? `the animation ${name}`\n    : kind === 'transition' ? `a transition of ${name}` : `a script animation${name ? ` ${name}` : ''}`;\n  return `${what} ${Number.isFinite(end) ? `lasts ${Math.round(end)} ms` : 'runs without end'}`;\n}\n\n/**\n * Decision 11: the animations and transitions of the component in `scope`\n * that last past `MOTION_MS`, read again under `prefers-reduced-motion:\n * reduce`. Each one still that long reports. A view with none skips the\n * second read, and the emulation lifts before the check returns.\n */\nexport async function scanReducedMotion(page: Page, scope: string, exclude: string[], own: string[]): Promise<CheckedResult[]> {\n  try {\n    if (await tagInScope(page, scope, exclude, own, MOTION_ATTR) === 0) return [];\n    if ((await observeMotion(page)).length === 0) return [];\n    let reduced: Motion[];\n    await page.emulateMedia({ reducedMotion: 'reduce' });\n    try {\n      // A script that listens for the preference reacts on a later frame.\n      await page.evaluate(() => new Promise<void>((resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve()))));\n      reduced = await observeMotion(page);\n    } finally {\n      await page.emulateMedia({ reducedMotion: null });\n    }\n    if (reduced.length === 0) return [];\n    const byTarget = groupBy(reduced, (m) => `${m.index}\\n${m.pseudo}`);\n    const groups = [...byTarget.values()];\n    const described = await describeTagged(page, scope, exclude, MOTION_ATTR, groups.map((motions) => motions[0].index));\n    return groups.map((motions, i) => ({\n      result: {\n        rule: 'a11y-reduced-motion',\n        engineRule: REDUCED_MOTION_RULE,\n        impact: null,\n        target: `${described[i].target}${motions[0].pseudo}`,\n        html: described[i].html,\n        help: capitalize(`${motions.map(describeMotion).join('; ')} under prefers-reduced-motion: reduce`),\n        helpUrl: MOTION_URL,\n      },\n      trace: { selector: described[i].target },\n    }));\n  } finally {\n    await untag(page, MOTION_ATTR);\n  }\n}\n"],"mappings":";;;;;AAIO,IAAM,mBAAmB;AAIzB,IAAM,YAAY;AAClB,IAAM,aAAa;AAEnB,IAAM,oBAAoB;AAC1B,IAAM,sBAAsB;AAEnC,IAAM,eAAe;AACrB,IAAM,cAAc;AACpB,IAAM,WAAW;AACjB,IAAM,YAAY;AAIX,SAAS,eAAe,OAAwB;AACrD,QAAM,QAAQ,QAAQ,GAAG,KAAK,KAAK,KAAK,OAAO;AAC/C,QAAM,aAAa,QAAQ,GAAG,KAAK,OAAO;AAC1C,SAAO;AAAA,EACP,KAAK;AAAA,EACL,UAAU;AAAA;AAEZ;AAQA,eAAsB,oBACpB,MACA,SACA,KACA,OACc;AACd,QAAM,SAAS,MAAM,QAAQ;AAC7B,QAAM,QAAQ,MAAM,KAAK,YAAY,EAAE,SAAS,eAAe,KAAK,EAAE,CAAC;AACvE,MAAI;AACJ,MAAI;AACF,YAAQ,MAAM,QAAQ;AAAA,EACxB,UAAE;AACA,UAAM,MAAM,SAAS,CAAC,SAAU,KAAiB,OAAO,CAAC;AAAA,EAC3D;AACA,QAAM,QAAQ,oBAAI,IAAoB;AACtC,aAAW,WAAW,OAAQ,OAAM,IAAI,IAAI,OAAO,IAAI,MAAM,IAAI,IAAI,OAAO,CAAC,KAAK,KAAK,CAAC;AACxF,SAAO,MAAM,OAAO,CAAC,YAAY;AAC/B,UAAM,OAAO,MAAM,IAAI,IAAI,OAAO,CAAC,KAAK;AACxC,QAAI,OAAO,EAAG,OAAM,IAAI,IAAI,OAAO,GAAG,OAAO,CAAC;AAC9C,WAAO,SAAS;AAAA,EAClB,CAAC;AACH;AAMA,SAAS,WAAW,MAAY,OAAe,SAAmB,KAAe,MAA+B;AAC9G,SAAO,KAAK,SAAS,CAAC,EAAE,OAAAA,QAAO,SAAAC,UAAS,KAAAC,MAAK,MAAAC,MAAK,MAAM;AACtD,UAAM,QAAQ,CAAC,GAAG,SAAS,iBAAiBH,MAAK,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,MAAM,GAAG,KAAK,iBAAiB,GAAG,CAAC,CAAC,EACxG,OAAO,CAAC,IAAI,GAAG,QAAQ,IAAI,QAAQ,EAAE,MAAM,KAAK,GAAG,QAAQE,IAAG,KAAK,CAACD,SAAQ,KAAK,CAAC,aAAa,GAAG,QAAQ,QAAQ,CAAC,CAAC;AACvH,UAAM,QAAQ,CAAC,IAAI,MAAM,GAAG,aAAaE,OAAM,OAAO,CAAC,CAAC,CAAC;AACzD,WAAO,MAAM;AAAA,EACf,GAAG,EAAE,OAAO,SAAS,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,CAAC;AAClD;AAEA,SAAS,MAAM,MAAY,MAAc,SAAiC;AACxE,SAAO,KAAK,SAAS,CAAC,EAAE,MAAAA,OAAM,SAAAC,SAAQ,MAAM;AAC1C,QAAIA,SAAS,UAAS,eAAeA,QAAO,GAAG,OAAO;AACtD,eAAW,MAAM,SAAS,iBAAiB,IAAID,KAAI,GAAG,EAAG,IAAG,gBAAgBA,KAAI;AAAA,EAClF,GAAG,EAAE,MAAM,QAAQ,CAAC;AACtB;AAaA,SAAS,gBAAgB,MAAiC;AACxD,SAAO,KAAK,SAAS,CAAC,EAAE,MAAM,UAAU,MAAM,CAAC,GAAG,SAAS,iBAAiB,IAAI,IAAI,GAAG,CAAC,EAAE,QAAQ,CAAC,OAAO;AACxG,UAAM,QAAQ,iBAAiB,EAAE;AACjC,QAAI,MAAM,YAAY,UAAU,MAAM,YAAY,WAAY,QAAO,CAAC;AAEtE,QAAI,GAAG,gBAAgB,KAAK,GAAG,iBAAiB,EAAG,QAAO,CAAC;AAE3D,QAAI,CAAC,GAAG,aAAa,KAAK,EAAG,QAAO,CAAC;AACrC,UAAM,QAAQ,GAAG,aAAa,IAAI;AAClC,UAAM,MAAM,GAAG,QAAQ,YAAY;AACnC,UAAM,QAAoB,CAAC;AAC3B,UAAM,OAAO;AAAA,MACX,CAAC,KAAK,GAAG,aAAa,GAAG,aAAa,MAAM,SAAS;AAAA,MACrD,CAAC,KAAK,GAAG,cAAc,GAAG,cAAc,MAAM,SAAS;AAAA,IACzD;AACA,eAAW,CAAC,MAAM,SAAS,KAAK,QAAQ,KAAK,MAAM;AACjD,UAAI,aAAa,UAAU,aAAa,YAAY,WAAW,MAAM,UAAW;AAChF,YAAM,KAAK,EAAE,OAAO,MAAM,KAAK,SAAS,KAAK,SAAS,CAAC;AAAA,IACzD;AACA,WAAO;AAAA,EACT,CAAC,GAAG,EAAE,MAAM,cAAc,WAAW,UAAU,CAAC;AAClD;AAEA,SAAS,QAAW,OAAY,KAA4C;AAC1E,QAAM,SAAS,oBAAI,IAAiB;AACpC,aAAW,QAAQ,MAAO,QAAO,IAAI,IAAI,IAAI,GAAG,CAAC,GAAI,OAAO,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAI,IAAI,CAAC;AACxF,SAAO;AACT;AAQA,eAAsB,gBAAgB,MAAY,OAAe,SAAmB,KAAsC;AACxH,QAAM,KAAK,SAAS,CAAC,EAAE,IAAI,OAAAH,OAAM,MAAM;AACrC,UAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,UAAM,KAAK;AACX,UAAM,cAAc,GAAGA,MAAK,OAAOA,MAAK,eAAeA,MAAK;AAC5D,aAAS,KAAK,OAAO,KAAK;AAAA,EAC5B,GAAG,EAAE,IAAI,UAAU,MAAM,CAAC;AAC1B,MAAI;AACF,QAAI,MAAM,WAAW,MAAM,OAAO,SAAS,KAAK,YAAY,MAAM,EAAG,QAAO,CAAC;AAC7E,UAAM,QAAQ,MAAM,oBAAoB,MAAM,MAAM,gBAAgB,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,KAAK,IAAI,EAAE,IAAI,IAAI,KAAK;AAC/G,QAAI,MAAM,WAAW,EAAG,QAAO,CAAC;AAChC,UAAM,YAAY,QAAQ,OAAO,CAAC,MAAM,EAAE,KAAK;AAC/C,UAAM,YAAY,MAAM,eAAe,MAAM,OAAO,SAAS,cAAc,CAAC,GAAG,UAAU,KAAK,CAAC,CAAC;AAChG,WAAO,CAAC,GAAG,UAAU,OAAO,CAAC,EAAE,IAAI,CAAC,WAAW,OAAO;AAAA,MACpD,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,QAAQ,UAAU,CAAC,EAAE;AAAA,MACrB,MAAM,UAAU,CAAC,EAAE;AAAA,MACnB,MAAM,oCAAoC,UAAU,IAAI,CAAC,MACvD,IAAI,EAAE,GAAG,WAAW,EAAE,OAAO,oBAAoB,EAAE,GAAG,SAAS,EAAE,SAAS,MAAM,UAAU,QAAQ,sBAC5E,EAAE,IAAI,OAAO,EAAE,QAAQ,EAAE,EAAE,KAAK,IAAI,CAAC;AAAA,MAC7D,SAAS;AAAA,IACX,EAAE;AAAA,EACJ,UAAE;AACA,UAAM,MAAM,MAAM,cAAc,QAAQ;AAAA,EAC1C;AACF;AAcA,SAAS,cAAc,MAA+B;AACpD,SAAO,KAAK,SAAS,CAAC,EAAE,MAAM,MAAM,MAAM;AACxC,UAAM,KAAK,CAAC,SAAiB,WAAW,IAAI,KAAK,KAAK,KAAK,EAAE,SAAS,IAAI,IAAI,IAAI,QAAS;AAC3F,UAAM,OAAO,CAAC,UAAkB,MAAM,MAAM,cAAc,EAAE,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;AACrF,UAAM,KAAK,CAAC,QAAkB,MAAc,OAAO,IAAI,OAAO,MAAM;AACpE,UAAM,QAAkB,CAAC;AACzB,UAAM,SAAS,CAAC,GAAG,SAAS,iBAAiB,IAAI,IAAI,GAAG,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,gBAAgB,CAAC;AAC9F,eAAW,MAAM,QAAQ;AACvB,YAAM,QAAQ,GAAG,aAAa,IAAI;AAClC,iBAAW,UAAU,CAAC,IAAI,YAAY,SAAS,GAAG;AAChD,cAAM,QAAQ,iBAAiB,IAAI,UAAU,IAAI;AACjD,YAAI,WAAW,MAAM,YAAY,UAAU,MAAM,YAAY,YAAY,MAAM,YAAY,QAAS;AACpG,cAAM,YAAY,KAAK,MAAM,iBAAiB;AAC9C,cAAM,SAAS,KAAK,MAAM,uBAAuB;AACjD,cAAM,SAAS,KAAK,MAAM,cAAc;AACxC,aAAK,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,MAAM;AAC7C,cAAI,SAAS,OAAQ;AACrB,gBAAM,QAAQ,GAAG,QAAQ,CAAC;AAC1B,gBAAM,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,KAAK,UAAU,aAAa,WAAW,GAAG,GAAG,WAAW,CAAC,CAAC,IAAI,WAAW,KAAK;AAE1G,cAAI,MAAM,MAAO,OAAM,KAAK,EAAE,OAAO,QAAQ,MAAM,aAAa,MAAM,KAAK,QAAQ,sBAAsB,EAAE,GAAG,IAAI,CAAC;AAAA,QACrH,CAAC;AACD,cAAM,sBAAsB,KAAK,MAAM,kBAAkB;AACzD,cAAM,mBAAmB,KAAK,MAAM,eAAe;AACnD,aAAK,MAAM,kBAAkB,EAAE,QAAQ,CAAC,MAAM,MAAM;AAClD,gBAAM,MAAM,GAAG,GAAG,qBAAqB,CAAC,CAAC,IAAI,GAAG,GAAG,kBAAkB,CAAC,CAAC;AACvE,cAAI,SAAS,UAAU,MAAM,MAAO,OAAM,KAAK,EAAE,OAAO,QAAQ,MAAM,cAAc,MAAM,IAAI,CAAC;AAAA,QACjG,CAAC;AAAA,MACH;AAAA,IACF;AACA,eAAW,aAAa,SAAS,cAAc,GAAG;AAChD,UAAI,qBAAqB,gBAAgB,qBAAqB,iBAAiB,UAAU,cAAc,UAAW;AAClH,YAAM,SAAS,UAAU;AACzB,UAAI,EAAE,kBAAkB,mBAAmB,CAAC,OAAO,QAAQ,aAAa,IAAI,EAAG;AAC/E,YAAM,MAAM,OAAO,OAAO,kBAAkB,EAAE,WAAW,CAAC;AAC1D,UAAI,MAAM,OAAO;AACf,cAAM,KAAK,EAAE,OAAO,OAAO,OAAO,aAAa,IAAI,GAAI,QAAQ,OAAO,iBAAiB,IAAI,MAAM,UAAU,MAAM,UAAU,IAAI,IAAI,CAAC;AAAA,MACtI;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,EAAE,MAAM,aAAa,OAAO,UAAU,CAAC;AAC5C;AAEA,IAAM,aAAa,CAAC,SAAiB,KAAK,OAAO,CAAC,EAAE,YAAY,IAAI,KAAK,MAAM,CAAC;AAEhF,SAAS,eAAe,EAAE,MAAM,MAAM,IAAI,GAAmB;AAC3D,QAAM,OAAO,SAAS,cAAc,iBAAiB,IAAI,KACrD,SAAS,eAAe,mBAAmB,IAAI,KAAK,qBAAqB,OAAO,IAAI,IAAI,KAAK,EAAE;AACnG,SAAO,GAAG,IAAI,IAAI,OAAO,SAAS,GAAG,IAAI,SAAS,KAAK,MAAM,GAAG,CAAC,QAAQ,kBAAkB;AAC7F;AAQA,eAAsB,kBAAkB,MAAY,OAAe,SAAmB,KAAyC;AAC7H,MAAI;AACF,QAAI,MAAM,WAAW,MAAM,OAAO,SAAS,KAAK,WAAW,MAAM,EAAG,QAAO,CAAC;AAC5E,SAAK,MAAM,cAAc,IAAI,GAAG,WAAW,EAAG,QAAO,CAAC;AACtD,QAAI;AACJ,UAAM,KAAK,aAAa,EAAE,eAAe,SAAS,CAAC;AACnD,QAAI;AAEF,YAAM,KAAK,SAAS,MAAM,IAAI,QAAc,CAAC,YAAY,sBAAsB,MAAM,sBAAsB,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC7H,gBAAU,MAAM,cAAc,IAAI;AAAA,IACpC,UAAE;AACA,YAAM,KAAK,aAAa,EAAE,eAAe,KAAK,CAAC;AAAA,IACjD;AACA,QAAI,QAAQ,WAAW,EAAG,QAAO,CAAC;AAClC,UAAM,WAAW,QAAQ,SAAS,CAAC,MAAM,GAAG,EAAE,KAAK;AAAA,EAAK,EAAE,MAAM,EAAE;AAClE,UAAM,SAAS,CAAC,GAAG,SAAS,OAAO,CAAC;AACpC,UAAM,YAAY,MAAM,eAAe,MAAM,OAAO,SAAS,aAAa,OAAO,IAAI,CAAC,YAAY,QAAQ,CAAC,EAAE,KAAK,CAAC;AACnH,WAAO,OAAO,IAAI,CAAC,SAAS,OAAO;AAAA,MACjC,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ,GAAG,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,EAAE,MAAM;AAAA,QAClD,MAAM,UAAU,CAAC,EAAE;AAAA,QACnB,MAAM,WAAW,GAAG,QAAQ,IAAI,cAAc,EAAE,KAAK,IAAI,CAAC,uCAAuC;AAAA,QACjG,SAAS;AAAA,MACX;AAAA,MACA,OAAO,EAAE,UAAU,UAAU,CAAC,EAAE,OAAO;AAAA,IACzC,EAAE;AAAA,EACJ,UAAE;AACA,UAAM,MAAM,MAAM,WAAW;AAAA,EAC/B;AACF;","names":["scope","exclude","own","attr","styleId"]}