@weapp-vite/web 1.3.37 → 1.4.1

package/dist/runtime/nativeComponents/pickerView/style.mjs

@@ -0,0 +1,58 @@
+//#region src/runtime/nativeComponents/pickerView/style.ts
+const PICKER_VIEW_SHADOW_STYLE = `
+  :host { position: relative; min-width: 0; }
+  .viewport { position: relative; display: flex; width: 100%; height: 100%; overflow: hidden; }
+  slot { display: flex; width: 100%; height: 100%; }
+  ::slotted(weapp-picker-view-column) { min-width: 0; flex: 1; }
+  .mask,
+  .indicator { position: absolute; right: 0; left: 0; pointer-events: none; }
+  .mask--top {
+    top: 0;
+    bottom: 50%;
+    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.35));
+  }
+  .mask--bottom {
+    top: 50%;
+    bottom: 0;
+    background: linear-gradient(to top, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.35));
+  }
+  .indicator {
+    top: 50%;
+    box-sizing: border-box;
+    height: var(--weapp-picker-view-item-height, 34px);
+    border-top: 1px solid #e5e5e5;
+    border-bottom: 1px solid #e5e5e5;
+    transform: translateY(-50%);
+  }
+`;
+const PICKER_VIEW_COLUMN_SHADOW_STYLE = `
+  :host { min-width: 0; overflow: hidden; }
+  .scroller {
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    scrollbar-width: none;
+    scroll-snap-type: y mandatory;
+    touch-action: pan-y;
+  }
+  .scroller::-webkit-scrollbar { display: none; }
+  .spacer { width: 1px; height: calc((100% - var(--weapp-picker-view-item-height, 34px)) / 2); }
+  slot { display: block; }
+  ::slotted(*) {
+    box-sizing: border-box;
+    height: var(--weapp-picker-view-item-height, 34px);
+    overflow: hidden;
+    line-height: var(--weapp-picker-view-item-height, 34px);
+    text-align: center;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    scroll-snap-align: center;
+  }
+`;
+
+//#endregion
+export { PICKER_VIEW_COLUMN_SHADOW_STYLE, PICKER_VIEW_SHADOW_STYLE };
+//# sourceMappingURL=style.mjs.map

package/dist/runtime/nativeComponents/pickerView/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/pickerView/style.ts"],"sourcesContent":["export const PICKER_VIEW_SHADOW_STYLE = `\n  :host { position: relative; min-width: 0; }\n  .viewport { position: relative; display: flex; width: 100%; height: 100%; overflow: hidden; }\n  slot { display: flex; width: 100%; height: 100%; }\n  ::slotted(weapp-picker-view-column) { min-width: 0; flex: 1; }\n  .mask,\n  .indicator { position: absolute; right: 0; left: 0; pointer-events: none; }\n  .mask--top {\n    top: 0;\n    bottom: 50%;\n    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.35));\n  }\n  .mask--bottom {\n    top: 50%;\n    bottom: 0;\n    background: linear-gradient(to top, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.35));\n  }\n  .indicator {\n    top: 50%;\n    box-sizing: border-box;\n    height: var(--weapp-picker-view-item-height, 34px);\n    border-top: 1px solid #e5e5e5;\n    border-bottom: 1px solid #e5e5e5;\n    transform: translateY(-50%);\n  }\n`\n\nexport const PICKER_VIEW_COLUMN_SHADOW_STYLE = `\n  :host { min-width: 0; overflow: hidden; }\n  .scroller {\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    scrollbar-width: none;\n    scroll-snap-type: y mandatory;\n    touch-action: pan-y;\n  }\n  .scroller::-webkit-scrollbar { display: none; }\n  .spacer { width: 1px; height: calc((100% - var(--weapp-picker-view-item-height, 34px)) / 2); }\n  slot { display: block; }\n  ::slotted(*) {\n    box-sizing: border-box;\n    height: var(--weapp-picker-view-item-height, 34px);\n    overflow: hidden;\n    line-height: var(--weapp-picker-view-item-height, 34px);\n    text-align: center;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    scroll-snap-align: center;\n  }\n`\n"],"mappings":";AAAA,MAAa,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BxC,MAAa,kCAAkC"}

package/dist/runtime/nativeComponents/primitives.mjs

@@ -0,0 +1,16 @@
+import { resolveContainingShadowRoot } from "./helpers.mjs";
+import { ensureNativeComponentStyle } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/primitives.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+var StyledNativeElement = class extends BaseElement {
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+	}
+};
+var WeappView = class extends StyledNativeElement {};
+var WeappText = class extends StyledNativeElement {};
+
+//#endregion
+export { WeappText, WeappView };
+//# sourceMappingURL=primitives.mjs.map

package/dist/runtime/nativeComponents/primitives.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.mjs","names":[],"sources":["../../../src/runtime/nativeComponents/primitives.ts"],"sourcesContent":["import { resolveContainingShadowRoot } from './helpers'\nimport { ensureNativeComponentStyle } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nclass StyledNativeElement extends BaseElement {\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n  }\n}\n\nexport class WeappView extends StyledNativeElement {}\nexport class WeappText extends StyledNativeElement {}\n"],"mappings":";;;;AAGA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,IAAM,sBAAN,cAAkC,YAAY;CAC5C,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;CAC9D;AACF;AAEA,IAAa,YAAb,cAA+B,oBAAoB,CAAC;AACpD,IAAa,YAAb,cAA+B,oBAAoB,CAAC"}

package/dist/runtime/nativeComponents/progress/helpers.mjs

@@ -0,0 +1,29 @@
+//#region src/runtime/nativeComponents/progress/helpers.ts
+function finiteNumber(value, fallback) {
+	const numeric = Number(value);
+	return Number.isFinite(numeric) ? numeric : fallback;
+}
+function nonNegativeNumber(value, fallback) {
+	return Math.max(0, finiteNumber(value, fallback));
+}
+function resolveProgressConfig(input = {}) {
+	const activeMode = input.activeMode === "forwards" ? "forwards" : "backwards";
+	return {
+		percent: Math.min(100, Math.max(0, finiteNumber(input.percent, 0))),
+		strokeWidth: nonNegativeNumber(input.strokeWidth, 6),
+		duration: nonNegativeNumber(input.duration, 30),
+		borderRadius: nonNegativeNumber(input.borderRadius, 0),
+		fontSize: nonNegativeNumber(input.fontSize, 16),
+		activeMode
+	};
+}
+function resolveProgressAnimationDuration(start, end, durationPerPercent) {
+	return Math.abs(end - start) * durationPerPercent;
+}
+function createProgressActiveEndDetail() {
+	return {};
+}
+
+//#endregion
+export { createProgressActiveEndDetail, resolveProgressAnimationDuration, resolveProgressConfig };
+//# sourceMappingURL=helpers.mjs.map

package/dist/runtime/nativeComponents/progress/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/progress/helpers.ts"],"sourcesContent":["export type ProgressActiveMode = 'backwards' | 'forwards'\n\nexport interface ProgressConfigInput {\n  percent?: unknown\n  strokeWidth?: unknown\n  duration?: unknown\n  borderRadius?: unknown\n  fontSize?: unknown\n  activeMode?: unknown\n}\n\nexport interface ProgressConfig {\n  percent: number\n  strokeWidth: number\n  duration: number\n  borderRadius: number\n  fontSize: number\n  activeMode: ProgressActiveMode\n}\n\nfunction finiteNumber(value: unknown, fallback: number) {\n  const numeric = Number(value)\n  return Number.isFinite(numeric) ? numeric : fallback\n}\n\nfunction nonNegativeNumber(value: unknown, fallback: number) {\n  return Math.max(0, finiteNumber(value, fallback))\n}\n\nexport function resolveProgressConfig(input: ProgressConfigInput = {}): ProgressConfig {\n  const activeMode = input.activeMode === 'forwards' ? 'forwards' : 'backwards'\n  return {\n    percent: Math.min(100, Math.max(0, finiteNumber(input.percent, 0))),\n    strokeWidth: nonNegativeNumber(input.strokeWidth, 6),\n    duration: nonNegativeNumber(input.duration, 30),\n    borderRadius: nonNegativeNumber(input.borderRadius, 0),\n    fontSize: nonNegativeNumber(input.fontSize, 16),\n    activeMode,\n  }\n}\n\nexport function resolveProgressAnimationDuration(start: number, end: number, durationPerPercent: number) {\n  return Math.abs(end - start) * durationPerPercent\n}\n\nexport function createProgressActiveEndDetail() {\n  return {}\n}\n"],"mappings":";AAoBA,SAAS,aAAa,OAAgB,UAAkB;CACtD,MAAM,UAAU,OAAO,KAAK;CAC5B,OAAO,OAAO,SAAS,OAAO,IAAI,UAAU;AAC9C;AAEA,SAAS,kBAAkB,OAAgB,UAAkB;CAC3D,OAAO,KAAK,IAAI,GAAG,aAAa,OAAO,QAAQ,CAAC;AAClD;AAEA,SAAgB,sBAAsB,QAA6B,CAAC,GAAmB;CACrF,MAAM,aAAa,MAAM,eAAe,aAAa,aAAa;CAClE,OAAO;EACL,SAAS,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,aAAa,MAAM,SAAS,CAAC,CAAC,CAAC;EAClE,aAAa,kBAAkB,MAAM,aAAa,CAAC;EACnD,UAAU,kBAAkB,MAAM,UAAU,EAAE;EAC9C,cAAc,kBAAkB,MAAM,cAAc,CAAC;EACrD,UAAU,kBAAkB,MAAM,UAAU,EAAE;EAC9C;CACF;AACF;AAEA,SAAgB,iCAAiC,OAAe,KAAa,oBAA4B;CACvG,OAAO,KAAK,IAAI,MAAM,KAAK,IAAI;AACjC;AAEA,SAAgB,gCAAgC;CAC9C,OAAO,CAAC;AACV"}

package/dist/runtime/nativeComponents/progress/index.mjs

@@ -0,0 +1,130 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { createProgressActiveEndDetail, resolveProgressAnimationDuration, resolveProgressConfig } from "./helpers.mjs";
+import { PROGRESS_SHADOW_STYLE } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/progress/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+var WeappProgress = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("progress").attributes];
+	#value;
+	#info;
+	#renderedPercent = 0;
+	#animationKey = "";
+	#animationToken = 0;
+	#animationFrame;
+	#animationTimer;
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.#syncAttributes();
+	}
+	disconnectedCallback() {
+		this.#cancelAnimation();
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	#ensureStructure() {
+		if (this.#value || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = PROGRESS_SHADOW_STYLE;
+		const track = document.createElement("div");
+		track.className = "track";
+		const value = document.createElement("div");
+		value.className = "value";
+		const info = document.createElement("span");
+		info.className = "info";
+		track.append(value);
+		root.append(style, track, info);
+		this.#value = value;
+		this.#info = info;
+	}
+	#syncAttributes() {
+		if (!this.#value || !this.#info) return;
+		const config = resolveProgressConfig({
+			percent: this.getAttribute("percent"),
+			strokeWidth: this.getAttribute("stroke-width"),
+			duration: this.getAttribute("duration"),
+			borderRadius: this.getAttribute("border-radius"),
+			fontSize: this.getAttribute("font-size"),
+			activeMode: this.getAttribute("active-mode")
+		});
+		this.style.setProperty("--weapp-progress-stroke-width", `${config.strokeWidth}px`);
+		this.style.setProperty("--weapp-progress-border-radius", `${config.borderRadius}px`);
+		this.style.setProperty("--weapp-progress-font-size", `${config.fontSize}px`);
+		this.style.setProperty("--weapp-progress-active-color", this.getAttribute("active-color") ?? this.getAttribute("color") ?? "#09bb07");
+		this.style.setProperty("--weapp-progress-background-color", this.getAttribute("background-color") ?? "#ebebeb");
+		this.#info.hidden = !readBooleanAttribute(this, "show-info");
+		if (!readBooleanAttribute(this, "active")) {
+			this.#animationKey = "";
+			this.#cancelAnimation();
+			this.#setProgress(config.percent, 0);
+			this.#setInfo(config.percent);
+			this.#renderedPercent = config.percent;
+			return;
+		}
+		const animationKey = `${config.percent}:${config.duration}:${config.activeMode}`;
+		if (animationKey === this.#animationKey) return;
+		this.#animationKey = animationKey;
+		const start = config.activeMode === "backwards" ? 0 : this.#renderedPercent;
+		this.#renderedPercent = config.percent;
+		this.#animate(start, config.percent, resolveProgressAnimationDuration(start, config.percent, config.duration));
+	}
+	#setProgress(percent, duration) {
+		this.style.setProperty("--weapp-progress-percent", `${percent}%`);
+		this.style.setProperty("--weapp-progress-duration", `${duration}ms`);
+	}
+	#setInfo(percent) {
+		this.#info.textContent = `${Math.round(percent)}%`;
+	}
+	#animate(start, end, duration) {
+		this.#cancelAnimation();
+		const token = ++this.#animationToken;
+		this.#setProgress(start, 0);
+		this.#setInfo(start);
+		this.#value.offsetWidth;
+		requestAnimationFrame((startTime) => {
+			if (token !== this.#animationToken || !this.isConnected) return;
+			this.#setProgress(end, duration);
+			if (duration === 0 || start === end) {
+				queueMicrotask(() => this.#completeAnimation(token));
+				return;
+			}
+			this.#animateInfo(token, start, end, duration, startTime);
+			this.#animationTimer = globalThis.setTimeout(() => this.#completeAnimation(token), duration + 50);
+		});
+	}
+	#animateInfo(token, start, end, duration, startTime) {
+		const update = (time) => {
+			if (token !== this.#animationToken || !this.isConnected) return;
+			const progress = Math.min(1, Math.max(0, (time - startTime) / duration));
+			this.#setInfo(start + (end - start) * progress);
+			if (progress < 1) this.#animationFrame = requestAnimationFrame(update);
+		};
+		this.#animationFrame = requestAnimationFrame(update);
+	}
+	#completeAnimation(token) {
+		if (token !== this.#animationToken) return;
+		this.#cancelAnimation(false);
+		this.#setInfo(this.#renderedPercent);
+		dispatchMiniProgramEvent(this, "activeend", createProgressActiveEndDetail());
+	}
+	#cancelAnimation(invalidate = true) {
+		if (this.#animationFrame !== void 0) {
+			cancelAnimationFrame(this.#animationFrame);
+			this.#animationFrame = void 0;
+		}
+		if (this.#animationTimer !== void 0) {
+			globalThis.clearTimeout(this.#animationTimer);
+			this.#animationTimer = void 0;
+		}
+		if (invalidate) this.#animationToken += 1;
+	}
+};
+
+//#endregion
+export { WeappProgress, createProgressActiveEndDetail, resolveProgressAnimationDuration, resolveProgressConfig };
+//# sourceMappingURL=index.mjs.map

package/dist/runtime/nativeComponents/progress/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#ensureStructure","#syncAttributes","#cancelAnimation","#value","#info","#animationKey","#setProgress","#setInfo","#renderedPercent","#animate","#animationToken","#completeAnimation","#animateInfo","#animationTimer","#animationFrame"],"sources":["../../../../src/runtime/nativeComponents/progress/index.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport {\n  createProgressActiveEndDetail,\n  resolveProgressAnimationDuration,\n  resolveProgressConfig,\n} from './helpers'\nimport { PROGRESS_SHADOW_STYLE } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport class WeappProgress extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('progress')!.attributes]\n\n  #value?: HTMLDivElement\n  #info?: HTMLSpanElement\n  #renderedPercent = 0\n  #animationKey = ''\n  #animationToken = 0\n  #animationFrame?: number\n  #animationTimer?: ReturnType<typeof globalThis.setTimeout>\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    this.#syncAttributes()\n  }\n\n  disconnectedCallback() {\n    this.#cancelAnimation()\n  }\n\n  attributeChangedCallback() {\n    this.#syncAttributes()\n  }\n\n  #ensureStructure() {\n    if (this.#value || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = PROGRESS_SHADOW_STYLE\n    const track = document.createElement('div')\n    track.className = 'track'\n    const value = document.createElement('div')\n    value.className = 'value'\n    const info = document.createElement('span')\n    info.className = 'info'\n    track.append(value)\n    root.append(style, track, info)\n    this.#value = value\n    this.#info = info\n  }\n\n  #syncAttributes() {\n    if (!this.#value || !this.#info) {\n      return\n    }\n    const config = resolveProgressConfig({\n      percent: this.getAttribute('percent'),\n      strokeWidth: this.getAttribute('stroke-width'),\n      duration: this.getAttribute('duration'),\n      borderRadius: this.getAttribute('border-radius'),\n      fontSize: this.getAttribute('font-size'),\n      activeMode: this.getAttribute('active-mode'),\n    })\n    this.style.setProperty('--weapp-progress-stroke-width', `${config.strokeWidth}px`)\n    this.style.setProperty('--weapp-progress-border-radius', `${config.borderRadius}px`)\n    this.style.setProperty('--weapp-progress-font-size', `${config.fontSize}px`)\n    this.style.setProperty('--weapp-progress-active-color', this.getAttribute('active-color') ?? this.getAttribute('color') ?? '#09bb07')\n    this.style.setProperty('--weapp-progress-background-color', this.getAttribute('background-color') ?? '#ebebeb')\n    this.#info.hidden = !readBooleanAttribute(this, 'show-info')\n\n    if (!readBooleanAttribute(this, 'active')) {\n      this.#animationKey = ''\n      this.#cancelAnimation()\n      this.#setProgress(config.percent, 0)\n      this.#setInfo(config.percent)\n      this.#renderedPercent = config.percent\n      return\n    }\n\n    const animationKey = `${config.percent}:${config.duration}:${config.activeMode}`\n    if (animationKey === this.#animationKey) {\n      return\n    }\n    this.#animationKey = animationKey\n    const start = config.activeMode === 'backwards' ? 0 : this.#renderedPercent\n    this.#renderedPercent = config.percent\n    this.#animate(\n      start,\n      config.percent,\n      resolveProgressAnimationDuration(start, config.percent, config.duration),\n    )\n  }\n\n  #setProgress(percent: number, duration: number) {\n    this.style.setProperty('--weapp-progress-percent', `${percent}%`)\n    this.style.setProperty('--weapp-progress-duration', `${duration}ms`)\n  }\n\n  #setInfo(percent: number) {\n    this.#info!.textContent = `${Math.round(percent)}%`\n  }\n\n  #animate(start: number, end: number, duration: number) {\n    this.#cancelAnimation()\n    const token = ++this.#animationToken\n    this.#setProgress(start, 0)\n    this.#setInfo(start)\n    void this.#value!.offsetWidth\n    requestAnimationFrame((startTime) => {\n      if (token !== this.#animationToken || !this.isConnected) {\n        return\n      }\n      this.#setProgress(end, duration)\n      if (duration === 0 || start === end) {\n        queueMicrotask(() => this.#completeAnimation(token))\n        return\n      }\n      this.#animateInfo(token, start, end, duration, startTime)\n      this.#animationTimer = globalThis.setTimeout(\n        () => this.#completeAnimation(token),\n        duration + 50,\n      )\n    })\n  }\n\n  #animateInfo(token: number, start: number, end: number, duration: number, startTime: number) {\n    const update = (time: number) => {\n      if (token !== this.#animationToken || !this.isConnected) {\n        return\n      }\n      const progress = Math.min(1, Math.max(0, (time - startTime) / duration))\n      this.#setInfo(start + (end - start) * progress)\n      if (progress < 1) {\n        this.#animationFrame = requestAnimationFrame(update)\n      }\n    }\n    this.#animationFrame = requestAnimationFrame(update)\n  }\n\n  #completeAnimation(token: number) {\n    if (token !== this.#animationToken) {\n      return\n    }\n    this.#cancelAnimation(false)\n    this.#setInfo(this.#renderedPercent)\n    dispatchMiniProgramEvent(this, 'activeend', createProgressActiveEndDetail())\n  }\n\n  #cancelAnimation(invalidate = true) {\n    if (this.#animationFrame !== undefined) {\n      cancelAnimationFrame(this.#animationFrame)\n      this.#animationFrame = undefined\n    }\n    if (this.#animationTimer !== undefined) {\n      globalThis.clearTimeout(this.#animationTimer)\n      this.#animationTimer = undefined\n    }\n    if (invalidate) {\n      this.#animationToken += 1\n    }\n  }\n}\n\nexport * from './helpers'\n"],"mappings":";;;;;;;AAUA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,IAAa,gBAAb,cAAmC,YAAY;CAC7C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,UAAU,CAAC,CAAE,UAAU;CAEpF;CACA;CACA,mBAAmB;CACnB,gBAAgB;CAChB,kBAAkB;CAClB;CACA;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,KAAKA,iBAAiB;EACtB,KAAKC,gBAAgB;CACvB;CAEA,uBAAuB;EACrB,KAAKC,iBAAiB;CACxB;CAEA,2BAA2B;EACzB,KAAKD,gBAAgB;CACvB;CAEA,mBAAmB;EACjB,IAAI,KAAKE,UAAU,OAAO,aAAa,aACrC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;EACpB,MAAM,QAAQ,SAAS,cAAc,KAAK;EAC1C,MAAM,YAAY;EAClB,MAAM,QAAQ,SAAS,cAAc,KAAK;EAC1C,MAAM,YAAY;EAClB,MAAM,OAAO,SAAS,cAAc,MAAM;EAC1C,KAAK,YAAY;EACjB,MAAM,OAAO,KAAK;EAClB,KAAK,OAAO,OAAO,OAAO,IAAI;EAC9B,KAAKA,SAAS;EACd,KAAKC,QAAQ;CACf;CAEA,kBAAkB;EAChB,IAAI,CAAC,KAAKD,UAAU,CAAC,KAAKC,OACxB;EAEF,MAAM,SAAS,sBAAsB;GACnC,SAAS,KAAK,aAAa,SAAS;GACpC,aAAa,KAAK,aAAa,cAAc;GAC7C,UAAU,KAAK,aAAa,UAAU;GACtC,cAAc,KAAK,aAAa,eAAe;GAC/C,UAAU,KAAK,aAAa,WAAW;GACvC,YAAY,KAAK,aAAa,aAAa;EAC7C,CAAC;EACD,KAAK,MAAM,YAAY,iCAAiC,GAAG,OAAO,YAAY,GAAG;EACjF,KAAK,MAAM,YAAY,kCAAkC,GAAG,OAAO,aAAa,GAAG;EACnF,KAAK,MAAM,YAAY,8BAA8B,GAAG,OAAO,SAAS,GAAG;EAC3E,KAAK,MAAM,YAAY,iCAAiC,KAAK,aAAa,cAAc,KAAK,KAAK,aAAa,OAAO,KAAK,SAAS;EACpI,KAAK,MAAM,YAAY,qCAAqC,KAAK,aAAa,kBAAkB,KAAK,SAAS;EAC9G,KAAKA,MAAM,SAAS,CAAC,qBAAqB,MAAM,WAAW;EAE3D,IAAI,CAAC,qBAAqB,MAAM,QAAQ,GAAG;GACzC,KAAKC,gBAAgB;GACrB,KAAKH,iBAAiB;GACtB,KAAKI,aAAa,OAAO,SAAS,CAAC;GACnC,KAAKC,SAAS,OAAO,OAAO;GAC5B,KAAKC,mBAAmB,OAAO;GAC/B;EACF;EAEA,MAAM,eAAe,GAAG,OAAO,QAAQ,GAAG,OAAO,SAAS,GAAG,OAAO;EACpE,IAAI,iBAAiB,KAAKH,eACxB;EAEF,KAAKA,gBAAgB;EACrB,MAAM,QAAQ,OAAO,eAAe,cAAc,IAAI,KAAKG;EAC3D,KAAKA,mBAAmB,OAAO;EAC/B,KAAKC,SACH,OACA,OAAO,SACP,iCAAiC,OAAO,OAAO,SAAS,OAAO,QAAQ,CACzE;CACF;CAEA,aAAa,SAAiB,UAAkB;EAC9C,KAAK,MAAM,YAAY,4BAA4B,GAAG,QAAQ,EAAE;EAChE,KAAK,MAAM,YAAY,6BAA6B,GAAG,SAAS,GAAG;CACrE;CAEA,SAAS,SAAiB;EACxB,KAAKL,MAAO,cAAc,GAAG,KAAK,MAAM,OAAO,EAAE;CACnD;CAEA,SAAS,OAAe,KAAa,UAAkB;EACrD,KAAKF,iBAAiB;EACtB,MAAM,QAAQ,EAAE,KAAKQ;EACrB,KAAKJ,aAAa,OAAO,CAAC;EAC1B,KAAKC,SAAS,KAAK;EACnB,AAAK,KAAKJ,OAAQ;EAClB,uBAAuB,cAAc;GACnC,IAAI,UAAU,KAAKO,mBAAmB,CAAC,KAAK,aAC1C;GAEF,KAAKJ,aAAa,KAAK,QAAQ;GAC/B,IAAI,aAAa,KAAK,UAAU,KAAK;IACnC,qBAAqB,KAAKK,mBAAmB,KAAK,CAAC;IACnD;GACF;GACA,KAAKC,aAAa,OAAO,OAAO,KAAK,UAAU,SAAS;GACxD,KAAKC,kBAAkB,WAAW,iBAC1B,KAAKF,mBAAmB,KAAK,GACnC,WAAW,EACb;EACF,CAAC;CACH;CAEA,aAAa,OAAe,OAAe,KAAa,UAAkB,WAAmB;EAC3F,MAAM,UAAU,SAAiB;GAC/B,IAAI,UAAU,KAAKD,mBAAmB,CAAC,KAAK,aAC1C;GAEF,MAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,OAAO,aAAa,QAAQ,CAAC;GACvE,KAAKH,SAAS,SAAS,MAAM,SAAS,QAAQ;GAC9C,IAAI,WAAW,GACb,KAAKO,kBAAkB,sBAAsB,MAAM;EAEvD;EACA,KAAKA,kBAAkB,sBAAsB,MAAM;CACrD;CAEA,mBAAmB,OAAe;EAChC,IAAI,UAAU,KAAKJ,iBACjB;EAEF,KAAKR,iBAAiB,KAAK;EAC3B,KAAKK,SAAS,KAAKC,gBAAgB;EACnC,yBAAyB,MAAM,aAAa,8BAA8B,CAAC;CAC7E;CAEA,iBAAiB,aAAa,MAAM;EAClC,IAAI,KAAKM,oBAAoB,QAAW;GACtC,qBAAqB,KAAKA,eAAe;GACzC,KAAKA,kBAAkB;EACzB;EACA,IAAI,KAAKD,oBAAoB,QAAW;GACtC,WAAW,aAAa,KAAKA,eAAe;GAC5C,KAAKA,kBAAkB;EACzB;EACA,IAAI,YACF,KAAKH,mBAAmB;CAE5B;AACF"}

package/dist/runtime/nativeComponents/progress/style.mjs

@@ -0,0 +1,40 @@
+//#region src/runtime/nativeComponents/progress/style.ts
+const PROGRESS_SHADOW_STYLE = `
+  :host {
+    min-width: 0;
+  }
+
+  .track {
+    position: relative;
+    min-width: 0;
+    height: var(--weapp-progress-stroke-width);
+    overflow: hidden;
+    flex: 1;
+    background: var(--weapp-progress-background-color);
+    border-radius: var(--weapp-progress-border-radius);
+  }
+
+  .value {
+    width: var(--weapp-progress-percent);
+    height: 100%;
+    background: var(--weapp-progress-active-color);
+    border-radius: inherit;
+    transition-property: width;
+    transition-duration: var(--weapp-progress-duration);
+    transition-timing-function: linear;
+  }
+
+  .info {
+    min-width: 2.5em;
+    margin-left: 5px;
+    color: #888;
+    font-size: var(--weapp-progress-font-size);
+    line-height: 1;
+    text-align: left;
+    white-space: nowrap;
+  }
+`;
+
+//#endregion
+export { PROGRESS_SHADOW_STYLE };
+//# sourceMappingURL=style.mjs.map

package/dist/runtime/nativeComponents/progress/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/progress/style.ts"],"sourcesContent":["export const PROGRESS_SHADOW_STYLE = `\n  :host {\n    min-width: 0;\n  }\n\n  .track {\n    position: relative;\n    min-width: 0;\n    height: var(--weapp-progress-stroke-width);\n    overflow: hidden;\n    flex: 1;\n    background: var(--weapp-progress-background-color);\n    border-radius: var(--weapp-progress-border-radius);\n  }\n\n  .value {\n    width: var(--weapp-progress-percent);\n    height: 100%;\n    background: var(--weapp-progress-active-color);\n    border-radius: inherit;\n    transition-property: width;\n    transition-duration: var(--weapp-progress-duration);\n    transition-timing-function: linear;\n  }\n\n  .info {\n    min-width: 2.5em;\n    margin-left: 5px;\n    color: #888;\n    font-size: var(--weapp-progress-font-size);\n    line-height: 1;\n    text-align: left;\n    white-space: nowrap;\n  }\n`\n"],"mappings":";AAAA,MAAa,wBAAwB"}

package/dist/runtime/nativeComponents/radio.mjs

@@ -0,0 +1,147 @@
+import { getNativeComponentDescriptor } from "../../shared/nativeComponents.mjs";
+import { connectFormControl, disconnectFormControl, findClosestComposedElement } from "./formControl.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "./helpers.mjs";
+import { ensureNativeComponentStyle } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/radio.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+function collectRadioGroupValue(radios) {
+	return Array.from(radios).find((radio) => radio.checked && !radio.disabled)?.value ?? "";
+}
+var WeappRadioGroup = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("radio-group").attributes];
+	get formControlName() {
+		return this.getAttribute("name") ?? "";
+	}
+	get formControlValue() {
+		return collectRadioGroupValue(this.querySelectorAll("weapp-radio"));
+	}
+	get formControlDisabled() {
+		return false;
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		connectFormControl(this);
+		this.#normalizeCheckedRadios();
+	}
+	disconnectedCallback() {
+		disconnectFormControl(this);
+	}
+	formReset() {
+		for (const radio of this.querySelectorAll("weapp-radio")) radio.formReset();
+		this.#normalizeCheckedRadios();
+	}
+	notifyRadioChange(source) {
+		for (const radio of this.querySelectorAll("weapp-radio")) if (radio !== source) radio.setCheckedFromGroup(false);
+		dispatchMiniProgramEvent(this, "change", { value: source.value });
+	}
+	#normalizeCheckedRadios() {
+		let selected = false;
+		for (const radio of this.querySelectorAll("weapp-radio")) {
+			if (!radio.checked) continue;
+			if (selected) radio.setCheckedFromGroup(false);
+			selected = true;
+		}
+	}
+};
+var WeappRadio = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("radio").attributes];
+	#input;
+	#initialChecked = false;
+	#initialCheckedCaptured = false;
+	get value() {
+		return this.getAttribute("value") ?? "";
+	}
+	set value(value) {
+		this.setAttribute("value", value ?? "");
+	}
+	get checked() {
+		return this.#input?.checked ?? readBooleanAttribute(this, "checked");
+	}
+	set checked(value) {
+		this.toggleAttribute("checked", Boolean(value));
+	}
+	get disabled() {
+		return readBooleanAttribute(this, "disabled");
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		if (!this.#initialCheckedCaptured) {
+			this.#initialChecked = readBooleanAttribute(this, "checked");
+			this.#initialCheckedCaptured = true;
+		}
+		this.#ensureStructure();
+		this.#syncAttributes();
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	formReset() {
+		this.setCheckedFromGroup(this.#initialChecked);
+	}
+	formActivate() {
+		if (!this.disabled) this.#input?.click();
+	}
+	setCheckedFromGroup(checked) {
+		if (this.#input) this.#input.checked = checked;
+	}
+	#ensureStructure() {
+		if (this.#input || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = `
+      :host { --weapp-control-color: #07c160; }
+      label { display: inline-flex; align-items: center; cursor: pointer; }
+      input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
+      .control {
+        position: relative;
+        box-sizing: border-box;
+        width: 23px;
+        height: 23px;
+        flex: 0 0 23px;
+        border: 1px solid #d1d1d1;
+        border-radius: 50%;
+        background: #ffffff;
+      }
+      input:checked + .control { border-color: var(--weapp-control-color); background: var(--weapp-control-color); }
+      input:checked + .control::after {
+        position: absolute;
+        top: 6px;
+        left: 6px;
+        width: 9px;
+        height: 9px;
+        border-radius: 50%;
+        background: #ffffff;
+        content: '';
+      }
+      input:disabled + .control { border-color: #d8d8d8; background: #eeeeee; opacity: 0.7; }
+      .content { margin-left: 8px; }
+    `;
+		const label = document.createElement("label");
+		const input = document.createElement("input");
+		input.type = "radio";
+		const control = document.createElement("span");
+		control.className = "control";
+		const content = document.createElement("span");
+		content.className = "content";
+		content.append(document.createElement("slot"));
+		input.addEventListener("change", (event) => {
+			event.stopPropagation();
+			findClosestComposedElement(this, "weapp-radio-group")?.notifyRadioChange(this);
+		});
+		label.append(input, control, content);
+		root.append(style, label);
+		this.#input = input;
+	}
+	#syncAttributes() {
+		if (!this.#input) return;
+		this.#input.checked = readBooleanAttribute(this, "checked");
+		this.#input.disabled = this.disabled;
+		this.#input.value = this.value;
+		this.style.setProperty("--weapp-control-color", this.getAttribute("color") || "#07c160");
+	}
+};
+
+//#endregion
+export { WeappRadio, WeappRadioGroup, collectRadioGroupValue };
+//# sourceMappingURL=radio.mjs.map

package/dist/runtime/nativeComponents/radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.mjs","names":["#normalizeCheckedRadios","#input","#initialCheckedCaptured","#initialChecked","#ensureStructure","#syncAttributes"],"sources":["../../../src/runtime/nativeComponents/radio.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../shared/nativeComponents'\nimport { connectFormControl, disconnectFormControl, findClosestComposedElement } from './formControl'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from './helpers'\nimport { ensureNativeComponentStyle } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport function collectRadioGroupValue(radios: ArrayLike<WeappRadio>) {\n  return Array.from(radios).find(radio => radio.checked && !radio.disabled)?.value ?? ''\n}\n\nexport class WeappRadioGroup extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('radio-group')!.attributes]\n\n  get formControlName() {\n    return this.getAttribute('name') ?? ''\n  }\n\n  get formControlValue() {\n    return collectRadioGroupValue(this.querySelectorAll<WeappRadio>('weapp-radio'))\n  }\n\n  get formControlDisabled() {\n    return false\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    connectFormControl(this)\n    this.#normalizeCheckedRadios()\n  }\n\n  disconnectedCallback() {\n    disconnectFormControl(this)\n  }\n\n  formReset() {\n    for (const radio of this.querySelectorAll<WeappRadio>('weapp-radio')) {\n      radio.formReset()\n    }\n    this.#normalizeCheckedRadios()\n  }\n\n  notifyRadioChange(source: WeappRadio) {\n    for (const radio of this.querySelectorAll<WeappRadio>('weapp-radio')) {\n      if (radio !== source) {\n        radio.setCheckedFromGroup(false)\n      }\n    }\n    dispatchMiniProgramEvent(this, 'change', { value: source.value })\n  }\n\n  #normalizeCheckedRadios() {\n    let selected = false\n    for (const radio of this.querySelectorAll<WeappRadio>('weapp-radio')) {\n      if (!radio.checked) {\n        continue\n      }\n      if (selected) {\n        radio.setCheckedFromGroup(false)\n      }\n      selected = true\n    }\n  }\n}\n\nexport class WeappRadio extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('radio')!.attributes]\n\n  #input?: HTMLInputElement\n  #initialChecked = false\n  #initialCheckedCaptured = false\n\n  get value() {\n    return this.getAttribute('value') ?? ''\n  }\n\n  set value(value: string) {\n    this.setAttribute('value', value ?? '')\n  }\n\n  get checked() {\n    return this.#input?.checked ?? readBooleanAttribute(this, 'checked')\n  }\n\n  set checked(value: boolean) {\n    this.toggleAttribute('checked', Boolean(value))\n  }\n\n  get disabled() {\n    return readBooleanAttribute(this, 'disabled')\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    if (!this.#initialCheckedCaptured) {\n      this.#initialChecked = readBooleanAttribute(this, 'checked')\n      this.#initialCheckedCaptured = true\n    }\n    this.#ensureStructure()\n    this.#syncAttributes()\n  }\n\n  attributeChangedCallback() {\n    this.#syncAttributes()\n  }\n\n  formReset() {\n    this.setCheckedFromGroup(this.#initialChecked)\n  }\n\n  formActivate() {\n    if (!this.disabled) {\n      this.#input?.click()\n    }\n  }\n\n  setCheckedFromGroup(checked: boolean) {\n    if (this.#input) {\n      this.#input.checked = checked\n    }\n  }\n\n  #ensureStructure() {\n    if (this.#input || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = `\n      :host { --weapp-control-color: #07c160; }\n      label { display: inline-flex; align-items: center; cursor: pointer; }\n      input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }\n      .control {\n        position: relative;\n        box-sizing: border-box;\n        width: 23px;\n        height: 23px;\n        flex: 0 0 23px;\n        border: 1px solid #d1d1d1;\n        border-radius: 50%;\n        background: #ffffff;\n      }\n      input:checked + .control { border-color: var(--weapp-control-color); background: var(--weapp-control-color); }\n      input:checked + .control::after {\n        position: absolute;\n        top: 6px;\n        left: 6px;\n        width: 9px;\n        height: 9px;\n        border-radius: 50%;\n        background: #ffffff;\n        content: '';\n      }\n      input:disabled + .control { border-color: #d8d8d8; background: #eeeeee; opacity: 0.7; }\n      .content { margin-left: 8px; }\n    `\n    const label = document.createElement('label')\n    const input = document.createElement('input')\n    input.type = 'radio'\n    const control = document.createElement('span')\n    control.className = 'control'\n    const content = document.createElement('span')\n    content.className = 'content'\n    content.append(document.createElement('slot'))\n    input.addEventListener('change', (event) => {\n      event.stopPropagation()\n      const group = findClosestComposedElement(this, 'weapp-radio-group') as WeappRadioGroup | null\n      group?.notifyRadioChange(this)\n    })\n    label.append(input, control, content)\n    root.append(style, label)\n    this.#input = input\n  }\n\n  #syncAttributes() {\n    if (!this.#input) {\n      return\n    }\n    this.#input.checked = readBooleanAttribute(this, 'checked')\n    this.#input.disabled = this.disabled\n    this.#input.value = this.value\n    this.style.setProperty('--weapp-control-color', this.getAttribute('color') || '#07c160')\n  }\n}\n"],"mappings":";;;;;;AAKA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,SAAgB,uBAAuB,QAA+B;CACpE,OAAO,MAAM,KAAK,MAAM,CAAC,CAAC,MAAK,UAAS,MAAM,WAAW,CAAC,MAAM,QAAQ,CAAC,EAAE,SAAS;AACtF;AAEA,IAAa,kBAAb,cAAqC,YAAY;CAC/C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,aAAa,CAAC,CAAE,UAAU;CAEvF,IAAI,kBAAkB;EACpB,OAAO,KAAK,aAAa,MAAM,KAAK;CACtC;CAEA,IAAI,mBAAmB;EACrB,OAAO,uBAAuB,KAAK,iBAA6B,aAAa,CAAC;CAChF;CAEA,IAAI,sBAAsB;EACxB,OAAO;CACT;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,mBAAmB,IAAI;EACvB,KAAKA,wBAAwB;CAC/B;CAEA,uBAAuB;EACrB,sBAAsB,IAAI;CAC5B;CAEA,YAAY;EACV,KAAK,MAAM,SAAS,KAAK,iBAA6B,aAAa,GACjE,MAAM,UAAU;EAElB,KAAKA,wBAAwB;CAC/B;CAEA,kBAAkB,QAAoB;EACpC,KAAK,MAAM,SAAS,KAAK,iBAA6B,aAAa,GACjE,IAAI,UAAU,QACZ,MAAM,oBAAoB,KAAK;EAGnC,yBAAyB,MAAM,UAAU,EAAE,OAAO,OAAO,MAAM,CAAC;CAClE;CAEA,0BAA0B;EACxB,IAAI,WAAW;EACf,KAAK,MAAM,SAAS,KAAK,iBAA6B,aAAa,GAAG;GACpE,IAAI,CAAC,MAAM,SACT;GAEF,IAAI,UACF,MAAM,oBAAoB,KAAK;GAEjC,WAAW;EACb;CACF;AACF;AAEA,IAAa,aAAb,cAAgC,YAAY;CAC1C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,OAAO,CAAC,CAAE,UAAU;CAEjF;CACA,kBAAkB;CAClB,0BAA0B;CAE1B,IAAI,QAAQ;EACV,OAAO,KAAK,aAAa,OAAO,KAAK;CACvC;CAEA,IAAI,MAAM,OAAe;EACvB,KAAK,aAAa,SAAS,SAAS,EAAE;CACxC;CAEA,IAAI,UAAU;EACZ,OAAO,KAAKC,QAAQ,WAAW,qBAAqB,MAAM,SAAS;CACrE;CAEA,IAAI,QAAQ,OAAgB;EAC1B,KAAK,gBAAgB,WAAW,QAAQ,KAAK,CAAC;CAChD;CAEA,IAAI,WAAW;EACb,OAAO,qBAAqB,MAAM,UAAU;CAC9C;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,IAAI,CAAC,KAAKC,yBAAyB;GACjC,KAAKC,kBAAkB,qBAAqB,MAAM,SAAS;GAC3D,KAAKD,0BAA0B;EACjC;EACA,KAAKE,iBAAiB;EACtB,KAAKC,gBAAgB;CACvB;CAEA,2BAA2B;EACzB,KAAKA,gBAAgB;CACvB;CAEA,YAAY;EACV,KAAK,oBAAoB,KAAKF,eAAe;CAC/C;CAEA,eAAe;EACb,IAAI,CAAC,KAAK,UACR,KAAKF,QAAQ,MAAM;CAEvB;CAEA,oBAAoB,SAAkB;EACpC,IAAI,KAAKA,QACP,KAAKA,OAAO,UAAU;CAE1B;CAEA,mBAAmB;EACjB,IAAI,KAAKA,UAAU,OAAO,aAAa,aACrC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BpB,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,OAAO;EACb,MAAM,UAAU,SAAS,cAAc,MAAM;EAC7C,QAAQ,YAAY;EACpB,MAAM,UAAU,SAAS,cAAc,MAAM;EAC7C,QAAQ,YAAY;EACpB,QAAQ,OAAO,SAAS,cAAc,MAAM,CAAC;EAC7C,MAAM,iBAAiB,WAAW,UAAU;GAC1C,MAAM,gBAAgB;GAEtB,AADc,2BAA2B,MAAM,mBAC3C,CAAC,EAAE,kBAAkB,IAAI;EAC/B,CAAC;EACD,MAAM,OAAO,OAAO,SAAS,OAAO;EACpC,KAAK,OAAO,OAAO,KAAK;EACxB,KAAKA,SAAS;CAChB;CAEA,kBAAkB;EAChB,IAAI,CAAC,KAAKA,QACR;EAEF,KAAKA,OAAO,UAAU,qBAAqB,MAAM,SAAS;EAC1D,KAAKA,OAAO,WAAW,KAAK;EAC5B,KAAKA,OAAO,QAAQ,KAAK;EACzB,KAAK,MAAM,YAAY,yBAAyB,KAAK,aAAa,OAAO,KAAK,SAAS;CACzF;AACF"}