@weapp-vite/web 1.3.37 → 1.4.1

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

@@ -0,0 +1,60 @@
+//#region src/runtime/nativeComponents/slider/style.ts
+const SLIDER_SHADOW_STYLE = `
+  :host { min-width: 0; }
+  .slider {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    min-height: 28px;
+  }
+  input {
+    width: 100%;
+    min-width: 0;
+    height: 2px;
+    margin: 0;
+    flex: 1;
+    padding: 0;
+    border: 0;
+    border-radius: 1px;
+    outline: 0;
+    appearance: none;
+    background: linear-gradient(
+      to right,
+      var(--weapp-slider-active-color, #1aad19) 0%,
+      var(--weapp-slider-active-color, #1aad19) var(--weapp-slider-progress, 0%),
+      var(--weapp-slider-background-color, #e9e9e9) var(--weapp-slider-progress, 0%),
+      var(--weapp-slider-background-color, #e9e9e9) 100%
+    );
+  }
+  input::-webkit-slider-thumb {
+    width: var(--weapp-slider-block-size, 28px);
+    height: var(--weapp-slider-block-size, 28px);
+    border: 0;
+    border-radius: 50%;
+    appearance: none;
+    background: var(--weapp-slider-block-color, #ffffff);
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
+  }
+  input::-moz-range-thumb {
+    width: var(--weapp-slider-block-size, 28px);
+    height: var(--weapp-slider-block-size, 28px);
+    border: 0;
+    border-radius: 50%;
+    background: var(--weapp-slider-block-color, #ffffff);
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
+  }
+  input:disabled { opacity: 0.5; cursor: not-allowed; }
+  output {
+    width: 3em;
+    margin-left: 12px;
+    color: #888888;
+    font-size: 14px;
+    line-height: 28px;
+    text-align: right;
+  }
+  output[hidden] { display: none; }
+`;
+
+//#endregion
+export { SLIDER_SHADOW_STYLE };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/slider/style.ts"],"sourcesContent":["export const SLIDER_SHADOW_STYLE = `\n  :host { min-width: 0; }\n  .slider {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    min-height: 28px;\n  }\n  input {\n    width: 100%;\n    min-width: 0;\n    height: 2px;\n    margin: 0;\n    flex: 1;\n    padding: 0;\n    border: 0;\n    border-radius: 1px;\n    outline: 0;\n    appearance: none;\n    background: linear-gradient(\n      to right,\n      var(--weapp-slider-active-color, #1aad19) 0%,\n      var(--weapp-slider-active-color, #1aad19) var(--weapp-slider-progress, 0%),\n      var(--weapp-slider-background-color, #e9e9e9) var(--weapp-slider-progress, 0%),\n      var(--weapp-slider-background-color, #e9e9e9) 100%\n    );\n  }\n  input::-webkit-slider-thumb {\n    width: var(--weapp-slider-block-size, 28px);\n    height: var(--weapp-slider-block-size, 28px);\n    border: 0;\n    border-radius: 50%;\n    appearance: none;\n    background: var(--weapp-slider-block-color, #ffffff);\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);\n  }\n  input::-moz-range-thumb {\n    width: var(--weapp-slider-block-size, 28px);\n    height: var(--weapp-slider-block-size, 28px);\n    border: 0;\n    border-radius: 50%;\n    background: var(--weapp-slider-block-color, #ffffff);\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);\n  }\n  input:disabled { opacity: 0.5; cursor: not-allowed; }\n  output {\n    width: 3em;\n    margin-left: 12px;\n    color: #888888;\n    font-size: 14px;\n    line-height: 28px;\n    text-align: right;\n  }\n  output[hidden] { display: none; }\n`\n"],"mappings":";AAAA,MAAa,sBAAsB"}

package/dist/runtime/nativeComponents/style.mjs

@@ -0,0 +1,41 @@
+import { NATIVE_COMPONENT_DESCRIPTORS } from "../../shared/nativeComponents.mjs";
+import { injectStyle } from "../style.mjs";
+
+//#region src/runtime/nativeComponents/style.ts
+const NATIVE_COMPONENT_STYLE_ID = "weapp-web-native-component-style";
+const styleTargets = /* @__PURE__ */ new WeakSet();
+let sharedSheet;
+const NATIVE_COMPONENT_STYLE = NATIVE_COMPONENT_DESCRIPTORS.map((descriptor) => `${descriptor.webTag} { ${descriptor.defaultStyle} }`).join("\n");
+function resolveSharedStyleSheet(root) {
+	if (!("adoptedStyleSheets" in (root.ownerDocument ?? document)) || !("replaceSync" in CSSStyleSheet.prototype)) return;
+	if (!sharedSheet) {
+		sharedSheet = new CSSStyleSheet();
+		sharedSheet.replaceSync(NATIVE_COMPONENT_STYLE);
+	}
+	return sharedSheet;
+}
+function ensureNativeComponentStyle(root) {
+	if (typeof document === "undefined") return;
+	const target = root ?? document.head;
+	if (!target || styleTargets.has(target)) return;
+	if (!root) {
+		injectStyle(NATIVE_COMPONENT_STYLE, NATIVE_COMPONENT_STYLE_ID);
+		styleTargets.add(target);
+		return;
+	}
+	const sheet = resolveSharedStyleSheet(root);
+	if (sheet) {
+		const existing = root.adoptedStyleSheets ?? [];
+		if (!existing.includes(sheet)) root.adoptedStyleSheets = [...existing, sheet];
+	} else {
+		const style = document.createElement("style");
+		style.id = NATIVE_COMPONENT_STYLE_ID;
+		style.textContent = NATIVE_COMPONENT_STYLE;
+		root.append(style);
+	}
+	styleTargets.add(target);
+}
+
+//#endregion
+export { NATIVE_COMPONENT_STYLE, ensureNativeComponentStyle };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/runtime/nativeComponents/style.ts"],"sourcesContent":["import { NATIVE_COMPONENT_DESCRIPTORS } from '../../shared/nativeComponents'\nimport { injectStyle } from '../style'\n\nconst NATIVE_COMPONENT_STYLE_ID = 'weapp-web-native-component-style'\nconst styleTargets = new WeakSet<ParentNode>()\nlet sharedSheet: CSSStyleSheet | undefined\n\nexport const NATIVE_COMPONENT_STYLE = NATIVE_COMPONENT_DESCRIPTORS\n  .map(descriptor => `${descriptor.webTag} { ${descriptor.defaultStyle} }`)\n  .join('\\n')\n\nfunction resolveSharedStyleSheet(root: ShadowRoot) {\n  const ownerDocument = root.ownerDocument ?? document\n  if (!('adoptedStyleSheets' in ownerDocument) || !('replaceSync' in CSSStyleSheet.prototype)) {\n    return undefined\n  }\n  if (!sharedSheet) {\n    sharedSheet = new CSSStyleSheet()\n    sharedSheet.replaceSync(NATIVE_COMPONENT_STYLE)\n  }\n  return sharedSheet\n}\n\nexport function ensureNativeComponentStyle(root?: ShadowRoot) {\n  if (typeof document === 'undefined') {\n    return\n  }\n  const target = root ?? document.head\n  if (!target || styleTargets.has(target)) {\n    return\n  }\n  if (!root) {\n    injectStyle(NATIVE_COMPONENT_STYLE, NATIVE_COMPONENT_STYLE_ID)\n    styleTargets.add(target)\n    return\n  }\n  const sheet = resolveSharedStyleSheet(root)\n  if (sheet) {\n    const existing = root.adoptedStyleSheets ?? []\n    if (!existing.includes(sheet)) {\n      root.adoptedStyleSheets = [...existing, sheet]\n    }\n  }\n  else {\n    const style = document.createElement('style')\n    style.id = NATIVE_COMPONENT_STYLE_ID\n    style.textContent = NATIVE_COMPONENT_STYLE\n    root.append(style)\n  }\n  styleTargets.add(target)\n}\n"],"mappings":";;;;AAGA,MAAM,4BAA4B;AAClC,MAAM,+BAAe,IAAI,QAAoB;AAC7C,IAAI;AAEJ,MAAa,yBAAyB,6BACnC,KAAI,eAAc,GAAG,WAAW,OAAO,KAAK,WAAW,aAAa,GAAG,CAAC,CACxE,KAAK,IAAI;AAEZ,SAAS,wBAAwB,MAAkB;CAEjD,IAAI,EAAE,yBADgB,KAAK,iBAAiB,cACI,EAAE,iBAAiB,cAAc,YAC/E;CAEF,IAAI,CAAC,aAAa;EAChB,cAAc,IAAI,cAAc;EAChC,YAAY,YAAY,sBAAsB;CAChD;CACA,OAAO;AACT;AAEA,SAAgB,2BAA2B,MAAmB;CAC5D,IAAI,OAAO,aAAa,aACtB;CAEF,MAAM,SAAS,QAAQ,SAAS;CAChC,IAAI,CAAC,UAAU,aAAa,IAAI,MAAM,GACpC;CAEF,IAAI,CAAC,MAAM;EACT,YAAY,wBAAwB,yBAAyB;EAC7D,aAAa,IAAI,MAAM;EACvB;CACF;CACA,MAAM,QAAQ,wBAAwB,IAAI;CAC1C,IAAI,OAAO;EACT,MAAM,WAAW,KAAK,sBAAsB,CAAC;EAC7C,IAAI,CAAC,SAAS,SAAS,KAAK,GAC1B,KAAK,qBAAqB,CAAC,GAAG,UAAU,KAAK;CAEjD,OACK;EACH,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,KAAK;EACX,MAAM,cAAc;EACpB,KAAK,OAAO,KAAK;CACnB;CACA,aAAa,IAAI,MAAM;AACzB"}

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

@@ -0,0 +1,52 @@
+//#region src/runtime/nativeComponents/swiper/helpers.ts
+function clampSwiperIndex(index, itemCount) {
+	if (itemCount <= 0) return 0;
+	return Math.min(itemCount - 1, Math.max(0, Math.trunc(index)));
+}
+function resolveSwiperIndex(options) {
+	if (options.currentItemId) {
+		const itemIndex = options.itemIds.indexOf(options.currentItemId);
+		if (itemIndex >= 0) return itemIndex;
+	}
+	return clampSwiperIndex(options.current, options.itemIds.length);
+}
+function resolveSwiperStep(current, direction, itemCount, circular) {
+	if (itemCount <= 0) return 0;
+	const next = current + direction;
+	if (circular) return (next + itemCount) % itemCount;
+	return clampSwiperIndex(next, itemCount);
+}
+function resolveSwipeTarget(options) {
+	const threshold = Math.max(24, options.itemSize * .2);
+	if (Math.abs(options.delta) < threshold) return options.current;
+	return resolveSwiperStep(options.current, options.delta < 0 ? 1 : -1, options.itemCount, options.circular);
+}
+function createSwiperChangeDetail(current, currentItemId, source) {
+	return {
+		current,
+		source,
+		currentItemId
+	};
+}
+function resolveSwiperNumber(value, fallback, minimum = 0) {
+	if (value === null || value.trim() === "") return fallback;
+	const number = Number(value);
+	return Number.isFinite(number) ? Math.max(minimum, number) : fallback;
+}
+function resolveSwiperEasing(value) {
+	switch (value?.trim()) {
+		case "linear": return "linear";
+		case "easeInCubic": return "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
+		case "easeOutCubic": return "cubic-bezier(0.215, 0.61, 0.355, 1)";
+		case "easeInOutCubic": return "cubic-bezier(0.645, 0.045, 0.355, 1)";
+		default: return "ease";
+	}
+}
+function resolveSwiperLength(value) {
+	const normalized = value?.trim() || "0px";
+	return /^-?\d+(?:\.\d+)?rpx$/i.test(normalized) || /^-?\.\d+rpx$/i.test(normalized) ? `calc(var(--rpx) * ${normalized.slice(0, -3)})` : normalized;
+}
+
+//#endregion
+export { clampSwiperIndex, createSwiperChangeDetail, resolveSwipeTarget, resolveSwiperEasing, resolveSwiperIndex, resolveSwiperLength, resolveSwiperNumber, resolveSwiperStep };
+//# sourceMappingURL=helpers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/swiper/helpers.ts"],"sourcesContent":["export type SwiperChangeSource = '' | 'autoplay' | 'touch'\n\nexport function clampSwiperIndex(index: number, itemCount: number) {\n  if (itemCount <= 0) {\n    return 0\n  }\n  return Math.min(itemCount - 1, Math.max(0, Math.trunc(index)))\n}\n\nexport function resolveSwiperIndex(options: {\n  current: number\n  currentItemId?: string\n  itemIds: string[]\n}) {\n  if (options.currentItemId) {\n    const itemIndex = options.itemIds.indexOf(options.currentItemId)\n    if (itemIndex >= 0) {\n      return itemIndex\n    }\n  }\n  return clampSwiperIndex(options.current, options.itemIds.length)\n}\n\nexport function resolveSwiperStep(\n  current: number,\n  direction: -1 | 1,\n  itemCount: number,\n  circular: boolean,\n) {\n  if (itemCount <= 0) {\n    return 0\n  }\n  const next = current + direction\n  if (circular) {\n    return (next + itemCount) % itemCount\n  }\n  return clampSwiperIndex(next, itemCount)\n}\n\nexport function resolveSwipeTarget(options: {\n  current: number\n  delta: number\n  itemSize: number\n  itemCount: number\n  circular: boolean\n}) {\n  const threshold = Math.max(24, options.itemSize * 0.2)\n  if (Math.abs(options.delta) < threshold) {\n    return options.current\n  }\n  return resolveSwiperStep(\n    options.current,\n    options.delta < 0 ? 1 : -1,\n    options.itemCount,\n    options.circular,\n  )\n}\n\nexport function createSwiperChangeDetail(\n  current: number,\n  currentItemId: string,\n  source: SwiperChangeSource,\n) {\n  return {\n    current,\n    source,\n    currentItemId,\n  }\n}\n\nexport function resolveSwiperNumber(\n  value: string | null,\n  fallback: number,\n  minimum = 0,\n) {\n  if (value === null || value.trim() === '') {\n    return fallback\n  }\n  const number = Number(value)\n  return Number.isFinite(number) ? Math.max(minimum, number) : fallback\n}\n\nexport function resolveSwiperEasing(value: string | null) {\n  switch (value?.trim()) {\n    case 'linear':\n      return 'linear'\n    case 'easeInCubic':\n      return 'cubic-bezier(0.55, 0.055, 0.675, 0.19)'\n    case 'easeOutCubic':\n      return 'cubic-bezier(0.215, 0.61, 0.355, 1)'\n    case 'easeInOutCubic':\n      return 'cubic-bezier(0.645, 0.045, 0.355, 1)'\n    default:\n      return 'ease'\n  }\n}\n\nexport function resolveSwiperLength(value: string | null) {\n  const normalized = value?.trim() || '0px'\n  const isRpx = /^-?\\d+(?:\\.\\d+)?rpx$/i.test(normalized)\n    || /^-?\\.\\d+rpx$/i.test(normalized)\n  return isRpx ? `calc(var(--rpx) * ${normalized.slice(0, -3)})` : normalized\n}\n"],"mappings":";AAEA,SAAgB,iBAAiB,OAAe,WAAmB;CACjE,IAAI,aAAa,GACf,OAAO;CAET,OAAO,KAAK,IAAI,YAAY,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC,CAAC;AAC/D;AAEA,SAAgB,mBAAmB,SAIhC;CACD,IAAI,QAAQ,eAAe;EACzB,MAAM,YAAY,QAAQ,QAAQ,QAAQ,QAAQ,aAAa;EAC/D,IAAI,aAAa,GACf,OAAO;CAEX;CACA,OAAO,iBAAiB,QAAQ,SAAS,QAAQ,QAAQ,MAAM;AACjE;AAEA,SAAgB,kBACd,SACA,WACA,WACA,UACA;CACA,IAAI,aAAa,GACf,OAAO;CAET,MAAM,OAAO,UAAU;CACvB,IAAI,UACF,QAAQ,OAAO,aAAa;CAE9B,OAAO,iBAAiB,MAAM,SAAS;AACzC;AAEA,SAAgB,mBAAmB,SAMhC;CACD,MAAM,YAAY,KAAK,IAAI,IAAI,QAAQ,WAAW,EAAG;CACrD,IAAI,KAAK,IAAI,QAAQ,KAAK,IAAI,WAC5B,OAAO,QAAQ;CAEjB,OAAO,kBACL,QAAQ,SACR,QAAQ,QAAQ,IAAI,IAAI,IACxB,QAAQ,WACR,QAAQ,QACV;AACF;AAEA,SAAgB,yBACd,SACA,eACA,QACA;CACA,OAAO;EACL;EACA;EACA;CACF;AACF;AAEA,SAAgB,oBACd,OACA,UACA,UAAU,GACV;CACA,IAAI,UAAU,QAAQ,MAAM,KAAK,MAAM,IACrC,OAAO;CAET,MAAM,SAAS,OAAO,KAAK;CAC3B,OAAO,OAAO,SAAS,MAAM,IAAI,KAAK,IAAI,SAAS,MAAM,IAAI;AAC/D;AAEA,SAAgB,oBAAoB,OAAsB;CACxD,QAAQ,OAAO,KAAK,GAApB;EACE,KAAK,UACH,OAAO;EACT,KAAK,eACH,OAAO;EACT,KAAK,gBACH,OAAO;EACT,KAAK,kBACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,oBAAoB,OAAsB;CACxD,MAAM,aAAa,OAAO,KAAK,KAAK;CAGpC,OAFc,wBAAwB,KAAK,UAAU,KAChD,gBAAgB,KAAK,UAAU,IACrB,qBAAqB,WAAW,MAAM,GAAG,EAAE,EAAE,KAAK;AACnE"}

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

@@ -0,0 +1,235 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { createSwiperChangeDetail, resolveSwipeTarget, resolveSwiperEasing, resolveSwiperIndex, resolveSwiperLength, resolveSwiperNumber, resolveSwiperStep } from "./helpers.mjs";
+import { SWIPER_SHADOW_STYLE } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/swiper/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+var WeappSwiper = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("swiper").attributes];
+	#viewport;
+	#track;
+	#slot;
+	#indicators;
+	#items = [];
+	#current = 0;
+	#itemSize = 0;
+	#initialized = false;
+	#autoplayTimer;
+	#animationTimer;
+	#resizeObserver;
+	#pointer;
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.#syncItems();
+		this.#syncAttributes(false);
+		this.#observeSize();
+		this.#restartAutoplay();
+		this.#initialized = true;
+	}
+	disconnectedCallback() {
+		this.#clearTimers();
+		this.#resizeObserver?.disconnect();
+		this.#resizeObserver = void 0;
+		this.#initialized = false;
+	}
+	attributeChangedCallback(name) {
+		if (!this.isConnected || !this.#initialized) return;
+		this.#syncAttributes(name === "current" || name === "current-item-id", name);
+		this.#restartAutoplay();
+	}
+	#ensureStructure() {
+		if (this.#viewport || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = SWIPER_SHADOW_STYLE;
+		const viewport = document.createElement("div");
+		viewport.className = "viewport";
+		const track = document.createElement("div");
+		track.className = "track";
+		const slot = document.createElement("slot");
+		track.append(slot);
+		viewport.append(track);
+		const indicators = document.createElement("div");
+		indicators.className = "indicators";
+		root.append(style, viewport, indicators);
+		slot.addEventListener("slotchange", () => {
+			this.#syncItems();
+			this.#syncAttributes(false, "current-item-id");
+			this.#restartAutoplay();
+		});
+		viewport.addEventListener("pointerdown", this.#handlePointerDown);
+		viewport.addEventListener("pointermove", this.#handlePointerMove);
+		viewport.addEventListener("pointerup", this.#handlePointerEnd);
+		viewport.addEventListener("pointercancel", this.#handlePointerEnd);
+		this.#viewport = viewport;
+		this.#track = track;
+		this.#slot = slot;
+		this.#indicators = indicators;
+	}
+	#syncItems() {
+		if (!this.#slot) return;
+		this.#items = this.#slot.assignedElements({ flatten: true }).filter((element) => element.tagName.toLowerCase() === "weapp-swiper-item");
+		if (this.#current >= this.#items.length) this.#current = Math.max(0, this.#items.length - 1);
+		this.#renderIndicators();
+	}
+	#syncAttributes(emitChange, changedName) {
+		if (!this.#track || !this.#viewport) return;
+		const vertical = readBooleanAttribute(this, "vertical");
+		this.toggleAttribute("data-vertical", vertical);
+		const displayCount = Math.max(1, Math.trunc(resolveSwiperNumber(this.getAttribute("display-multiple-items"), 1, 1)));
+		const previousMargin = resolveSwiperLength(this.getAttribute("previous-margin"));
+		const nextMargin = resolveSwiperLength(this.getAttribute("next-margin"));
+		this.style.setProperty("--weapp-swiper-display-count", String(displayCount));
+		this.style.setProperty("--weapp-swiper-indicator-color", this.getAttribute("indicator-color") ?? "rgba(0, 0, 0, 0.3)");
+		this.style.setProperty("--weapp-swiper-indicator-active-color", this.getAttribute("indicator-active-color") ?? "#000000");
+		this.#track.style.marginLeft = vertical ? "0" : previousMargin;
+		this.#track.style.marginTop = vertical ? previousMargin : "0";
+		this.#track.style.width = vertical ? "100%" : `calc(100% - ${previousMargin} - ${nextMargin})`;
+		this.#track.style.height = vertical ? `calc(100% - ${previousMargin} - ${nextMargin})` : "100%";
+		this.#track.style.transitionTimingFunction = resolveSwiperEasing(this.getAttribute("easing-function"));
+		this.#indicators?.toggleAttribute("hidden", !readBooleanAttribute(this, "indicator-dots"));
+		if (!this.#initialized || changedName === "current" || changedName === "current-item-id") {
+			const itemIds = this.#items.map((item) => item.getAttribute("item-id") ?? "");
+			const next = resolveSwiperIndex({
+				current: resolveSwiperNumber(this.getAttribute("current"), 0),
+				currentItemId: this.getAttribute("current-item-id") ?? void 0,
+				itemIds
+			});
+			if (emitChange && next !== this.#current) {
+				this.#setCurrent(next, "");
+				return;
+			}
+			this.#current = next;
+		}
+		this.#syncVisual(false);
+	}
+	#syncVisual(animate, dragOffset = 0) {
+		const track = this.#track;
+		const vertical = readBooleanAttribute(this, "vertical");
+		const displayCount = Math.max(1, Math.trunc(resolveSwiperNumber(this.getAttribute("display-multiple-items"), 1, 1)));
+		const trackRect = track.getBoundingClientRect();
+		this.#itemSize = (vertical ? trackRect.height : trackRect.width) / displayCount;
+		const offset = -(this.#current * this.#itemSize) + dragOffset;
+		const duration = animate ? resolveSwiperNumber(this.getAttribute("duration"), 500) : 0;
+		track.style.transitionDuration = `${duration}ms`;
+		track.style.transform = vertical ? `translate3d(0, ${offset}px, 0)` : `translate3d(${offset}px, 0, 0)`;
+		this.#items.forEach((item, index) => {
+			const active = index >= this.#current && index < this.#current + displayCount;
+			item.toggleAttribute("data-active", active);
+			item.setAttribute("aria-hidden", String(!active));
+		});
+		this.#syncIndicatorState();
+	}
+	#setCurrent(next, source) {
+		if (next === this.#current || !this.#items.length) {
+			this.#syncVisual(true);
+			return;
+		}
+		this.#current = next;
+		this.#syncVisual(true);
+		const detail = createSwiperChangeDetail(this.#current, this.#items[this.#current].getAttribute("item-id") ?? "", source);
+		dispatchMiniProgramEvent(this, "change", detail);
+		this.#scheduleAnimationFinish(detail);
+	}
+	#scheduleAnimationFinish(detail) {
+		if (this.#animationTimer) clearTimeout(this.#animationTimer);
+		const duration = resolveSwiperNumber(this.getAttribute("duration"), 500);
+		this.#animationTimer = globalThis.setTimeout(() => {
+			this.#animationTimer = void 0;
+			dispatchMiniProgramEvent(this, "animationfinish", detail);
+		}, duration);
+	}
+	#renderIndicators() {
+		this.#indicators.replaceChildren(...this.#items.map(() => {
+			const indicator = document.createElement("span");
+			indicator.className = "indicator";
+			return indicator;
+		}));
+		this.#syncIndicatorState();
+	}
+	#syncIndicatorState() {
+		[...this.#indicators.children].forEach((indicator, index) => {
+			indicator.setAttribute("data-active", String(index === this.#current));
+		});
+	}
+	#restartAutoplay() {
+		if (this.#autoplayTimer) {
+			clearTimeout(this.#autoplayTimer);
+			this.#autoplayTimer = void 0;
+		}
+		if (!this.isConnected || !readBooleanAttribute(this, "autoplay") || this.#items.length < 2) return;
+		const interval = resolveSwiperNumber(this.getAttribute("interval"), 5e3, 16);
+		this.#autoplayTimer = globalThis.setTimeout(() => {
+			this.#autoplayTimer = void 0;
+			const next = resolveSwiperStep(this.#current, 1, this.#items.length, true);
+			this.#setCurrent(next, "autoplay");
+			this.#restartAutoplay();
+		}, interval);
+	}
+	#observeSize() {
+		if (typeof ResizeObserver === "undefined" || !this.#viewport || this.#resizeObserver) return;
+		this.#resizeObserver = new ResizeObserver(() => this.#syncVisual(false));
+		this.#resizeObserver.observe(this.#viewport);
+	}
+	#handlePointerDown = (event) => {
+		if (readBooleanAttribute(this, "disable-touch") || this.#items.length < 2 || event.button !== 0) return;
+		const vertical = readBooleanAttribute(this, "vertical");
+		this.#pointer = {
+			id: event.pointerId,
+			start: vertical ? event.clientY : event.clientX,
+			delta: 0
+		};
+		this.#viewport?.setPointerCapture?.(event.pointerId);
+		this.#clearAnimationTimer();
+		this.#syncVisual(false);
+	};
+	#handlePointerMove = (event) => {
+		if (!this.#pointer || event.pointerId !== this.#pointer.id) return;
+		const vertical = readBooleanAttribute(this, "vertical");
+		let delta = (vertical ? event.clientY : event.clientX) - this.#pointer.start;
+		if (!readBooleanAttribute(this, "circular")) {
+			const atStart = this.#current === 0 && delta > 0;
+			const atEnd = this.#current === this.#items.length - 1 && delta < 0;
+			if (atStart || atEnd) delta *= .35;
+		}
+		this.#pointer.delta = delta;
+		this.#syncVisual(false, delta);
+		dispatchMiniProgramEvent(this, "transition", {
+			dx: vertical ? 0 : delta,
+			dy: vertical ? delta : 0
+		});
+	};
+	#handlePointerEnd = (event) => {
+		if (!this.#pointer || event.pointerId !== this.#pointer.id) return;
+		const delta = this.#pointer.delta;
+		this.#pointer = void 0;
+		this.#viewport?.releasePointerCapture?.(event.pointerId);
+		const next = resolveSwipeTarget({
+			current: this.#current,
+			delta,
+			itemSize: this.#itemSize,
+			itemCount: this.#items.length,
+			circular: readBooleanAttribute(this, "circular")
+		});
+		this.#setCurrent(next, "touch");
+		this.#restartAutoplay();
+	};
+	#clearAnimationTimer() {
+		clearTimeout(this.#animationTimer);
+		this.#animationTimer = void 0;
+	}
+	#clearTimers() {
+		if (this.#autoplayTimer) {
+			clearTimeout(this.#autoplayTimer);
+			this.#autoplayTimer = void 0;
+		}
+		this.#clearAnimationTimer();
+	}
+};
+
+//#endregion
+export { WeappSwiper };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#ensureStructure","#syncItems","#syncAttributes","#observeSize","#restartAutoplay","#initialized","#clearTimers","#resizeObserver","#viewport","#handlePointerDown","#handlePointerMove","#handlePointerEnd","#track","#slot","#indicators","#items","#current","#renderIndicators","#setCurrent","#syncVisual","#itemSize","#syncIndicatorState","#scheduleAnimationFinish","#animationTimer","#autoplayTimer","#pointer","#clearAnimationTimer"],"sources":["../../../../src/runtime/nativeComponents/swiper/index.ts"],"sourcesContent":["import type { SwiperChangeSource } from './helpers'\nimport type { WeappSwiperItem } from './item'\nimport { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport {\n  createSwiperChangeDetail,\n  resolveSwiperEasing,\n  resolveSwiperIndex,\n  resolveSwiperLength,\n  resolveSwiperNumber,\n  resolveSwiperStep,\n  resolveSwipeTarget,\n} from './helpers'\nimport { SWIPER_SHADOW_STYLE } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport class WeappSwiper extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('swiper')!.attributes]\n\n  #viewport?: HTMLDivElement\n  #track?: HTMLDivElement\n  #slot?: HTMLSlotElement\n  #indicators?: HTMLDivElement\n  #items: WeappSwiperItem[] = []\n  #current = 0\n  #itemSize = 0\n  #initialized = false\n  #autoplayTimer?: ReturnType<typeof globalThis.setTimeout>\n  #animationTimer?: ReturnType<typeof globalThis.setTimeout>\n  #resizeObserver?: ResizeObserver\n  #pointer?: { id: number, start: number, delta: number }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    this.#syncItems()\n    this.#syncAttributes(false)\n    this.#observeSize()\n    this.#restartAutoplay()\n    this.#initialized = true\n  }\n\n  disconnectedCallback() {\n    this.#clearTimers()\n    this.#resizeObserver?.disconnect()\n    this.#resizeObserver = undefined\n    this.#initialized = false\n  }\n\n  attributeChangedCallback(name: string) {\n    if (!this.isConnected || !this.#initialized) {\n      return\n    }\n    this.#syncAttributes(name === 'current' || name === 'current-item-id', name)\n    this.#restartAutoplay()\n  }\n\n  #ensureStructure() {\n    if (this.#viewport || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = SWIPER_SHADOW_STYLE\n    const viewport = document.createElement('div')\n    viewport.className = 'viewport'\n    const track = document.createElement('div')\n    track.className = 'track'\n    const slot = document.createElement('slot')\n    track.append(slot)\n    viewport.append(track)\n    const indicators = document.createElement('div')\n    indicators.className = 'indicators'\n    root.append(style, viewport, indicators)\n    slot.addEventListener('slotchange', () => {\n      this.#syncItems()\n      this.#syncAttributes(false, 'current-item-id')\n      this.#restartAutoplay()\n    })\n    viewport.addEventListener('pointerdown', this.#handlePointerDown)\n    viewport.addEventListener('pointermove', this.#handlePointerMove)\n    viewport.addEventListener('pointerup', this.#handlePointerEnd)\n    viewport.addEventListener('pointercancel', this.#handlePointerEnd)\n    this.#viewport = viewport\n    this.#track = track\n    this.#slot = slot\n    this.#indicators = indicators\n  }\n\n  #syncItems() {\n    if (!this.#slot) {\n      return\n    }\n    this.#items = this.#slot.assignedElements({ flatten: true })\n      .filter((element): element is WeappSwiperItem => element.tagName.toLowerCase() === 'weapp-swiper-item')\n    if (this.#current >= this.#items.length) {\n      this.#current = Math.max(0, this.#items.length - 1)\n    }\n    this.#renderIndicators()\n  }\n\n  #syncAttributes(emitChange: boolean, changedName?: string) {\n    if (!this.#track || !this.#viewport) {\n      return\n    }\n    const vertical = readBooleanAttribute(this, 'vertical')\n    this.toggleAttribute('data-vertical', vertical)\n    const displayCount = Math.max(1, Math.trunc(resolveSwiperNumber(this.getAttribute('display-multiple-items'), 1, 1)))\n    const previousMargin = resolveSwiperLength(this.getAttribute('previous-margin'))\n    const nextMargin = resolveSwiperLength(this.getAttribute('next-margin'))\n    this.style.setProperty('--weapp-swiper-display-count', String(displayCount))\n    this.style.setProperty('--weapp-swiper-indicator-color', this.getAttribute('indicator-color') ?? 'rgba(0, 0, 0, 0.3)')\n    this.style.setProperty('--weapp-swiper-indicator-active-color', this.getAttribute('indicator-active-color') ?? '#000000')\n    this.#track.style.marginLeft = vertical ? '0' : previousMargin\n    this.#track.style.marginTop = vertical ? previousMargin : '0'\n    this.#track.style.width = vertical ? '100%' : `calc(100% - ${previousMargin} - ${nextMargin})`\n    this.#track.style.height = vertical ? `calc(100% - ${previousMargin} - ${nextMargin})` : '100%'\n    this.#track.style.transitionTimingFunction = resolveSwiperEasing(this.getAttribute('easing-function'))\n    this.#indicators?.toggleAttribute('hidden', !readBooleanAttribute(this, 'indicator-dots'))\n\n    if (!this.#initialized || changedName === 'current' || changedName === 'current-item-id') {\n      const itemIds = this.#items.map(item => item.getAttribute('item-id') ?? '')\n      const next = resolveSwiperIndex({\n        current: resolveSwiperNumber(this.getAttribute('current'), 0),\n        currentItemId: this.getAttribute('current-item-id') ?? undefined,\n        itemIds,\n      })\n      if (emitChange && next !== this.#current) {\n        this.#setCurrent(next, '')\n        return\n      }\n      this.#current = next\n    }\n    this.#syncVisual(false)\n  }\n\n  #syncVisual(animate: boolean, dragOffset = 0) {\n    const track = this.#track!\n    const vertical = readBooleanAttribute(this, 'vertical')\n    const displayCount = Math.max(1, Math.trunc(resolveSwiperNumber(this.getAttribute('display-multiple-items'), 1, 1)))\n    const trackRect = track.getBoundingClientRect()\n    this.#itemSize = (vertical ? trackRect.height : trackRect.width) / displayCount\n    const offset = -(this.#current * this.#itemSize) + dragOffset\n    const duration = animate ? resolveSwiperNumber(this.getAttribute('duration'), 500) : 0\n    track.style.transitionDuration = `${duration}ms`\n    track.style.transform = vertical\n      ? `translate3d(0, ${offset}px, 0)`\n      : `translate3d(${offset}px, 0, 0)`\n    this.#items.forEach((item, index) => {\n      const active = index >= this.#current && index < this.#current + displayCount\n      item.toggleAttribute('data-active', active)\n      item.setAttribute('aria-hidden', String(!active))\n    })\n    this.#syncIndicatorState()\n  }\n\n  #setCurrent(next: number, source: SwiperChangeSource) {\n    if (next === this.#current || !this.#items.length) {\n      this.#syncVisual(true)\n      return\n    }\n    this.#current = next\n    this.#syncVisual(true)\n    const detail = createSwiperChangeDetail(\n      this.#current,\n      this.#items[this.#current]!.getAttribute('item-id') ?? '',\n      source,\n    )\n    dispatchMiniProgramEvent(this, 'change', detail)\n    this.#scheduleAnimationFinish(detail)\n  }\n\n  #scheduleAnimationFinish(detail: ReturnType<typeof createSwiperChangeDetail>) {\n    if (this.#animationTimer) {\n      clearTimeout(this.#animationTimer)\n    }\n    const duration = resolveSwiperNumber(this.getAttribute('duration'), 500)\n    this.#animationTimer = globalThis.setTimeout(() => {\n      this.#animationTimer = undefined\n      dispatchMiniProgramEvent(this, 'animationfinish', detail)\n    }, duration)\n  }\n\n  #renderIndicators() {\n    const indicators = this.#indicators!\n    indicators.replaceChildren(...this.#items.map(() => {\n      const indicator = document.createElement('span')\n      indicator.className = 'indicator'\n      return indicator\n    }))\n    this.#syncIndicatorState()\n  }\n\n  #syncIndicatorState() {\n    ;[...this.#indicators!.children].forEach((indicator, index) => {\n      indicator.setAttribute('data-active', String(index === this.#current))\n    })\n  }\n\n  #restartAutoplay() {\n    if (this.#autoplayTimer) {\n      clearTimeout(this.#autoplayTimer)\n      this.#autoplayTimer = undefined\n    }\n    if (!this.isConnected || !readBooleanAttribute(this, 'autoplay') || this.#items.length < 2) {\n      return\n    }\n    const interval = resolveSwiperNumber(this.getAttribute('interval'), 5000, 16)\n    this.#autoplayTimer = globalThis.setTimeout(() => {\n      this.#autoplayTimer = undefined\n      const next = resolveSwiperStep(this.#current, 1, this.#items.length, true)\n      this.#setCurrent(next, 'autoplay')\n      this.#restartAutoplay()\n    }, interval)\n  }\n\n  #observeSize() {\n    if (typeof ResizeObserver === 'undefined' || !this.#viewport || this.#resizeObserver) {\n      return\n    }\n    this.#resizeObserver = new ResizeObserver(() => this.#syncVisual(false))\n    this.#resizeObserver.observe(this.#viewport)\n  }\n\n  #handlePointerDown = (event: PointerEvent) => {\n    if (readBooleanAttribute(this, 'disable-touch') || this.#items.length < 2 || event.button !== 0) {\n      return\n    }\n    const vertical = readBooleanAttribute(this, 'vertical')\n    this.#pointer = {\n      id: event.pointerId,\n      start: vertical ? event.clientY : event.clientX,\n      delta: 0,\n    }\n    this.#viewport?.setPointerCapture?.(event.pointerId)\n    this.#clearAnimationTimer()\n    this.#syncVisual(false)\n  }\n\n  #handlePointerMove = (event: PointerEvent) => {\n    if (!this.#pointer || event.pointerId !== this.#pointer.id) {\n      return\n    }\n    const vertical = readBooleanAttribute(this, 'vertical')\n    const position = vertical ? event.clientY : event.clientX\n    let delta = position - this.#pointer.start\n    if (!readBooleanAttribute(this, 'circular')) {\n      const atStart = this.#current === 0 && delta > 0\n      const atEnd = this.#current === this.#items.length - 1 && delta < 0\n      if (atStart || atEnd) {\n        delta *= 0.35\n      }\n    }\n    this.#pointer.delta = delta\n    this.#syncVisual(false, delta)\n    dispatchMiniProgramEvent(this, 'transition', {\n      dx: vertical ? 0 : delta,\n      dy: vertical ? delta : 0,\n    })\n  }\n\n  #handlePointerEnd = (event: PointerEvent) => {\n    if (!this.#pointer || event.pointerId !== this.#pointer.id) {\n      return\n    }\n    const delta = this.#pointer.delta\n    this.#pointer = undefined\n    this.#viewport?.releasePointerCapture?.(event.pointerId)\n    const next = resolveSwipeTarget({\n      current: this.#current,\n      delta,\n      itemSize: this.#itemSize,\n      itemCount: this.#items.length,\n      circular: readBooleanAttribute(this, 'circular'),\n    })\n    this.#setCurrent(next, 'touch')\n    this.#restartAutoplay()\n  }\n\n  #clearAnimationTimer() {\n    clearTimeout(this.#animationTimer)\n    this.#animationTimer = undefined\n  }\n\n  #clearTimers() {\n    if (this.#autoplayTimer) {\n      clearTimeout(this.#autoplayTimer)\n      this.#autoplayTimer = undefined\n    }\n    this.#clearAnimationTimer()\n  }\n}\n"],"mappings":"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"}

package/dist/runtime/nativeComponents/swiper/item.mjs

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

package/dist/runtime/nativeComponents/swiper/item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/swiper/item.ts"],"sourcesContent":["import { resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport class WeappSwiperItem extends BaseElement {\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n  }\n}\n"],"mappings":";;;;AAGA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,IAAa,kBAAb,cAAqC,YAAY;CAC/C,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;CAC9D;AACF"}

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

@@ -0,0 +1,20 @@
+//#region src/runtime/nativeComponents/swiper/style.ts
+const SWIPER_SHADOW_STYLE = `
+  :host { position: relative; min-width: 0; min-height: 0; }
+  .viewport { position: relative; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; touch-action: pan-y; }
+  .track { display: flex; box-sizing: border-box; width: 100%; height: 100%; will-change: transform; }
+  :host([data-vertical]) .viewport { touch-action: pan-x; }
+  :host([data-vertical]) .track { flex-direction: column; }
+  ::slotted(weapp-swiper-item) { flex: 0 0 calc(100% / var(--weapp-swiper-display-count, 1)); min-width: 0; min-height: 0; }
+  :host(:not([data-vertical])) ::slotted(weapp-swiper-item) { height: 100%; }
+  :host([data-vertical]) ::slotted(weapp-swiper-item) { width: 100%; }
+  .indicators { position: absolute; right: 0; bottom: 10px; left: 0; display: flex; gap: 6px; justify-content: center; pointer-events: none; }
+  :host([data-vertical]) .indicators { top: 0; right: 10px; bottom: 0; left: auto; flex-direction: column; }
+  .indicators[hidden] { display: none; }
+  .indicator { width: 8px; height: 8px; border-radius: 50%; background: var(--weapp-swiper-indicator-color, rgba(0, 0, 0, 0.3)); }
+  .indicator[data-active="true"] { background: var(--weapp-swiper-indicator-active-color, #000000); }
+`;
+
+//#endregion
+export { SWIPER_SHADOW_STYLE };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/swiper/style.ts"],"sourcesContent":["export const SWIPER_SHADOW_STYLE = `\n  :host { position: relative; min-width: 0; min-height: 0; }\n  .viewport { position: relative; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; touch-action: pan-y; }\n  .track { display: flex; box-sizing: border-box; width: 100%; height: 100%; will-change: transform; }\n  :host([data-vertical]) .viewport { touch-action: pan-x; }\n  :host([data-vertical]) .track { flex-direction: column; }\n  ::slotted(weapp-swiper-item) { flex: 0 0 calc(100% / var(--weapp-swiper-display-count, 1)); min-width: 0; min-height: 0; }\n  :host(:not([data-vertical])) ::slotted(weapp-swiper-item) { height: 100%; }\n  :host([data-vertical]) ::slotted(weapp-swiper-item) { width: 100%; }\n  .indicators { position: absolute; right: 0; bottom: 10px; left: 0; display: flex; gap: 6px; justify-content: center; pointer-events: none; }\n  :host([data-vertical]) .indicators { top: 0; right: 10px; bottom: 0; left: auto; flex-direction: column; }\n  .indicators[hidden] { display: none; }\n  .indicator { width: 8px; height: 8px; border-radius: 50%; background: var(--weapp-swiper-indicator-color, rgba(0, 0, 0, 0.3)); }\n  .indicator[data-active=\"true\"] { background: var(--weapp-swiper-indicator-active-color, #000000); }\n`\n"],"mappings":";AAAA,MAAa,sBAAsB"}

package/dist/runtime/nativeComponents/switch.d.mts

@@ -0,0 +1,7 @@
+//#region src/runtime/nativeComponents/switch.d.ts
+declare function createSwitchEventDetail(checked: boolean): {
+  value: boolean;
+};
+//#endregion
+export { createSwitchEventDetail };
+//# sourceMappingURL=switch.d.mts.map

package/dist/runtime/nativeComponents/switch.mjs

@@ -0,0 +1,132 @@
+import { getNativeComponentDescriptor } from "../../shared/nativeComponents.mjs";
+import { connectFormControl, disconnectFormControl } from "./formControl.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "./helpers.mjs";
+import { ensureNativeComponentStyle } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/switch.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+function createSwitchEventDetail(checked) {
+	return { value: checked };
+}
+var WeappSwitch = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("switch").attributes];
+	#input;
+	#initialChecked = false;
+	#initialCheckedCaptured = false;
+	get checked() {
+		return this.#input?.checked ?? readBooleanAttribute(this, "checked");
+	}
+	set checked(value) {
+		this.toggleAttribute("checked", Boolean(value));
+	}
+	get disabled() {
+		return readBooleanAttribute(this, "disabled");
+	}
+	get formControlName() {
+		return this.getAttribute("name") ?? "";
+	}
+	get formControlValue() {
+		return this.checked;
+	}
+	get formControlDisabled() {
+		return this.disabled;
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		if (!this.#initialCheckedCaptured) {
+			this.#initialChecked = readBooleanAttribute(this, "checked");
+			this.#initialCheckedCaptured = true;
+		}
+		this.#ensureStructure();
+		this.#syncAttributes();
+		connectFormControl(this);
+	}
+	disconnectedCallback() {
+		disconnectFormControl(this);
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	formReset() {
+		if (this.#input) this.#input.checked = this.#initialChecked;
+	}
+	formActivate() {
+		if (!this.disabled) this.#input?.click();
+	}
+	#ensureStructure() {
+		if (this.#input || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = `
+      :host { padding: 0 5px; --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: 52px;
+        height: 32px;
+        border: 1px solid #dfdfdf;
+        border-radius: 16px;
+        background: #dfdfdf;
+        transition: background 0.2s, border-color 0.2s;
+      }
+      .control::after {
+        position: absolute;
+        top: 1px;
+        left: 1px;
+        width: 28px;
+        height: 28px;
+        border-radius: 50%;
+        background: #ffffff;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+        content: '';
+        transition: transform 0.2s;
+      }
+      input:checked + .control { border-color: var(--weapp-control-color); background: var(--weapp-control-color); }
+      input:checked + .control::after { transform: translateX(20px); }
+      input:disabled + .control { opacity: 0.5; cursor: not-allowed; }
+      :host([type='checkbox']) .control {
+        width: 23px;
+        height: 23px;
+        border-radius: 3px;
+        background: #ffffff;
+      }
+      :host([type='checkbox']) .control::after { display: none; }
+      :host([type='checkbox']) input:checked + .control { background: var(--weapp-control-color); }
+      :host([type='checkbox']) input:checked + .control::before {
+        position: absolute;
+        top: 3px;
+        left: 7px;
+        width: 6px;
+        height: 11px;
+        border: solid #ffffff;
+        border-width: 0 2px 2px 0;
+        content: '';
+        transform: rotate(45deg);
+      }
+    `;
+		const label = document.createElement("label");
+		const input = document.createElement("input");
+		input.type = "checkbox";
+		input.addEventListener("change", (event) => {
+			event.stopPropagation();
+			dispatchMiniProgramEvent(this, "change", createSwitchEventDetail(input.checked));
+		});
+		const control = document.createElement("span");
+		control.className = "control";
+		label.append(input, control);
+		root.append(style, label);
+		this.#input = input;
+	}
+	#syncAttributes() {
+		if (!this.#input) return;
+		this.#input.checked = readBooleanAttribute(this, "checked");
+		this.#input.disabled = this.disabled;
+		this.style.setProperty("--weapp-control-color", this.getAttribute("color") || "#07c160");
+	}
+};
+
+//#endregion
+export { WeappSwitch, createSwitchEventDetail };
+//# sourceMappingURL=switch.mjs.map