@weapp-vite/web 1.3.36 → 1.4.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.mjs","names":["#input","#initialCheckedCaptured","#initialChecked","#ensureStructure","#syncAttributes"],"sources":["../../../src/runtime/nativeComponents/switch.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../shared/nativeComponents'\nimport { connectFormControl, disconnectFormControl } from './formControl'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from './helpers'\nimport { ensureNativeComponentStyle } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport function createSwitchEventDetail(checked: boolean) {\n  return { value: checked }\n}\n\nexport class WeappSwitch extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('switch')!.attributes]\n\n  #input?: HTMLInputElement\n  #initialChecked = false\n  #initialCheckedCaptured = false\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  get formControlName() {\n    return this.getAttribute('name') ?? ''\n  }\n\n  get formControlValue() {\n    return this.checked\n  }\n\n  get formControlDisabled() {\n    return 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    connectFormControl(this)\n  }\n\n  disconnectedCallback() {\n    disconnectFormControl(this)\n  }\n\n  attributeChangedCallback() {\n    this.#syncAttributes()\n  }\n\n  formReset() {\n    if (this.#input) {\n      this.#input.checked = this.#initialChecked\n    }\n  }\n\n  formActivate() {\n    if (!this.disabled) {\n      this.#input?.click()\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 { padding: 0 5px; --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: 52px;\n        height: 32px;\n        border: 1px solid #dfdfdf;\n        border-radius: 16px;\n        background: #dfdfdf;\n        transition: background 0.2s, border-color 0.2s;\n      }\n      .control::after {\n        position: absolute;\n        top: 1px;\n        left: 1px;\n        width: 28px;\n        height: 28px;\n        border-radius: 50%;\n        background: #ffffff;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);\n        content: '';\n        transition: transform 0.2s;\n      }\n      input:checked + .control { border-color: var(--weapp-control-color); background: var(--weapp-control-color); }\n      input:checked + .control::after { transform: translateX(20px); }\n      input:disabled + .control { opacity: 0.5; cursor: not-allowed; }\n      :host([type='checkbox']) .control {\n        width: 23px;\n        height: 23px;\n        border-radius: 3px;\n        background: #ffffff;\n      }\n      :host([type='checkbox']) .control::after { display: none; }\n      :host([type='checkbox']) input:checked + .control { background: var(--weapp-control-color); }\n      :host([type='checkbox']) input:checked + .control::before {\n        position: absolute;\n        top: 3px;\n        left: 7px;\n        width: 6px;\n        height: 11px;\n        border: solid #ffffff;\n        border-width: 0 2px 2px 0;\n        content: '';\n        transform: rotate(45deg);\n      }\n    `\n    const label = document.createElement('label')\n    const input = document.createElement('input')\n    input.type = 'checkbox'\n    input.addEventListener('change', (event) => {\n      event.stopPropagation()\n      dispatchMiniProgramEvent(this, 'change', createSwitchEventDetail(input.checked))\n    })\n    const control = document.createElement('span')\n    control.className = 'control'\n    label.append(input, control)\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.style.setProperty('--weapp-control-color', this.getAttribute('color') || '#07c160')\n  }\n}\n"],"mappings":";;;;;;AAKA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,SAAgB,wBAAwB,SAAkB;CACxD,OAAO,EAAE,OAAO,QAAQ;AAC1B;AAEA,IAAa,cAAb,cAAiC,YAAY;CAC3C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,QAAQ,CAAC,CAAE,UAAU;CAElF;CACA,kBAAkB;CAClB,0BAA0B;CAE1B,IAAI,UAAU;EACZ,OAAO,KAAKA,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,IAAI,kBAAkB;EACpB,OAAO,KAAK,aAAa,MAAM,KAAK;CACtC;CAEA,IAAI,mBAAmB;EACrB,OAAO,KAAK;CACd;CAEA,IAAI,sBAAsB;EACxB,OAAO,KAAK;CACd;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;EACrB,mBAAmB,IAAI;CACzB;CAEA,uBAAuB;EACrB,sBAAsB,IAAI;CAC5B;CAEA,2BAA2B;EACzB,KAAKA,gBAAgB;CACvB;CAEA,YAAY;EACV,IAAI,KAAKJ,QACP,KAAKA,OAAO,UAAU,KAAKE;CAE/B;CAEA,eAAe;EACb,IAAI,CAAC,KAAK,UACR,KAAKF,QAAQ,MAAM;CAEvB;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDpB,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,OAAO;EACb,MAAM,iBAAiB,WAAW,UAAU;GAC1C,MAAM,gBAAgB;GACtB,yBAAyB,MAAM,UAAU,wBAAwB,MAAM,OAAO,CAAC;EACjF,CAAC;EACD,MAAM,UAAU,SAAS,cAAc,MAAM;EAC7C,QAAQ,YAAY;EACpB,MAAM,OAAO,OAAO,OAAO;EAC3B,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,KAAK,MAAM,YAAY,yBAAyB,KAAK,aAAa,OAAO,KAAK,SAAS;CACzF;AACF"}

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

@@ -0,0 +1,9 @@
+//#region src/runtime/nativeComponents/textarea.d.ts
+declare function createTextareaLineChangeDetail(textarea: Pick<HTMLTextAreaElement, 'scrollHeight' | 'value'>): {
+  height: number;
+  heightRpx: number;
+  lineCount: number;
+};
+//#endregion
+export { createTextareaLineChangeDetail };
+//# sourceMappingURL=textarea.d.mts.map

package/dist/runtime/nativeComponents/textarea.mjs

@@ -0,0 +1,144 @@
+import { getNativeComponentDescriptor } from "../../shared/nativeComponents.mjs";
+import { connectFormControl, disconnectFormControl } from "./formControl.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot, resolveMaxLength } from "./helpers.mjs";
+import { ensureNativeComponentStyle } from "./style.mjs";
+import { createInputEventDetail } from "./input.mjs";
+
+//#region src/runtime/nativeComponents/textarea.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+function createTextareaLineChangeDetail(textarea) {
+	const height = textarea.scrollHeight;
+	return {
+		height,
+		heightRpx: height * 2,
+		lineCount: textarea.value.split("\n").length
+	};
+}
+var WeappTextarea = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("textarea").attributes];
+	#textarea;
+	#initialValue = "";
+	#initialValueCaptured = false;
+	#lastLineCount = 1;
+	#lastHeight = 0;
+	get value() {
+		return this.#textarea?.value ?? this.getAttribute("value") ?? "";
+	}
+	set value(value) {
+		this.setAttribute("value", value ?? "");
+	}
+	get formControlName() {
+		return this.getAttribute("name") ?? "";
+	}
+	get formControlValue() {
+		return this.value;
+	}
+	get formControlDisabled() {
+		return readBooleanAttribute(this, "disabled");
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		if (!this.#initialValueCaptured) {
+			this.#initialValue = this.getAttribute("value") ?? "";
+			this.#initialValueCaptured = true;
+		}
+		this.#ensureStructure();
+		this.#syncAttributes();
+		connectFormControl(this);
+		this.#syncFocus();
+	}
+	disconnectedCallback() {
+		disconnectFormControl(this);
+	}
+	attributeChangedCallback(name) {
+		this.#syncAttributes();
+		if (name === "focus" || name === "auto-focus") this.#syncFocus();
+	}
+	focus(options) {
+		this.#textarea?.focus(options);
+	}
+	blur() {
+		this.#textarea?.blur();
+	}
+	formReset() {
+		if (!this.#textarea) return;
+		this.#textarea.value = this.#initialValue;
+		this.#updateLineMetrics(false);
+	}
+	formActivate() {
+		this.focus();
+	}
+	#ensureStructure() {
+		if (this.#textarea || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = `
+      :host { cursor: text; }
+      textarea {
+        display: block;
+        box-sizing: border-box;
+        width: 100%;
+        min-width: 0;
+        height: 100%;
+        min-height: inherit;
+        padding: 0;
+        border: 0;
+        outline: 0;
+        resize: none;
+        color: inherit;
+        background: transparent;
+        font: inherit;
+        line-height: inherit;
+      }
+    `;
+		const textarea = document.createElement("textarea");
+		textarea.addEventListener("input", (event) => {
+			event.stopPropagation();
+			dispatchMiniProgramEvent(this, "input", createInputEventDetail(textarea));
+			this.#updateLineMetrics(true);
+		});
+		textarea.addEventListener("focus", () => {
+			dispatchMiniProgramEvent(this, "focus", {
+				value: textarea.value,
+				height: textarea.scrollHeight
+			});
+		});
+		textarea.addEventListener("blur", () => {
+			dispatchMiniProgramEvent(this, "blur", createInputEventDetail(textarea));
+		});
+		textarea.addEventListener("keydown", (event) => {
+			if (event.key === "Enter" && !event.shiftKey) dispatchMiniProgramEvent(this, "confirm", { value: textarea.value });
+		});
+		root.append(style, textarea);
+		this.#textarea = textarea;
+	}
+	#syncAttributes() {
+		if (!this.#textarea) return;
+		const value = this.getAttribute("value") ?? "";
+		if (this.#textarea.value !== value) this.#textarea.value = value;
+		this.#textarea.placeholder = this.getAttribute("placeholder") ?? "";
+		this.#textarea.disabled = readBooleanAttribute(this, "disabled");
+		const maxlength = resolveMaxLength(this.getAttribute("maxlength"));
+		if (maxlength === void 0) this.#textarea.removeAttribute("maxlength");
+		else this.#textarea.maxLength = maxlength;
+		const confirmType = this.getAttribute("confirm-type");
+		if (confirmType) this.#textarea.enterKeyHint = confirmType === "send" ? "send" : confirmType;
+		this.#updateLineMetrics(false);
+	}
+	#syncFocus() {
+		if (!readBooleanAttribute(this, "focus") && !readBooleanAttribute(this, "auto-focus")) return;
+		queueMicrotask(() => this.focus());
+	}
+	#updateLineMetrics(emit) {
+		const detail = createTextareaLineChangeDetail(this.#textarea);
+		if (detail.lineCount === this.#lastLineCount && detail.height === this.#lastHeight) return;
+		this.#lastLineCount = detail.lineCount;
+		this.#lastHeight = detail.height;
+		if (readBooleanAttribute(this, "auto-height") && detail.height > 0) this.style.height = `${detail.height}px`;
+		if (emit) dispatchMiniProgramEvent(this, "linechange", detail);
+	}
+};
+
+//#endregion
+export { WeappTextarea, createTextareaLineChangeDetail };
+//# sourceMappingURL=textarea.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.mjs","names":["#textarea","#initialValueCaptured","#initialValue","#ensureStructure","#syncAttributes","#syncFocus","#updateLineMetrics","#lastLineCount","#lastHeight"],"sources":["../../../src/runtime/nativeComponents/textarea.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../shared/nativeComponents'\nimport { connectFormControl, disconnectFormControl } from './formControl'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot, resolveMaxLength } from './helpers'\nimport { createInputEventDetail } from './input'\nimport { ensureNativeComponentStyle } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport function createTextareaLineChangeDetail(textarea: Pick<HTMLTextAreaElement, 'scrollHeight' | 'value'>) {\n  const height = textarea.scrollHeight\n  return {\n    height,\n    heightRpx: height * 2,\n    lineCount: textarea.value.split('\\n').length,\n  }\n}\n\nexport class WeappTextarea extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('textarea')!.attributes]\n\n  #textarea?: HTMLTextAreaElement\n  #initialValue = ''\n  #initialValueCaptured = false\n  #lastLineCount = 1\n  #lastHeight = 0\n\n  get value() {\n    return this.#textarea?.value ?? this.getAttribute('value') ?? ''\n  }\n\n  set value(value: string) {\n    this.setAttribute('value', value ?? '')\n  }\n\n  get formControlName() {\n    return this.getAttribute('name') ?? ''\n  }\n\n  get formControlValue() {\n    return this.value\n  }\n\n  get formControlDisabled() {\n    return readBooleanAttribute(this, 'disabled')\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    if (!this.#initialValueCaptured) {\n      this.#initialValue = this.getAttribute('value') ?? ''\n      this.#initialValueCaptured = true\n    }\n    this.#ensureStructure()\n    this.#syncAttributes()\n    connectFormControl(this)\n    this.#syncFocus()\n  }\n\n  disconnectedCallback() {\n    disconnectFormControl(this)\n  }\n\n  attributeChangedCallback(name: string) {\n    this.#syncAttributes()\n    if (name === 'focus' || name === 'auto-focus') {\n      this.#syncFocus()\n    }\n  }\n\n  focus(options?: FocusOptions) {\n    this.#textarea?.focus(options)\n  }\n\n  blur() {\n    this.#textarea?.blur()\n  }\n\n  formReset() {\n    if (!this.#textarea) {\n      return\n    }\n    this.#textarea.value = this.#initialValue\n    this.#updateLineMetrics(false)\n  }\n\n  formActivate() {\n    this.focus()\n  }\n\n  #ensureStructure() {\n    if (this.#textarea || 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 { cursor: text; }\n      textarea {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        min-width: 0;\n        height: 100%;\n        min-height: inherit;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        resize: none;\n        color: inherit;\n        background: transparent;\n        font: inherit;\n        line-height: inherit;\n      }\n    `\n    const textarea = document.createElement('textarea')\n    textarea.addEventListener('input', (event) => {\n      event.stopPropagation()\n      dispatchMiniProgramEvent(this, 'input', createInputEventDetail(textarea))\n      this.#updateLineMetrics(true)\n    })\n    textarea.addEventListener('focus', () => {\n      dispatchMiniProgramEvent(this, 'focus', { value: textarea.value, height: textarea.scrollHeight })\n    })\n    textarea.addEventListener('blur', () => {\n      dispatchMiniProgramEvent(this, 'blur', createInputEventDetail(textarea))\n    })\n    textarea.addEventListener('keydown', (event) => {\n      if (event.key === 'Enter' && !event.shiftKey) {\n        dispatchMiniProgramEvent(this, 'confirm', { value: textarea.value })\n      }\n    })\n    root.append(style, textarea)\n    this.#textarea = textarea\n  }\n\n  #syncAttributes() {\n    if (!this.#textarea) {\n      return\n    }\n    const value = this.getAttribute('value') ?? ''\n    if (this.#textarea.value !== value) {\n      this.#textarea.value = value\n    }\n    this.#textarea.placeholder = this.getAttribute('placeholder') ?? ''\n    this.#textarea.disabled = readBooleanAttribute(this, 'disabled')\n    const maxlength = resolveMaxLength(this.getAttribute('maxlength'))\n    if (maxlength === undefined) {\n      this.#textarea.removeAttribute('maxlength')\n    }\n    else {\n      this.#textarea.maxLength = maxlength\n    }\n    const confirmType = this.getAttribute('confirm-type')\n    if (confirmType) {\n      this.#textarea.enterKeyHint = confirmType === 'send' ? 'send' : confirmType as HTMLTextAreaElement['enterKeyHint']\n    }\n    this.#updateLineMetrics(false)\n  }\n\n  #syncFocus() {\n    if (!readBooleanAttribute(this, 'focus') && !readBooleanAttribute(this, 'auto-focus')) {\n      return\n    }\n    queueMicrotask(() => this.focus())\n  }\n\n  #updateLineMetrics(emit: boolean) {\n    const detail = createTextareaLineChangeDetail(this.#textarea!)\n    if (detail.lineCount === this.#lastLineCount && detail.height === this.#lastHeight) {\n      return\n    }\n    this.#lastLineCount = detail.lineCount\n    this.#lastHeight = detail.height\n    if (readBooleanAttribute(this, 'auto-height') && detail.height > 0) {\n      this.style.height = `${detail.height}px`\n    }\n    if (emit) {\n      dispatchMiniProgramEvent(this, 'linechange', detail)\n    }\n  }\n}\n"],"mappings":"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"}