@weapp-vite/web 1.3.36 → 1.4.0

package/dist/runtime/nativeComponents/index.mjs

@@ -0,0 +1,83 @@
+import { NATIVE_COMPONENT_DESCRIPTORS } from "../../shared/nativeComponents.mjs";
+import { collectFormControlValues } from "./formControl.mjs";
+import { NATIVE_COMPONENT_STYLE } from "./style.mjs";
+import { WeappForm } from "./form.mjs";
+import { WeappButton } from "../button/index.mjs";
+import { WeappCanvas } from "./canvas/index.mjs";
+import { WeappCheckbox, WeappCheckboxGroup, collectCheckboxGroupValue } from "./checkbox.mjs";
+import { WeappImage, resolveImageModeStyle } from "./image.mjs";
+import { WeappText, WeappView } from "./primitives.mjs";
+import { WeappCoverImage, WeappCoverView } from "./cover/index.mjs";
+import { resolveIconColor, resolveIconSize, resolveIconType } from "./icon/helpers.mjs";
+import { WeappIcon } from "./icon/index.mjs";
+import { WeappInput, createInputEventDetail } from "./input.mjs";
+import { WeappLabel } from "./label.mjs";
+import { clampMovablePosition, resolveMovableDirection } from "./movable/helpers.mjs";
+import { WeappMovableArea, WeappMovableView } from "./movable/index.mjs";
+import { WeappNavigator } from "./navigator.mjs";
+import { createPickerChangeDetail, normalizePickerIndexes, resolvePickerColumns, resolvePickerMode } from "./picker/helpers.mjs";
+import { WeappPicker } from "./picker/index.mjs";
+import { normalizePickerViewValue } from "./pickerView/helpers.mjs";
+import { WeappPickerViewColumn } from "./pickerView/column.mjs";
+import { WeappPickerView } from "./pickerView/index.mjs";
+import { createProgressActiveEndDetail, resolveProgressAnimationDuration, resolveProgressConfig } from "./progress/helpers.mjs";
+import { WeappProgress } from "./progress/index.mjs";
+import { WeappRadio, WeappRadioGroup, collectRadioGroupValue } from "./radio.mjs";
+import { normalizeRichTextNodes, sanitizeRichTextAttributes, sanitizeRichTextStyle } from "./richText/helpers.mjs";
+import { WeappRichText } from "./richText/index.mjs";
+import { WeappScrollView, createScrollEventDetail } from "./scrollView.mjs";
+import { createSliderEventDetail, resolveSliderConfig } from "./slider/helpers.mjs";
+import { WeappSlider } from "./slider/index.mjs";
+import { createSwiperChangeDetail, resolveSwipeTarget, resolveSwiperIndex, resolveSwiperNumber } from "./swiper/helpers.mjs";
+import { WeappSwiper } from "./swiper/index.mjs";
+import { WeappSwiperItem } from "./swiper/item.mjs";
+import { WeappSwitch, createSwitchEventDetail } from "./switch.mjs";
+import { WeappTextarea, createTextareaLineChangeDetail } from "./textarea.mjs";
+import { createVideoProgressDetail, createVideoTimeUpdateDetail, resolveVideoObjectFit } from "./video/helpers.mjs";
+import { WeappVideo } from "./video/index.mjs";
+
+//#region src/runtime/nativeComponents/index.ts
+const constructors = {
+	"weapp-view": WeappView,
+	"weapp-text": WeappText,
+	"weapp-image": WeappImage,
+	"weapp-button": WeappButton,
+	"weapp-input": WeappInput,
+	"weapp-textarea": WeappTextarea,
+	"weapp-form": WeappForm,
+	"weapp-label": WeappLabel,
+	"weapp-checkbox-group": WeappCheckboxGroup,
+	"weapp-checkbox": WeappCheckbox,
+	"weapp-radio-group": WeappRadioGroup,
+	"weapp-radio": WeappRadio,
+	"weapp-switch": WeappSwitch,
+	"weapp-picker": WeappPicker,
+	"weapp-picker-view": WeappPickerView,
+	"weapp-picker-view-column": WeappPickerViewColumn,
+	"weapp-slider": WeappSlider,
+	"weapp-icon": WeappIcon,
+	"weapp-progress": WeappProgress,
+	"weapp-rich-text": WeappRichText,
+	"weapp-scroll-view": WeappScrollView,
+	"weapp-navigator": WeappNavigator,
+	"weapp-swiper": WeappSwiper,
+	"weapp-swiper-item": WeappSwiperItem,
+	"weapp-canvas": WeappCanvas,
+	"weapp-video": WeappVideo,
+	"weapp-cover-view": WeappCoverView,
+	"weapp-cover-image": WeappCoverImage,
+	"weapp-movable-area": WeappMovableArea,
+	"weapp-movable-view": WeappMovableView
+};
+function ensureNativeComponentsDefined() {
+	if (typeof customElements === "undefined") return;
+	for (const descriptor of NATIVE_COMPONENT_DESCRIPTORS) {
+		if (customElements.get(descriptor.webTag)) continue;
+		const constructor = constructors[descriptor.webTag];
+		customElements.define(descriptor.webTag, constructor);
+	}
+}
+
+//#endregion
+export { createInputEventDetail, createScrollEventDetail, createSwitchEventDetail, createTextareaLineChangeDetail, createVideoProgressDetail, createVideoTimeUpdateDetail, ensureNativeComponentsDefined, resolveImageModeStyle, resolveVideoObjectFit };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/runtime/nativeComponents/index.ts"],"sourcesContent":["import type { NativeComponentWebTag } from '../../shared/nativeComponents'\nimport { NATIVE_COMPONENT_DESCRIPTORS } from '../../shared/nativeComponents'\nimport { WeappButton } from '../button'\nimport { WeappCanvas } from './canvas'\nimport { WeappCheckbox, WeappCheckboxGroup } from './checkbox'\nimport { WeappCoverImage, WeappCoverView } from './cover'\nimport { WeappForm } from './form'\nimport { WeappIcon } from './icon'\nimport { WeappImage } from './image'\nimport { WeappInput } from './input'\nimport { WeappLabel } from './label'\nimport { WeappMovableArea, WeappMovableView } from './movable'\nimport { WeappNavigator } from './navigator'\nimport { WeappPicker } from './picker'\nimport { WeappPickerView, WeappPickerViewColumn } from './pickerView'\nimport { WeappText, WeappView } from './primitives'\nimport { WeappProgress } from './progress'\nimport { WeappRadio, WeappRadioGroup } from './radio'\nimport { WeappRichText } from './richText'\nimport { WeappScrollView } from './scrollView'\nimport { WeappSlider } from './slider'\nimport { WeappSwiper } from './swiper'\nimport { WeappSwiperItem } from './swiper/item'\nimport { WeappSwitch } from './switch'\nimport { WeappTextarea } from './textarea'\nimport { WeappVideo } from './video'\n\nconst constructors = {\n  'weapp-view': WeappView,\n  'weapp-text': WeappText,\n  'weapp-image': WeappImage,\n  'weapp-button': WeappButton,\n  'weapp-input': WeappInput,\n  'weapp-textarea': WeappTextarea,\n  'weapp-form': WeappForm,\n  'weapp-label': WeappLabel,\n  'weapp-checkbox-group': WeappCheckboxGroup,\n  'weapp-checkbox': WeappCheckbox,\n  'weapp-radio-group': WeappRadioGroup,\n  'weapp-radio': WeappRadio,\n  'weapp-switch': WeappSwitch,\n  'weapp-picker': WeappPicker,\n  'weapp-picker-view': WeappPickerView,\n  'weapp-picker-view-column': WeappPickerViewColumn,\n  'weapp-slider': WeappSlider,\n  'weapp-icon': WeappIcon,\n  'weapp-progress': WeappProgress,\n  'weapp-rich-text': WeappRichText,\n  'weapp-scroll-view': WeappScrollView,\n  'weapp-navigator': WeappNavigator,\n  'weapp-swiper': WeappSwiper,\n  'weapp-swiper-item': WeappSwiperItem,\n  'weapp-canvas': WeappCanvas,\n  'weapp-video': WeappVideo,\n  'weapp-cover-view': WeappCoverView,\n  'weapp-cover-image': WeappCoverImage,\n  'weapp-movable-area': WeappMovableArea,\n  'weapp-movable-view': WeappMovableView,\n} satisfies Record<NativeComponentWebTag, CustomElementConstructor>\n\nexport function ensureNativeComponentsDefined() {\n  if (typeof customElements === 'undefined') {\n    return\n  }\n  for (const descriptor of NATIVE_COMPONENT_DESCRIPTORS) {\n    if (customElements.get(descriptor.webTag)) {\n      continue\n    }\n    const constructor = constructors[descriptor.webTag]\n    customElements.define(descriptor.webTag, constructor)\n  }\n}\n\nexport { collectCheckboxGroupValue } from './checkbox'\nexport { collectFormControlValues } from './formControl'\nexport { resolveIconColor, resolveIconSize, resolveIconType } from './icon/helpers'\nexport { resolveImageModeStyle } from './image'\nexport { createInputEventDetail } from './input'\nexport { clampMovablePosition, resolveMovableDirection } from './movable/helpers'\nexport {\n  createPickerChangeDetail,\n  normalizePickerIndexes,\n  resolvePickerColumns,\n  resolvePickerMode,\n} from './picker/helpers'\nexport { normalizePickerViewValue } from './pickerView/helpers'\nexport {\n  createProgressActiveEndDetail,\n  resolveProgressAnimationDuration,\n  resolveProgressConfig,\n} from './progress/helpers'\nexport { collectRadioGroupValue } from './radio'\nexport {\n  normalizeRichTextNodes,\n  sanitizeRichTextAttributes,\n  sanitizeRichTextStyle,\n} from './richText/helpers'\nexport { createScrollEventDetail } from './scrollView'\nexport { createSliderEventDetail, resolveSliderConfig } from './slider/helpers'\nexport { NATIVE_COMPONENT_STYLE } from './style'\nexport {\n  createSwiperChangeDetail,\n  resolveSwiperIndex,\n  resolveSwiperNumber,\n  resolveSwipeTarget,\n} from './swiper/helpers'\nexport { createSwitchEventDetail } from './switch'\nexport { createTextareaLineChangeDetail } from './textarea'\nexport {\n  createVideoProgressDetail,\n  createVideoTimeUpdateDetail,\n  resolveVideoObjectFit,\n} from './video/helpers'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,eAAe;CACnB,cAAc;CACd,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,eAAe;CACf,kBAAkB;CAClB,cAAc;CACd,eAAe;CACf,wBAAwB;CACxB,kBAAkB;CAClB,qBAAqB;CACrB,eAAe;CACf,gBAAgB;CAChB,gBAAgB;CAChB,qBAAqB;CACrB,4BAA4B;CAC5B,gBAAgB;CAChB,cAAc;CACd,kBAAkB;CAClB,mBAAmB;CACnB,qBAAqB;CACrB,mBAAmB;CACnB,gBAAgB;CAChB,qBAAqB;CACrB,gBAAgB;CAChB,eAAe;CACf,oBAAoB;CACpB,qBAAqB;CACrB,sBAAsB;CACtB,sBAAsB;AACxB;AAEA,SAAgB,gCAAgC;CAC9C,IAAI,OAAO,mBAAmB,aAC5B;CAEF,KAAK,MAAM,cAAc,8BAA8B;EACrD,IAAI,eAAe,IAAI,WAAW,MAAM,GACtC;EAEF,MAAM,cAAc,aAAa,WAAW;EAC5C,eAAe,OAAO,WAAW,QAAQ,WAAW;CACtD;AACF"}

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

@@ -0,0 +1,8 @@
+//#region src/runtime/nativeComponents/input.d.ts
+declare function createInputEventDetail(input: Pick<HTMLInputElement, 'selectionStart' | 'value'>): {
+  value: string;
+  cursor: number;
+};
+//#endregion
+export { createInputEventDetail };
+//# sourceMappingURL=input.d.mts.map

package/dist/runtime/nativeComponents/input.mjs

@@ -0,0 +1,131 @@
+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";
+
+//#region src/runtime/nativeComponents/input.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+function resolveInputType(element) {
+	if (readBooleanAttribute(element, "password")) return "password";
+	const type = element.getAttribute("type");
+	return type === "number" || type === "digit" || type === "idcard" ? "text" : type ?? "text";
+}
+function createInputEventDetail(input) {
+	return {
+		value: input.value,
+		cursor: input.selectionStart ?? input.value.length
+	};
+}
+var WeappInput = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("input").attributes];
+	#input;
+	#initialValue = "";
+	#initialValueCaptured = false;
+	get formControlName() {
+		return this.getAttribute("name") ?? "";
+	}
+	get formControlValue() {
+		return this.value;
+	}
+	get formControlDisabled() {
+		return readBooleanAttribute(this, "disabled");
+	}
+	get value() {
+		return this.#input?.value ?? this.getAttribute("value") ?? "";
+	}
+	set value(value) {
+		this.setAttribute("value", value ?? "");
+	}
+	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") this.#syncFocus();
+	}
+	focus(options) {
+		this.#input?.focus(options);
+	}
+	blur() {
+		this.#input?.blur();
+	}
+	formReset() {
+		if (this.#input) this.#input.value = this.#initialValue;
+	}
+	formActivate() {
+		this.focus();
+	}
+	#ensureStructure() {
+		if (this.#input || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = `
+      :host { cursor: text; }
+      input {
+        display: block;
+        box-sizing: border-box;
+        width: 100%;
+        min-width: 0;
+        height: 100%;
+        padding: 0;
+        border: 0;
+        outline: 0;
+        color: inherit;
+        background: transparent;
+        font: inherit;
+        line-height: inherit;
+      }
+    `;
+		const input = document.createElement("input");
+		input.addEventListener("input", (event) => {
+			event.stopPropagation();
+			dispatchMiniProgramEvent(this, "input", createInputEventDetail(input));
+		});
+		input.addEventListener("focus", () => {
+			dispatchMiniProgramEvent(this, "focus", {
+				value: input.value,
+				height: 0
+			});
+		});
+		input.addEventListener("blur", () => {
+			dispatchMiniProgramEvent(this, "blur", createInputEventDetail(input));
+		});
+		input.addEventListener("keydown", (event) => {
+			if (event.key === "Enter") dispatchMiniProgramEvent(this, "confirm", { value: input.value });
+		});
+		root.append(style, input);
+		this.#input = input;
+	}
+	#syncAttributes() {
+		if (!this.#input) return;
+		const value = this.getAttribute("value") ?? "";
+		if (this.#input.value !== value) this.#input.value = value;
+		this.#input.type = resolveInputType(this);
+		this.#input.placeholder = this.getAttribute("placeholder") ?? "";
+		this.#input.disabled = readBooleanAttribute(this, "disabled");
+		const maxlength = resolveMaxLength(this.getAttribute("maxlength"));
+		if (maxlength === void 0) this.#input.removeAttribute("maxlength");
+		else this.#input.maxLength = maxlength;
+		const confirmType = this.getAttribute("confirm-type");
+		if (confirmType) this.#input.enterKeyHint = confirmType === "send" ? "send" : confirmType;
+	}
+	#syncFocus() {
+		if (!readBooleanAttribute(this, "focus")) return;
+		queueMicrotask(() => this.focus());
+	}
+};
+
+//#endregion
+export { WeappInput, createInputEventDetail };
+//# sourceMappingURL=input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.mjs","names":["#input","#initialValueCaptured","#initialValue","#ensureStructure","#syncAttributes","#syncFocus"],"sources":["../../../src/runtime/nativeComponents/input.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../shared/nativeComponents'\nimport { connectFormControl, disconnectFormControl } from './formControl'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot, resolveMaxLength } from './helpers'\nimport { ensureNativeComponentStyle } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nfunction resolveInputType(element: Element) {\n  if (readBooleanAttribute(element, 'password')) {\n    return 'password'\n  }\n  const type = element.getAttribute('type')\n  return type === 'number' || type === 'digit' || type === 'idcard' ? 'text' : (type ?? 'text')\n}\n\nexport function createInputEventDetail(input: Pick<HTMLInputElement, 'selectionStart' | 'value'>) {\n  return {\n    value: input.value,\n    cursor: input.selectionStart ?? input.value.length,\n  }\n}\n\nexport class WeappInput extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('input')!.attributes]\n\n  #input?: HTMLInputElement\n  #initialValue = ''\n  #initialValueCaptured = false\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  get value() {\n    return this.#input?.value ?? this.getAttribute('value') ?? ''\n  }\n\n  set value(value: string) {\n    this.setAttribute('value', value ?? '')\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') {\n      this.#syncFocus()\n    }\n  }\n\n  focus(options?: FocusOptions) {\n    this.#input?.focus(options)\n  }\n\n  blur() {\n    this.#input?.blur()\n  }\n\n  formReset() {\n    if (this.#input) {\n      this.#input.value = this.#initialValue\n    }\n  }\n\n  formActivate() {\n    this.focus()\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 { cursor: text; }\n      input {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        min-width: 0;\n        height: 100%;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        color: inherit;\n        background: transparent;\n        font: inherit;\n        line-height: inherit;\n      }\n    `\n    const input = document.createElement('input')\n    input.addEventListener('input', (event) => {\n      event.stopPropagation()\n      dispatchMiniProgramEvent(this, 'input', createInputEventDetail(input))\n    })\n    input.addEventListener('focus', () => {\n      dispatchMiniProgramEvent(this, 'focus', { value: input.value, height: 0 })\n    })\n    input.addEventListener('blur', () => {\n      dispatchMiniProgramEvent(this, 'blur', createInputEventDetail(input))\n    })\n    input.addEventListener('keydown', (event) => {\n      if (event.key === 'Enter') {\n        dispatchMiniProgramEvent(this, 'confirm', { value: input.value })\n      }\n    })\n    root.append(style, input)\n    this.#input = input\n  }\n\n  #syncAttributes() {\n    if (!this.#input) {\n      return\n    }\n    const value = this.getAttribute('value') ?? ''\n    if (this.#input.value !== value) {\n      this.#input.value = value\n    }\n    this.#input.type = resolveInputType(this)\n    this.#input.placeholder = this.getAttribute('placeholder') ?? ''\n    this.#input.disabled = readBooleanAttribute(this, 'disabled')\n    const maxlength = resolveMaxLength(this.getAttribute('maxlength'))\n    if (maxlength === undefined) {\n      this.#input.removeAttribute('maxlength')\n    }\n    else {\n      this.#input.maxLength = maxlength\n    }\n    const confirmType = this.getAttribute('confirm-type')\n    if (confirmType) {\n      this.#input.enterKeyHint = confirmType === 'send' ? 'send' : confirmType as HTMLInputElement['enterKeyHint']\n    }\n  }\n\n  #syncFocus() {\n    if (!readBooleanAttribute(this, 'focus')) {\n      return\n    }\n    queueMicrotask(() => this.focus())\n  }\n}\n"],"mappings":"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"}

package/dist/runtime/nativeComponents/label.mjs

@@ -0,0 +1,36 @@
+import { getNativeComponentDescriptor } from "../../shared/nativeComponents.mjs";
+import { isFormActivatable } from "./formControl.mjs";
+import { resolveContainingShadowRoot } from "./helpers.mjs";
+import { ensureNativeComponentStyle } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/label.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+const FORM_CONTROL_SELECTOR = "weapp-input, weapp-textarea, weapp-checkbox, weapp-radio, weapp-switch";
+function findElementById(root, id) {
+	if (!("querySelectorAll" in root)) return null;
+	return Array.from(root.querySelectorAll("[id]")).find((element) => element.id === id) ?? null;
+}
+var WeappLabel = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("label").attributes];
+	#bound = false;
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		if (!this.#bound) {
+			this.#bound = true;
+			this.addEventListener("click", this.#handleClick);
+		}
+	}
+	#handleClick = (event) => {
+		if (event.defaultPrevented) return;
+		const path = event.composedPath();
+		const selfIndex = path.indexOf(this);
+		if (path.slice(0, selfIndex).some((node) => node instanceof Element && isFormActivatable(node))) return;
+		const forId = this.getAttribute("for")?.trim();
+		const target = forId ? findElementById(this.getRootNode(), forId) : this.querySelector(FORM_CONTROL_SELECTOR);
+		if (target && isFormActivatable(target)) target.formActivate?.();
+	};
+};
+
+//#endregion
+export { WeappLabel };
+//# sourceMappingURL=label.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.mjs","names":["#bound","#handleClick"],"sources":["../../../src/runtime/nativeComponents/label.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../shared/nativeComponents'\nimport { isFormActivatable } from './formControl'\nimport { resolveContainingShadowRoot } from './helpers'\nimport { ensureNativeComponentStyle } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\nconst FORM_CONTROL_SELECTOR = 'weapp-input, weapp-textarea, weapp-checkbox, weapp-radio, weapp-switch'\n\nfunction findElementById(root: Node, id: string) {\n  if (!('querySelectorAll' in root)) {\n    return null\n  }\n  return Array.from((root as ParentNode).querySelectorAll<HTMLElement>('[id]'))\n    .find(element => element.id === id) ?? null\n}\n\nexport class WeappLabel extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('label')!.attributes]\n\n  #bound = false\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    if (!this.#bound) {\n      this.#bound = true\n      this.addEventListener('click', this.#handleClick)\n    }\n  }\n\n  #handleClick = (event: Event) => {\n    if (event.defaultPrevented) {\n      return\n    }\n    const path = event.composedPath()\n    const selfIndex = path.indexOf(this)\n    if (path.slice(0, selfIndex).some(node => node instanceof Element && isFormActivatable(node))) {\n      return\n    }\n    const forId = this.getAttribute('for')?.trim()\n    const target = forId\n      ? findElementById(this.getRootNode(), forId)\n      : this.querySelector<HTMLElement>(FORM_CONTROL_SELECTOR)\n    if (target && isFormActivatable(target)) {\n      target.formActivate?.()\n    }\n  }\n}\n"],"mappings":";;;;;;AAKA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AACtD,MAAM,wBAAwB;AAE9B,SAAS,gBAAgB,MAAY,IAAY;CAC/C,IAAI,EAAE,sBAAsB,OAC1B,OAAO;CAET,OAAO,MAAM,KAAM,KAAoB,iBAA8B,MAAM,CAAC,CAAC,CAC1E,MAAK,YAAW,QAAQ,OAAO,EAAE,KAAK;AAC3C;AAEA,IAAa,aAAb,cAAgC,YAAY;CAC1C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,OAAO,CAAC,CAAE,UAAU;CAEjF,SAAS;CAET,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,IAAI,CAAC,KAAKA,QAAQ;GAChB,KAAKA,SAAS;GACd,KAAK,iBAAiB,SAAS,KAAKC,YAAY;EAClD;CACF;CAEA,gBAAgB,UAAiB;EAC/B,IAAI,MAAM,kBACR;EAEF,MAAM,OAAO,MAAM,aAAa;EAChC,MAAM,YAAY,KAAK,QAAQ,IAAI;EACnC,IAAI,KAAK,MAAM,GAAG,SAAS,CAAC,CAAC,MAAK,SAAQ,gBAAgB,WAAW,kBAAkB,IAAI,CAAC,GAC1F;EAEF,MAAM,QAAQ,KAAK,aAAa,KAAK,CAAC,EAAE,KAAK;EAC7C,MAAM,SAAS,QACX,gBAAgB,KAAK,YAAY,GAAG,KAAK,IACzC,KAAK,cAA2B,qBAAqB;EACzD,IAAI,UAAU,kBAAkB,MAAM,GACpC,OAAO,eAAe;CAE1B;AACF"}

package/dist/runtime/nativeComponents/mediaRegistry.mjs

@@ -0,0 +1,47 @@
+//#region src/runtime/nativeComponents/mediaRegistry.ts
+const mediaElements = /* @__PURE__ */ new Map();
+const mediaRegistrations = /* @__PURE__ */ new WeakMap();
+function normalizeMediaIds(ids) {
+	return Array.from(new Set(Array.from(ids, (id) => String(id ?? "").trim()).filter(Boolean)));
+}
+function unregisterNativeMediaElement(element) {
+	const registration = mediaRegistrations.get(element);
+	if (!registration) return;
+	const kindElements = mediaElements.get(registration.kind);
+	for (const id of registration.ids) {
+		const elements = kindElements.get(id);
+		const index = elements.lastIndexOf(element);
+		elements.splice(index, 1);
+		if (elements.length === 0) kindElements.delete(id);
+	}
+	if (kindElements.size === 0) mediaElements.delete(registration.kind);
+	mediaRegistrations.delete(element);
+}
+function registerNativeMediaElement(kind, ids, element) {
+	unregisterNativeMediaElement(element);
+	const normalizedIds = normalizeMediaIds(ids);
+	if (normalizedIds.length === 0) return;
+	let kindElements = mediaElements.get(kind);
+	if (!kindElements) {
+		kindElements = /* @__PURE__ */ new Map();
+		mediaElements.set(kind, kindElements);
+	}
+	for (const id of normalizedIds) {
+		const elements = kindElements.get(id) ?? [];
+		elements.push(element);
+		kindElements.set(id, elements);
+	}
+	mediaRegistrations.set(element, {
+		kind,
+		ids: normalizedIds
+	});
+}
+function resolveNativeMediaElement(kind, id) {
+	const normalizedId = String(id).trim();
+	const elements = mediaElements.get(kind)?.get(normalizedId);
+	return elements?.[elements.length - 1];
+}
+
+//#endregion
+export { registerNativeMediaElement, resolveNativeMediaElement, unregisterNativeMediaElement };
+//# sourceMappingURL=mediaRegistry.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mediaRegistry.mjs","names":[],"sources":["../../../src/runtime/nativeComponents/mediaRegistry.ts"],"sourcesContent":["export type NativeMediaKind = 'canvas' | 'video'\n\ntype NativeMediaElement = HTMLCanvasElement | HTMLVideoElement\n\nconst mediaElements = new Map<NativeMediaKind, Map<string, NativeMediaElement[]>>()\nconst mediaRegistrations = new WeakMap<NativeMediaElement, {\n  kind: NativeMediaKind\n  ids: string[]\n}>()\n\nfunction normalizeMediaIds(ids: Iterable<string | null | undefined>) {\n  return Array.from(new Set(\n    Array.from(ids, id => String(id ?? '').trim()).filter(Boolean),\n  ))\n}\n\nexport function unregisterNativeMediaElement(element: NativeMediaElement) {\n  const registration = mediaRegistrations.get(element)\n  if (!registration) {\n    return\n  }\n  const kindElements = mediaElements.get(registration.kind)!\n  for (const id of registration.ids) {\n    const elements = kindElements.get(id)!\n    const index = elements.lastIndexOf(element)\n    elements.splice(index, 1)\n    if (elements.length === 0) {\n      kindElements.delete(id)\n    }\n  }\n  if (kindElements.size === 0) {\n    mediaElements.delete(registration.kind)\n  }\n  mediaRegistrations.delete(element)\n}\n\nexport function registerNativeMediaElement(\n  kind: NativeMediaKind,\n  ids: Iterable<string | null | undefined>,\n  element: NativeMediaElement,\n) {\n  unregisterNativeMediaElement(element)\n  const normalizedIds = normalizeMediaIds(ids)\n  if (normalizedIds.length === 0) {\n    return\n  }\n  let kindElements = mediaElements.get(kind)\n  if (!kindElements) {\n    kindElements = new Map()\n    mediaElements.set(kind, kindElements)\n  }\n  for (const id of normalizedIds) {\n    const elements = kindElements.get(id) ?? []\n    elements.push(element)\n    kindElements.set(id, elements)\n  }\n  mediaRegistrations.set(element, { kind, ids: normalizedIds })\n}\n\nexport function resolveNativeMediaElement<T extends NativeMediaElement>(kind: NativeMediaKind, id: string) {\n  const normalizedId = String(id).trim()\n  const elements = mediaElements.get(kind)?.get(normalizedId)\n  return elements?.[elements.length - 1] as T | undefined\n}\n"],"mappings":";AAIA,MAAM,gCAAgB,IAAI,IAAwD;AAClF,MAAM,qCAAqB,IAAI,QAG5B;AAEH,SAAS,kBAAkB,KAA0C;CACnE,OAAO,MAAM,KAAK,IAAI,IACpB,MAAM,KAAK,MAAK,OAAM,OAAO,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,OAAO,CAC/D,CAAC;AACH;AAEA,SAAgB,6BAA6B,SAA6B;CACxE,MAAM,eAAe,mBAAmB,IAAI,OAAO;CACnD,IAAI,CAAC,cACH;CAEF,MAAM,eAAe,cAAc,IAAI,aAAa,IAAI;CACxD,KAAK,MAAM,MAAM,aAAa,KAAK;EACjC,MAAM,WAAW,aAAa,IAAI,EAAE;EACpC,MAAM,QAAQ,SAAS,YAAY,OAAO;EAC1C,SAAS,OAAO,OAAO,CAAC;EACxB,IAAI,SAAS,WAAW,GACtB,aAAa,OAAO,EAAE;CAE1B;CACA,IAAI,aAAa,SAAS,GACxB,cAAc,OAAO,aAAa,IAAI;CAExC,mBAAmB,OAAO,OAAO;AACnC;AAEA,SAAgB,2BACd,MACA,KACA,SACA;CACA,6BAA6B,OAAO;CACpC,MAAM,gBAAgB,kBAAkB,GAAG;CAC3C,IAAI,cAAc,WAAW,GAC3B;CAEF,IAAI,eAAe,cAAc,IAAI,IAAI;CACzC,IAAI,CAAC,cAAc;EACjB,+BAAe,IAAI,IAAI;EACvB,cAAc,IAAI,MAAM,YAAY;CACtC;CACA,KAAK,MAAM,MAAM,eAAe;EAC9B,MAAM,WAAW,aAAa,IAAI,EAAE,KAAK,CAAC;EAC1C,SAAS,KAAK,OAAO;EACrB,aAAa,IAAI,IAAI,QAAQ;CAC/B;CACA,mBAAmB,IAAI,SAAS;EAAE;EAAM,KAAK;CAAc,CAAC;AAC9D;AAEA,SAAgB,0BAAwD,MAAuB,IAAY;CACzG,MAAM,eAAe,OAAO,EAAE,CAAC,CAAC,KAAK;CACrC,MAAM,WAAW,cAAc,IAAI,IAAI,CAAC,EAAE,IAAI,YAAY;CAC1D,OAAO,WAAW,SAAS,SAAS;AACtC"}

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

@@ -0,0 +1,23 @@
+//#region src/runtime/nativeComponents/movable/helpers.ts
+function resolveMovableDirection(value) {
+	if (value === "horizontal" || value === "vertical" || value === "none") return value;
+	return "all";
+}
+function resolveMovableNumber(value, fallback = 0) {
+	const number = Number(value);
+	return Number.isFinite(number) ? number : fallback;
+}
+function clampMovablePosition(position, bounds, direction, outOfBounds) {
+	const next = { ...position };
+	if (!outOfBounds) {
+		next.x = Math.min(Math.max(0, next.x), Math.max(0, bounds.width - bounds.viewWidth));
+		next.y = Math.min(Math.max(0, next.y), Math.max(0, bounds.height - bounds.viewHeight));
+	}
+	if (direction === "horizontal" || direction === "none") next.y = position.y;
+	if (direction === "vertical" || direction === "none") next.x = position.x;
+	return next;
+}
+
+//#endregion
+export { clampMovablePosition, resolveMovableDirection, resolveMovableNumber };
+//# sourceMappingURL=helpers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/movable/helpers.ts"],"sourcesContent":["export type MovableDirection = 'all' | 'horizontal' | 'vertical' | 'none'\n\nexport interface MovablePosition {\n  x: number\n  y: number\n}\n\nexport interface MovableBounds {\n  width: number\n  height: number\n  viewWidth: number\n  viewHeight: number\n}\n\nexport function resolveMovableDirection(value: string | null): MovableDirection {\n  if (value === 'horizontal' || value === 'vertical' || value === 'none') {\n    return value\n  }\n  return 'all'\n}\n\nexport function resolveMovableNumber(value: string | null, fallback = 0) {\n  const number = Number(value)\n  return Number.isFinite(number) ? number : fallback\n}\n\nexport function clampMovablePosition(\n  position: MovablePosition,\n  bounds: MovableBounds,\n  direction: MovableDirection,\n  outOfBounds: boolean,\n) {\n  const next = { ...position }\n  if (!outOfBounds) {\n    next.x = Math.min(Math.max(0, next.x), Math.max(0, bounds.width - bounds.viewWidth))\n    next.y = Math.min(Math.max(0, next.y), Math.max(0, bounds.height - bounds.viewHeight))\n  }\n  if (direction === 'horizontal' || direction === 'none') {\n    next.y = position.y\n  }\n  if (direction === 'vertical' || direction === 'none') {\n    next.x = position.x\n  }\n  return next\n}\n"],"mappings":";AAcA,SAAgB,wBAAwB,OAAwC;CAC9E,IAAI,UAAU,gBAAgB,UAAU,cAAc,UAAU,QAC9D,OAAO;CAET,OAAO;AACT;AAEA,SAAgB,qBAAqB,OAAsB,WAAW,GAAG;CACvE,MAAM,SAAS,OAAO,KAAK;CAC3B,OAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAEA,SAAgB,qBACd,UACA,QACA,WACA,aACA;CACA,MAAM,OAAO,EAAE,GAAG,SAAS;CAC3B,IAAI,CAAC,aAAa;EAChB,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,IAAI,GAAG,OAAO,QAAQ,OAAO,SAAS,CAAC;EACnF,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,IAAI,GAAG,OAAO,SAAS,OAAO,UAAU,CAAC;CACvF;CACA,IAAI,cAAc,gBAAgB,cAAc,QAC9C,KAAK,IAAI,SAAS;CAEpB,IAAI,cAAc,cAAc,cAAc,QAC5C,KAAK,IAAI,SAAS;CAEpB,OAAO;AACT"}

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

@@ -0,0 +1,117 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { clampMovablePosition, resolveMovableDirection, resolveMovableNumber } from "./helpers.mjs";
+
+//#region src/runtime/nativeComponents/movable/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+var WeappMovableArea = class extends BaseElement {
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+	}
+};
+var WeappMovableView = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("movable-view").attributes];
+	#position = {
+		x: 0,
+		y: 0
+	};
+	#drag;
+	#bound = false;
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#syncAttributes();
+		if (!this.#bound) {
+			this.addEventListener("pointerdown", this.#handlePointerDown);
+			this.addEventListener("pointermove", this.#handlePointerMove);
+			this.addEventListener("pointerup", this.#handlePointerUp);
+			this.addEventListener("pointercancel", this.#handlePointerUp);
+			this.#bound = true;
+		}
+	}
+	disconnectedCallback() {
+		this.#drag = void 0;
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	#syncAttributes() {
+		const direction = resolveMovableDirection(this.getAttribute("direction"));
+		this.#position = clampMovablePosition({
+			x: resolveMovableNumber(this.getAttribute("x")),
+			y: resolveMovableNumber(this.getAttribute("y"))
+		}, this.#readBounds(), direction, readBooleanAttribute(this, "out-of-bounds"));
+		this.style.transition = readBooleanAttribute(this, "animation") ? "transform 300ms ease" : "none";
+		this.#applyPosition();
+	}
+	#readBounds() {
+		const areaRect = this.closest("weapp-movable-area")?.getBoundingClientRect();
+		const viewRect = this.getBoundingClientRect();
+		return {
+			width: areaRect?.width ?? 0,
+			height: areaRect?.height ?? 0,
+			viewWidth: viewRect.width || 10,
+			viewHeight: viewRect.height || 10
+		};
+	}
+	#applyPosition() {
+		this.style.transform = `translate3d(${this.#position.x}px, ${this.#position.y}px, 0)`;
+	}
+	#handlePointerDown = (event) => {
+		if (readBooleanAttribute(this, "disabled")) return;
+		const pointer = event;
+		const pointerId = Number.isFinite(pointer.pointerId) ? pointer.pointerId : 0;
+		this.#drag = {
+			pointerId,
+			startX: pointer.clientX,
+			startY: pointer.clientY,
+			position: { ...this.#position }
+		};
+		this.setPointerCapture?.(pointerId);
+		event.preventDefault();
+	};
+	#handlePointerMove = (event) => {
+		const drag = this.#drag;
+		if (!drag) return;
+		const pointer = event;
+		if (Number.isFinite(pointer.pointerId) && pointer.pointerId !== drag.pointerId) return;
+		const direction = resolveMovableDirection(this.getAttribute("direction"));
+		const next = clampMovablePosition({
+			x: drag.position.x + pointer.clientX - drag.startX,
+			y: drag.position.y + pointer.clientY - drag.startY
+		}, this.#readBounds(), direction, readBooleanAttribute(this, "out-of-bounds"));
+		if (direction === "horizontal" || direction === "none") next.y = drag.position.y;
+		if (direction === "vertical" || direction === "none") next.x = drag.position.x;
+		const changedX = next.x !== this.#position.x;
+		const changedY = next.y !== this.#position.y;
+		if (!changedX && !changedY) return;
+		this.#position = next;
+		this.#applyPosition();
+		const detail = {
+			x: next.x,
+			y: next.y,
+			source: "touch"
+		};
+		dispatchMiniProgramEvent(this, "change", detail);
+		if (changedX) dispatchMiniProgramEvent(this, "htouchmove", detail);
+		if (changedY) dispatchMiniProgramEvent(this, "vtouchmove", detail);
+		event.preventDefault();
+	};
+	#handlePointerUp = (event) => {
+		const drag = this.#drag;
+		if (!drag) return;
+		const pointer = event;
+		if (Number.isFinite(pointer.pointerId) && pointer.pointerId !== drag.pointerId) return;
+		this.releasePointerCapture?.(drag.pointerId);
+		this.#drag = void 0;
+		dispatchMiniProgramEvent(this, "change", {
+			x: this.#position.x,
+			y: this.#position.y,
+			source: "touch"
+		});
+	};
+};
+
+//#endregion
+export { WeappMovableArea, WeappMovableView };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#syncAttributes","#bound","#handlePointerDown","#handlePointerMove","#handlePointerUp","#drag","#position","#readBounds","#applyPosition"],"sources":["../../../../src/runtime/nativeComponents/movable/index.ts"],"sourcesContent":["import type { MovablePosition } from './helpers'\nimport { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport {\n  clampMovablePosition,\n\n  resolveMovableDirection,\n  resolveMovableNumber,\n} from './helpers'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport class WeappMovableArea extends BaseElement {\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n  }\n}\n\nexport class WeappMovableView extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('movable-view')!.attributes]\n\n  #position: MovablePosition = { x: 0, y: 0 }\n  #drag?: { pointerId: number, startX: number, startY: number, position: MovablePosition }\n  #bound = false\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#syncAttributes()\n    if (!this.#bound) {\n      this.addEventListener('pointerdown', this.#handlePointerDown)\n      this.addEventListener('pointermove', this.#handlePointerMove)\n      this.addEventListener('pointerup', this.#handlePointerUp)\n      this.addEventListener('pointercancel', this.#handlePointerUp)\n      this.#bound = true\n    }\n  }\n\n  disconnectedCallback() {\n    this.#drag = undefined\n  }\n\n  attributeChangedCallback() {\n    this.#syncAttributes()\n  }\n\n  #syncAttributes() {\n    const direction = resolveMovableDirection(this.getAttribute('direction'))\n    this.#position = clampMovablePosition({\n      x: resolveMovableNumber(this.getAttribute('x')),\n      y: resolveMovableNumber(this.getAttribute('y')),\n    }, this.#readBounds(), direction, readBooleanAttribute(this, 'out-of-bounds'))\n    this.style.transition = readBooleanAttribute(this, 'animation') ? 'transform 300ms ease' : 'none'\n    this.#applyPosition()\n  }\n\n  #readBounds() {\n    const area = this.closest('weapp-movable-area')\n    const areaRect = area?.getBoundingClientRect()\n    const viewRect = this.getBoundingClientRect()\n    return {\n      width: areaRect?.width ?? 0,\n      height: areaRect?.height ?? 0,\n      viewWidth: viewRect.width || 10,\n      viewHeight: viewRect.height || 10,\n    }\n  }\n\n  #applyPosition() {\n    this.style.transform = `translate3d(${this.#position.x}px, ${this.#position.y}px, 0)`\n  }\n\n  #handlePointerDown = (event: Event) => {\n    if (readBooleanAttribute(this, 'disabled')) {\n      return\n    }\n    const pointer = event as PointerEvent\n    const pointerId = Number.isFinite(pointer.pointerId) ? pointer.pointerId : 0\n    this.#drag = {\n      pointerId,\n      startX: pointer.clientX,\n      startY: pointer.clientY,\n      position: { ...this.#position },\n    }\n    this.setPointerCapture?.(pointerId)\n    event.preventDefault()\n  }\n\n  #handlePointerMove = (event: Event) => {\n    const drag = this.#drag\n    if (!drag) {\n      return\n    }\n    const pointer = event as PointerEvent\n    if (Number.isFinite(pointer.pointerId) && pointer.pointerId !== drag.pointerId) {\n      return\n    }\n    const direction = resolveMovableDirection(this.getAttribute('direction'))\n    const next = clampMovablePosition({\n      x: drag.position.x + pointer.clientX - drag.startX,\n      y: drag.position.y + pointer.clientY - drag.startY,\n    }, this.#readBounds(), direction, readBooleanAttribute(this, 'out-of-bounds'))\n    if (direction === 'horizontal' || direction === 'none') {\n      next.y = drag.position.y\n    }\n    if (direction === 'vertical' || direction === 'none') {\n      next.x = drag.position.x\n    }\n    const changedX = next.x !== this.#position.x\n    const changedY = next.y !== this.#position.y\n    if (!changedX && !changedY) {\n      return\n    }\n    this.#position = next\n    this.#applyPosition()\n    const detail = { x: next.x, y: next.y, source: 'touch' }\n    dispatchMiniProgramEvent(this, 'change', detail)\n    if (changedX) {\n      dispatchMiniProgramEvent(this, 'htouchmove', detail)\n    }\n    if (changedY) {\n      dispatchMiniProgramEvent(this, 'vtouchmove', detail)\n    }\n    event.preventDefault()\n  }\n\n  #handlePointerUp = (event: Event) => {\n    const drag = this.#drag\n    if (!drag) {\n      return\n    }\n    const pointer = event as PointerEvent\n    if (Number.isFinite(pointer.pointerId) && pointer.pointerId !== drag.pointerId) {\n      return\n    }\n    this.releasePointerCapture?.(drag.pointerId)\n    this.#drag = undefined\n    dispatchMiniProgramEvent(this, 'change', {\n      x: this.#position.x,\n      y: this.#position.y,\n      source: 'touch',\n    })\n  }\n}\n\nexport { clampMovablePosition, resolveMovableDirection } from './helpers'\n"],"mappings":"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"}