@weapp-vite/web 1.3.36 → 1.4.0

package/dist/runtime/nativeComponents/form.mjs

@@ -0,0 +1,50 @@
+import { collectFormControlValues, resetFormControls } from "./formControl.mjs";
+import { dispatchMiniProgramEvent, resolveContainingShadowRoot } from "./helpers.mjs";
+import { ensureNativeComponentStyle } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/form.ts
+const DEFAULT_FORM_CONFIG = { preventDefault: true };
+const BaseElement = globalThis.HTMLElement ?? class {};
+let formConfig = { ...DEFAULT_FORM_CONFIG };
+var WeappForm = class extends BaseElement {
+	#form;
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+	}
+	requestSubmit() {
+		const submitEvent = new CustomEvent("submit", {
+			detail: { value: collectFormControlValues(this) },
+			bubbles: true,
+			composed: true,
+			cancelable: true
+		});
+		if (this.dispatchEvent(submitEvent) && !formConfig.preventDefault) this.#form?.submit();
+	}
+	reset() {
+		resetFormControls(this);
+		dispatchMiniProgramEvent(this, "reset", {});
+	}
+	#ensureStructure() {
+		if (this.#form || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = ":host { display: inline; box-sizing: border-box; } form { display: block; margin: 3px 0 0; }";
+		const form = document.createElement("form");
+		form.addEventListener("submit", (event) => event.preventDefault());
+		const slot = document.createElement("slot");
+		form.append(slot);
+		root.append(style, form);
+		this.#form = form;
+	}
+};
+function setFormConfig(next) {
+	formConfig = {
+		...formConfig,
+		...next
+	};
+}
+
+//#endregion
+export { WeappForm, setFormConfig };
+//# sourceMappingURL=form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.mjs","names":["#ensureStructure","#form"],"sources":["../../../src/runtime/nativeComponents/form.ts"],"sourcesContent":["import { collectFormControlValues, resetFormControls } from './formControl'\nimport { dispatchMiniProgramEvent, resolveContainingShadowRoot } from './helpers'\nimport { ensureNativeComponentStyle } from './style'\n\nexport interface FormConfig {\n  preventDefault?: boolean\n}\n\nconst DEFAULT_FORM_CONFIG: Required<FormConfig> = {\n  preventDefault: true,\n}\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\nlet formConfig: Required<FormConfig> = { ...DEFAULT_FORM_CONFIG }\n\nexport class WeappForm extends BaseElement {\n  #form?: HTMLFormElement\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n  }\n\n  requestSubmit() {\n    const submitEvent = new CustomEvent('submit', {\n      detail: { value: collectFormControlValues(this) },\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    })\n    const shouldSubmit = this.dispatchEvent(submitEvent)\n    if (shouldSubmit && !formConfig.preventDefault) {\n      this.#form?.submit()\n    }\n  }\n\n  reset() {\n    resetFormControls(this)\n    dispatchMiniProgramEvent(this, 'reset', {})\n  }\n\n  #ensureStructure() {\n    if (this.#form || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = ':host { display: inline; box-sizing: border-box; } form { display: block; margin: 3px 0 0; }'\n    const form = document.createElement('form')\n    form.addEventListener('submit', event => event.preventDefault())\n    const slot = document.createElement('slot')\n    form.append(slot)\n    root.append(style, form)\n    this.#form = form\n  }\n}\n\nexport function setFormConfig(next: FormConfig) {\n  formConfig = {\n    ...formConfig,\n    ...next,\n  }\n}\n"],"mappings":";;;;;AAQA,MAAM,sBAA4C,EAChD,gBAAgB,KAClB;AAEA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AACtD,IAAI,aAAmC,EAAE,GAAG,oBAAoB;AAEhE,IAAa,YAAb,cAA+B,YAAY;CACzC;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,KAAKA,iBAAiB;CACxB;CAEA,gBAAgB;EACd,MAAM,cAAc,IAAI,YAAY,UAAU;GAC5C,QAAQ,EAAE,OAAO,yBAAyB,IAAI,EAAE;GAChD,SAAS;GACT,UAAU;GACV,YAAY;EACd,CAAC;EAED,IADqB,KAAK,cAAc,WACzB,KAAK,CAAC,WAAW,gBAC9B,KAAKC,OAAO,OAAO;CAEvB;CAEA,QAAQ;EACN,kBAAkB,IAAI;EACtB,yBAAyB,MAAM,SAAS,CAAC,CAAC;CAC5C;CAEA,mBAAmB;EACjB,IAAI,KAAKA,SAAS,OAAO,aAAa,aACpC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;EACpB,MAAM,OAAO,SAAS,cAAc,MAAM;EAC1C,KAAK,iBAAiB,WAAU,UAAS,MAAM,eAAe,CAAC;EAC/D,MAAM,OAAO,SAAS,cAAc,MAAM;EAC1C,KAAK,OAAO,IAAI;EAChB,KAAK,OAAO,OAAO,IAAI;EACvB,KAAKA,QAAQ;CACf;AACF;AAEA,SAAgB,cAAc,MAAkB;CAC9C,aAAa;EACX,GAAG;EACH,GAAG;CACL;AACF"}

package/dist/runtime/nativeComponents/formControl.mjs

@@ -0,0 +1,61 @@
+//#region src/runtime/nativeComponents/formControl.ts
+const controlsByForm = /* @__PURE__ */ new WeakMap();
+const formByControl = /* @__PURE__ */ new WeakMap();
+function resolveParentAcrossShadow(element) {
+	if (element.parentElement) return element.parentElement;
+	const root = element.getRootNode();
+	return typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot ? root.host : null;
+}
+function findClosestComposedElement(element, selector) {
+	let current = element;
+	while (current) {
+		if (current.matches(selector)) return current;
+		current = resolveParentAcrossShadow(current);
+	}
+	return null;
+}
+function disconnectFormControl(control) {
+	const form = formByControl.get(control);
+	if (!form) return;
+	controlsByForm.get(form)?.delete(control);
+	formByControl.delete(control);
+}
+function connectFormControl(control) {
+	disconnectFormControl(control);
+	const form = findClosestComposedElement(control, "weapp-form");
+	if (!form) return;
+	let controls = controlsByForm.get(form);
+	if (!controls) {
+		controls = /* @__PURE__ */ new Set();
+		controlsByForm.set(form, controls);
+	}
+	controls.add(control);
+	formByControl.set(control, form);
+}
+function collectFormControlValues(form) {
+	const values = {};
+	for (const control of controlsByForm.get(form) ?? []) {
+		if (formByControl.get(control) !== form || control.formControlDisabled) continue;
+		const name = control.formControlName.trim();
+		if (!name) continue;
+		values[name] = control.formControlValue;
+	}
+	return values;
+}
+function resetFormControls(form) {
+	for (const control of controlsByForm.get(form) ?? []) control.formReset();
+}
+function requestContainingFormAction(source, action) {
+	const form = findClosestComposedElement(source, "weapp-form");
+	if (!form) return false;
+	if (action === "submit") form.requestSubmit();
+	else form.reset();
+	return true;
+}
+function isFormActivatable(value) {
+	return typeof value.formActivate === "function";
+}
+
+//#endregion
+export { collectFormControlValues, connectFormControl, disconnectFormControl, findClosestComposedElement, isFormActivatable, requestContainingFormAction, resetFormControls };
+//# sourceMappingURL=formControl.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formControl.mjs","names":[],"sources":["../../../src/runtime/nativeComponents/formControl.ts"],"sourcesContent":["export interface FormControlContract extends HTMLElement {\n  readonly formControlName: string\n  readonly formControlValue: unknown\n  readonly formControlDisabled: boolean\n  formReset: () => void\n  formActivate?: () => void\n}\n\nexport interface FormOwnerContract extends HTMLElement {\n  requestSubmit: () => void\n  reset: () => void\n}\n\nconst controlsByForm = new WeakMap<HTMLElement, Set<FormControlContract>>()\nconst formByControl = new WeakMap<FormControlContract, HTMLElement>()\n\nfunction resolveParentAcrossShadow(element: Element): Element | null {\n  if (element.parentElement) {\n    return element.parentElement\n  }\n  const root = element.getRootNode()\n  return typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot\n    ? root.host\n    : null\n}\n\nexport function findClosestComposedElement(element: Element, selector: string) {\n  let current: Element | null = element\n  while (current) {\n    if (current.matches(selector)) {\n      return current as HTMLElement\n    }\n    current = resolveParentAcrossShadow(current)\n  }\n  return null\n}\n\nexport function disconnectFormControl(control: FormControlContract) {\n  const form = formByControl.get(control)\n  if (!form) {\n    return\n  }\n  controlsByForm.get(form)?.delete(control)\n  formByControl.delete(control)\n}\n\nexport function connectFormControl(control: FormControlContract) {\n  disconnectFormControl(control)\n  const form = findClosestComposedElement(control, 'weapp-form')\n  if (!form) {\n    return\n  }\n  let controls = controlsByForm.get(form)\n  if (!controls) {\n    controls = new Set()\n    controlsByForm.set(form, controls)\n  }\n  controls.add(control)\n  formByControl.set(control, form)\n}\n\nexport function collectFormControlValues(form: HTMLElement) {\n  const values: Record<string, unknown> = {}\n  for (const control of controlsByForm.get(form) ?? []) {\n    if (formByControl.get(control) !== form || control.formControlDisabled) {\n      continue\n    }\n    const name = control.formControlName.trim()\n    if (!name) {\n      continue\n    }\n    values[name] = control.formControlValue\n  }\n  return values\n}\n\nexport function resetFormControls(form: HTMLElement) {\n  for (const control of controlsByForm.get(form) ?? []) {\n    control.formReset()\n  }\n}\n\nexport function requestContainingFormAction(source: Element, action: 'submit' | 'reset') {\n  const form = findClosestComposedElement(source, 'weapp-form') as FormOwnerContract | null\n  if (!form) {\n    return false\n  }\n  if (action === 'submit') {\n    form.requestSubmit()\n  }\n  else {\n    form.reset()\n  }\n  return true\n}\n\nexport function isFormActivatable(value: Element): value is FormControlContract {\n  return typeof (value as FormControlContract).formActivate === 'function'\n}\n"],"mappings":";AAaA,MAAM,iCAAiB,IAAI,QAA+C;AAC1E,MAAM,gCAAgB,IAAI,QAA0C;AAEpE,SAAS,0BAA0B,SAAkC;CACnE,IAAI,QAAQ,eACV,OAAO,QAAQ;CAEjB,MAAM,OAAO,QAAQ,YAAY;CACjC,OAAO,OAAO,eAAe,eAAe,gBAAgB,aACxD,KAAK,OACL;AACN;AAEA,SAAgB,2BAA2B,SAAkB,UAAkB;CAC7E,IAAI,UAA0B;CAC9B,OAAO,SAAS;EACd,IAAI,QAAQ,QAAQ,QAAQ,GAC1B,OAAO;EAET,UAAU,0BAA0B,OAAO;CAC7C;CACA,OAAO;AACT;AAEA,SAAgB,sBAAsB,SAA8B;CAClE,MAAM,OAAO,cAAc,IAAI,OAAO;CACtC,IAAI,CAAC,MACH;CAEF,eAAe,IAAI,IAAI,CAAC,EAAE,OAAO,OAAO;CACxC,cAAc,OAAO,OAAO;AAC9B;AAEA,SAAgB,mBAAmB,SAA8B;CAC/D,sBAAsB,OAAO;CAC7B,MAAM,OAAO,2BAA2B,SAAS,YAAY;CAC7D,IAAI,CAAC,MACH;CAEF,IAAI,WAAW,eAAe,IAAI,IAAI;CACtC,IAAI,CAAC,UAAU;EACb,2BAAW,IAAI,IAAI;EACnB,eAAe,IAAI,MAAM,QAAQ;CACnC;CACA,SAAS,IAAI,OAAO;CACpB,cAAc,IAAI,SAAS,IAAI;AACjC;AAEA,SAAgB,yBAAyB,MAAmB;CAC1D,MAAM,SAAkC,CAAC;CACzC,KAAK,MAAM,WAAW,eAAe,IAAI,IAAI,KAAK,CAAC,GAAG;EACpD,IAAI,cAAc,IAAI,OAAO,MAAM,QAAQ,QAAQ,qBACjD;EAEF,MAAM,OAAO,QAAQ,gBAAgB,KAAK;EAC1C,IAAI,CAAC,MACH;EAEF,OAAO,QAAQ,QAAQ;CACzB;CACA,OAAO;AACT;AAEA,SAAgB,kBAAkB,MAAmB;CACnD,KAAK,MAAM,WAAW,eAAe,IAAI,IAAI,KAAK,CAAC,GACjD,QAAQ,UAAU;AAEtB;AAEA,SAAgB,4BAA4B,QAAiB,QAA4B;CACvF,MAAM,OAAO,2BAA2B,QAAQ,YAAY;CAC5D,IAAI,CAAC,MACH,OAAO;CAET,IAAI,WAAW,UACb,KAAK,cAAc;MAGnB,KAAK,MAAM;CAEb,OAAO;AACT;AAEA,SAAgB,kBAAkB,OAA8C;CAC9E,OAAO,OAAQ,MAA8B,iBAAiB;AAChE"}

package/dist/runtime/nativeComponents/helpers.mjs

@@ -0,0 +1,25 @@
+//#region src/runtime/nativeComponents/helpers.ts
+function readBooleanAttribute(element, name) {
+	const value = element.getAttribute(name);
+	return value !== null && value !== "false" && value !== "0";
+}
+function resolveMaxLength(value) {
+	if (value === null) return;
+	const maxlength = Number(value);
+	return Number.isInteger(maxlength) && maxlength >= 0 ? maxlength : void 0;
+}
+function resolveContainingShadowRoot(element) {
+	const root = element.getRootNode();
+	return typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot ? root : void 0;
+}
+function dispatchMiniProgramEvent(element, name, detail, options = {}) {
+	element.dispatchEvent(new CustomEvent(name, {
+		bubbles: options.bubbles ?? true,
+		composed: options.composed ?? true,
+		detail
+	}));
+}
+
+//#endregion
+export { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot, resolveMaxLength };
+//# sourceMappingURL=helpers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../src/runtime/nativeComponents/helpers.ts"],"sourcesContent":["export function readBooleanAttribute(element: Element, name: string) {\n  const value = element.getAttribute(name)\n  return value !== null && value !== 'false' && value !== '0'\n}\n\nexport function resolveMaxLength(value: string | null) {\n  if (value === null) {\n    return undefined\n  }\n  const maxlength = Number(value)\n  return Number.isInteger(maxlength) && maxlength >= 0 ? maxlength : undefined\n}\n\nexport function resolveContainingShadowRoot(element: Element) {\n  const root = element.getRootNode()\n  return typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot ? root : undefined\n}\n\nexport function dispatchMiniProgramEvent<T>(\n  element: Element,\n  name: string,\n  detail: T,\n  options: Pick<CustomEventInit<T>, 'bubbles' | 'composed'> = {},\n) {\n  element.dispatchEvent(new CustomEvent(name, {\n    bubbles: options.bubbles ?? true,\n    composed: options.composed ?? true,\n    detail,\n  }))\n}\n"],"mappings":";AAAA,SAAgB,qBAAqB,SAAkB,MAAc;CACnE,MAAM,QAAQ,QAAQ,aAAa,IAAI;CACvC,OAAO,UAAU,QAAQ,UAAU,WAAW,UAAU;AAC1D;AAEA,SAAgB,iBAAiB,OAAsB;CACrD,IAAI,UAAU,MACZ;CAEF,MAAM,YAAY,OAAO,KAAK;CAC9B,OAAO,OAAO,UAAU,SAAS,KAAK,aAAa,IAAI,YAAY;AACrE;AAEA,SAAgB,4BAA4B,SAAkB;CAC5D,MAAM,OAAO,QAAQ,YAAY;CACjC,OAAO,OAAO,eAAe,eAAe,gBAAgB,aAAa,OAAO;AAClF;AAEA,SAAgB,yBACd,SACA,MACA,QACA,UAA4D,CAAC,GAC7D;CACA,QAAQ,cAAc,IAAI,YAAY,MAAM;EAC1C,SAAS,QAAQ,WAAW;EAC5B,UAAU,QAAQ,YAAY;EAC9B;CACF,CAAC,CAAC;AACJ"}

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

@@ -0,0 +1,42 @@
+//#region src/runtime/nativeComponents/icon/helpers.ts
+const ICON_TYPES = [
+	"success",
+	"success_no_circle",
+	"info",
+	"warn",
+	"waiting",
+	"cancel",
+	"download",
+	"search",
+	"clear"
+];
+const iconTypes = new Set(ICON_TYPES);
+const DEFAULT_ICON_COLORS = {
+	success: "#09bb07",
+	success_no_circle: "#09bb07",
+	info: "#10aeff",
+	warn: "#f76260",
+	waiting: "#10aeff",
+	cancel: "#f76260",
+	download: "#09bb07",
+	search: "#7a7e83",
+	clear: "#7a7e83"
+};
+function finiteNumber(value, fallback) {
+	const numeric = Number(value);
+	return Number.isFinite(numeric) ? numeric : fallback;
+}
+function resolveIconType(value) {
+	const type = String(value ?? "").trim().toLowerCase();
+	return iconTypes.has(type) ? type : "success";
+}
+function resolveIconSize(value) {
+	return Math.max(0, finiteNumber(value, 23));
+}
+function resolveIconColor(type, value) {
+	return String(value ?? "").trim() || DEFAULT_ICON_COLORS[type];
+}
+
+//#endregion
+export { ICON_TYPES, resolveIconColor, resolveIconSize, resolveIconType };
+//# sourceMappingURL=helpers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/icon/helpers.ts"],"sourcesContent":["export const ICON_TYPES = [\n  'success',\n  'success_no_circle',\n  'info',\n  'warn',\n  'waiting',\n  'cancel',\n  'download',\n  'search',\n  'clear',\n] as const\n\nexport type IconType = typeof ICON_TYPES[number]\n\nconst iconTypes = new Set<string>(ICON_TYPES)\n\nconst DEFAULT_ICON_COLORS: Record<IconType, string> = {\n  success: '#09bb07',\n  success_no_circle: '#09bb07',\n  info: '#10aeff',\n  warn: '#f76260',\n  waiting: '#10aeff',\n  cancel: '#f76260',\n  download: '#09bb07',\n  search: '#7a7e83',\n  clear: '#7a7e83',\n}\n\nfunction finiteNumber(value: unknown, fallback: number) {\n  const numeric = Number(value)\n  return Number.isFinite(numeric) ? numeric : fallback\n}\n\nexport function resolveIconType(value: unknown): IconType {\n  const type = String(value ?? '').trim().toLowerCase()\n  return iconTypes.has(type) ? type as IconType : 'success'\n}\n\nexport function resolveIconSize(value: unknown) {\n  return Math.max(0, finiteNumber(value, 23))\n}\n\nexport function resolveIconColor(type: IconType, value: unknown) {\n  const color = String(value ?? '').trim()\n  return color || DEFAULT_ICON_COLORS[type]\n}\n"],"mappings":";AAAA,MAAa,aAAa;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,MAAM,YAAY,IAAI,IAAY,UAAU;AAE5C,MAAM,sBAAgD;CACpD,SAAS;CACT,mBAAmB;CACnB,MAAM;CACN,MAAM;CACN,SAAS;CACT,QAAQ;CACR,UAAU;CACV,QAAQ;CACR,OAAO;AACT;AAEA,SAAS,aAAa,OAAgB,UAAkB;CACtD,MAAM,UAAU,OAAO,KAAK;CAC5B,OAAO,OAAO,SAAS,OAAO,IAAI,UAAU;AAC9C;AAEA,SAAgB,gBAAgB,OAA0B;CACxD,MAAM,OAAO,OAAO,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY;CACpD,OAAO,UAAU,IAAI,IAAI,IAAI,OAAmB;AAClD;AAEA,SAAgB,gBAAgB,OAAgB;CAC9C,OAAO,KAAK,IAAI,GAAG,aAAa,OAAO,EAAE,CAAC;AAC5C;AAEA,SAAgB,iBAAiB,MAAgB,OAAgB;CAE/D,OADc,OAAO,SAAS,EAAE,CAAC,CAAC,KACvB,KAAK,oBAAoB;AACtC"}

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

@@ -0,0 +1,45 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { ICON_TYPES, resolveIconColor, resolveIconSize, resolveIconType } from "./helpers.mjs";
+import { ICON_SHADOW_STYLE } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/icon/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+var WeappIcon = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("icon").attributes];
+	#icon;
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.#syncAttributes();
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	#ensureStructure() {
+		if (this.#icon || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = ICON_SHADOW_STYLE;
+		const icon = document.createElement("span");
+		icon.className = "icon";
+		icon.setAttribute("role", "img");
+		root.append(style, icon);
+		this.#icon = icon;
+	}
+	#syncAttributes() {
+		if (!this.#icon) return;
+		const type = resolveIconType(this.getAttribute("type"));
+		const size = resolveIconSize(this.getAttribute("size"));
+		const color = resolveIconColor(type, this.getAttribute("color"));
+		this.style.setProperty("--weapp-icon-size", `${size}px`);
+		this.style.setProperty("--weapp-icon-color", color);
+		this.#icon.className = `icon ${type}`;
+		this.#icon.setAttribute("aria-label", type);
+	}
+};
+
+//#endregion
+export { ICON_TYPES, WeappIcon, resolveIconColor, resolveIconSize, resolveIconType };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#ensureStructure","#syncAttributes","#icon"],"sources":["../../../../src/runtime/nativeComponents/icon/index.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport { resolveIconColor, resolveIconSize, resolveIconType } from './helpers'\nimport { ICON_SHADOW_STYLE } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport class WeappIcon extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('icon')!.attributes]\n\n  #icon?: HTMLSpanElement\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    this.#syncAttributes()\n  }\n\n  attributeChangedCallback() {\n    this.#syncAttributes()\n  }\n\n  #ensureStructure() {\n    if (this.#icon || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = ICON_SHADOW_STYLE\n    const icon = document.createElement('span')\n    icon.className = 'icon'\n    icon.setAttribute('role', 'img')\n    root.append(style, icon)\n    this.#icon = icon\n  }\n\n  #syncAttributes() {\n    if (!this.#icon) {\n      return\n    }\n    const type = resolveIconType(this.getAttribute('type'))\n    const size = resolveIconSize(this.getAttribute('size'))\n    const color = resolveIconColor(type, this.getAttribute('color'))\n    this.style.setProperty('--weapp-icon-size', `${size}px`)\n    this.style.setProperty('--weapp-icon-color', color)\n    this.#icon.className = `icon ${type}`\n    this.#icon.setAttribute('aria-label', type)\n  }\n}\n\nexport * from './helpers'\n"],"mappings":";;;;;;;AAMA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,IAAa,YAAb,cAA+B,YAAY;CACzC,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,MAAM,CAAC,CAAE,UAAU;CAEhF;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,KAAKA,iBAAiB;EACtB,KAAKC,gBAAgB;CACvB;CAEA,2BAA2B;EACzB,KAAKA,gBAAgB;CACvB;CAEA,mBAAmB;EACjB,IAAI,KAAKC,SAAS,OAAO,aAAa,aACpC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;EACpB,MAAM,OAAO,SAAS,cAAc,MAAM;EAC1C,KAAK,YAAY;EACjB,KAAK,aAAa,QAAQ,KAAK;EAC/B,KAAK,OAAO,OAAO,IAAI;EACvB,KAAKA,QAAQ;CACf;CAEA,kBAAkB;EAChB,IAAI,CAAC,KAAKA,OACR;EAEF,MAAM,OAAO,gBAAgB,KAAK,aAAa,MAAM,CAAC;EACtD,MAAM,OAAO,gBAAgB,KAAK,aAAa,MAAM,CAAC;EACtD,MAAM,QAAQ,iBAAiB,MAAM,KAAK,aAAa,OAAO,CAAC;EAC/D,KAAK,MAAM,YAAY,qBAAqB,GAAG,KAAK,GAAG;EACvD,KAAK,MAAM,YAAY,sBAAsB,KAAK;EAClD,KAAKA,MAAM,YAAY,QAAQ;EAC/B,KAAKA,MAAM,aAAa,cAAc,IAAI;CAC5C;AACF"}

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

@@ -0,0 +1,176 @@
+//#region src/runtime/nativeComponents/icon/style.ts
+const ICON_SHADOW_STYLE = `
+  :host {
+    width: var(--weapp-icon-size);
+    height: var(--weapp-icon-size);
+    color: var(--weapp-icon-color);
+    line-height: 1;
+  }
+
+  .icon {
+    position: relative;
+    display: block;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    color: inherit;
+  }
+
+  .icon::before,
+  .icon::after {
+    position: absolute;
+    box-sizing: border-box;
+    content: '';
+  }
+
+  .success,
+  .info,
+  .warn,
+  .cancel,
+  .clear {
+    background: currentColor;
+    border-radius: 50%;
+  }
+
+  .success::before,
+  .success_no_circle::before {
+    top: 24%;
+    left: 27%;
+    width: 47%;
+    height: 29%;
+    border-bottom: max(1px, calc(var(--weapp-icon-size) * 0.09)) solid currentColor;
+    border-left: max(1px, calc(var(--weapp-icon-size) * 0.09)) solid currentColor;
+    transform: rotate(-45deg);
+  }
+
+  .success::before {
+    color: #fff;
+  }
+
+  .info::before {
+    top: 20%;
+    left: 46%;
+    width: 8%;
+    height: 13%;
+    background: #fff;
+    border-radius: 50%;
+  }
+
+  .info::after {
+    top: 39%;
+    left: 46%;
+    width: 8%;
+    height: 40%;
+    background: #fff;
+    border-radius: 999px;
+  }
+
+  .warn::before {
+    top: 18%;
+    left: 46%;
+    width: 8%;
+    height: 43%;
+    background: #fff;
+    border-radius: 999px;
+  }
+
+  .warn::after {
+    bottom: 19%;
+    left: 46%;
+    width: 8%;
+    height: 8%;
+    background: #fff;
+    border-radius: 50%;
+  }
+
+  .waiting {
+    border: max(1px, calc(var(--weapp-icon-size) * 0.08)) solid currentColor;
+    border-radius: 50%;
+  }
+
+  .waiting::before {
+    top: 20%;
+    left: 46%;
+    width: max(1px, calc(var(--weapp-icon-size) * 0.07));
+    height: 33%;
+    background: currentColor;
+    border-radius: 999px;
+    transform-origin: 50% 90%;
+  }
+
+  .waiting::after {
+    top: 47%;
+    left: 48%;
+    width: 29%;
+    height: max(1px, calc(var(--weapp-icon-size) * 0.07));
+    background: currentColor;
+    border-radius: 999px;
+    transform: rotate(28deg);
+    transform-origin: 0 50%;
+  }
+
+  .cancel::before,
+  .cancel::after,
+  .clear::before,
+  .clear::after {
+    top: 46%;
+    left: 24%;
+    width: 52%;
+    height: max(1px, calc(var(--weapp-icon-size) * 0.08));
+    background: #fff;
+    border-radius: 999px;
+  }
+
+  .cancel::before,
+  .clear::before {
+    transform: rotate(45deg);
+  }
+
+  .cancel::after,
+  .clear::after {
+    transform: rotate(-45deg);
+  }
+
+  .download::before {
+    top: 7%;
+    left: 46%;
+    width: 8%;
+    height: 59%;
+    background: currentColor;
+    border-radius: 999px;
+  }
+
+  .download::after {
+    top: 38%;
+    left: 27%;
+    width: 46%;
+    height: 46%;
+    border-right: max(1px, calc(var(--weapp-icon-size) * 0.08)) solid currentColor;
+    border-bottom: max(1px, calc(var(--weapp-icon-size) * 0.08)) solid currentColor;
+    transform: rotate(45deg);
+  }
+
+  .search::before {
+    top: 8%;
+    left: 8%;
+    width: 64%;
+    height: 64%;
+    border: max(1px, calc(var(--weapp-icon-size) * 0.08)) solid currentColor;
+    border-radius: 50%;
+  }
+
+  .search::after {
+    right: 5%;
+    bottom: 10%;
+    width: 37%;
+    height: max(1px, calc(var(--weapp-icon-size) * 0.08));
+    background: currentColor;
+    border-radius: 999px;
+    transform: rotate(45deg);
+    transform-origin: 100% 50%;
+  }
+`;
+
+//#endregion
+export { ICON_SHADOW_STYLE };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/icon/style.ts"],"sourcesContent":["export const ICON_SHADOW_STYLE = `\n  :host {\n    width: var(--weapp-icon-size);\n    height: var(--weapp-icon-size);\n    color: var(--weapp-icon-color);\n    line-height: 1;\n  }\n\n  .icon {\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    color: inherit;\n  }\n\n  .icon::before,\n  .icon::after {\n    position: absolute;\n    box-sizing: border-box;\n    content: '';\n  }\n\n  .success,\n  .info,\n  .warn,\n  .cancel,\n  .clear {\n    background: currentColor;\n    border-radius: 50%;\n  }\n\n  .success::before,\n  .success_no_circle::before {\n    top: 24%;\n    left: 27%;\n    width: 47%;\n    height: 29%;\n    border-bottom: max(1px, calc(var(--weapp-icon-size) * 0.09)) solid currentColor;\n    border-left: max(1px, calc(var(--weapp-icon-size) * 0.09)) solid currentColor;\n    transform: rotate(-45deg);\n  }\n\n  .success::before {\n    color: #fff;\n  }\n\n  .info::before {\n    top: 20%;\n    left: 46%;\n    width: 8%;\n    height: 13%;\n    background: #fff;\n    border-radius: 50%;\n  }\n\n  .info::after {\n    top: 39%;\n    left: 46%;\n    width: 8%;\n    height: 40%;\n    background: #fff;\n    border-radius: 999px;\n  }\n\n  .warn::before {\n    top: 18%;\n    left: 46%;\n    width: 8%;\n    height: 43%;\n    background: #fff;\n    border-radius: 999px;\n  }\n\n  .warn::after {\n    bottom: 19%;\n    left: 46%;\n    width: 8%;\n    height: 8%;\n    background: #fff;\n    border-radius: 50%;\n  }\n\n  .waiting {\n    border: max(1px, calc(var(--weapp-icon-size) * 0.08)) solid currentColor;\n    border-radius: 50%;\n  }\n\n  .waiting::before {\n    top: 20%;\n    left: 46%;\n    width: max(1px, calc(var(--weapp-icon-size) * 0.07));\n    height: 33%;\n    background: currentColor;\n    border-radius: 999px;\n    transform-origin: 50% 90%;\n  }\n\n  .waiting::after {\n    top: 47%;\n    left: 48%;\n    width: 29%;\n    height: max(1px, calc(var(--weapp-icon-size) * 0.07));\n    background: currentColor;\n    border-radius: 999px;\n    transform: rotate(28deg);\n    transform-origin: 0 50%;\n  }\n\n  .cancel::before,\n  .cancel::after,\n  .clear::before,\n  .clear::after {\n    top: 46%;\n    left: 24%;\n    width: 52%;\n    height: max(1px, calc(var(--weapp-icon-size) * 0.08));\n    background: #fff;\n    border-radius: 999px;\n  }\n\n  .cancel::before,\n  .clear::before {\n    transform: rotate(45deg);\n  }\n\n  .cancel::after,\n  .clear::after {\n    transform: rotate(-45deg);\n  }\n\n  .download::before {\n    top: 7%;\n    left: 46%;\n    width: 8%;\n    height: 59%;\n    background: currentColor;\n    border-radius: 999px;\n  }\n\n  .download::after {\n    top: 38%;\n    left: 27%;\n    width: 46%;\n    height: 46%;\n    border-right: max(1px, calc(var(--weapp-icon-size) * 0.08)) solid currentColor;\n    border-bottom: max(1px, calc(var(--weapp-icon-size) * 0.08)) solid currentColor;\n    transform: rotate(45deg);\n  }\n\n  .search::before {\n    top: 8%;\n    left: 8%;\n    width: 64%;\n    height: 64%;\n    border: max(1px, calc(var(--weapp-icon-size) * 0.08)) solid currentColor;\n    border-radius: 50%;\n  }\n\n  .search::after {\n    right: 5%;\n    bottom: 10%;\n    width: 37%;\n    height: max(1px, calc(var(--weapp-icon-size) * 0.08));\n    background: currentColor;\n    border-radius: 999px;\n    transform: rotate(45deg);\n    transform-origin: 100% 50%;\n  }\n`\n"],"mappings":";AAAA,MAAa,oBAAoB"}

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

@@ -0,0 +1,8 @@
+//#region src/runtime/nativeComponents/image.d.ts
+declare function resolveImageModeStyle(mode: string | null): {
+  fit: string;
+  position: string;
+};
+//#endregion
+export { resolveImageModeStyle };
+//# sourceMappingURL=image.d.mts.map

package/dist/runtime/nativeComponents/image.mjs

@@ -0,0 +1,121 @@
+import { getNativeComponentDescriptor } from "../../shared/nativeComponents.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "./helpers.mjs";
+import { ensureNativeComponentStyle } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/image.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+const IMAGE_MODE_STYLES = {
+	"scaleToFill": {
+		fit: "fill",
+		position: "center"
+	},
+	"aspectFit": {
+		fit: "contain",
+		position: "center"
+	},
+	"aspectFill": {
+		fit: "cover",
+		position: "center"
+	},
+	"top": {
+		fit: "none",
+		position: "top"
+	},
+	"bottom": {
+		fit: "none",
+		position: "bottom"
+	},
+	"center": {
+		fit: "none",
+		position: "center"
+	},
+	"left": {
+		fit: "none",
+		position: "left"
+	},
+	"right": {
+		fit: "none",
+		position: "right"
+	},
+	"top left": {
+		fit: "none",
+		position: "left top"
+	},
+	"top right": {
+		fit: "none",
+		position: "right top"
+	},
+	"bottom left": {
+		fit: "none",
+		position: "left bottom"
+	},
+	"bottom right": {
+		fit: "none",
+		position: "right bottom"
+	}
+};
+function resolveImageModeStyle(mode) {
+	return IMAGE_MODE_STYLES[mode ?? "scaleToFill"] ?? IMAGE_MODE_STYLES.scaleToFill;
+}
+var WeappImage = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("image").attributes];
+	#image;
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.#syncAttributes();
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	#ensureStructure() {
+		if (this.#image || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = `
+      :host { position: relative; }
+      img { display: block; width: 100%; height: 100%; }
+    `;
+		const image = document.createElement("img");
+		image.addEventListener("load", () => {
+			dispatchMiniProgramEvent(this, "load", {
+				width: image.naturalWidth,
+				height: image.naturalHeight
+			});
+		});
+		image.addEventListener("error", () => {
+			dispatchMiniProgramEvent(this, "error", { errMsg: "image load failed" }, {
+				bubbles: false,
+				composed: false
+			});
+		});
+		root.append(style, image);
+		this.#image = image;
+	}
+	#syncAttributes() {
+		if (!this.#image) return;
+		this.#image.src = this.getAttribute("src") ?? "";
+		this.#image.alt = this.getAttribute("alt") ?? "";
+		this.#image.loading = readBooleanAttribute(this, "lazy-load") ? "lazy" : "eager";
+		const mode = this.getAttribute("mode") ?? "scaleToFill";
+		const modeStyle = resolveImageModeStyle(mode);
+		this.#image.style.objectFit = modeStyle.fit;
+		this.#image.style.objectPosition = modeStyle.position;
+		this.toggleAttribute("data-width-fix", mode === "widthFix");
+		this.toggleAttribute("data-height-fix", mode === "heightFix");
+		if (mode === "widthFix") {
+			this.#image.style.height = "auto";
+			this.style.height = "auto";
+		} else if (mode === "heightFix") {
+			this.#image.style.width = "auto";
+			this.style.width = "auto";
+		} else {
+			this.#image.style.width = "100%";
+			this.#image.style.height = "100%";
+		}
+	}
+};
+
+//#endregion
+export { WeappImage, resolveImageModeStyle };
+//# sourceMappingURL=image.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.mjs","names":["#ensureStructure","#syncAttributes","#image"],"sources":["../../../src/runtime/nativeComponents/image.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../shared/nativeComponents'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from './helpers'\nimport { ensureNativeComponentStyle } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nconst IMAGE_MODE_STYLES: Record<string, { fit: string, position: string }> = {\n  'scaleToFill': { fit: 'fill', position: 'center' },\n  'aspectFit': { fit: 'contain', position: 'center' },\n  'aspectFill': { fit: 'cover', position: 'center' },\n  'top': { fit: 'none', position: 'top' },\n  'bottom': { fit: 'none', position: 'bottom' },\n  'center': { fit: 'none', position: 'center' },\n  'left': { fit: 'none', position: 'left' },\n  'right': { fit: 'none', position: 'right' },\n  'top left': { fit: 'none', position: 'left top' },\n  'top right': { fit: 'none', position: 'right top' },\n  'bottom left': { fit: 'none', position: 'left bottom' },\n  'bottom right': { fit: 'none', position: 'right bottom' },\n}\n\nexport function resolveImageModeStyle(mode: string | null) {\n  return IMAGE_MODE_STYLES[mode ?? 'scaleToFill'] ?? IMAGE_MODE_STYLES.scaleToFill!\n}\n\nexport class WeappImage extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('image')!.attributes]\n\n  #image?: HTMLImageElement\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    this.#syncAttributes()\n  }\n\n  attributeChangedCallback() {\n    this.#syncAttributes()\n  }\n\n  #ensureStructure() {\n    if (this.#image || 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 { position: relative; }\n      img { display: block; width: 100%; height: 100%; }\n    `\n    const image = document.createElement('img')\n    image.addEventListener('load', () => {\n      dispatchMiniProgramEvent(this, 'load', {\n        width: image.naturalWidth,\n        height: image.naturalHeight,\n      })\n    })\n    image.addEventListener('error', () => {\n      dispatchMiniProgramEvent(this, 'error', { errMsg: 'image load failed' }, {\n        bubbles: false,\n        composed: false,\n      })\n    })\n    root.append(style, image)\n    this.#image = image\n  }\n\n  #syncAttributes() {\n    if (!this.#image) {\n      return\n    }\n    this.#image.src = this.getAttribute('src') ?? ''\n    this.#image.alt = this.getAttribute('alt') ?? ''\n    this.#image.loading = readBooleanAttribute(this, 'lazy-load') ? 'lazy' : 'eager'\n    const mode = this.getAttribute('mode') ?? 'scaleToFill'\n    const modeStyle = resolveImageModeStyle(mode)\n    this.#image.style.objectFit = modeStyle.fit\n    this.#image.style.objectPosition = modeStyle.position\n    this.toggleAttribute('data-width-fix', mode === 'widthFix')\n    this.toggleAttribute('data-height-fix', mode === 'heightFix')\n    if (mode === 'widthFix') {\n      this.#image.style.height = 'auto'\n      this.style.height = 'auto'\n    }\n    else if (mode === 'heightFix') {\n      this.#image.style.width = 'auto'\n      this.style.width = 'auto'\n    }\n    else {\n      this.#image.style.width = '100%'\n      this.#image.style.height = '100%'\n    }\n  }\n}\n"],"mappings":";;;;;AAIA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,MAAM,oBAAuE;CAC3E,eAAe;EAAE,KAAK;EAAQ,UAAU;CAAS;CACjD,aAAa;EAAE,KAAK;EAAW,UAAU;CAAS;CAClD,cAAc;EAAE,KAAK;EAAS,UAAU;CAAS;CACjD,OAAO;EAAE,KAAK;EAAQ,UAAU;CAAM;CACtC,UAAU;EAAE,KAAK;EAAQ,UAAU;CAAS;CAC5C,UAAU;EAAE,KAAK;EAAQ,UAAU;CAAS;CAC5C,QAAQ;EAAE,KAAK;EAAQ,UAAU;CAAO;CACxC,SAAS;EAAE,KAAK;EAAQ,UAAU;CAAQ;CAC1C,YAAY;EAAE,KAAK;EAAQ,UAAU;CAAW;CAChD,aAAa;EAAE,KAAK;EAAQ,UAAU;CAAY;CAClD,eAAe;EAAE,KAAK;EAAQ,UAAU;CAAc;CACtD,gBAAgB;EAAE,KAAK;EAAQ,UAAU;CAAe;AAC1D;AAEA,SAAgB,sBAAsB,MAAqB;CACzD,OAAO,kBAAkB,QAAQ,kBAAkB,kBAAkB;AACvE;AAEA,IAAa,aAAb,cAAgC,YAAY;CAC1C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,OAAO,CAAC,CAAE,UAAU;CAEjF;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,KAAKA,iBAAiB;EACtB,KAAKC,gBAAgB;CACvB;CAEA,2BAA2B;EACzB,KAAKA,gBAAgB;CACvB;CAEA,mBAAmB;EACjB,IAAI,KAAKC,UAAU,OAAO,aAAa,aACrC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;;;;EAIpB,MAAM,QAAQ,SAAS,cAAc,KAAK;EAC1C,MAAM,iBAAiB,cAAc;GACnC,yBAAyB,MAAM,QAAQ;IACrC,OAAO,MAAM;IACb,QAAQ,MAAM;GAChB,CAAC;EACH,CAAC;EACD,MAAM,iBAAiB,eAAe;GACpC,yBAAyB,MAAM,SAAS,EAAE,QAAQ,oBAAoB,GAAG;IACvE,SAAS;IACT,UAAU;GACZ,CAAC;EACH,CAAC;EACD,KAAK,OAAO,OAAO,KAAK;EACxB,KAAKA,SAAS;CAChB;CAEA,kBAAkB;EAChB,IAAI,CAAC,KAAKA,QACR;EAEF,KAAKA,OAAO,MAAM,KAAK,aAAa,KAAK,KAAK;EAC9C,KAAKA,OAAO,MAAM,KAAK,aAAa,KAAK,KAAK;EAC9C,KAAKA,OAAO,UAAU,qBAAqB,MAAM,WAAW,IAAI,SAAS;EACzE,MAAM,OAAO,KAAK,aAAa,MAAM,KAAK;EAC1C,MAAM,YAAY,sBAAsB,IAAI;EAC5C,KAAKA,OAAO,MAAM,YAAY,UAAU;EACxC,KAAKA,OAAO,MAAM,iBAAiB,UAAU;EAC7C,KAAK,gBAAgB,kBAAkB,SAAS,UAAU;EAC1D,KAAK,gBAAgB,mBAAmB,SAAS,WAAW;EAC5D,IAAI,SAAS,YAAY;GACvB,KAAKA,OAAO,MAAM,SAAS;GAC3B,KAAK,MAAM,SAAS;EACtB,OACK,IAAI,SAAS,aAAa;GAC7B,KAAKA,OAAO,MAAM,QAAQ;GAC1B,KAAK,MAAM,QAAQ;EACrB,OACK;GACH,KAAKA,OAAO,MAAM,QAAQ;GAC1B,KAAKA,OAAO,MAAM,SAAS;EAC7B;CACF;AACF"}

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

@@ -0,0 +1,11 @@
+import { resolveImageModeStyle } from "./image.mjs";
+import { createInputEventDetail } from "./input.mjs";
+import { createScrollEventDetail } from "./scrollView.mjs";
+import { createSwitchEventDetail } from "./switch.mjs";
+import { createTextareaLineChangeDetail } from "./textarea.mjs";
+import { createVideoProgressDetail, createVideoTimeUpdateDetail, resolveVideoObjectFit } from "./video/helpers.mjs";
+//#region src/runtime/nativeComponents/index.d.ts
+declare function ensureNativeComponentsDefined(): void;
+//#endregion
+export { createInputEventDetail, createScrollEventDetail, createSwitchEventDetail, createTextareaLineChangeDetail, createVideoProgressDetail, createVideoTimeUpdateDetail, ensureNativeComponentsDefined, resolveImageModeStyle, resolveVideoObjectFit };
+//# sourceMappingURL=index.d.mts.map