@greypan/web-ui 11.2.0 → 12.0.0

package/dist/components/svg-draw-lines/index.d.ts

@@ -1,45 +1,46 @@
-import { LitElement } from 'lit';
+import { LitElement } from "lit";
 export interface ReplayOptions {
-    /** 沿原路径收回（从完整描边画回空白），默认 false 即揭示方向。 */
-    reverse?: boolean;
+  /** 沿原路径收回（从完整描边画回空白），默认 false 即揭示方向。 */
+  reverse?: boolean;
 }
 export declare class WebUiSvgDrawLines extends LitElement {
-    static styles: import('lit').CSSResult;
-    get duration(): number;
-    set duration(v: number);
-    private _duration;
-    easing: string;
-    /** 关掉「首次内容稳定时自动播放一次」，交给调用方用 replay() 决定何时播。 */
-    noAutoplay: boolean;
-    private _activeRun;
-    private _hasAutoPlayed;
-    private readonly _authoredDash;
-    /** 收回留在元素上的「空白」，只有内联那两个值都还是我们自己写的那一份时才算数。 */
-    private readonly _stickyBlank;
-    /**
-     * 停止当前播放并重新开始。每次调用重新收集子树中的几何元素。
-     * 所有元素同时开始并行的 stroke-dashoffset 动画。
-     * options.reverse 为 true 时沿原路径收回。
-     * 无目标或当前主题范围启用 reduced motion 时立即 resolve。
-     */
-    replay(options?: ReplayOptions): Promise<void>;
-    private cancelAll;
-    private finishRun;
-    /** 只撤销我们自己写进去的那一份空白；消费者后来动过内联的任一个值就不碰。 */
-    private clearStickyBlank;
-    /**
-     * 深度遍历组件的 light DOM 子节点与开放 Shadow Root，
-     * 收集所有 SVGGeometryElement。closed shadow root 跳过。
-     */
-    private collectGeometryElements;
-    private animateElement;
-    private fixPathGap;
-    private handleSlotChange;
-    disconnectedCallback(): void;
-    render(): import('lit').TemplateResult<1>;
+  static styles: import("lit").CSSResult;
+  get duration(): number;
+  set duration(v: number);
+  private _duration;
+  easing: string;
+  /** 关掉「首次内容稳定时自动播放一次」，交给调用方用 replay() 决定何时播。 */
+  noAutoplay: boolean;
+  private _activeRun;
+  private _hasAutoPlayed;
+  private readonly _authoredDash;
+  /** 收回留在元素上的「空白」，只有内联那两个值都还是我们自己写的那一份时才算数。 */
+  private readonly _stickyBlank;
+  /**
+   * 停止当前播放并重新开始。每次调用重新收集子树中的几何元素。
+   * 所有元素同时开始并行的 stroke-dashoffset 动画。
+   * options.reverse 为 true 时沿原路径收回。
+   * 无目标或当前主题范围启用 reduced motion 时立即 resolve。
+   */
+  replay(options?: ReplayOptions): Promise<void>;
+  private cancelAll;
+  private finishRun;
+  /** 只撤销我们自己写进去的那一份空白；消费者后来动过内联的任一个值就不碰。 */
+  private clearStickyBlank;
+  /**
+   * 深度遍历组件的 light DOM 子节点与开放 Shadow Root，
+   * 收集所有 SVGGeometryElement。closed shadow root 跳过。
+   */
+  private collectGeometryElements;
+  private animateElement;
+  private fixPathGap;
+  private handleSlotChange;
+  disconnectedCallback(): void;
+  render(): import("lit").TemplateResult<1>;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'web-ui-svg-draw-lines': WebUiSvgDrawLines;
-    }
+  interface HTMLElementTagNameMap {
+    'web-ui-svg-draw-lines': WebUiSvgDrawLines;
+  }
 }
+//# sourceMappingURL=index.d.ts.map

package/dist/components/svg-draw-lines/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/svg-draw-lines/index.ts"],"mappings":";iBAqFiB;;EAEf;;qBAIW,0BAA0B;SACrB,sBAAM;MAGlB;MAGA,SAAS;UAKL;EAEmC;;EAG2B;UAE9D;UACA;mBAKS;;mBAEA;;;;;;;EAQX,OAAO,UAAS,gBAAqB;UAgCnC;UAUA;;UA2BA;;;;;UAmBA;UA8BA;UAyDA;UAQA;EAMC;EAKA,wBAAM;;QAKT;YACI;IACR,yBAAyB"}

package/dist/components/svg-draw-lines/index.js

@@ -1,160 +1,243 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
-import { normalizeNumber as t } from "../../shared/normalize/index.js";
-import { prefersReducedMotion as n } from "../../shared/theme/reduced-motion.js";
-import r from "./style.js";
-import { LitElement as i, html as a, unsafeCSS as o } from "lit";
-import { customElement as s, property as c } from "lit/decorators.js";
-//#region src/components/svg-draw-lines/index.ts
-var l = "path, rect, circle, line, polyline, polygon, ellipse", u = "--wui-svg-draw-lines-offset", d, f;
-function p(e) {
-	return typeof DOMException < "u" && e instanceof DOMException && e.name === "InvalidModificationError";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { normalizeNumber } from "../../shared/normalize/index.js";
+import { prefersReducedMotion } from "../../shared/theme/reduced-motion.js";
+import style_default from "./style.js";
+import { LitElement, html, unsafeCSS } from "lit";
+import { customElement, property } from "lit/decorators.js";
+// src/components/svg-draw-lines/index.ts
+const GEOMETRY_SELECTOR = "path, rect, circle, line, polyline, polygon, ellipse";
+const DASH_OFFSET_PROPERTY = "--wui-svg-draw-lines-offset";
+let dashOffsetRegistrationApi;
+let dashOffsetInterpolationSupported;
+function isAlreadyRegistered(error) {
+	return typeof DOMException !== "undefined" && error instanceof DOMException && error.name === "InvalidModificationError";
 }
-function m() {
-	let e = document.createElement("span"), t;
+function supportsDashOffsetInterpolation() {
+	const probe = document.createElement("span");
+	let animation;
 	try {
-		e.style.setProperty(u, "0px"), document.documentElement.append(e), t = e.animate([{ [u]: "0px" }, { [u]: "100px" }], {
+		probe.style.setProperty(DASH_OFFSET_PROPERTY, "0px");
+		document.documentElement.append(probe);
+		animation = probe.animate([{ [DASH_OFFSET_PROPERTY]: "0px" }, { [DASH_OFFSET_PROPERTY]: "100px" }], {
 			duration: 1e3,
 			easing: "linear",
 			fill: "both"
-		}), t.pause(), t.currentTime = 250;
-		let n = Number.parseFloat(getComputedStyle(e).getPropertyValue(u));
-		return Number.isFinite(n) && Math.abs(n - 25) < .1;
-	} catch (e) {
-		return console.warn("web-ui-svg-draw-lines could not verify typed offset interpolation. Using linear easing.", e), !1;
+		});
+		animation.pause();
+		animation.currentTime = 250;
+		const interpolated = Number.parseFloat(getComputedStyle(probe).getPropertyValue(DASH_OFFSET_PROPERTY));
+		return Number.isFinite(interpolated) && Math.abs(interpolated - 25) < .1;
+	} catch (error) {
+		console.warn("web-ui-svg-draw-lines could not verify typed offset interpolation. Using linear easing.", error);
+		return false;
 	} finally {
-		t?.cancel(), e.remove();
+		animation?.cancel();
+		probe.remove();
 	}
 }
-function h() {
-	if (typeof CSS > "u" || typeof CSS.registerProperty != "function" || typeof document > "u") return !1;
-	let e = CSS.registerProperty;
-	if (d !== e && (d = e, f = void 0), f !== void 0) return f;
+function registerDashOffsetProperty() {
+	if (typeof CSS === "undefined" || typeof CSS.registerProperty !== "function" || typeof document === "undefined") return false;
+	const registerProperty = CSS.registerProperty;
+	if (dashOffsetRegistrationApi !== registerProperty) {
+		dashOffsetRegistrationApi = registerProperty;
+		dashOffsetInterpolationSupported = void 0;
+	}
+	if (dashOffsetInterpolationSupported !== void 0) return dashOffsetInterpolationSupported;
 	try {
 		CSS.registerProperty({
-			name: u,
+			name: DASH_OFFSET_PROPERTY,
 			syntax: "<length>",
-			inherits: !1,
+			inherits: false,
 			initialValue: "0px"
 		});
-	} catch (e) {
-		if (!p(e)) return console.warn("web-ui-svg-draw-lines could not register its typed offset property. Using linear easing.", e), f = !1, !1;
+	} catch (error) {
+		if (!isAlreadyRegistered(error)) {
+			console.warn("web-ui-svg-draw-lines could not register its typed offset property. Using linear easing.", error);
+			dashOffsetInterpolationSupported = false;
+			return false;
+		}
 	}
-	return f = m(), f;
+	dashOffsetInterpolationSupported = supportsDashOffsetInterpolation();
+	return dashOffsetInterpolationSupported;
 }
-var g = class extends i {
-	constructor(...e) {
-		super(...e), this._duration = 1e3, this.easing = "linear", this.noAutoplay = !1, this._hasAutoPlayed = !1, this._authoredDash = /* @__PURE__ */ new WeakMap(), this._stickyBlank = /* @__PURE__ */ new WeakMap();
+let WebUiSvgDrawLines = class WebUiSvgDrawLines extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this._duration = 1e3;
+		this.easing = "linear";
+		this.noAutoplay = false;
+		this._hasAutoPlayed = false;
+		this._authoredDash = /* @__PURE__ */ new WeakMap();
+		this._stickyBlank = /* @__PURE__ */ new WeakMap();
 	}
 	static {
-		this.styles = o(r);
+		this.styles = unsafeCSS(style_default);
 	}
 	get duration() {
 		return this._duration;
 	}
-	set duration(e) {
-		let n = this._duration;
-		this._duration = t(e, 0, 3e4, 1e3), this.requestUpdate("duration", n);
-	}
-	async replay(e = {}) {
-		let t = e.reverse === !0;
+	set duration(v) {
+		const old = this._duration;
+		this._duration = normalizeNumber(v, 0, 3e4, 1e3);
+		this.requestUpdate("duration", old);
+	}
+	/**
+	* 停止当前播放并重新开始。每次调用重新收集子树中的几何元素。
+	* 所有元素同时开始并行的 stroke-dashoffset 动画。
+	* options.reverse 为 true 时沿原路径收回。
+	* 无目标或当前主题范围启用 reduced motion 时立即 resolve。
+	*/
+	async replay(options = {}) {
+		const reverse = options.reverse === true;
 		this.cancelAll();
-		let r = this.collectGeometryElements();
-		if (n(this)) {
-			for (let e of r) this.clearStickyBlank(e);
+		const targets = this.collectGeometryElements();
+		if (prefersReducedMotion(this)) {
+			for (const el of targets) this.clearStickyBlank(el);
 			return;
 		}
-		if (r.length === 0) return;
-		let i = {
-			reverse: t,
+		if (targets.length === 0) return;
+		const run = {
+			reverse,
 			animations: [],
 			blankByElement: /* @__PURE__ */ new Map(),
 			patchedD: /* @__PURE__ */ new Map()
 		};
-		this._activeRun = i, await Promise.all(r.map((e) => this.animateElement(e, i, t))), this._activeRun === i && this.finishRun(i);
+		this._activeRun = run;
+		await Promise.all(targets.map((el) => this.animateElement(el, run, reverse)));
+		if (this._activeRun !== run) return;
+		this.finishRun(run);
 	}
 	cancelAll() {
-		this._activeRun && this.finishRun(this._activeRun);
-	}
-	finishRun(e) {
-		e.animations.forEach((e) => e.cancel());
-		for (let [t, n] of e.patchedD) t.setAttribute("d", n);
-		for (let [t, n] of e.blankByElement) {
-			let r = this._authoredDash.get(t);
-			e.reverse ? (t.style.strokeDasharray = n, t.style.strokeDashoffset = n, this._stickyBlank.set(t, {
-				dasharray: t.style.strokeDasharray,
-				dashoffset: t.style.strokeDashoffset
-			})) : (t.style.strokeDasharray = r?.dasharray ?? "", t.style.strokeDashoffset = r?.dashoffset ?? "", this._stickyBlank.delete(t)), t.style.removeProperty(u);
+		if (this._activeRun) this.finishRun(this._activeRun);
+	}
+	finishRun(run) {
+		run.animations.forEach((anim) => anim.cancel());
+		for (const [el, d] of run.patchedD) el.setAttribute("d", d);
+		for (const [el, blank] of run.blankByElement) {
+			const authored = this._authoredDash.get(el);
+			if (run.reverse) {
+				el.style.strokeDasharray = blank;
+				el.style.strokeDashoffset = blank;
+				this._stickyBlank.set(el, {
+					dasharray: el.style.strokeDasharray,
+					dashoffset: el.style.strokeDashoffset
+				});
+			} else {
+				el.style.strokeDasharray = authored?.dasharray ?? "";
+				el.style.strokeDashoffset = authored?.dashoffset ?? "";
+				this._stickyBlank.delete(el);
+			}
+			el.style.removeProperty(DASH_OFFSET_PROPERTY);
 		}
-		this._activeRun === e && (this._activeRun = void 0);
-	}
-	clearStickyBlank(e) {
-		let t = this._stickyBlank.get(e);
-		if (t === void 0 || e.style.strokeDasharray !== t.dasharray || e.style.strokeDashoffset !== t.dashoffset) return;
-		let n = this._authoredDash.get(e);
-		e.style.strokeDasharray = n?.dasharray ?? "", e.style.strokeDashoffset = n?.dashoffset ?? "", this._stickyBlank.delete(e);
-	}
+		if (this._activeRun === run) this._activeRun = void 0;
+	}
+	/** 只撤销我们自己写进去的那一份空白；消费者后来动过内联的任一个值就不碰。 */
+	clearStickyBlank(el) {
+		const blank = this._stickyBlank.get(el);
+		if (blank === void 0 || el.style.strokeDasharray !== blank.dasharray || el.style.strokeDashoffset !== blank.dashoffset) return;
+		const authored = this._authoredDash.get(el);
+		el.style.strokeDasharray = authored?.dasharray ?? "";
+		el.style.strokeDashoffset = authored?.dashoffset ?? "";
+		this._stickyBlank.delete(el);
+	}
+	/**
+	* 深度遍历组件的 light DOM 子节点与开放 Shadow Root，
+	* 收集所有 SVGGeometryElement。closed shadow root 跳过。
+	*/
 	collectGeometryElements() {
-		let e = [], t = /* @__PURE__ */ new Set(), n = (r) => {
-			if ((r instanceof Element || r instanceof DocumentFragment) && r.querySelectorAll(l).forEach((n) => {
-				typeof n.getTotalLength == "function" && !t.has(n) && (t.add(n), e.push(n));
-			}), r instanceof Element) {
-				for (let e of r.children) n(e);
-				r.shadowRoot && n(r.shadowRoot);
-			} else if (r instanceof ShadowRoot) for (let e of r.children) n(e);
+		const elements = [];
+		const seen = /* @__PURE__ */ new Set();
+		const walk = (root) => {
+			if (root instanceof Element || root instanceof DocumentFragment) root.querySelectorAll(GEOMETRY_SELECTOR).forEach((el) => {
+				if (typeof el.getTotalLength === "function" && !seen.has(el)) {
+					seen.add(el);
+					elements.push(el);
+				}
+			});
+			if (root instanceof Element) {
+				for (const child of root.children) walk(child);
+				if (root.shadowRoot) walk(root.shadowRoot);
+			} else if (root instanceof ShadowRoot) for (const child of root.children) walk(child);
 		};
-		for (let e of this.children) n(e);
-		return e;
-	}
-	animateElement(e, t, n) {
-		return new Promise((r) => {
-			if (this._authoredDash.has(e) || this._authoredDash.set(e, {
-				dasharray: e.style.strokeDasharray,
-				dashoffset: e.style.strokeDashoffset
-			}), e.tagName === "path") {
-				let n = e.getAttribute("d");
-				n && /[Zz]\s*$/.test(n) && !t.patchedD.has(e) && (t.patchedD.set(e, n), e.setAttribute("d", this.fixPathGap(e, n)));
+		for (const child of this.children) walk(child);
+		return elements;
+	}
+	animateElement(el, run, reverse) {
+		return new Promise((resolve) => {
+			if (!this._authoredDash.has(el)) this._authoredDash.set(el, {
+				dasharray: el.style.strokeDasharray,
+				dashoffset: el.style.strokeDashoffset
+			});
+			if (el.tagName === "path") {
+				const d = el.getAttribute("d");
+				if (d && /[Zz]\s*$/.test(d) && !run.patchedD.has(el)) {
+					run.patchedD.set(el, d);
+					el.setAttribute("d", this.fixPathGap(el, d));
+				}
+			}
+			const strokeWidth = parseFloat(getComputedStyle(el).strokeWidth) || 0;
+			const len = el.getTotalLength() + strokeWidth;
+			const blank = `${len}`;
+			const from = reverse ? 0 : len;
+			const to = reverse ? len : 0;
+			const canClampOvershoot = registerDashOffsetProperty();
+			el.style.strokeDasharray = blank;
+			if (canClampOvershoot) {
+				el.style.setProperty(DASH_OFFSET_PROPERTY, `${from}px`);
+				el.style.strokeDashoffset = `clamp(0px, var(${DASH_OFFSET_PROPERTY}), ${blank}px)`;
+			} else {
+				el.style.removeProperty(DASH_OFFSET_PROPERTY);
+				el.style.strokeDashoffset = `${from}px`;
 			}
-			let i = parseFloat(getComputedStyle(e).strokeWidth) || 0, a = e.getTotalLength() + i, o = `${a}`, s = n ? 0 : a, c = n ? a : 0, l = h();
-			e.style.strokeDasharray = o, l ? (e.style.setProperty(u, `${s}px`), e.style.strokeDashoffset = `clamp(0px, var(${u}), ${o}px)`) : (e.style.removeProperty(u), e.style.strokeDashoffset = `${s}px`), t.blankByElement.set(e, o);
-			let d = l ? u : "strokeDashoffset", f = e.animate([{ [d]: `${s}px` }, { [d]: `${c}px` }], {
+			run.blankByElement.set(el, blank);
+			const property = canClampOvershoot ? DASH_OFFSET_PROPERTY : "strokeDashoffset";
+			const anim = el.animate([{ [property]: `${from}px` }, { [property]: `${to}px` }], {
 				duration: this.duration,
-				easing: l ? this.easing : "linear",
+				easing: canClampOvershoot ? this.easing : "linear",
 				fill: "forwards"
 			});
-			t.animations.push(f), f.onfinish = () => {
-				r();
-			}, f.oncancel = () => {
-				r();
+			run.animations.push(anim);
+			anim.onfinish = () => {
+				resolve();
+			};
+			anim.oncancel = () => {
+				resolve();
 			};
 		});
 	}
-	fixPathGap(e, t) {
-		e.setAttribute("d", t);
-		let n = e.getPointAtLength(0), r = e.getPointAtLength(.1);
-		return t.replace(/[Zz]\s*$/, `L${n.x.toFixed(3)} ${n.y.toFixed(3)} L${r.x.toFixed(3)} ${r.y.toFixed(3)}`);
+	fixPathGap(pathEl, d) {
+		pathEl.setAttribute("d", d);
+		const p0 = pathEl.getPointAtLength(0);
+		const p1 = pathEl.getPointAtLength(.1);
+		return d.replace(/[Zz]\s*$/, `L${p0.x.toFixed(3)} ${p0.y.toFixed(3)} L${p1.x.toFixed(3)} ${p1.y.toFixed(3)}`);
 	}
 	handleSlotChange() {
-		this.noAutoplay || this._hasAutoPlayed || (this._hasAutoPlayed = !0, this.replay());
+		if (this.noAutoplay || this._hasAutoPlayed) return;
+		this._hasAutoPlayed = true;
+		this.replay();
 	}
 	disconnectedCallback() {
-		this.cancelAll(), super.disconnectedCallback();
+		this.cancelAll();
+		super.disconnectedCallback();
 	}
 	render() {
-		return a`<slot @slotchange=${this.handleSlotChange}></slot>`;
+		return html`<slot @slotchange=${this.handleSlotChange}></slot>`;
 	}
 };
-e([c({
+__decorate([property({
 	type: Number,
-	reflect: !0
-})], g.prototype, "duration", null), e([c({
+	reflect: true
+})], WebUiSvgDrawLines.prototype, "duration", null);
+__decorate([property({
 	type: String,
-	reflect: !0
-})], g.prototype, "easing", void 0), e([c({
+	reflect: true
+})], WebUiSvgDrawLines.prototype, "easing", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0,
+	reflect: true,
 	attribute: "no-autoplay"
-})], g.prototype, "noAutoplay", void 0), g = e([s("web-ui-svg-draw-lines")], g);
-//#endregion
-export { g as WebUiSvgDrawLines };
+})], WebUiSvgDrawLines.prototype, "noAutoplay", void 0);
+WebUiSvgDrawLines = __decorate([customElement("web-ui-svg-draw-lines")], WebUiSvgDrawLines);
+export { WebUiSvgDrawLines };
 
 //# sourceMappingURL=index.js.map

package/dist/components/svg-draw-lines/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/svg-draw-lines/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { normalizeNumber } from '@/shared/normalize'\nimport { prefersReducedMotion } from '@/shared/theme/reduced-motion'\n\nimport style from './style.css?inline'\n\nconst GEOMETRY_SELECTOR = 'path, rect, circle, line, polyline, polygon, ellipse'\n// Animate a registered length, then clamp it before using it as a dash offset.\nconst DASH_OFFSET_PROPERTY = '--wui-svg-draw-lines-offset'\n\nlet dashOffsetRegistrationApi: typeof CSS.registerProperty | undefined\nlet dashOffsetInterpolationSupported: boolean | undefined\n\nfunction isAlreadyRegistered(error: unknown): boolean {\n  return (\n    typeof DOMException !== 'undefined' && error instanceof DOMException && error.name === 'InvalidModificationError'\n  )\n}\n\nfunction supportsDashOffsetInterpolation(): boolean {\n  const probe = document.createElement('span')\n  let animation: Animation | undefined\n  try {\n    probe.style.setProperty(DASH_OFFSET_PROPERTY, '0px')\n    document.documentElement.append(probe)\n    animation = probe.animate([{ [DASH_OFFSET_PROPERTY]: '0px' }, { [DASH_OFFSET_PROPERTY]: '100px' }], {\n      duration: 1000,\n      easing: 'linear',\n      fill: 'both'\n    })\n    animation.pause()\n    animation.currentTime = 250\n\n    const interpolated = Number.parseFloat(getComputedStyle(probe).getPropertyValue(DASH_OFFSET_PROPERTY))\n    return Number.isFinite(interpolated) && Math.abs(interpolated - 25) < 0.1\n  } catch (error) {\n    console.warn('web-ui-svg-draw-lines could not verify typed offset interpolation. Using linear easing.', error)\n    return false\n  } finally {\n    animation?.cancel()\n    probe.remove()\n  }\n}\n\nfunction registerDashOffsetProperty(): boolean {\n  if (typeof CSS === 'undefined' || typeof CSS.registerProperty !== 'function' || typeof document === 'undefined')\n    return false\n\n  const registerProperty = CSS.registerProperty\n  if (dashOffsetRegistrationApi !== registerProperty) {\n    // Capability is cached only for the registration implementation that passed the probe.\n    dashOffsetRegistrationApi = registerProperty\n    dashOffsetInterpolationSupported = undefined\n  }\n  if (dashOffsetInterpolationSupported !== undefined) return dashOffsetInterpolationSupported\n\n  try {\n    CSS.registerProperty({\n      name: DASH_OFFSET_PROPERTY,\n      syntax: '<length>',\n      inherits: false,\n      initialValue: '0px'\n    })\n  } catch (error) {\n    if (!isAlreadyRegistered(error)) {\n      console.warn('web-ui-svg-draw-lines could not register its typed offset property. Using linear easing.', error)\n      dashOffsetInterpolationSupported = false\n      return false\n    }\n  }\n\n  dashOffsetInterpolationSupported = supportsDashOffsetInterpolation()\n  return dashOffsetInterpolationSupported\n}\n\ninterface AnimationRun {\n  reverse: boolean\n  animations: Animation[]\n  /** 本次运行写过的「空白」dash 值，按元素记；收回收尾要把它留在 DOM 上。 */\n  blankByElement: Map<SVGGeometryElement, string>\n  patchedD: Map<SVGGeometryElement, string>\n}\n\nexport interface ReplayOptions {\n  /** 沿原路径收回（从完整描边画回空白），默认 false 即揭示方向。 */\n  reverse?: boolean\n}\n\n@customElement('web-ui-svg-draw-lines')\nexport class WebUiSvgDrawLines extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ type: Number, reflect: true })\n  get duration(): number {\n    return this._duration\n  }\n  set duration(v: number) {\n    const old = this._duration\n    this._duration = normalizeNumber(v, 0, 30000, 1000)\n    this.requestUpdate('duration', old)\n  }\n  private _duration = 1000\n\n  @property({ type: String, reflect: true }) easing = 'linear'\n\n  /** 关掉「首次内容稳定时自动播放一次」，交给调用方用 replay() 决定何时播。 */\n  @property({ type: Boolean, reflect: true, attribute: 'no-autoplay' }) noAutoplay = false\n\n  private _activeRun: AnimationRun | undefined\n  private _hasAutoPlayed = false\n  /*\n   * 消费者自己写在目标元素上的 dash 值，只在第一次碰到该元素时取一次。运行会把这两个属性改成\n   * 自己的空白值，所以不能从「上一次运行之后」的状态重新取，否则画入收尾会把空白当成原值。\n   */\n  private readonly _authoredDash = new WeakMap<SVGGeometryElement, { dasharray: string; dashoffset: string }>()\n  /** 收回留在元素上的「空白」，只有内联那两个值都还是我们自己写的那一份时才算数。 */\n  private readonly _stickyBlank = new WeakMap<SVGGeometryElement, { dasharray: string; dashoffset: string }>()\n\n  /**\n   * 停止当前播放并重新开始。每次调用重新收集子树中的几何元素。\n   * 所有元素同时开始并行的 stroke-dashoffset 动画。\n   * options.reverse 为 true 时沿原路径收回。\n   * 无目标或当前主题范围启用 reduced motion 时立即 resolve。\n   */\n  async replay(options: ReplayOptions = {}): Promise<void> {\n    const reverse = options.reverse === true\n\n    this.cancelAll()\n\n    const targets = this.collectGeometryElements()\n\n    if (prefersReducedMotion(this)) {\n      // 不播，但上一次收回提交的空白要清掉：reduced motion 下可见性完全交给消费者的 opacity，\n      // 留着空白就会出现「aria-checked=true 却看不见勾」，而之后每次 replay 都会同样早退、无法自愈。\n      for (const el of targets) this.clearStickyBlank(el)\n      return\n    }\n\n    if (targets.length === 0) return\n\n    const run: AnimationRun = {\n      reverse,\n      animations: [],\n      blankByElement: new Map(),\n      patchedD: new Map()\n    }\n    this._activeRun = run\n\n    await Promise.all(targets.map(el => this.animateElement(el, run, reverse)))\n\n    // A later replay owns the current DOM state and must not be cleaned up here.\n    if (this._activeRun !== run) return\n\n    this.finishRun(run)\n  }\n\n  private cancelAll() {\n    if (this._activeRun) this.finishRun(this._activeRun)\n  }\n\n  /*\n   * 收尾分两个方向：画线还原消费者自己写的 dash（描边完整可见），收回把空白留在内联样式上\n   * （整条路径落进 dash 间隙，看不见）。收回末态必须是 DOM 状态，不能是「一条还活着的\n   * fill:forwards 动画」——元素被摘走再挂回（列表 key 重排、teleport）时，还原成完整描边的\n   * 那份内联值会让勾当场复现，而控件已经是未勾选。\n   */\n  private finishRun(run: AnimationRun) {\n    run.animations.forEach(anim => anim.cancel())\n\n    for (const [el, d] of run.patchedD) {\n      el.setAttribute('d', d)\n    }\n\n    for (const [el, blank] of run.blankByElement) {\n      const authored = this._authoredDash.get(el)\n      if (run.reverse) {\n        el.style.strokeDasharray = blank\n        el.style.strokeDashoffset = blank\n        // 存回读值而不是写入值：CSSOM 会按自己的精度序列化，撤销时要按同一份文本比对。\n        this._stickyBlank.set(el, { dasharray: el.style.strokeDasharray, dashoffset: el.style.strokeDashoffset })\n      } else {\n        el.style.strokeDasharray = authored?.dasharray ?? ''\n        el.style.strokeDashoffset = authored?.dashoffset ?? ''\n        this._stickyBlank.delete(el)\n      }\n\n      el.style.removeProperty(DASH_OFFSET_PROPERTY)\n    }\n\n    if (this._activeRun === run) this._activeRun = undefined\n  }\n\n  /** 只撤销我们自己写进去的那一份空白；消费者后来动过内联的任一个值就不碰。 */\n  private clearStickyBlank(el: SVGGeometryElement) {\n    const blank = this._stickyBlank.get(el)\n    if (\n      blank === undefined ||\n      el.style.strokeDasharray !== blank.dasharray ||\n      el.style.strokeDashoffset !== blank.dashoffset\n    )\n      return\n\n    const authored = this._authoredDash.get(el)\n    el.style.strokeDasharray = authored?.dasharray ?? ''\n    el.style.strokeDashoffset = authored?.dashoffset ?? ''\n    this._stickyBlank.delete(el)\n  }\n\n  /**\n   * 深度遍历组件的 light DOM 子节点与开放 Shadow Root，\n   * 收集所有 SVGGeometryElement。closed shadow root 跳过。\n   */\n  private collectGeometryElements(): SVGGeometryElement[] {\n    const elements: SVGGeometryElement[] = []\n    const seen = new Set<SVGGeometryElement>()\n\n    const walk = (root: Node) => {\n      if (root instanceof Element || root instanceof DocumentFragment) {\n        root.querySelectorAll(GEOMETRY_SELECTOR).forEach(el => {\n          // instanceof SVGGeometryElement 在 jsdom 中未定义，使用 duck-type 检查\n          if (\n            typeof (el as unknown as Record<string, unknown>).getTotalLength === 'function' &&\n            !seen.has(el as unknown as SVGGeometryElement)\n          ) {\n            seen.add(el as unknown as SVGGeometryElement)\n            elements.push(el as unknown as SVGGeometryElement)\n          }\n        })\n      }\n\n      if (root instanceof Element) {\n        for (const child of root.children) walk(child)\n        if (root.shadowRoot) walk(root.shadowRoot)\n      } else if (root instanceof ShadowRoot) {\n        for (const child of root.children) walk(child)\n      }\n    }\n\n    for (const child of this.children) walk(child)\n    return elements\n  }\n\n  private animateElement(el: SVGGeometryElement, run: AnimationRun, reverse: boolean): Promise<void> {\n    return new Promise(resolve => {\n      if (!this._authoredDash.has(el)) {\n        this._authoredDash.set(el, {\n          dasharray: el.style.strokeDasharray,\n          dashoffset: el.style.strokeDashoffset\n        })\n      }\n\n      if (el.tagName === 'path') {\n        const d = el.getAttribute('d')\n        if (d && /[Zz]\\s*$/.test(d) && !run.patchedD.has(el)) {\n          run.patchedD.set(el, d)\n          el.setAttribute('d', this.fixPathGap(el, d))\n        }\n      }\n\n      const strokeWidth = parseFloat(getComputedStyle(el).strokeWidth) || 0\n      const len = el.getTotalLength() + strokeWidth\n      // 空白 = 整条路径落在 dash 间隙里；满 = 偏移归零。两个方向只是这两端换先后。\n      const blank = `${len}`\n      const from = reverse ? 0 : len\n      const to = reverse ? len : 0\n\n      const canClampOvershoot = registerDashOffsetProperty()\n      el.style.strokeDasharray = blank\n      if (canClampOvershoot) {\n        el.style.setProperty(DASH_OFFSET_PROPERTY, `${from}px`)\n        el.style.strokeDashoffset = `clamp(0px, var(${DASH_OFFSET_PROPERTY}), ${blank}px)`\n      } else {\n        // Older engines cannot interpolate the registered helper property. Animate the real offset\n        // with a bounded easing so replay still works without letting an overshoot crop the path.\n        el.style.removeProperty(DASH_OFFSET_PROPERTY)\n        el.style.strokeDashoffset = `${from}px`\n      }\n      run.blankByElement.set(el, blank)\n\n      const property = canClampOvershoot ? DASH_OFFSET_PROPERTY : 'strokeDashoffset'\n      const anim = el.animate([{ [property]: `${from}px` }, { [property]: `${to}px` }], {\n        duration: this.duration,\n        easing: canClampOvershoot ? this.easing : 'linear',\n        fill: 'forwards'\n      })\n\n      run.animations.push(anim)\n\n      anim.onfinish = () => {\n        resolve()\n      }\n\n      anim.oncancel = () => {\n        resolve()\n      }\n    })\n  }\n\n  // Z → explicit line back to start + 0.1px extra, forcing render of the closing segment\n  private fixPathGap(pathEl: SVGPathElement, d: string): string {\n    pathEl.setAttribute('d', d)\n    const p0 = pathEl.getPointAtLength(0)\n    const p1 = pathEl.getPointAtLength(0.1)\n    return d.replace(/[Zz]\\s*$/, `L${p0.x.toFixed(3)} ${p0.y.toFixed(3)} L${p1.x.toFixed(3)} ${p1.y.toFixed(3)}`)\n  }\n\n  // 首次 slot 内容稳定后自动播放一次；no-autoplay 下这一步交给调用方的 replay()。\n  private handleSlotChange() {\n    if (this.noAutoplay || this._hasAutoPlayed) return\n    this._hasAutoPlayed = true\n    void this.replay()\n  }\n\n  override disconnectedCallback() {\n    this.cancelAll()\n    super.disconnectedCallback()\n  }\n\n  override render() {\n    return html`<slot @slotchange=${this.handleSlotChange}></slot>`\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-svg-draw-lines': WebUiSvgDrawLines\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["style"],"sources":["../../../src/components/svg-draw-lines/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { normalizeNumber } from '@/shared/normalize'\nimport { prefersReducedMotion } from '@/shared/theme/reduced-motion'\n\nimport style from './style.css?inline'\n\nconst GEOMETRY_SELECTOR = 'path, rect, circle, line, polyline, polygon, ellipse'\n// Animate a registered length, then clamp it before using it as a dash offset.\nconst DASH_OFFSET_PROPERTY = '--wui-svg-draw-lines-offset'\n\nlet dashOffsetRegistrationApi: typeof CSS.registerProperty | undefined\nlet dashOffsetInterpolationSupported: boolean | undefined\n\nfunction isAlreadyRegistered(error: unknown): boolean {\n  return (\n    typeof DOMException !== 'undefined' && error instanceof DOMException && error.name === 'InvalidModificationError'\n  )\n}\n\nfunction supportsDashOffsetInterpolation(): boolean {\n  const probe = document.createElement('span')\n  let animation: Animation | undefined\n  try {\n    probe.style.setProperty(DASH_OFFSET_PROPERTY, '0px')\n    document.documentElement.append(probe)\n    animation = probe.animate([{ [DASH_OFFSET_PROPERTY]: '0px' }, { [DASH_OFFSET_PROPERTY]: '100px' }], {\n      duration: 1000,\n      easing: 'linear',\n      fill: 'both'\n    })\n    animation.pause()\n    animation.currentTime = 250\n\n    const interpolated = Number.parseFloat(getComputedStyle(probe).getPropertyValue(DASH_OFFSET_PROPERTY))\n    return Number.isFinite(interpolated) && Math.abs(interpolated - 25) < 0.1\n  } catch (error) {\n    console.warn('web-ui-svg-draw-lines could not verify typed offset interpolation. Using linear easing.', error)\n    return false\n  } finally {\n    animation?.cancel()\n    probe.remove()\n  }\n}\n\nfunction registerDashOffsetProperty(): boolean {\n  if (typeof CSS === 'undefined' || typeof CSS.registerProperty !== 'function' || typeof document === 'undefined')\n    return false\n\n  const registerProperty = CSS.registerProperty\n  if (dashOffsetRegistrationApi !== registerProperty) {\n    // Capability is cached only for the registration implementation that passed the probe.\n    dashOffsetRegistrationApi = registerProperty\n    dashOffsetInterpolationSupported = undefined\n  }\n  if (dashOffsetInterpolationSupported !== undefined) return dashOffsetInterpolationSupported\n\n  try {\n    CSS.registerProperty({\n      name: DASH_OFFSET_PROPERTY,\n      syntax: '<length>',\n      inherits: false,\n      initialValue: '0px'\n    })\n  } catch (error) {\n    if (!isAlreadyRegistered(error)) {\n      console.warn('web-ui-svg-draw-lines could not register its typed offset property. Using linear easing.', error)\n      dashOffsetInterpolationSupported = false\n      return false\n    }\n  }\n\n  dashOffsetInterpolationSupported = supportsDashOffsetInterpolation()\n  return dashOffsetInterpolationSupported\n}\n\ninterface AnimationRun {\n  reverse: boolean\n  animations: Animation[]\n  /** 本次运行写过的「空白」dash 值，按元素记；收回收尾要把它留在 DOM 上。 */\n  blankByElement: Map<SVGGeometryElement, string>\n  patchedD: Map<SVGGeometryElement, string>\n}\n\nexport interface ReplayOptions {\n  /** 沿原路径收回（从完整描边画回空白），默认 false 即揭示方向。 */\n  reverse?: boolean\n}\n\n@customElement('web-ui-svg-draw-lines')\nexport class WebUiSvgDrawLines extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ type: Number, reflect: true })\n  get duration(): number {\n    return this._duration\n  }\n  set duration(v: number) {\n    const old = this._duration\n    this._duration = normalizeNumber(v, 0, 30000, 1000)\n    this.requestUpdate('duration', old)\n  }\n  private _duration = 1000\n\n  @property({ type: String, reflect: true }) easing = 'linear'\n\n  /** 关掉「首次内容稳定时自动播放一次」，交给调用方用 replay() 决定何时播。 */\n  @property({ type: Boolean, reflect: true, attribute: 'no-autoplay' }) noAutoplay = false\n\n  private _activeRun: AnimationRun | undefined\n  private _hasAutoPlayed = false\n  /*\n   * 消费者自己写在目标元素上的 dash 值，只在第一次碰到该元素时取一次。运行会把这两个属性改成\n   * 自己的空白值，所以不能从「上一次运行之后」的状态重新取，否则画入收尾会把空白当成原值。\n   */\n  private readonly _authoredDash = new WeakMap<SVGGeometryElement, { dasharray: string; dashoffset: string }>()\n  /** 收回留在元素上的「空白」，只有内联那两个值都还是我们自己写的那一份时才算数。 */\n  private readonly _stickyBlank = new WeakMap<SVGGeometryElement, { dasharray: string; dashoffset: string }>()\n\n  /**\n   * 停止当前播放并重新开始。每次调用重新收集子树中的几何元素。\n   * 所有元素同时开始并行的 stroke-dashoffset 动画。\n   * options.reverse 为 true 时沿原路径收回。\n   * 无目标或当前主题范围启用 reduced motion 时立即 resolve。\n   */\n  async replay(options: ReplayOptions = {}): Promise<void> {\n    const reverse = options.reverse === true\n\n    this.cancelAll()\n\n    const targets = this.collectGeometryElements()\n\n    if (prefersReducedMotion(this)) {\n      // 不播，但上一次收回提交的空白要清掉：reduced motion 下可见性完全交给消费者的 opacity，\n      // 留着空白就会出现「aria-checked=true 却看不见勾」，而之后每次 replay 都会同样早退、无法自愈。\n      for (const el of targets) this.clearStickyBlank(el)\n      return\n    }\n\n    if (targets.length === 0) return\n\n    const run: AnimationRun = {\n      reverse,\n      animations: [],\n      blankByElement: new Map(),\n      patchedD: new Map()\n    }\n    this._activeRun = run\n\n    await Promise.all(targets.map(el => this.animateElement(el, run, reverse)))\n\n    // A later replay owns the current DOM state and must not be cleaned up here.\n    if (this._activeRun !== run) return\n\n    this.finishRun(run)\n  }\n\n  private cancelAll() {\n    if (this._activeRun) this.finishRun(this._activeRun)\n  }\n\n  /*\n   * 收尾分两个方向：画线还原消费者自己写的 dash（描边完整可见），收回把空白留在内联样式上\n   * （整条路径落进 dash 间隙，看不见）。收回末态必须是 DOM 状态，不能是「一条还活着的\n   * fill:forwards 动画」——元素被摘走再挂回（列表 key 重排、teleport）时，还原成完整描边的\n   * 那份内联值会让勾当场复现，而控件已经是未勾选。\n   */\n  private finishRun(run: AnimationRun) {\n    run.animations.forEach(anim => anim.cancel())\n\n    for (const [el, d] of run.patchedD) {\n      el.setAttribute('d', d)\n    }\n\n    for (const [el, blank] of run.blankByElement) {\n      const authored = this._authoredDash.get(el)\n      if (run.reverse) {\n        el.style.strokeDasharray = blank\n        el.style.strokeDashoffset = blank\n        // 存回读值而不是写入值：CSSOM 会按自己的精度序列化，撤销时要按同一份文本比对。\n        this._stickyBlank.set(el, { dasharray: el.style.strokeDasharray, dashoffset: el.style.strokeDashoffset })\n      } else {\n        el.style.strokeDasharray = authored?.dasharray ?? ''\n        el.style.strokeDashoffset = authored?.dashoffset ?? ''\n        this._stickyBlank.delete(el)\n      }\n\n      el.style.removeProperty(DASH_OFFSET_PROPERTY)\n    }\n\n    if (this._activeRun === run) this._activeRun = undefined\n  }\n\n  /** 只撤销我们自己写进去的那一份空白；消费者后来动过内联的任一个值就不碰。 */\n  private clearStickyBlank(el: SVGGeometryElement) {\n    const blank = this._stickyBlank.get(el)\n    if (\n      blank === undefined ||\n      el.style.strokeDasharray !== blank.dasharray ||\n      el.style.strokeDashoffset !== blank.dashoffset\n    )\n      return\n\n    const authored = this._authoredDash.get(el)\n    el.style.strokeDasharray = authored?.dasharray ?? ''\n    el.style.strokeDashoffset = authored?.dashoffset ?? ''\n    this._stickyBlank.delete(el)\n  }\n\n  /**\n   * 深度遍历组件的 light DOM 子节点与开放 Shadow Root，\n   * 收集所有 SVGGeometryElement。closed shadow root 跳过。\n   */\n  private collectGeometryElements(): SVGGeometryElement[] {\n    const elements: SVGGeometryElement[] = []\n    const seen = new Set<SVGGeometryElement>()\n\n    const walk = (root: Node) => {\n      if (root instanceof Element || root instanceof DocumentFragment) {\n        root.querySelectorAll(GEOMETRY_SELECTOR).forEach(el => {\n          // instanceof SVGGeometryElement 在 jsdom 中未定义，使用 duck-type 检查\n          if (\n            typeof (el as unknown as Record<string, unknown>).getTotalLength === 'function' &&\n            !seen.has(el as unknown as SVGGeometryElement)\n          ) {\n            seen.add(el as unknown as SVGGeometryElement)\n            elements.push(el as unknown as SVGGeometryElement)\n          }\n        })\n      }\n\n      if (root instanceof Element) {\n        for (const child of root.children) walk(child)\n        if (root.shadowRoot) walk(root.shadowRoot)\n      } else if (root instanceof ShadowRoot) {\n        for (const child of root.children) walk(child)\n      }\n    }\n\n    for (const child of this.children) walk(child)\n    return elements\n  }\n\n  private animateElement(el: SVGGeometryElement, run: AnimationRun, reverse: boolean): Promise<void> {\n    return new Promise(resolve => {\n      if (!this._authoredDash.has(el)) {\n        this._authoredDash.set(el, {\n          dasharray: el.style.strokeDasharray,\n          dashoffset: el.style.strokeDashoffset\n        })\n      }\n\n      if (el.tagName === 'path') {\n        const d = el.getAttribute('d')\n        if (d && /[Zz]\\s*$/.test(d) && !run.patchedD.has(el)) {\n          run.patchedD.set(el, d)\n          el.setAttribute('d', this.fixPathGap(el, d))\n        }\n      }\n\n      const strokeWidth = parseFloat(getComputedStyle(el).strokeWidth) || 0\n      const len = el.getTotalLength() + strokeWidth\n      // 空白 = 整条路径落在 dash 间隙里；满 = 偏移归零。两个方向只是这两端换先后。\n      const blank = `${len}`\n      const from = reverse ? 0 : len\n      const to = reverse ? len : 0\n\n      const canClampOvershoot = registerDashOffsetProperty()\n      el.style.strokeDasharray = blank\n      if (canClampOvershoot) {\n        el.style.setProperty(DASH_OFFSET_PROPERTY, `${from}px`)\n        el.style.strokeDashoffset = `clamp(0px, var(${DASH_OFFSET_PROPERTY}), ${blank}px)`\n      } else {\n        // Older engines cannot interpolate the registered helper property. Animate the real offset\n        // with a bounded easing so replay still works without letting an overshoot crop the path.\n        el.style.removeProperty(DASH_OFFSET_PROPERTY)\n        el.style.strokeDashoffset = `${from}px`\n      }\n      run.blankByElement.set(el, blank)\n\n      const property = canClampOvershoot ? DASH_OFFSET_PROPERTY : 'strokeDashoffset'\n      const anim = el.animate([{ [property]: `${from}px` }, { [property]: `${to}px` }], {\n        duration: this.duration,\n        easing: canClampOvershoot ? this.easing : 'linear',\n        fill: 'forwards'\n      })\n\n      run.animations.push(anim)\n\n      anim.onfinish = () => {\n        resolve()\n      }\n\n      anim.oncancel = () => {\n        resolve()\n      }\n    })\n  }\n\n  // Z → explicit line back to start + 0.1px extra, forcing render of the closing segment\n  private fixPathGap(pathEl: SVGPathElement, d: string): string {\n    pathEl.setAttribute('d', d)\n    const p0 = pathEl.getPointAtLength(0)\n    const p1 = pathEl.getPointAtLength(0.1)\n    return d.replace(/[Zz]\\s*$/, `L${p0.x.toFixed(3)} ${p0.y.toFixed(3)} L${p1.x.toFixed(3)} ${p1.y.toFixed(3)}`)\n  }\n\n  // 首次 slot 内容稳定后自动播放一次；no-autoplay 下这一步交给调用方的 replay()。\n  private handleSlotChange() {\n    if (this.noAutoplay || this._hasAutoPlayed) return\n    this._hasAutoPlayed = true\n    void this.replay()\n  }\n\n  override disconnectedCallback() {\n    this.cancelAll()\n    super.disconnectedCallback()\n  }\n\n  override render() {\n    return html`<slot @slotchange=${this.handleSlotChange}></slot>`\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-svg-draw-lines': WebUiSvgDrawLines\n  }\n}\n"],"mappings":"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"}

package/dist/components/svg-draw-lines/style.js

@@ -1,6 +1,5 @@
-//#region src/components/svg-draw-lines/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}";
-//#endregion
-export { e as default };
+// src/components/svg-draw-lines/style.css?inline
+var style_default = "*,:before,:after{box-sizing:border-box}:host{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}\n";
+export { style_default as default };
 
 //# sourceMappingURL=style.js.map

package/dist/components/svg-draw-lines/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/svg-draw-lines/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n/* 行为型包裹器：inline-flex + line-height:0 使宿主盒高收缩到被包裹内容（不引入\n   inline-block 的行盒导致 24px 抬升），同时宿主仍是可 transform 的盒子——interweave\n   prototype 依赖对宿主的 scale 动画（#126）。 */\n:host {\n  user-select: none;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  line-height: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/svg-draw-lines/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n/* 行为型包裹器：inline-flex + line-height:0 使宿主盒高收缩到被包裹内容（不引入\n   inline-block 的行盒导致 24px 抬升），同时宿主仍是可 transform 的盒子——interweave\n   prototype 依赖对宿主的 scale 动画（#126）。 */\n:host {\n  user-select: none;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  line-height: 0;\n}\n"],"mappings":";AAAA,IAAA,gBAAA"}