@weapp-vite/web 1.3.37 → 1.4.1

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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"}

package/dist/runtime/nativeComponents/video/helpers.d.mts

@@ -0,0 +1,12 @@
+//#region src/runtime/nativeComponents/video/helpers.d.ts
+declare function resolveVideoObjectFit(value: string | null): "fill" | "cover" | "contain";
+declare function createVideoTimeUpdateDetail(currentTime: number, duration: number): {
+  currentTime: number;
+  duration: number;
+};
+declare function createVideoProgressDetail(bufferedEnd: number, duration: number): {
+  buffered: number;
+};
+//#endregion
+export { createVideoProgressDetail, createVideoTimeUpdateDetail, resolveVideoObjectFit };
+//# sourceMappingURL=helpers.d.mts.map

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

@@ -0,0 +1,21 @@
+//#region src/runtime/nativeComponents/video/helpers.ts
+function resolveVideoObjectFit(value) {
+	return value === "fill" || value === "cover" || value === "contain" ? value : "contain";
+}
+function createVideoTimeUpdateDetail(currentTime, duration) {
+	return {
+		currentTime: Number.isFinite(currentTime) ? currentTime : 0,
+		duration: Number.isFinite(duration) ? duration : 0
+	};
+}
+function createVideoProgressDetail(bufferedEnd, duration) {
+	if (!Number.isFinite(bufferedEnd) || !Number.isFinite(duration) || duration <= 0) return { buffered: 0 };
+	return { buffered: Math.min(100, Math.max(0, bufferedEnd / duration * 100)) };
+}
+function resolveVideoDirection(videoWidth, videoHeight) {
+	return videoWidth >= videoHeight ? "horizontal" : "vertical";
+}
+
+//#endregion
+export { createVideoProgressDetail, createVideoTimeUpdateDetail, resolveVideoDirection, resolveVideoObjectFit };
+//# sourceMappingURL=helpers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/video/helpers.ts"],"sourcesContent":["export function resolveVideoObjectFit(value: string | null) {\n  return value === 'fill' || value === 'cover' || value === 'contain' ? value : 'contain'\n}\n\nexport function createVideoTimeUpdateDetail(currentTime: number, duration: number) {\n  return {\n    currentTime: Number.isFinite(currentTime) ? currentTime : 0,\n    duration: Number.isFinite(duration) ? duration : 0,\n  }\n}\n\nexport function createVideoProgressDetail(bufferedEnd: number, duration: number) {\n  if (!Number.isFinite(bufferedEnd) || !Number.isFinite(duration) || duration <= 0) {\n    return { buffered: 0 }\n  }\n  return {\n    buffered: Math.min(100, Math.max(0, bufferedEnd / duration * 100)),\n  }\n}\n\nexport function resolveVideoDirection(videoWidth: number, videoHeight: number) {\n  return videoWidth >= videoHeight ? 'horizontal' : 'vertical'\n}\n"],"mappings":";AAAA,SAAgB,sBAAsB,OAAsB;CAC1D,OAAO,UAAU,UAAU,UAAU,WAAW,UAAU,YAAY,QAAQ;AAChF;AAEA,SAAgB,4BAA4B,aAAqB,UAAkB;CACjF,OAAO;EACL,aAAa,OAAO,SAAS,WAAW,IAAI,cAAc;EAC1D,UAAU,OAAO,SAAS,QAAQ,IAAI,WAAW;CACnD;AACF;AAEA,SAAgB,0BAA0B,aAAqB,UAAkB;CAC/E,IAAI,CAAC,OAAO,SAAS,WAAW,KAAK,CAAC,OAAO,SAAS,QAAQ,KAAK,YAAY,GAC7E,OAAO,EAAE,UAAU,EAAE;CAEvB,OAAO,EACL,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,cAAc,WAAW,GAAG,CAAC,EACnE;AACF;AAEA,SAAgB,sBAAsB,YAAoB,aAAqB;CAC7E,OAAO,cAAc,cAAc,eAAe;AACpD"}

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

@@ -0,0 +1,124 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { registerNativeMediaElement, unregisterNativeMediaElement } from "../mediaRegistry.mjs";
+import { createVideoProgressDetail, createVideoTimeUpdateDetail, resolveVideoDirection, resolveVideoObjectFit } from "./helpers.mjs";
+import { VIDEO_SHADOW_STYLE } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/video/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+function readFiniteNumber(value) {
+	if (value === null || value.trim() === "") return;
+	const number = Number(value);
+	return Number.isFinite(number) ? number : void 0;
+}
+function resolveBufferedEnd(video) {
+	const { buffered } = video;
+	if (!buffered || buffered.length === 0) return 0;
+	try {
+		return buffered.end(buffered.length - 1);
+	} catch {
+		return 0;
+	}
+}
+var WeappVideo = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("video").attributes];
+	#video;
+	#fullscreenTarget;
+	get videoElement() {
+		return this.#video;
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.#syncAttributes();
+		this.#connectFullscreenListener();
+	}
+	disconnectedCallback() {
+		if (this.#video) unregisterNativeMediaElement(this.#video);
+		this.#fullscreenTarget?.removeEventListener("fullscreenchange", this.#handleFullscreenChange);
+		this.#fullscreenTarget = void 0;
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	#ensureStructure() {
+		if (this.#video || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = VIDEO_SHADOW_STYLE;
+		const video = document.createElement("video");
+		for (const eventName of [
+			"play",
+			"pause",
+			"ended",
+			"waiting"
+		]) video.addEventListener(eventName, (event) => {
+			event.stopPropagation();
+			dispatchMiniProgramEvent(this, eventName, {});
+		});
+		video.addEventListener("timeupdate", (event) => {
+			event.stopPropagation();
+			dispatchMiniProgramEvent(this, "timeupdate", createVideoTimeUpdateDetail(video.currentTime, video.duration));
+		});
+		video.addEventListener("progress", (event) => {
+			event.stopPropagation();
+			dispatchMiniProgramEvent(this, "progress", createVideoProgressDetail(resolveBufferedEnd(video), video.duration));
+		});
+		video.addEventListener("loadedmetadata", (event) => {
+			event.stopPropagation();
+			dispatchMiniProgramEvent(this, "loadedmetadata", {
+				width: video.videoWidth,
+				height: video.videoHeight,
+				duration: Number.isFinite(video.duration) ? video.duration : 0
+			});
+		});
+		video.addEventListener("error", (event) => {
+			event.stopPropagation();
+			dispatchMiniProgramEvent(this, "error", { errMsg: video.error?.message || "video load failed" }, {
+				bubbles: false,
+				composed: false
+			});
+		});
+		root.append(style, video);
+		this.#video = video;
+	}
+	#syncAttributes() {
+		const video = this.#video;
+		if (!video) return;
+		const src = this.getAttribute("src");
+		if (src) video.src = src;
+		else video.removeAttribute("src");
+		video.poster = this.getAttribute("poster") ?? "";
+		video.autoplay = readBooleanAttribute(this, "autoplay");
+		video.loop = readBooleanAttribute(this, "loop");
+		video.muted = readBooleanAttribute(this, "muted");
+		video.controls = this.getAttribute("controls") === null || readBooleanAttribute(this, "controls");
+		video.style.objectFit = resolveVideoObjectFit(this.getAttribute("object-fit"));
+		const initialTime = readFiniteNumber(this.getAttribute("initial-time"));
+		if (initialTime !== void 0 && initialTime >= 0) try {
+			video.currentTime = initialTime;
+		} catch {}
+		registerNativeMediaElement("video", [this.getAttribute("id")], video);
+	}
+	#connectFullscreenListener() {
+		const target = this.ownerDocument;
+		if (this.#fullscreenTarget === target) return;
+		this.#fullscreenTarget?.removeEventListener("fullscreenchange", this.#handleFullscreenChange);
+		target.addEventListener("fullscreenchange", this.#handleFullscreenChange);
+		this.#fullscreenTarget = target;
+	}
+	#handleFullscreenChange = (event) => {
+		if (event.target !== this.#fullscreenTarget) return;
+		const video = this.#video;
+		const target = this.#fullscreenTarget;
+		dispatchMiniProgramEvent(this, "fullscreenchange", {
+			fullScreen: target.fullscreenElement === video,
+			direction: resolveVideoDirection(video.videoWidth, video.videoHeight)
+		});
+	};
+};
+
+//#endregion
+export { WeappVideo };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#video","#ensureStructure","#syncAttributes","#connectFullscreenListener","#fullscreenTarget","#handleFullscreenChange"],"sources":["../../../../src/runtime/nativeComponents/video/index.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { registerNativeMediaElement, unregisterNativeMediaElement } from '../mediaRegistry'\nimport { ensureNativeComponentStyle } from '../style'\nimport {\n  createVideoProgressDetail,\n  createVideoTimeUpdateDetail,\n  resolveVideoDirection,\n  resolveVideoObjectFit,\n} from './helpers'\nimport { VIDEO_SHADOW_STYLE } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nfunction readFiniteNumber(value: string | null) {\n  if (value === null || value.trim() === '') {\n    return undefined\n  }\n  const number = Number(value)\n  return Number.isFinite(number) ? number : undefined\n}\n\nfunction resolveBufferedEnd(video: HTMLVideoElement) {\n  const { buffered } = video\n  if (!buffered || buffered.length === 0) {\n    return 0\n  }\n  try {\n    return buffered.end(buffered.length - 1)\n  }\n  catch {\n    return 0\n  }\n}\n\nexport class WeappVideo extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('video')!.attributes]\n\n  #video?: HTMLVideoElement\n  #fullscreenTarget?: Document\n\n  get videoElement() {\n    return this.#video\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    this.#syncAttributes()\n    this.#connectFullscreenListener()\n  }\n\n  disconnectedCallback() {\n    if (this.#video) {\n      unregisterNativeMediaElement(this.#video)\n    }\n    this.#fullscreenTarget?.removeEventListener('fullscreenchange', this.#handleFullscreenChange)\n    this.#fullscreenTarget = undefined\n  }\n\n  attributeChangedCallback() {\n    this.#syncAttributes()\n  }\n\n  #ensureStructure() {\n    if (this.#video || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = VIDEO_SHADOW_STYLE\n    const video = document.createElement('video')\n    for (const eventName of ['play', 'pause', 'ended', 'waiting'] as const) {\n      video.addEventListener(eventName, (event) => {\n        event.stopPropagation()\n        dispatchMiniProgramEvent(this, eventName, {})\n      })\n    }\n    video.addEventListener('timeupdate', (event) => {\n      event.stopPropagation()\n      dispatchMiniProgramEvent(this, 'timeupdate', createVideoTimeUpdateDetail(video.currentTime, video.duration))\n    })\n    video.addEventListener('progress', (event) => {\n      event.stopPropagation()\n      dispatchMiniProgramEvent(this, 'progress', createVideoProgressDetail(resolveBufferedEnd(video), video.duration))\n    })\n    video.addEventListener('loadedmetadata', (event) => {\n      event.stopPropagation()\n      dispatchMiniProgramEvent(this, 'loadedmetadata', {\n        width: video.videoWidth,\n        height: video.videoHeight,\n        duration: Number.isFinite(video.duration) ? video.duration : 0,\n      })\n    })\n    video.addEventListener('error', (event) => {\n      event.stopPropagation()\n      dispatchMiniProgramEvent(this, 'error', {\n        errMsg: video.error?.message || 'video load failed',\n      }, {\n        bubbles: false,\n        composed: false,\n      })\n    })\n    root.append(style, video)\n    this.#video = video\n  }\n\n  #syncAttributes() {\n    const video = this.#video\n    if (!video) {\n      return\n    }\n    const src = this.getAttribute('src')\n    if (src) {\n      video.src = src\n    }\n    else {\n      video.removeAttribute('src')\n    }\n    video.poster = this.getAttribute('poster') ?? ''\n    video.autoplay = readBooleanAttribute(this, 'autoplay')\n    video.loop = readBooleanAttribute(this, 'loop')\n    video.muted = readBooleanAttribute(this, 'muted')\n    video.controls = this.getAttribute('controls') === null || readBooleanAttribute(this, 'controls')\n    video.style.objectFit = resolveVideoObjectFit(this.getAttribute('object-fit'))\n    const initialTime = readFiniteNumber(this.getAttribute('initial-time'))\n    if (initialTime !== undefined && initialTime >= 0) {\n      try {\n        video.currentTime = initialTime\n      }\n      catch {\n        // ignore browsers that block currentTime mutation before metadata loads\n      }\n    }\n    registerNativeMediaElement('video', [this.getAttribute('id')], video)\n  }\n\n  #connectFullscreenListener() {\n    const target = this.ownerDocument\n    if (this.#fullscreenTarget === target) {\n      return\n    }\n    this.#fullscreenTarget?.removeEventListener('fullscreenchange', this.#handleFullscreenChange)\n    target.addEventListener('fullscreenchange', this.#handleFullscreenChange)\n    this.#fullscreenTarget = target\n  }\n\n  #handleFullscreenChange = (event: Event) => {\n    if (event.target !== this.#fullscreenTarget) {\n      return\n    }\n    const video = this.#video!\n    const target = this.#fullscreenTarget!\n    dispatchMiniProgramEvent(this, 'fullscreenchange', {\n      fullScreen: target.fullscreenElement === video,\n      direction: resolveVideoDirection(video.videoWidth, video.videoHeight),\n    })\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+//#region src/runtime/nativeComponents/video/style.ts
+const VIDEO_SHADOW_STYLE = `
+  :host { position: relative; background: #000; }
+  video {
+    display: block;
+    width: 100%;
+    height: 100%;
+    background: #000;
+  }
+`;
+
+//#endregion
+export { VIDEO_SHADOW_STYLE };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/video/style.ts"],"sourcesContent":["export const VIDEO_SHADOW_STYLE = `\n  :host { position: relative; background: #000; }\n  video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    background: #000;\n  }\n`\n"],"mappings":";AAAA,MAAa,qBAAqB"}

package/dist/runtime/navigationBar/index.mjs

@@ -49,7 +49,6 @@ function resolveNavigationBarMetrics() {
 	};
 }
 function isTransparentColor(value) {
-	if (!value) return false;
 	const normalized = value.trim().toLowerCase();
 	return normalized === "transparent" || normalized === "rgba(0,0,0,0)" || normalized === "rgba(0, 0, 0, 0)" || normalized === "hsla(0,0%,0%,0)";
 }
@@ -73,8 +72,7 @@ var WeappNavigationBar = class extends BaseElement {
 	#loading;
 	#resizeHandler;
 	connectedCallback() {
-		if (!this.shadowRoot) this.attachShadow({ mode: "open" });
-		if (this.shadowRoot && !this.shadowRoot.hasChildNodes()) this.#renderShell();
+		if (!(this.shadowRoot ?? this.attachShadow({ mode: "open" })).hasChildNodes()) this.#renderShell();
 		navigationBarInstances.add(this);
 		this.applyMetrics();
 		this.applyAppearance();

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["#renderShell","#bindResize","#resizeHandler","#nav","#title","#loading"],"sources":["../../../src/runtime/navigationBar/index.ts"],"sourcesContent":["import { NAVBAR_STYLE } from './style'\n\ninterface NavigationBarMetrics {\n  statusBarHeight?: number\n  navContentHeight?: number\n  safeAreaTop?: number\n}\n\nconst NAVIGATION_BAR_TAG = 'weapp-navigation-bar'\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\nconst navigationBarInstances = new Set<WeappNavigationBar>()\nlet navigationBarMetrics: NavigationBarMetrics = {}\nconst IOS_DEVICE_RE = /iphone|ipad|ipod/i\n\nfunction isIOS() {\n  if (typeof navigator === 'undefined') {\n    return false\n  }\n  return IOS_DEVICE_RE.test(navigator.userAgent)\n}\n\nfunction getDefaultHeights() {\n  if (isIOS()) {\n    return { statusBarHeight: 20, navContentHeight: 44 }\n  }\n  return { statusBarHeight: 24, navContentHeight: 48 }\n}\n\nfunction readSafeAreaTop() {\n  if (typeof document === 'undefined' || !document.body) {\n    return 0\n  }\n  const probe = document.createElement('div')\n  probe.style.cssText = [\n    'position: absolute',\n    'top: 0',\n    'height: env(safe-area-inset-top)',\n    'height: constant(safe-area-inset-top)',\n    'pointer-events: none',\n    'visibility: hidden',\n  ].join(';')\n  document.body.appendChild(probe)\n  const height = Math.max(0, probe.getBoundingClientRect().height)\n  probe.remove()\n  return height\n}\n\nfunction resolveNavigationBarMetrics(): Required<NavigationBarMetrics> & { navHeight: number } {\n  const defaults = getDefaultHeights()\n  const safeAreaTop = navigationBarMetrics.safeAreaTop !== undefined\n    ? navigationBarMetrics.safeAreaTop\n    : readSafeAreaTop()\n  const statusBarHeight = navigationBarMetrics.statusBarHeight !== undefined\n    ? navigationBarMetrics.statusBarHeight\n    : (safeAreaTop > 0 ? safeAreaTop : defaults.statusBarHeight)\n  const navContentHeight = navigationBarMetrics.navContentHeight !== undefined\n    ? navigationBarMetrics.navContentHeight\n    : defaults.navContentHeight\n  return {\n    safeAreaTop,\n    statusBarHeight,\n    navContentHeight,\n    navHeight: statusBarHeight + navContentHeight,\n  }\n}\n\nfunction isTransparentColor(value: string | null) {\n  if (!value) {\n    return false\n  }\n  const normalized = value.trim().toLowerCase()\n  return normalized === 'transparent'\n    || normalized === 'rgba(0,0,0,0)'\n    || normalized === 'rgba(0, 0, 0, 0)'\n    || normalized === 'hsla(0,0%,0%,0)'\n}\n\nexport function setNavigationBarMetrics(next: NavigationBarMetrics) {\n  navigationBarMetrics = { ...navigationBarMetrics, ...next }\n  for (const instance of navigationBarInstances) {\n    instance.applyMetrics()\n  }\n}\n\nclass WeappNavigationBar extends BaseElement {\n  static observedAttributes = ['title', 'background-color', 'text-style', 'front-color', 'loading']\n\n  #nav?: HTMLDivElement\n  #title?: HTMLSpanElement\n  #loading?: HTMLSpanElement\n  #resizeHandler?: () => void\n\n  connectedCallback() {\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' })\n    }\n    if (this.shadowRoot && !this.shadowRoot.hasChildNodes()) {\n      this.#renderShell()\n    }\n    navigationBarInstances.add(this)\n    this.applyMetrics()\n    this.applyAppearance()\n    this.#bindResize()\n  }\n\n  disconnectedCallback() {\n    navigationBarInstances.delete(this)\n    if (this.#resizeHandler) {\n      const target = typeof window !== 'undefined' ? (window.visualViewport ?? window) : undefined\n      target?.removeEventListener('resize', this.#resizeHandler)\n      this.#resizeHandler = undefined\n    }\n  }\n\n  attributeChangedCallback() {\n    this.applyAppearance()\n  }\n\n  applyMetrics() {\n    const metrics = resolveNavigationBarMetrics()\n    this.style.setProperty('--weapp-status-bar-height', `${metrics.statusBarHeight}px`)\n    this.style.setProperty('--weapp-nav-content-height', `${metrics.navContentHeight}px`)\n    this.style.setProperty('--weapp-nav-height', `${metrics.navHeight}px`)\n  }\n\n  applyAppearance() {\n    if (!this.#nav || !this.#title || !this.#loading) {\n      return\n    }\n    const title = this.getAttribute('title') ?? ''\n    this.#title.textContent = title\n    const background = this.getAttribute('background-color') ?? '#ffffff'\n    const frontColor = this.getAttribute('front-color')\n    const textStyle = (this.getAttribute('text-style') ?? '').toLowerCase()\n    const color = frontColor || (textStyle === 'white' ? '#ffffff' : '#000000')\n    const loadingAttr = this.getAttribute('loading')\n    const loading = loadingAttr !== null && loadingAttr !== 'false' && loadingAttr !== '0'\n    this.style.setProperty('--weapp-nav-bg', background)\n    this.style.setProperty('--weapp-nav-color', color)\n    this.#loading.toggleAttribute('hidden', !loading)\n    this.#nav.classList.toggle('weapp-nav--transparent', isTransparentColor(background))\n  }\n\n  #bindResize() {\n    if (this.#resizeHandler || typeof window === 'undefined') {\n      return\n    }\n    const target = window.visualViewport ?? window\n    this.#resizeHandler = () => {\n      this.applyMetrics()\n    }\n    target.addEventListener('resize', this.#resizeHandler)\n  }\n\n  #renderShell() {\n    const root = this.shadowRoot!\n    root.innerHTML = ''\n    const style = document.createElement('style')\n    style.textContent = NAVBAR_STYLE\n    const spacer = document.createElement('div')\n    spacer.className = 'weapp-nav__spacer'\n    const nav = document.createElement('div')\n    nav.className = 'weapp-nav'\n    const status = document.createElement('div')\n    status.className = 'weapp-nav__status'\n    const content = document.createElement('div')\n    content.className = 'weapp-nav__content'\n    const left = document.createElement('div')\n    left.className = 'weapp-nav__left'\n    const right = document.createElement('div')\n    right.className = 'weapp-nav__right'\n    const title = document.createElement('span')\n    title.className = 'weapp-nav__title'\n    const loading = document.createElement('span')\n    loading.className = 'weapp-nav__loading'\n    loading.setAttribute('hidden', '')\n    const titleText = document.createElement('span')\n    titleText.className = 'weapp-nav__title-text'\n    title.append(loading, titleText)\n    content.append(left, title, right)\n    nav.append(status, content)\n    root.append(style, spacer, nav)\n    this.#nav = nav\n    this.#title = titleText\n    this.#loading = loading\n  }\n}\n\nexport function ensureNavigationBarDefined() {\n  if (typeof customElements === 'undefined') {\n    return\n  }\n  if (!customElements.get(NAVIGATION_BAR_TAG)) {\n    customElements.define(NAVIGATION_BAR_TAG, WeappNavigationBar)\n  }\n}\n\nexport type { NavigationBarMetrics }\n"],"mappings":";;;AAQA,MAAM,qBAAqB;AAC3B,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AACtD,MAAM,yCAAyB,IAAI,IAAwB;AAC3D,IAAI,uBAA6C,CAAC;AAClD,MAAM,gBAAgB;AAEtB,SAAS,QAAQ;CACf,IAAI,OAAO,cAAc,aACvB,OAAO;CAET,OAAO,cAAc,KAAK,UAAU,SAAS;AAC/C;AAEA,SAAS,oBAAoB;CAC3B,IAAI,MAAM,GACR,OAAO;EAAE,iBAAiB;EAAI,kBAAkB;CAAG;CAErD,OAAO;EAAE,iBAAiB;EAAI,kBAAkB;CAAG;AACrD;AAEA,SAAS,kBAAkB;CACzB,IAAI,OAAO,aAAa,eAAe,CAAC,SAAS,MAC/C,OAAO;CAET,MAAM,QAAQ,SAAS,cAAc,KAAK;CAC1C,MAAM,MAAM,UAAU;EACpB;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,SAAS,KAAK,YAAY,KAAK;CAC/B,MAAM,SAAS,KAAK,IAAI,GAAG,MAAM,sBAAsB,CAAC,CAAC,MAAM;CAC/D,MAAM,OAAO;CACb,OAAO;AACT;AAEA,SAAS,8BAAsF;CAC7F,MAAM,WAAW,kBAAkB;CACnC,MAAM,cAAc,qBAAqB,gBAAgB,SACrD,qBAAqB,cACrB,gBAAgB;CACpB,MAAM,kBAAkB,qBAAqB,oBAAoB,SAC7D,qBAAqB,kBACpB,cAAc,IAAI,cAAc,SAAS;CAC9C,MAAM,mBAAmB,qBAAqB,qBAAqB,SAC/D,qBAAqB,mBACrB,SAAS;CACb,OAAO;EACL;EACA;EACA;EACA,WAAW,kBAAkB;CAC/B;AACF;AAEA,SAAS,mBAAmB,OAAsB;CAChD,IAAI,CAAC,OACH,OAAO;CAET,MAAM,aAAa,MAAM,KAAK,CAAC,CAAC,YAAY;CAC5C,OAAO,eAAe,iBACjB,eAAe,mBACf,eAAe,sBACf,eAAe;AACtB;AAEA,SAAgB,wBAAwB,MAA4B;CAClE,uBAAuB;EAAE,GAAG;EAAsB,GAAG;CAAK;CAC1D,KAAK,MAAM,YAAY,wBACrB,SAAS,aAAa;AAE1B;AAEA,IAAM,qBAAN,cAAiC,YAAY;CAC3C,OAAO,qBAAqB;EAAC;EAAS;EAAoB;EAAc;EAAe;CAAS;CAEhG;CACA;CACA;CACA;CAEA,oBAAoB;EAClB,IAAI,CAAC,KAAK,YACR,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAEpC,IAAI,KAAK,cAAc,CAAC,KAAK,WAAW,cAAc,GACpD,KAAKA,aAAa;EAEpB,uBAAuB,IAAI,IAAI;EAC/B,KAAK,aAAa;EAClB,KAAK,gBAAgB;EACrB,KAAKC,YAAY;CACnB;CAEA,uBAAuB;EACrB,uBAAuB,OAAO,IAAI;EAClC,IAAI,KAAKC,gBAAgB;GAEvB,CADe,OAAO,WAAW,cAAe,OAAO,kBAAkB,SAAU,OAC7E,EAAE,oBAAoB,UAAU,KAAKA,cAAc;GACzD,KAAKA,iBAAiB;EACxB;CACF;CAEA,2BAA2B;EACzB,KAAK,gBAAgB;CACvB;CAEA,eAAe;EACb,MAAM,UAAU,4BAA4B;EAC5C,KAAK,MAAM,YAAY,6BAA6B,GAAG,QAAQ,gBAAgB,GAAG;EAClF,KAAK,MAAM,YAAY,8BAA8B,GAAG,QAAQ,iBAAiB,GAAG;EACpF,KAAK,MAAM,YAAY,sBAAsB,GAAG,QAAQ,UAAU,GAAG;CACvE;CAEA,kBAAkB;EAChB,IAAI,CAAC,KAAKC,QAAQ,CAAC,KAAKC,UAAU,CAAC,KAAKC,UACtC;EAEF,MAAM,QAAQ,KAAK,aAAa,OAAO,KAAK;EAC5C,KAAKD,OAAO,cAAc;EAC1B,MAAM,aAAa,KAAK,aAAa,kBAAkB,KAAK;EAC5D,MAAM,aAAa,KAAK,aAAa,aAAa;EAClD,MAAM,aAAa,KAAK,aAAa,YAAY,KAAK,GAAE,CAAE,YAAY;EACtE,MAAM,QAAQ,eAAe,cAAc,UAAU,YAAY;EACjE,MAAM,cAAc,KAAK,aAAa,SAAS;EAC/C,MAAM,UAAU,gBAAgB,QAAQ,gBAAgB,WAAW,gBAAgB;EACnF,KAAK,MAAM,YAAY,kBAAkB,UAAU;EACnD,KAAK,MAAM,YAAY,qBAAqB,KAAK;EACjD,KAAKC,SAAS,gBAAgB,UAAU,CAAC,OAAO;EAChD,KAAKF,KAAK,UAAU,OAAO,0BAA0B,mBAAmB,UAAU,CAAC;CACrF;CAEA,cAAc;EACZ,IAAI,KAAKD,kBAAkB,OAAO,WAAW,aAC3C;EAEF,MAAM,SAAS,OAAO,kBAAkB;EACxC,KAAKA,uBAAuB;GAC1B,KAAK,aAAa;EACpB;EACA,OAAO,iBAAiB,UAAU,KAAKA,cAAc;CACvD;CAEA,eAAe;EACb,MAAM,OAAO,KAAK;EAClB,KAAK,YAAY;EACjB,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;EACpB,MAAM,SAAS,SAAS,cAAc,KAAK;EAC3C,OAAO,YAAY;EACnB,MAAM,MAAM,SAAS,cAAc,KAAK;EACxC,IAAI,YAAY;EAChB,MAAM,SAAS,SAAS,cAAc,KAAK;EAC3C,OAAO,YAAY;EACnB,MAAM,UAAU,SAAS,cAAc,KAAK;EAC5C,QAAQ,YAAY;EACpB,MAAM,OAAO,SAAS,cAAc,KAAK;EACzC,KAAK,YAAY;EACjB,MAAM,QAAQ,SAAS,cAAc,KAAK;EAC1C,MAAM,YAAY;EAClB,MAAM,QAAQ,SAAS,cAAc,MAAM;EAC3C,MAAM,YAAY;EAClB,MAAM,UAAU,SAAS,cAAc,MAAM;EAC7C,QAAQ,YAAY;EACpB,QAAQ,aAAa,UAAU,EAAE;EACjC,MAAM,YAAY,SAAS,cAAc,MAAM;EAC/C,UAAU,YAAY;EACtB,MAAM,OAAO,SAAS,SAAS;EAC/B,QAAQ,OAAO,MAAM,OAAO,KAAK;EACjC,IAAI,OAAO,QAAQ,OAAO;EAC1B,KAAK,OAAO,OAAO,QAAQ,GAAG;EAC9B,KAAKC,OAAO;EACZ,KAAKC,SAAS;EACd,KAAKC,WAAW;CAClB;AACF;AAEA,SAAgB,6BAA6B;CAC3C,IAAI,OAAO,mBAAmB,aAC5B;CAEF,IAAI,CAAC,eAAe,IAAI,kBAAkB,GACxC,eAAe,OAAO,oBAAoB,kBAAkB;AAEhE"}
+{"version":3,"file":"index.mjs","names":["#renderShell","#bindResize","#resizeHandler","#nav","#title","#loading"],"sources":["../../../src/runtime/navigationBar/index.ts"],"sourcesContent":["import { NAVBAR_STYLE } from './style'\n\ninterface NavigationBarMetrics {\n  statusBarHeight?: number\n  navContentHeight?: number\n  safeAreaTop?: number\n}\n\nconst NAVIGATION_BAR_TAG = 'weapp-navigation-bar'\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\nconst navigationBarInstances = new Set<WeappNavigationBar>()\nlet navigationBarMetrics: NavigationBarMetrics = {}\nconst IOS_DEVICE_RE = /iphone|ipad|ipod/i\n\nfunction isIOS() {\n  if (typeof navigator === 'undefined') {\n    return false\n  }\n  return IOS_DEVICE_RE.test(navigator.userAgent)\n}\n\nfunction getDefaultHeights() {\n  if (isIOS()) {\n    return { statusBarHeight: 20, navContentHeight: 44 }\n  }\n  return { statusBarHeight: 24, navContentHeight: 48 }\n}\n\nfunction readSafeAreaTop() {\n  if (typeof document === 'undefined' || !document.body) {\n    return 0\n  }\n  const probe = document.createElement('div')\n  probe.style.cssText = [\n    'position: absolute',\n    'top: 0',\n    'height: env(safe-area-inset-top)',\n    'height: constant(safe-area-inset-top)',\n    'pointer-events: none',\n    'visibility: hidden',\n  ].join(';')\n  document.body.appendChild(probe)\n  const height = Math.max(0, probe.getBoundingClientRect().height)\n  probe.remove()\n  return height\n}\n\nfunction resolveNavigationBarMetrics(): Required<NavigationBarMetrics> & { navHeight: number } {\n  const defaults = getDefaultHeights()\n  const safeAreaTop = navigationBarMetrics.safeAreaTop !== undefined\n    ? navigationBarMetrics.safeAreaTop\n    : readSafeAreaTop()\n  const statusBarHeight = navigationBarMetrics.statusBarHeight !== undefined\n    ? navigationBarMetrics.statusBarHeight\n    : (safeAreaTop > 0 ? safeAreaTop : defaults.statusBarHeight)\n  const navContentHeight = navigationBarMetrics.navContentHeight !== undefined\n    ? navigationBarMetrics.navContentHeight\n    : defaults.navContentHeight\n  return {\n    safeAreaTop,\n    statusBarHeight,\n    navContentHeight,\n    navHeight: statusBarHeight + navContentHeight,\n  }\n}\n\nfunction isTransparentColor(value: string) {\n  const normalized = value.trim().toLowerCase()\n  return normalized === 'transparent'\n    || normalized === 'rgba(0,0,0,0)'\n    || normalized === 'rgba(0, 0, 0, 0)'\n    || normalized === 'hsla(0,0%,0%,0)'\n}\n\nexport function setNavigationBarMetrics(next: NavigationBarMetrics) {\n  navigationBarMetrics = { ...navigationBarMetrics, ...next }\n  for (const instance of navigationBarInstances) {\n    instance.applyMetrics()\n  }\n}\n\nclass WeappNavigationBar extends BaseElement {\n  static observedAttributes = ['title', 'background-color', 'text-style', 'front-color', 'loading']\n\n  #nav?: HTMLDivElement\n  #title?: HTMLSpanElement\n  #loading?: HTMLSpanElement\n  #resizeHandler?: () => void\n\n  connectedCallback() {\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    if (!root.hasChildNodes()) {\n      this.#renderShell()\n    }\n    navigationBarInstances.add(this)\n    this.applyMetrics()\n    this.applyAppearance()\n    this.#bindResize()\n  }\n\n  disconnectedCallback() {\n    navigationBarInstances.delete(this)\n    if (this.#resizeHandler) {\n      const target = typeof window !== 'undefined' ? (window.visualViewport ?? window) : undefined\n      target?.removeEventListener('resize', this.#resizeHandler)\n      this.#resizeHandler = undefined\n    }\n  }\n\n  attributeChangedCallback() {\n    this.applyAppearance()\n  }\n\n  applyMetrics() {\n    const metrics = resolveNavigationBarMetrics()\n    this.style.setProperty('--weapp-status-bar-height', `${metrics.statusBarHeight}px`)\n    this.style.setProperty('--weapp-nav-content-height', `${metrics.navContentHeight}px`)\n    this.style.setProperty('--weapp-nav-height', `${metrics.navHeight}px`)\n  }\n\n  applyAppearance() {\n    if (!this.#nav || !this.#title || !this.#loading) {\n      return\n    }\n    const title = this.getAttribute('title') ?? ''\n    this.#title.textContent = title\n    const background = this.getAttribute('background-color') ?? '#ffffff'\n    const frontColor = this.getAttribute('front-color')\n    const textStyle = (this.getAttribute('text-style') ?? '').toLowerCase()\n    const color = frontColor || (textStyle === 'white' ? '#ffffff' : '#000000')\n    const loadingAttr = this.getAttribute('loading')\n    const loading = loadingAttr !== null && loadingAttr !== 'false' && loadingAttr !== '0'\n    this.style.setProperty('--weapp-nav-bg', background)\n    this.style.setProperty('--weapp-nav-color', color)\n    this.#loading.toggleAttribute('hidden', !loading)\n    this.#nav.classList.toggle('weapp-nav--transparent', isTransparentColor(background))\n  }\n\n  #bindResize() {\n    if (this.#resizeHandler || typeof window === 'undefined') {\n      return\n    }\n    const target = window.visualViewport ?? window\n    this.#resizeHandler = () => {\n      this.applyMetrics()\n    }\n    target.addEventListener('resize', this.#resizeHandler)\n  }\n\n  #renderShell() {\n    const root = this.shadowRoot!\n    root.innerHTML = ''\n    const style = document.createElement('style')\n    style.textContent = NAVBAR_STYLE\n    const spacer = document.createElement('div')\n    spacer.className = 'weapp-nav__spacer'\n    const nav = document.createElement('div')\n    nav.className = 'weapp-nav'\n    const status = document.createElement('div')\n    status.className = 'weapp-nav__status'\n    const content = document.createElement('div')\n    content.className = 'weapp-nav__content'\n    const left = document.createElement('div')\n    left.className = 'weapp-nav__left'\n    const right = document.createElement('div')\n    right.className = 'weapp-nav__right'\n    const title = document.createElement('span')\n    title.className = 'weapp-nav__title'\n    const loading = document.createElement('span')\n    loading.className = 'weapp-nav__loading'\n    loading.setAttribute('hidden', '')\n    const titleText = document.createElement('span')\n    titleText.className = 'weapp-nav__title-text'\n    title.append(loading, titleText)\n    content.append(left, title, right)\n    nav.append(status, content)\n    root.append(style, spacer, nav)\n    this.#nav = nav\n    this.#title = titleText\n    this.#loading = loading\n  }\n}\n\nexport function ensureNavigationBarDefined() {\n  if (typeof customElements === 'undefined') {\n    return\n  }\n  if (!customElements.get(NAVIGATION_BAR_TAG)) {\n    customElements.define(NAVIGATION_BAR_TAG, WeappNavigationBar)\n  }\n}\n\nexport type { NavigationBarMetrics }\n"],"mappings":"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"}

package/dist/runtime/pageLayout.d.mts

@@ -0,0 +1,9 @@
+import { WevuPageLayoutMap } from "wevu";
+//#region src/runtime/pageLayout.d.ts
+type ResolveTypedPageLayoutName = keyof WevuPageLayoutMap extends never ? string : Extract<keyof WevuPageLayoutMap, string>;
+type ResolveTypedPageLayoutProps<Name extends string> = Name extends keyof WevuPageLayoutMap ? WevuPageLayoutMap[Name] : Record<string, any>;
+declare function setPageLayout(layout: false): void;
+declare function setPageLayout<Name extends ResolveTypedPageLayoutName>(layout: Name, props?: ResolveTypedPageLayoutProps<Name>): void;
+//#endregion
+export { setPageLayout };
+//# sourceMappingURL=pageLayout.d.mts.map

package/dist/runtime/pageLayout.mjs

@@ -0,0 +1,16 @@
+import { getCurrentPageInstance } from "./polyfill/routeRuntime.mjs";
+import { WEVU_PAGE_LAYOUT_SETTER_KEY } from "@weapp-core/constants";
+
+//#region src/runtime/pageLayout.ts
+function setPageLayout(layout, props) {
+	const setter = getCurrentPageInstance()?.[WEVU_PAGE_LAYOUT_SETTER_KEY];
+	if (typeof setter === "function") {
+		setter(layout, props);
+		return;
+	}
+	throw new Error("setPageLayout() 未找到当前 Web 页面实例。请在页面生命周期、事件回调或当前页面上下文中调用。");
+}
+
+//#endregion
+export { setPageLayout };
+//# sourceMappingURL=pageLayout.mjs.map

package/dist/runtime/pageLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageLayout.mjs","names":[],"sources":["../../src/runtime/pageLayout.ts"],"sourcesContent":["import type { WevuPageLayoutMap } from 'wevu'\nimport { WEVU_PAGE_LAYOUT_SETTER_KEY } from '@weapp-core/constants'\nimport { getCurrentPageInstance } from './polyfill/routeRuntime'\n\ntype PageLayoutSetter = (layout: string | false, props?: Record<string, any>) => void\ntype ResolveTypedPageLayoutName = keyof WevuPageLayoutMap extends never ? string : Extract<keyof WevuPageLayoutMap, string>\ntype ResolveTypedPageLayoutProps<Name extends string> = Name extends keyof WevuPageLayoutMap ? WevuPageLayoutMap[Name] : Record<string, any>\n\nexport function setPageLayout(layout: false): void\nexport function setPageLayout<Name extends ResolveTypedPageLayoutName>(layout: Name, props?: ResolveTypedPageLayoutProps<Name>): void\n\nexport function setPageLayout(layout: string | false, props?: Record<string, any>): void {\n  const page = getCurrentPageInstance() as Record<string, any> | undefined\n  const setter = page?.[WEVU_PAGE_LAYOUT_SETTER_KEY] as PageLayoutSetter | undefined\n  if (typeof setter === 'function') {\n    setter(layout, props)\n    return\n  }\n  throw new Error('setPageLayout() 未找到当前 Web 页面实例。请在页面生命周期、事件回调或当前页面上下文中调用。')\n}\n"],"mappings":";;;;AAWA,SAAgB,cAAc,QAAwB,OAAmC;CAEvF,MAAM,SADO,uBACK,CAAC,GAAG;CACtB,IAAI,OAAO,WAAW,YAAY;EAChC,OAAO,QAAQ,KAAK;EACpB;CACF;CACA,MAAM,IAAI,MAAM,0DAA0D;AAC5E"}

package/dist/runtime/polyfill/animation.mjs

@@ -0,0 +1,120 @@
+//#region src/runtime/polyfill/animation.ts
+var WebAnimation = class {
+	defaults;
+	#actions = [];
+	#operations = [];
+	constructor(defaults = {}) {
+		this.defaults = defaults;
+	}
+	#add(type, ...args) {
+		this.#operations.push({
+			type,
+			args
+		});
+		return this;
+	}
+	backgroundColor(value) {
+		return this.#add("backgroundColor", value);
+	}
+	bottom(value) {
+		return this.#add("bottom", value);
+	}
+	height(value) {
+		return this.#add("height", value);
+	}
+	left(value) {
+		return this.#add("left", value);
+	}
+	matrix(...args) {
+		return this.#add("matrix", ...args);
+	}
+	matrix3d(...args) {
+		return this.#add("matrix3d", ...args);
+	}
+	opacity(value) {
+		return this.#add("opacity", value);
+	}
+	right(value) {
+		return this.#add("right", value);
+	}
+	rotate(angle) {
+		return this.#add("rotate", angle);
+	}
+	rotate3d(x, y, z, angle) {
+		return this.#add("rotate3d", x, y, z, angle);
+	}
+	rotateX(angle) {
+		return this.#add("rotateX", angle);
+	}
+	rotateY(angle) {
+		return this.#add("rotateY", angle);
+	}
+	rotateZ(angle) {
+		return this.#add("rotateZ", angle);
+	}
+	scale(x, y) {
+		return this.#add("scale", x, y ?? x);
+	}
+	scale3d(x, y, z) {
+		return this.#add("scale3d", x, y, z);
+	}
+	scaleX(value) {
+		return this.#add("scaleX", value);
+	}
+	scaleY(value) {
+		return this.#add("scaleY", value);
+	}
+	scaleZ(value) {
+		return this.#add("scaleZ", value);
+	}
+	skew(x, y) {
+		return this.#add("skew", x, y);
+	}
+	skewX(angle) {
+		return this.#add("skewX", angle);
+	}
+	skewY(angle) {
+		return this.#add("skewY", angle);
+	}
+	top(value) {
+		return this.#add("top", value);
+	}
+	translate(x, y) {
+		return this.#add("translate", x, y ?? 0);
+	}
+	translate3d(x, y, z) {
+		return this.#add("translate3d", x, y, z);
+	}
+	translateX(value) {
+		return this.#add("translateX", value);
+	}
+	translateY(value) {
+		return this.#add("translateY", value);
+	}
+	translateZ(value) {
+		return this.#add("translateZ", value);
+	}
+	width(value) {
+		return this.#add("width", value);
+	}
+	step(options = {}) {
+		this.#actions.push({
+			animates: this.#operations.splice(0),
+			option: {
+				...this.defaults,
+				...options
+			}
+		});
+		return this;
+	}
+	export() {
+		return { actions: this.#actions.splice(0) };
+	}
+};
+function createAnimation(options = {}) {
+	return new WebAnimation(options);
+}
+
+//#endregion
+export { WebAnimation, createAnimation };
+//# sourceMappingURL=animation.mjs.map

package/dist/runtime/polyfill/animation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.mjs","names":["#operations","#add","#actions"],"sources":["../../../src/runtime/polyfill/animation.ts"],"sourcesContent":["export interface WebAnimationStepOptions {\n  delay?: number\n  duration?: number\n  timingFunction?: string\n  transformOrigin?: string\n}\n\ninterface WebAnimationOperation {\n  type: string\n  args: unknown[]\n}\n\ninterface WebAnimationStep {\n  animates: WebAnimationOperation[]\n  option: WebAnimationStepOptions\n}\n\nexport class WebAnimation {\n  #actions: WebAnimationStep[] = []\n  #operations: WebAnimationOperation[] = []\n\n  constructor(private readonly defaults: WebAnimationStepOptions = {}) {}\n\n  #add(type: string, ...args: unknown[]) {\n    this.#operations.push({ type, args })\n    return this\n  }\n\n  backgroundColor(value: string) { return this.#add('backgroundColor', value) }\n  bottom(value: number | string) { return this.#add('bottom', value) }\n  height(value: number | string) { return this.#add('height', value) }\n  left(value: number | string) { return this.#add('left', value) }\n  matrix(...args: number[]) { return this.#add('matrix', ...args) }\n  matrix3d(...args: number[]) { return this.#add('matrix3d', ...args) }\n  opacity(value: number) { return this.#add('opacity', value) }\n  right(value: number | string) { return this.#add('right', value) }\n  rotate(angle: number) { return this.#add('rotate', angle) }\n  rotate3d(x: number, y: number, z: number, angle: number) { return this.#add('rotate3d', x, y, z, angle) }\n  rotateX(angle: number) { return this.#add('rotateX', angle) }\n  rotateY(angle: number) { return this.#add('rotateY', angle) }\n  rotateZ(angle: number) { return this.#add('rotateZ', angle) }\n  scale(x: number, y?: number) { return this.#add('scale', x, y ?? x) }\n  scale3d(x: number, y: number, z: number) { return this.#add('scale3d', x, y, z) }\n  scaleX(value: number) { return this.#add('scaleX', value) }\n  scaleY(value: number) { return this.#add('scaleY', value) }\n  scaleZ(value: number) { return this.#add('scaleZ', value) }\n  skew(x: number, y: number) { return this.#add('skew', x, y) }\n  skewX(angle: number) { return this.#add('skewX', angle) }\n  skewY(angle: number) { return this.#add('skewY', angle) }\n  top(value: number | string) { return this.#add('top', value) }\n  translate(x: number, y?: number) { return this.#add('translate', x, y ?? 0) }\n  translate3d(x: number, y: number, z: number) { return this.#add('translate3d', x, y, z) }\n  translateX(value: number) { return this.#add('translateX', value) }\n  translateY(value: number) { return this.#add('translateY', value) }\n  translateZ(value: number) { return this.#add('translateZ', value) }\n  width(value: number | string) { return this.#add('width', value) }\n\n  step(options: WebAnimationStepOptions = {}) {\n    this.#actions.push({\n      animates: this.#operations.splice(0),\n      option: { ...this.defaults, ...options },\n    })\n    return this\n  }\n\n  export() {\n    return { actions: this.#actions.splice(0) }\n  }\n}\n\nexport function createAnimation(options: WebAnimationStepOptions = {}) {\n  return new WebAnimation(options)\n}\n"],"mappings":";AAiBA,IAAa,eAAb,MAA0B;CAIK;CAH7B,WAA+B,CAAC;CAChC,cAAuC,CAAC;CAExC,YAAY,AAAiB,WAAoC,CAAC,GAAG;EAAxC;CAAyC;CAEtE,KAAK,MAAc,GAAG,MAAiB;EACrC,KAAKA,YAAY,KAAK;GAAE;GAAM;EAAK,CAAC;EACpC,OAAO;CACT;CAEA,gBAAgB,OAAe;EAAE,OAAO,KAAKC,KAAK,mBAAmB,KAAK;CAAE;CAC5E,OAAO,OAAwB;EAAE,OAAO,KAAKA,KAAK,UAAU,KAAK;CAAE;CACnE,OAAO,OAAwB;EAAE,OAAO,KAAKA,KAAK,UAAU,KAAK;CAAE;CACnE,KAAK,OAAwB;EAAE,OAAO,KAAKA,KAAK,QAAQ,KAAK;CAAE;CAC/D,OAAO,GAAG,MAAgB;EAAE,OAAO,KAAKA,KAAK,UAAU,GAAG,IAAI;CAAE;CAChE,SAAS,GAAG,MAAgB;EAAE,OAAO,KAAKA,KAAK,YAAY,GAAG,IAAI;CAAE;CACpE,QAAQ,OAAe;EAAE,OAAO,KAAKA,KAAK,WAAW,KAAK;CAAE;CAC5D,MAAM,OAAwB;EAAE,OAAO,KAAKA,KAAK,SAAS,KAAK;CAAE;CACjE,OAAO,OAAe;EAAE,OAAO,KAAKA,KAAK,UAAU,KAAK;CAAE;CAC1D,SAAS,GAAW,GAAW,GAAW,OAAe;EAAE,OAAO,KAAKA,KAAK,YAAY,GAAG,GAAG,GAAG,KAAK;CAAE;CACxG,QAAQ,OAAe;EAAE,OAAO,KAAKA,KAAK,WAAW,KAAK;CAAE;CAC5D,QAAQ,OAAe;EAAE,OAAO,KAAKA,KAAK,WAAW,KAAK;CAAE;CAC5D,QAAQ,OAAe;EAAE,OAAO,KAAKA,KAAK,WAAW,KAAK;CAAE;CAC5D,MAAM,GAAW,GAAY;EAAE,OAAO,KAAKA,KAAK,SAAS,GAAG,KAAK,CAAC;CAAE;CACpE,QAAQ,GAAW,GAAW,GAAW;EAAE,OAAO,KAAKA,KAAK,WAAW,GAAG,GAAG,CAAC;CAAE;CAChF,OAAO,OAAe;EAAE,OAAO,KAAKA,KAAK,UAAU,KAAK;CAAE;CAC1D,OAAO,OAAe;EAAE,OAAO,KAAKA,KAAK,UAAU,KAAK;CAAE;CAC1D,OAAO,OAAe;EAAE,OAAO,KAAKA,KAAK,UAAU,KAAK;CAAE;CAC1D,KAAK,GAAW,GAAW;EAAE,OAAO,KAAKA,KAAK,QAAQ,GAAG,CAAC;CAAE;CAC5D,MAAM,OAAe;EAAE,OAAO,KAAKA,KAAK,SAAS,KAAK;CAAE;CACxD,MAAM,OAAe;EAAE,OAAO,KAAKA,KAAK,SAAS,KAAK;CAAE;CACxD,IAAI,OAAwB;EAAE,OAAO,KAAKA,KAAK,OAAO,KAAK;CAAE;CAC7D,UAAU,GAAW,GAAY;EAAE,OAAO,KAAKA,KAAK,aAAa,GAAG,KAAK,CAAC;CAAE;CAC5E,YAAY,GAAW,GAAW,GAAW;EAAE,OAAO,KAAKA,KAAK,eAAe,GAAG,GAAG,CAAC;CAAE;CACxF,WAAW,OAAe;EAAE,OAAO,KAAKA,KAAK,cAAc,KAAK;CAAE;CAClE,WAAW,OAAe;EAAE,OAAO,KAAKA,KAAK,cAAc,KAAK;CAAE;CAClE,WAAW,OAAe;EAAE,OAAO,KAAKA,KAAK,cAAc,KAAK;CAAE;CAClE,MAAM,OAAwB;EAAE,OAAO,KAAKA,KAAK,SAAS,KAAK;CAAE;CAEjE,KAAK,UAAmC,CAAC,GAAG;EAC1C,KAAKC,SAAS,KAAK;GACjB,UAAU,KAAKF,YAAY,OAAO,CAAC;GACnC,QAAQ;IAAE,GAAG,KAAK;IAAU,GAAG;GAAQ;EACzC,CAAC;EACD,OAAO;CACT;CAEA,SAAS;EACP,OAAO,EAAE,SAAS,KAAKE,SAAS,OAAO,CAAC,EAAE;CAC5C;AACF;AAEA,SAAgB,gBAAgB,UAAmC,CAAC,GAAG;CACrE,OAAO,IAAI,aAAa,OAAO;AACjC"}

package/dist/runtime/polyfill/appState.mjs

@@ -11,7 +11,7 @@ function cloneLaunchOptions(options) {
 	};
 }
 function resolveFallbackLaunchOptions(navigationHistory) {
-	const entry = navigationHistory[navigationHistory.length - 1] ?? navigationHistory[0];
+	const entry = navigationHistory[navigationHistory.length - 1];
 	if (!entry) return {
 		path: "",
 		scene: 0,