@weapp-vite/web 1.3.37 → 1.4.1

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

@@ -0,0 +1,230 @@
+import { parseDocument } from "htmlparser2";
+
+//#region src/runtime/nativeComponents/richText/helpers.ts
+const ALLOWED_TAGS = /* @__PURE__ */ new Set([
+	"a",
+	"abbr",
+	"address",
+	"article",
+	"aside",
+	"b",
+	"bdi",
+	"bdo",
+	"big",
+	"blockquote",
+	"br",
+	"caption",
+	"center",
+	"cite",
+	"code",
+	"col",
+	"colgroup",
+	"dd",
+	"del",
+	"div",
+	"dl",
+	"dt",
+	"em",
+	"fieldset",
+	"font",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"header",
+	"hr",
+	"i",
+	"img",
+	"ins",
+	"label",
+	"legend",
+	"li",
+	"mark",
+	"ol",
+	"p",
+	"pre",
+	"q",
+	"rt",
+	"ruby",
+	"s",
+	"section",
+	"small",
+	"span",
+	"strong",
+	"sub",
+	"sup",
+	"table",
+	"tbody",
+	"td",
+	"tfoot",
+	"th",
+	"thead",
+	"tr",
+	"tt",
+	"u",
+	"ul"
+]);
+const ALLOWED_ATTRIBUTES = /* @__PURE__ */ new Set([
+	"abbr",
+	"align",
+	"alt",
+	"axis",
+	"bgcolor",
+	"border",
+	"cellpadding",
+	"cellspacing",
+	"class",
+	"colspan",
+	"dir",
+	"height",
+	"href",
+	"id",
+	"lang",
+	"rowspan",
+	"scope",
+	"span",
+	"start",
+	"style",
+	"summary",
+	"target",
+	"title",
+	"type",
+	"valign",
+	"width"
+]);
+const URL_ATTRIBUTES = /* @__PURE__ */ new Set(["href", "src"]);
+const ALLOWED_STYLE_PROPERTIES = /* @__PURE__ */ new Set([
+	"background",
+	"background-color",
+	"border",
+	"border-bottom",
+	"border-color",
+	"border-left",
+	"border-radius",
+	"border-right",
+	"border-style",
+	"border-top",
+	"border-width",
+	"color",
+	"display",
+	"font-family",
+	"font-size",
+	"font-style",
+	"font-weight",
+	"height",
+	"letter-spacing",
+	"line-height",
+	"margin",
+	"margin-bottom",
+	"margin-left",
+	"margin-right",
+	"margin-top",
+	"max-height",
+	"max-width",
+	"min-height",
+	"min-width",
+	"opacity",
+	"overflow",
+	"padding",
+	"padding-bottom",
+	"padding-left",
+	"padding-right",
+	"padding-top",
+	"text-align",
+	"text-decoration",
+	"text-indent",
+	"text-overflow",
+	"text-transform",
+	"vertical-align",
+	"white-space",
+	"width",
+	"word-break",
+	"word-wrap"
+]);
+function isRecord(value) {
+	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function isSafeUrl(value, attribute) {
+	const normalized = Array.from(value).filter((character) => character.charCodeAt(0) > 32).join("").toLowerCase();
+	if (!normalized || normalized.startsWith("#") || normalized.startsWith("/") || normalized.startsWith("./") || normalized.startsWith("../")) return true;
+	if (/^(?:https?:|mailto:|tel:)/.test(normalized)) return true;
+	return attribute === "src" && /^data:image\/(?:gif|jpe?g|png|webp);base64,/.test(normalized);
+}
+function isSafeStyleValue(value) {
+	const normalized = value.toLowerCase().replace(/\s+/g, "");
+	return !normalized.includes("url(") && !normalized.includes("expression(") && !normalized.includes("javascript:") && !normalized.includes("behavior:") && !normalized.includes("-moz-binding");
+}
+function sanitizeRichTextStyle(value) {
+	const source = isRecord(value) ? Object.entries(value).map(([property, propertyValue]) => `${property}:${String(propertyValue)}`).join(";") : String(value ?? "");
+	const declarations = [];
+	for (const declaration of source.split(";")) {
+		const separator = declaration.indexOf(":");
+		if (separator <= 0) continue;
+		const property = declaration.slice(0, separator).trim().toLowerCase();
+		const propertyValue = declaration.slice(separator + 1).trim();
+		if (ALLOWED_STYLE_PROPERTIES.has(property) && propertyValue && isSafeStyleValue(propertyValue)) declarations.push(`${property}: ${propertyValue}`);
+	}
+	return declarations.join("; ");
+}
+function sanitizeRichTextAttributes(value, tagName) {
+	if (!isRecord(value)) return {};
+	const attributes = {};
+	for (const [rawName, rawValue] of Object.entries(value)) {
+		const name = rawName.trim().toLowerCase();
+		if (name.startsWith("on") || name === "srcdoc") continue;
+		if (!ALLOWED_ATTRIBUTES.has(name) && name !== "src" && !name.startsWith("aria-") && !name.startsWith("data-")) continue;
+		if (name === "src" && tagName !== "img") continue;
+		const serialized = name === "style" ? sanitizeRichTextStyle(rawValue) : String(rawValue ?? "");
+		if (!serialized || URL_ATTRIBUTES.has(name) && !isSafeUrl(serialized, name)) continue;
+		attributes[name] = serialized;
+	}
+	if (tagName === "a") attributes.rel = "noopener noreferrer";
+	return attributes;
+}
+function convertSourceNode(value) {
+	if (!isRecord(value)) return [];
+	if (value.type === "text" || !value.name && typeof value.text === "string") return [{
+		type: "text",
+		text: String(value.text ?? "")
+	}];
+	const children = Array.isArray(value.children) ? value.children.flatMap(convertSourceNode) : [];
+	const name = String(value.name ?? "").toLowerCase();
+	if (!ALLOWED_TAGS.has(name)) return children;
+	return [{
+		type: "element",
+		name,
+		attrs: sanitizeRichTextAttributes(value.attrs, name),
+		children
+	}];
+}
+function convertParsedNode(node) {
+	if (node.type === "text") return [{
+		type: "text",
+		text: node.data
+	}];
+	if (node.type !== "tag") return [];
+	const element = node;
+	const children = element.children.flatMap(convertParsedNode);
+	const name = element.name.toLowerCase();
+	if (!ALLOWED_TAGS.has(name)) return children;
+	return [{
+		type: "element",
+		name,
+		attrs: sanitizeRichTextAttributes(element.attribs, name),
+		children
+	}];
+}
+function normalizeRichTextNodes(value) {
+	if (typeof value === "string") return parseDocument(value, {
+		decodeEntities: true,
+		lowerCaseAttributeNames: true,
+		lowerCaseTags: true
+	}).children.flatMap(convertParsedNode);
+	return (Array.isArray(value) ? value : [value]).flatMap(convertSourceNode);
+}
+
+//#endregion
+export { normalizeRichTextNodes, sanitizeRichTextAttributes, sanitizeRichTextStyle };
+//# sourceMappingURL=helpers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/richText/helpers.ts"],"sourcesContent":["import type { DataNode, Element, Node } from 'domhandler'\nimport { parseDocument } from 'htmlparser2'\n\nexport interface RichTextSourceNode {\n  type?: string\n  name?: string\n  attrs?: Record<string, unknown>\n  children?: RichTextSourceNode[]\n  text?: string\n}\n\nexport type SafeRichTextNode\n  = | { type: 'text', text: string }\n    | { type: 'element', name: string, attrs: Record<string, string>, children: SafeRichTextNode[] }\n\nconst ALLOWED_TAGS = new Set([\n  'a',\n  'abbr',\n  'address',\n  'article',\n  'aside',\n  'b',\n  'bdi',\n  'bdo',\n  'big',\n  'blockquote',\n  'br',\n  'caption',\n  'center',\n  'cite',\n  'code',\n  'col',\n  'colgroup',\n  'dd',\n  'del',\n  'div',\n  'dl',\n  'dt',\n  'em',\n  'fieldset',\n  'font',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'header',\n  'hr',\n  'i',\n  'img',\n  'ins',\n  'label',\n  'legend',\n  'li',\n  'mark',\n  'ol',\n  'p',\n  'pre',\n  'q',\n  'rt',\n  'ruby',\n  's',\n  'section',\n  'small',\n  'span',\n  'strong',\n  'sub',\n  'sup',\n  'table',\n  'tbody',\n  'td',\n  'tfoot',\n  'th',\n  'thead',\n  'tr',\n  'tt',\n  'u',\n  'ul',\n])\n\nconst ALLOWED_ATTRIBUTES = new Set([\n  'abbr',\n  'align',\n  'alt',\n  'axis',\n  'bgcolor',\n  'border',\n  'cellpadding',\n  'cellspacing',\n  'class',\n  'colspan',\n  'dir',\n  'height',\n  'href',\n  'id',\n  'lang',\n  'rowspan',\n  'scope',\n  'span',\n  'start',\n  'style',\n  'summary',\n  'target',\n  'title',\n  'type',\n  'valign',\n  'width',\n])\n\nconst URL_ATTRIBUTES = new Set(['href', 'src'])\n\nconst ALLOWED_STYLE_PROPERTIES = new Set([\n  'background',\n  'background-color',\n  'border',\n  'border-bottom',\n  'border-color',\n  'border-left',\n  'border-radius',\n  'border-right',\n  'border-style',\n  'border-top',\n  'border-width',\n  'color',\n  'display',\n  'font-family',\n  'font-size',\n  'font-style',\n  'font-weight',\n  'height',\n  'letter-spacing',\n  'line-height',\n  'margin',\n  'margin-bottom',\n  'margin-left',\n  'margin-right',\n  'margin-top',\n  'max-height',\n  'max-width',\n  'min-height',\n  'min-width',\n  'opacity',\n  'overflow',\n  'padding',\n  'padding-bottom',\n  'padding-left',\n  'padding-right',\n  'padding-top',\n  'text-align',\n  'text-decoration',\n  'text-indent',\n  'text-overflow',\n  'text-transform',\n  'vertical-align',\n  'white-space',\n  'width',\n  'word-break',\n  'word-wrap',\n])\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === 'object' && !Array.isArray(value)\n}\n\nfunction isSafeUrl(value: string, attribute: string) {\n  const normalized = Array.from(value)\n    .filter(character => character.charCodeAt(0) > 0x20)\n    .join('')\n    .toLowerCase()\n  if (!normalized || normalized.startsWith('#') || normalized.startsWith('/') || normalized.startsWith('./') || normalized.startsWith('../')) {\n    return true\n  }\n  if (/^(?:https?:|mailto:|tel:)/.test(normalized)) {\n    return true\n  }\n  return attribute === 'src' && /^data:image\\/(?:gif|jpe?g|png|webp);base64,/.test(normalized)\n}\n\nfunction isSafeStyleValue(value: string) {\n  const normalized = value.toLowerCase().replace(/\\s+/g, '')\n  return !normalized.includes('url(')\n    && !normalized.includes('expression(')\n    && !normalized.includes('javascript:')\n    && !normalized.includes('behavior:')\n    && !normalized.includes('-moz-binding')\n}\n\nexport function sanitizeRichTextStyle(value: unknown) {\n  const source = isRecord(value)\n    ? Object.entries(value)\n        .map(([property, propertyValue]) => `${property}:${String(propertyValue)}`)\n        .join(';')\n    : String(value ?? '')\n  const declarations: string[] = []\n  for (const declaration of source.split(';')) {\n    const separator = declaration.indexOf(':')\n    if (separator <= 0) {\n      continue\n    }\n    const property = declaration.slice(0, separator).trim().toLowerCase()\n    const propertyValue = declaration.slice(separator + 1).trim()\n    if (ALLOWED_STYLE_PROPERTIES.has(property) && propertyValue && isSafeStyleValue(propertyValue)) {\n      declarations.push(`${property}: ${propertyValue}`)\n    }\n  }\n  return declarations.join('; ')\n}\n\nexport function sanitizeRichTextAttributes(value: unknown, tagName: string) {\n  if (!isRecord(value)) {\n    return {}\n  }\n  const attributes: Record<string, string> = {}\n  for (const [rawName, rawValue] of Object.entries(value)) {\n    const name = rawName.trim().toLowerCase()\n    if (name.startsWith('on') || name === 'srcdoc') {\n      continue\n    }\n    if (!ALLOWED_ATTRIBUTES.has(name) && name !== 'src' && !name.startsWith('aria-') && !name.startsWith('data-')) {\n      continue\n    }\n    if (name === 'src' && tagName !== 'img') {\n      continue\n    }\n    const serialized = name === 'style' ? sanitizeRichTextStyle(rawValue) : String(rawValue ?? '')\n    if (!serialized || (URL_ATTRIBUTES.has(name) && !isSafeUrl(serialized, name))) {\n      continue\n    }\n    attributes[name] = serialized\n  }\n  if (tagName === 'a') {\n    attributes.rel = 'noopener noreferrer'\n  }\n  return attributes\n}\n\nfunction convertSourceNode(value: unknown): SafeRichTextNode[] {\n  if (!isRecord(value)) {\n    return []\n  }\n  if (value.type === 'text' || (!value.name && typeof value.text === 'string')) {\n    return [{ type: 'text', text: String(value.text ?? '') }]\n  }\n  const children = Array.isArray(value.children)\n    ? value.children.flatMap(convertSourceNode)\n    : []\n  const name = String(value.name ?? '').toLowerCase()\n  if (!ALLOWED_TAGS.has(name)) {\n    return children\n  }\n  return [{\n    type: 'element',\n    name,\n    attrs: sanitizeRichTextAttributes(value.attrs, name),\n    children,\n  }]\n}\n\nfunction convertParsedNode(node: Node): SafeRichTextNode[] {\n  if (node.type === 'text') {\n    return [{ type: 'text', text: (node as DataNode).data }]\n  }\n  if (node.type !== 'tag') {\n    return []\n  }\n  const element = node as Element\n  const children = element.children.flatMap(convertParsedNode)\n  const name = element.name.toLowerCase()\n  if (!ALLOWED_TAGS.has(name)) {\n    return children\n  }\n  return [{\n    type: 'element',\n    name,\n    attrs: sanitizeRichTextAttributes(element.attribs, name),\n    children,\n  }]\n}\n\nexport function normalizeRichTextNodes(value: unknown): SafeRichTextNode[] {\n  if (typeof value === 'string') {\n    const document = parseDocument(value, {\n      decodeEntities: true,\n      lowerCaseAttributeNames: true,\n      lowerCaseTags: true,\n    })\n    return document.children.flatMap(convertParsedNode)\n  }\n  const values = Array.isArray(value) ? value : [value]\n  return values.flatMap(convertSourceNode)\n}\n"],"mappings":";;;AAeA,MAAM,+BAAe,IAAI,IAAI;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,qCAAqB,IAAI,IAAI;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,iCAAiB,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC;AAE9C,MAAM,2CAA2B,IAAI,IAAI;CACvC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,SAAS,SAAS,OAAkD;CAClE,OAAO,QAAQ,KAAK,KAAK,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAEA,SAAS,UAAU,OAAe,WAAmB;CACnD,MAAM,aAAa,MAAM,KAAK,KAAK,CAAC,CACjC,QAAO,cAAa,UAAU,WAAW,CAAC,IAAI,EAAI,CAAC,CACnD,KAAK,EAAE,CAAC,CACR,YAAY;CACf,IAAI,CAAC,cAAc,WAAW,WAAW,GAAG,KAAK,WAAW,WAAW,GAAG,KAAK,WAAW,WAAW,IAAI,KAAK,WAAW,WAAW,KAAK,GACvI,OAAO;CAET,IAAI,4BAA4B,KAAK,UAAU,G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"}

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

@@ -0,0 +1,74 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { readBooleanAttribute, resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { normalizeRichTextNodes, sanitizeRichTextAttributes, sanitizeRichTextStyle } from "./helpers.mjs";
+
+//#region src/runtime/nativeComponents/richText/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+function createRichTextDomNode(node) {
+	if (node.type === "text") return document.createTextNode(node.text);
+	const element = document.createElement(node.name);
+	for (const [name, value] of Object.entries(node.attrs)) element.setAttribute(name, value);
+	element.append(...node.children.map(createRichTextDomNode));
+	return element;
+}
+var WeappRichText = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("rich-text").attributes];
+	#content;
+	#nodes = "";
+	get nodes() {
+		return this.#nodes;
+	}
+	set nodes(value) {
+		if (Object.is(this.#nodes, value)) return;
+		this.#nodes = value;
+		this.#renderNodes();
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		if (this.#nodes === "") this.#nodes = this.getAttribute("nodes") ?? "";
+		this.#syncAttributes();
+		this.#renderNodes();
+	}
+	attributeChangedCallback(name, _oldValue, newValue) {
+		if (name === "nodes") {
+			this.#nodes = newValue ?? "";
+			this.#renderNodes();
+			return;
+		}
+		this.#syncAttributes();
+	}
+	#ensureStructure() {
+		if (this.#content || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = `
+      :host { overflow-wrap: break-word; }
+      .content { display: block; min-width: 0; }
+      img { max-width: 100%; }
+    `;
+		const content = document.createElement("div");
+		content.className = "content";
+		content.addEventListener("click", (event) => {
+			const target = event.target;
+			if (target instanceof Element && target.closest("a")) event.preventDefault();
+		});
+		root.append(style, content);
+		this.#content = content;
+	}
+	#syncAttributes() {
+		if (!this.#content) return;
+		const space = this.getAttribute("space");
+		this.#content.style.whiteSpace = space === "nbsp" || space === "ensp" || space === "emsp" ? "pre-wrap" : "normal";
+		this.#content.style.userSelect = readBooleanAttribute(this, "user-select") ? "text" : "";
+	}
+	#renderNodes() {
+		if (!this.#content || typeof document === "undefined") return;
+		this.#content.replaceChildren(...normalizeRichTextNodes(this.#nodes).map(createRichTextDomNode));
+	}
+};
+
+//#endregion
+export { WeappRichText, normalizeRichTextNodes, sanitizeRichTextAttributes, sanitizeRichTextStyle };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#nodes","#renderNodes","#ensureStructure","#syncAttributes","#content"],"sources":["../../../../src/runtime/nativeComponents/richText/index.ts"],"sourcesContent":["import type { SafeRichTextNode } from './helpers'\nimport { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport { normalizeRichTextNodes } from './helpers'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nfunction createRichTextDomNode(node: SafeRichTextNode): globalThis.Node {\n  if (node.type === 'text') {\n    return document.createTextNode(node.text)\n  }\n  const element = document.createElement(node.name)\n  for (const [name, value] of Object.entries(node.attrs)) {\n    element.setAttribute(name, value)\n  }\n  element.append(...node.children.map(createRichTextDomNode))\n  return element\n}\n\nexport class WeappRichText extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('rich-text')!.attributes]\n\n  #content?: HTMLDivElement\n  #nodes: unknown = ''\n\n  get nodes() {\n    return this.#nodes\n  }\n\n  set nodes(value: unknown) {\n    if (Object.is(this.#nodes, value)) {\n      return\n    }\n    this.#nodes = value\n    this.#renderNodes()\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    if (this.#nodes === '') {\n      this.#nodes = this.getAttribute('nodes') ?? ''\n    }\n    this.#syncAttributes()\n    this.#renderNodes()\n  }\n\n  attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null) {\n    if (name === 'nodes') {\n      this.#nodes = newValue ?? ''\n      this.#renderNodes()\n      return\n    }\n    this.#syncAttributes()\n  }\n\n  #ensureStructure() {\n    if (this.#content || 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 { overflow-wrap: break-word; }\n      .content { display: block; min-width: 0; }\n      img { max-width: 100%; }\n    `\n    const content = document.createElement('div')\n    content.className = 'content'\n    content.addEventListener('click', (event) => {\n      const target = event.target\n      if (target instanceof Element && target.closest('a')) {\n        event.preventDefault()\n      }\n    })\n    root.append(style, content)\n    this.#content = content\n  }\n\n  #syncAttributes() {\n    if (!this.#content) {\n      return\n    }\n    const space = this.getAttribute('space')\n    this.#content.style.whiteSpace = space === 'nbsp' || space === 'ensp' || space === 'emsp'\n      ? 'pre-wrap'\n      : 'normal'\n    this.#content.style.userSelect = readBooleanAttribute(this, 'user-select') ? 'text' : ''\n  }\n\n  #renderNodes() {\n    if (!this.#content || typeof document === 'undefined') {\n      return\n    }\n    this.#content.replaceChildren(...normalizeRichTextNodes(this.#nodes).map(createRichTextDomNode))\n  }\n}\n\nexport * from './helpers'\n"],"mappings":";;;;;;AAMA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,SAAS,sBAAsB,MAAyC;CACtE,IAAI,KAAK,SAAS,QAChB,OAAO,SAAS,eAAe,KAAK,IAAI;CAE1C,MAAM,UAAU,SAAS,cAAc,KAAK,IAAI;CAChD,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,KAAK,KAAK,GACnD,QAAQ,aAAa,MAAM,KAAK;CAElC,QAAQ,OAAO,GAAG,KAAK,SAAS,IAAI,qBAAqB,CAAC;CAC1D,OAAO;AACT;AAEA,IAAa,gBAAb,cAAmC,YAAY;CAC7C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,WAAW,CAAC,CAAE,UAAU;CAErF;CACA,SAAkB;CAElB,IAAI,QAAQ;EACV,OAAO,KAAKA;CACd;CAEA,IAAI,MAAM,OAAgB;EACxB,IAAI,OAAO,GAAG,KAAKA,QAAQ,KAAK,GAC9B;EAEF,KAAKA,SAAS;EACd,KAAKC,aAAa;CACpB;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,KAAKC,iBAAiB;EACtB,IAAI,KAAKF,WAAW,IAClB,KAAKA,SAAS,KAAK,aAAa,OAAO,KAAK;EAE9C,KAAKG,gBAAgB;EACrB,KAAKF,aAAa;CACpB;CAEA,yBAAyB,MAAc,WAA0B,UAAyB;EACxF,IAAI,SAAS,SAAS;GACpB,KAAKD,SAAS,YAAY;GAC1B,KAAKC,aAAa;GAClB;EACF;EACA,KAAKE,gBAAgB;CACvB;CAEA,mBAAmB;EACjB,IAAI,KAAKC,YAAY,OAAO,aAAa,aACvC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;;;;;EAKpB,MAAM,UAAU,SAAS,cAAc,KAAK;EAC5C,QAAQ,YAAY;EACpB,QAAQ,iBAAiB,UAAU,UAAU;GAC3C,MAAM,SAAS,MAAM;GACrB,IAAI,kBAAkB,WAAW,OAAO,QAAQ,GAAG,GACjD,MAAM,eAAe;EAEzB,CAAC;EACD,KAAK,OAAO,OAAO,OAAO;EAC1B,KAAKA,WAAW;CAClB;CAEA,kBAAkB;EAChB,IAAI,CAAC,KAAKA,UACR;EAEF,MAAM,QAAQ,KAAK,aAAa,OAAO;EACvC,KAAKA,SAAS,MAAM,aAAa,UAAU,UAAU,UAAU,UAAU,UAAU,SAC/E,aACA;EACJ,KAAKA,SAAS,MAAM,aAAa,qBAAqB,MAAM,aAAa,IAAI,SAAS;CACxF;CAEA,eAAe;EACb,IAAI,CAAC,KAAKA,YAAY,OAAO,aAAa,aACxC;EAEF,KAAKA,SAAS,gBAAgB,GAAG,uBAAuB,KAAKJ,MAAM,CAAC,CAAC,IAAI,qBAAqB,CAAC;CACjG;AACF"}

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

@@ -0,0 +1,15 @@
+//#region src/runtime/nativeComponents/scrollView.d.ts
+declare function createScrollEventDetail(viewport: Pick<HTMLDivElement, 'scrollHeight' | 'scrollLeft' | 'scrollTop' | 'scrollWidth'>, previous: {
+  scrollLeft: number;
+  scrollTop: number;
+}): {
+  scrollLeft: number;
+  scrollTop: number;
+  scrollWidth: number;
+  scrollHeight: number;
+  deltaX: number;
+  deltaY: number;
+};
+//#endregion
+export { createScrollEventDetail };
+//# sourceMappingURL=scrollView.d.mts.map

package/dist/runtime/nativeComponents/scrollView.mjs

@@ -0,0 +1,79 @@
+import { getNativeComponentDescriptor } from "../../shared/nativeComponents.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "./helpers.mjs";
+import { ensureNativeComponentStyle } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/scrollView.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+function createScrollEventDetail(viewport, previous) {
+	return {
+		scrollLeft: viewport.scrollLeft,
+		scrollTop: viewport.scrollTop,
+		scrollWidth: viewport.scrollWidth,
+		scrollHeight: viewport.scrollHeight,
+		deltaX: viewport.scrollLeft - previous.scrollLeft,
+		deltaY: viewport.scrollTop - previous.scrollTop
+	};
+}
+var WeappScrollView = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("scroll-view").attributes];
+	#viewport;
+	#lastScrollLeft = 0;
+	#lastScrollTop = 0;
+	get scrollTop() {
+		return this.#viewport?.scrollTop ?? 0;
+	}
+	set scrollTop(value) {
+		if (this.#viewport) this.#viewport.scrollTop = value;
+	}
+	get scrollLeft() {
+		return this.#viewport?.scrollLeft ?? 0;
+	}
+	set scrollLeft(value) {
+		if (this.#viewport) this.#viewport.scrollLeft = value;
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.#syncAttributes();
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	#ensureStructure() {
+		if (this.#viewport || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = `
+      :host { min-width: 0; min-height: 0; }
+      .viewport { width: 100%; height: 100%; overscroll-behavior: contain; }
+    `;
+		const viewport = document.createElement("div");
+		viewport.className = "viewport";
+		const slot = document.createElement("slot");
+		viewport.append(slot);
+		viewport.addEventListener("scroll", () => {
+			const detail = createScrollEventDetail(viewport, {
+				scrollLeft: this.#lastScrollLeft,
+				scrollTop: this.#lastScrollTop
+			});
+			this.#lastScrollLeft = viewport.scrollLeft;
+			this.#lastScrollTop = viewport.scrollTop;
+			dispatchMiniProgramEvent(this, "scroll", detail);
+		});
+		root.append(style, viewport);
+		this.#viewport = viewport;
+	}
+	#syncAttributes() {
+		if (!this.#viewport) return;
+		this.#viewport.style.overflowX = readBooleanAttribute(this, "scroll-x") ? "auto" : "hidden";
+		this.#viewport.style.overflowY = readBooleanAttribute(this, "scroll-y") ? "auto" : "hidden";
+		const scrollTop = Number(this.getAttribute("scroll-top"));
+		const scrollLeft = Number(this.getAttribute("scroll-left"));
+		if (Number.isFinite(scrollTop)) this.#viewport.scrollTop = scrollTop;
+		if (Number.isFinite(scrollLeft)) this.#viewport.scrollLeft = scrollLeft;
+	}
+};
+
+//#endregion
+export { WeappScrollView, createScrollEventDetail };
+//# sourceMappingURL=scrollView.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scrollView.mjs","names":["#viewport","#ensureStructure","#syncAttributes","#lastScrollLeft","#lastScrollTop"],"sources":["../../../src/runtime/nativeComponents/scrollView.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\nexport function createScrollEventDetail(\n  viewport: Pick<HTMLDivElement, 'scrollHeight' | 'scrollLeft' | 'scrollTop' | 'scrollWidth'>,\n  previous: { scrollLeft: number, scrollTop: number },\n) {\n  return {\n    scrollLeft: viewport.scrollLeft,\n    scrollTop: viewport.scrollTop,\n    scrollWidth: viewport.scrollWidth,\n    scrollHeight: viewport.scrollHeight,\n    deltaX: viewport.scrollLeft - previous.scrollLeft,\n    deltaY: viewport.scrollTop - previous.scrollTop,\n  }\n}\n\nexport class WeappScrollView extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('scroll-view')!.attributes]\n\n  #viewport?: HTMLDivElement\n  #lastScrollLeft = 0\n  #lastScrollTop = 0\n\n  get scrollTop() {\n    return this.#viewport?.scrollTop ?? 0\n  }\n\n  set scrollTop(value: number) {\n    if (this.#viewport) {\n      this.#viewport.scrollTop = value\n    }\n  }\n\n  get scrollLeft() {\n    return this.#viewport?.scrollLeft ?? 0\n  }\n\n  set scrollLeft(value: number) {\n    if (this.#viewport) {\n      this.#viewport.scrollLeft = value\n    }\n  }\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.#viewport || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = `\n      :host { min-width: 0; min-height: 0; }\n      .viewport { width: 100%; height: 100%; overscroll-behavior: contain; }\n    `\n    const viewport = document.createElement('div')\n    viewport.className = 'viewport'\n    const slot = document.createElement('slot')\n    viewport.append(slot)\n    viewport.addEventListener('scroll', () => {\n      const detail = createScrollEventDetail(viewport, {\n        scrollLeft: this.#lastScrollLeft,\n        scrollTop: this.#lastScrollTop,\n      })\n      this.#lastScrollLeft = viewport.scrollLeft\n      this.#lastScrollTop = viewport.scrollTop\n      dispatchMiniProgramEvent(this, 'scroll', detail)\n    })\n    root.append(style, viewport)\n    this.#viewport = viewport\n  }\n\n  #syncAttributes() {\n    if (!this.#viewport) {\n      return\n    }\n    this.#viewport.style.overflowX = readBooleanAttribute(this, 'scroll-x') ? 'auto' : 'hidden'\n    this.#viewport.style.overflowY = readBooleanAttribute(this, 'scroll-y') ? 'auto' : 'hidden'\n    const scrollTop = Number(this.getAttribute('scroll-top'))\n    const scrollLeft = Number(this.getAttribute('scroll-left'))\n    if (Number.isFinite(scrollTop)) {\n      this.#viewport.scrollTop = scrollTop\n    }\n    if (Number.isFinite(scrollLeft)) {\n      this.#viewport.scrollLeft = scrollLeft\n    }\n  }\n}\n"],"mappings":";;;;;AAIA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,SAAgB,wBACd,UACA,UACA;CACA,OAAO;EACL,YAAY,SAAS;EACrB,WAAW,SAAS;EACpB,aAAa,SAAS;EACtB,cAAc,SAAS;EACvB,QAAQ,SAAS,aAAa,SAAS;EACvC,QAAQ,SAAS,YAAY,SAAS;CACxC;AACF;AAEA,IAAa,kBAAb,cAAqC,YAAY;CAC/C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,aAAa,CAAC,CAAE,UAAU;CAEvF;CACA,kBAAkB;CAClB,iBAAiB;CAEjB,IAAI,YAAY;EACd,OAAO,KAAKA,WAAW,aAAa;CACtC;CAEA,IAAI,UAAU,OAAe;EAC3B,IAAI,KAAKA,WACP,KAAKA,UAAU,YAAY;CAE/B;CAEA,IAAI,aAAa;EACf,OAAO,KAAKA,WAAW,cAAc;CACvC;CAEA,IAAI,WAAW,OAAe;EAC5B,IAAI,KAAKA,WACP,KAAKA,UAAU,aAAa;CAEhC;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,KAAKC,iBAAiB;EACtB,KAAKC,gBAAgB;CACvB;CAEA,2BAA2B;EACzB,KAAKA,gBAAgB;CACvB;CAEA,mBAAmB;EACjB,IAAI,KAAKF,aAAa,OAAO,aAAa,aACxC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;;;;EAIpB,MAAM,WAAW,SAAS,cAAc,KAAK;EAC7C,SAAS,YAAY;EACrB,MAAM,OAAO,SAAS,cAAc,MAAM;EAC1C,SAAS,OAAO,IAAI;EACpB,SAAS,iBAAiB,gBAAgB;GACxC,MAAM,SAAS,wBAAwB,UAAU;IAC/C,YAAY,KAAKG;IACjB,WAAW,KAAKC;GAClB,CAAC;GACD,KAAKD,kBAAkB,SAAS;GAChC,KAAKC,iBAAiB,SAAS;GAC/B,yBAAyB,MAAM,UAAU,MAAM;EACjD,CAAC;EACD,KAAK,OAAO,OAAO,QAAQ;EAC3B,KAAKJ,YAAY;CACnB;CAEA,kBAAkB;EAChB,IAAI,CAAC,KAAKA,WACR;EAEF,KAAKA,UAAU,MAAM,YAAY,qBAAqB,MAAM,UAAU,IAAI,SAAS;EACnF,KAAKA,UAAU,MAAM,YAAY,qBAAqB,MAAM,UAAU,IAAI,SAAS;EACnF,MAAM,YAAY,OAAO,KAAK,aAAa,YAAY,CAAC;EACxD,MAAM,aAAa,OAAO,KAAK,aAAa,aAAa,CAAC;EAC1D,IAAI,OAAO,SAAS,SAAS,GAC3B,KAAKA,UAAU,YAAY;EAE7B,IAAI,OAAO,SAAS,UAAU,GAC5B,KAAKA,UAAU,aAAa;CAEhC;AACF"}

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

@@ -0,0 +1,28 @@
+//#region src/runtime/nativeComponents/slider/helpers.ts
+function finiteNumber(value, fallback) {
+	const numeric = Number(value);
+	return Number.isFinite(numeric) ? numeric : fallback;
+}
+function resolveSliderConfig(input = {}) {
+	const min = finiteNumber(input.min, 0);
+	const requestedMax = finiteNumber(input.max, 100);
+	const max = requestedMax > min ? requestedMax : min + 100;
+	const requestedStep = finiteNumber(input.step, 1);
+	const step = requestedStep > 0 ? requestedStep : 1;
+	const rawValue = Math.min(Math.max(finiteNumber(input.value, min), min), max);
+	const steps = Math.round((rawValue - min) / step);
+	return {
+		min,
+		max,
+		step,
+		value: Math.min(max, Math.max(min, min + steps * step)),
+		blockSize: Math.min(28, Math.max(12, finiteNumber(input.blockSize, 28)))
+	};
+}
+function createSliderEventDetail(value) {
+	return { value };
+}
+
+//#endregion
+export { createSliderEventDetail, resolveSliderConfig };
+//# sourceMappingURL=helpers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/slider/helpers.ts"],"sourcesContent":["export interface SliderConfigInput {\n  min?: unknown\n  max?: unknown\n  step?: unknown\n  value?: unknown\n  blockSize?: unknown\n}\n\nexport interface SliderConfig {\n  min: number\n  max: number\n  step: number\n  value: number\n  blockSize: number\n}\n\nfunction finiteNumber(value: unknown, fallback: number) {\n  const numeric = Number(value)\n  return Number.isFinite(numeric) ? numeric : fallback\n}\n\nexport function resolveSliderConfig(input: SliderConfigInput = {}): SliderConfig {\n  const min = finiteNumber(input.min, 0)\n  const requestedMax = finiteNumber(input.max, 100)\n  const max = requestedMax > min ? requestedMax : min + 100\n  const requestedStep = finiteNumber(input.step, 1)\n  const step = requestedStep > 0 ? requestedStep : 1\n  const rawValue = Math.min(Math.max(finiteNumber(input.value, min), min), max)\n  const steps = Math.round((rawValue - min) / step)\n  const value = Math.min(max, Math.max(min, min + steps * step))\n  const blockSize = Math.min(28, Math.max(12, finiteNumber(input.blockSize, 28)))\n  return { min, max, step, value, blockSize }\n}\n\nexport function createSliderEventDetail(value: number) {\n  return { value }\n}\n"],"mappings":";AAgBA,SAAS,aAAa,OAAgB,UAAkB;CACtD,MAAM,UAAU,OAAO,KAAK;CAC5B,OAAO,OAAO,SAAS,OAAO,IAAI,UAAU;AAC9C;AAEA,SAAgB,oBAAoB,QAA2B,CAAC,GAAiB;CAC/E,MAAM,MAAM,aAAa,MAAM,KAAK,CAAC;CACrC,MAAM,eAAe,aAAa,MAAM,KAAK,GAAG;CAChD,MAAM,MAAM,eAAe,MAAM,eAAe,MAAM;CACtD,MAAM,gBAAgB,aAAa,MAAM,MAAM,CAAC;CAChD,MAAM,OAAO,gBAAgB,IAAI,gBAAgB;CACjD,MAAM,WAAW,KAAK,IAAI,KAAK,IAAI,aAAa,MAAM,OAAO,GAAG,GAAG,GAAG,GAAG,GAAG;CAC5E,MAAM,QAAQ,KAAK,OAAO,WAAW,OAAO,IAAI;CAGhD,OAAO;EAAE;EAAK;EAAK;EAAM,OAFX,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,QAAQ,IAAI,CAE/B;EAAG,WADd,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,aAAa,MAAM,WAAW,EAAE,CAAC,CACrC;CAAE;AAC5C;AAEA,SAAgB,wBAAwB,OAAe;CACrD,OAAO,EAAE,MAAM;AACjB"}

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

@@ -0,0 +1,120 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { connectFormControl, disconnectFormControl } from "../formControl.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { createSliderEventDetail, resolveSliderConfig } from "./helpers.mjs";
+import { SLIDER_SHADOW_STYLE } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/slider/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+var WeappSlider = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("slider").attributes];
+	#input;
+	#output;
+	#initialValue = 0;
+	#initialValueCaptured = false;
+	get value() {
+		return this.#input?.valueAsNumber ?? this.#config.value;
+	}
+	set value(value) {
+		this.setAttribute("value", String(value));
+	}
+	get disabled() {
+		return readBooleanAttribute(this, "disabled");
+	}
+	get formControlName() {
+		return this.getAttribute("name") ?? "";
+	}
+	get formControlValue() {
+		return this.value;
+	}
+	get formControlDisabled() {
+		return this.disabled;
+	}
+	get #config() {
+		return resolveSliderConfig({
+			min: this.getAttribute("min"),
+			max: this.getAttribute("max"),
+			step: this.getAttribute("step"),
+			value: this.getAttribute("value"),
+			blockSize: this.getAttribute("block-size")
+		});
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.#syncAttributes();
+		if (!this.#initialValueCaptured) {
+			this.#initialValue = this.#config.value;
+			this.#initialValueCaptured = true;
+		}
+		connectFormControl(this);
+	}
+	disconnectedCallback() {
+		disconnectFormControl(this);
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	formReset() {
+		if (!this.#input) return;
+		this.#input.valueAsNumber = this.#initialValue;
+		this.#syncVisual();
+	}
+	formActivate() {
+		this.#input?.focus();
+	}
+	#ensureStructure() {
+		if (this.#input || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = SLIDER_SHADOW_STYLE;
+		const wrapper = document.createElement("div");
+		wrapper.className = "slider";
+		const input = document.createElement("input");
+		input.type = "range";
+		const output = document.createElement("output");
+		input.addEventListener("input", (event) => {
+			event.stopPropagation();
+			this.#syncVisual();
+			dispatchMiniProgramEvent(this, "changing", createSliderEventDetail(input.valueAsNumber));
+		});
+		input.addEventListener("change", (event) => {
+			event.stopPropagation();
+			this.#syncVisual();
+			dispatchMiniProgramEvent(this, "change", createSliderEventDetail(input.valueAsNumber));
+		});
+		wrapper.append(input, output);
+		root.append(style, wrapper);
+		this.#input = input;
+		this.#output = output;
+	}
+	#syncAttributes() {
+		if (!this.#input || !this.#output) return;
+		const config = this.#config;
+		this.#input.min = String(config.min);
+		this.#input.max = String(config.max);
+		this.#input.step = String(config.step);
+		this.#input.valueAsNumber = config.value;
+		this.#input.disabled = this.disabled;
+		this.#output.hidden = !readBooleanAttribute(this, "show-value");
+		this.style.setProperty("--weapp-slider-active-color", this.getAttribute("active-color") ?? this.getAttribute("selected-color") ?? "#1aad19");
+		this.style.setProperty("--weapp-slider-background-color", this.getAttribute("background-color") ?? this.getAttribute("color") ?? "#e9e9e9");
+		this.style.setProperty("--weapp-slider-block-color", this.getAttribute("block-color") ?? "#ffffff");
+		this.style.setProperty("--weapp-slider-block-size", `${config.blockSize}px`);
+		this.#syncVisual();
+	}
+	#syncVisual() {
+		const min = Number(this.#input.min);
+		const max = Number(this.#input.max);
+		const value = this.#input.valueAsNumber;
+		const progress = (value - min) / (max - min) * 100;
+		this.style.setProperty("--weapp-slider-progress", `${progress}%`);
+		this.#output.value = String(value);
+		this.#output.textContent = String(value);
+	}
+};
+
+//#endregion
+export { WeappSlider, createSliderEventDetail, resolveSliderConfig };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#input","#config","#ensureStructure","#syncAttributes","#initialValueCaptured","#initialValue","#syncVisual","#output"],"sources":["../../../../src/runtime/nativeComponents/slider/index.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { connectFormControl, disconnectFormControl } from '../formControl'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport { createSliderEventDetail, resolveSliderConfig } from './helpers'\nimport { SLIDER_SHADOW_STYLE } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport class WeappSlider extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('slider')!.attributes]\n\n  #input?: HTMLInputElement\n  #output?: HTMLOutputElement\n  #initialValue = 0\n  #initialValueCaptured = false\n\n  get value() {\n    return this.#input?.valueAsNumber ?? this.#config.value\n  }\n\n  set value(value: number) {\n    this.setAttribute('value', String(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.value\n  }\n\n  get formControlDisabled() {\n    return this.disabled\n  }\n\n  get #config() {\n    return resolveSliderConfig({\n      min: this.getAttribute('min'),\n      max: this.getAttribute('max'),\n      step: this.getAttribute('step'),\n      value: this.getAttribute('value'),\n      blockSize: this.getAttribute('block-size'),\n    })\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    this.#syncAttributes()\n    if (!this.#initialValueCaptured) {\n      this.#initialValue = this.#config.value\n      this.#initialValueCaptured = true\n    }\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      return\n    }\n    this.#input.valueAsNumber = this.#initialValue\n    this.#syncVisual()\n  }\n\n  formActivate() {\n    this.#input?.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 = SLIDER_SHADOW_STYLE\n    const wrapper = document.createElement('div')\n    wrapper.className = 'slider'\n    const input = document.createElement('input')\n    input.type = 'range'\n    const output = document.createElement('output')\n    input.addEventListener('input', (event) => {\n      event.stopPropagation()\n      this.#syncVisual()\n      dispatchMiniProgramEvent(this, 'changing', createSliderEventDetail(input.valueAsNumber))\n    })\n    input.addEventListener('change', (event) => {\n      event.stopPropagation()\n      this.#syncVisual()\n      dispatchMiniProgramEvent(this, 'change', createSliderEventDetail(input.valueAsNumber))\n    })\n    wrapper.append(input, output)\n    root.append(style, wrapper)\n    this.#input = input\n    this.#output = output\n  }\n\n  #syncAttributes() {\n    if (!this.#input || !this.#output) {\n      return\n    }\n    const config = this.#config\n    this.#input.min = String(config.min)\n    this.#input.max = String(config.max)\n    this.#input.step = String(config.step)\n    this.#input.valueAsNumber = config.value\n    this.#input.disabled = this.disabled\n    this.#output.hidden = !readBooleanAttribute(this, 'show-value')\n    this.style.setProperty('--weapp-slider-active-color', this.getAttribute('active-color') ?? this.getAttribute('selected-color') ?? '#1aad19')\n    this.style.setProperty('--weapp-slider-background-color', this.getAttribute('background-color') ?? this.getAttribute('color') ?? '#e9e9e9')\n    this.style.setProperty('--weapp-slider-block-color', this.getAttribute('block-color') ?? '#ffffff')\n    this.style.setProperty('--weapp-slider-block-size', `${config.blockSize}px`)\n    this.#syncVisual()\n  }\n\n  #syncVisual() {\n    const min = Number(this.#input!.min)\n    const max = Number(this.#input!.max)\n    const value = this.#input!.valueAsNumber\n    const progress = ((value - min) / (max - min)) * 100\n    this.style.setProperty('--weapp-slider-progress', `${progress}%`)\n    this.#output!.value = String(value)\n    this.#output!.textContent = String(value)\n  }\n}\n\nexport * from './helpers'\n"],"mappings":"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"}