@weapp-vite/web 1.3.37 → 1.4.1

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

package/dist/runtime/nativeComponents/index.mjs

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

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

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

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

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

package/dist/runtime/nativeComponents/input.mjs

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

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

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

package/dist/runtime/nativeComponents/label.mjs

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

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

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