@maizzle/framework 6.0.0-rc.8 → 6.0.0

package/dist/transformers/{tailwindcss.mjs → tailwindcss.js}

@@ -1,39 +1,9 @@
-import { walk } from "../utils/ast/walker.mjs";
-import "../utils/ast/index.mjs";
-import pruneVars_default from "../plugins/postcss/pruneVars.mjs";
-import { tailwindCleanup } from "../plugins/postcss/tailwindCleanup.mjs";
-import { mergeMediaQueries } from "../plugins/postcss/mergeMediaQueries.mjs";
-import { dirname, relative, resolve } from "node:path";
-import postcss from "postcss";
-import tailwindcssPostcss from "@tailwindcss/postcss";
-import customProperties from "postcss-custom-properties";
-import postcssCalc from "postcss-calc";
-import safeParser from "postcss-safe-parser";
-import { transform } from "lightningcss";
-
+import { walk } from "../utils/ast/walker.js";
+import "../utils/ast/index.js";
+import { compileTailwindCss } from "../utils/compileTailwindCss.js";
+import { decodeStyleEntities } from "../utils/decodeStyleEntities.js";
+import { dirname, relative, resolve } from "pathe";
 //#region src/transformers/tailwindcss.ts
-function createProcessor(config) {
-	return postcss([
-		tailwindcssPostcss({
-			base: config.css?.base,
-			transformAssetUrls: false,
-			optimize: false
-		}),
-		customProperties({ preserve: false }),
-		postcssCalc({}),
-		pruneVars_default()
-	]);
-}
-/**
-* Decode HTML entities that Vue SSR encodes inside <style> tags.
-*
-* Vue's renderToString HTML-encodes quotes and other characters
-* inside <style> tags within templates, breaking CSS like
-* `@import "@maizzle/tailwindcss"` → `@import &quot;...&quot;`
-*/
-function decodeEntities(str) {
-	return str.replace(/&quot;/g, "\"").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&#39;/g, "'").replace(/&apos;/g, "'");
-}
 /**
 * Check if CSS content uses Tailwind features that require source scanning.
 *
@@ -42,34 +12,7 @@ function decodeEntities(str) {
 * and would pass through @source directives unconsumed.
 */
 function usesTailwind(css) {
-	return /(@import\s+["'](tailwindcss|@maizzle\/tailwindcss)|@tailwind\s)/.test(css);
-}
-/**
-* Lower modern CSS syntax using lightningcss.
-*
-* Targets IE 1 to maximize syntax lowering — converts modern features
-* like nesting, oklch(), color-mix(), @property, etc. into simple CSS
-* that email clients can understand.
-*/
-function lowerSyntax(css) {
-	return transform({
-		filename: "email.css",
-		code: Buffer.from(css),
-		minify: false,
-		targets: { ie: 128 }
-	}).code.toString();
-}
-/**
-* Run cleanup and media query merging on the compiled CSS.
-*
-* Removes unwanted selectors (:host, :lang) and at-rules (@layer, @property),
-* then sorts and merges media queries.
-*/
-async function optimizeCss(css, config) {
-	const plugins = [...tailwindCleanup(config)];
-	const mediaPlugin = mergeMediaQueries(config);
-	if (mediaPlugin) plugins.push(mediaPlugin);
-	return (await postcss(plugins).process(css, { from: void 0 })).css;
+	return /((@import|@reference)\s+["'](tailwindcss|@maizzle\/tailwindcss)|@tailwind\s)/.test(css);
 }
 /**
 * Build @source directives for Tailwind CSS scanning.
@@ -85,6 +28,13 @@ function buildSourceDirectives(dom, config, fromDir) {
 	const directives = [];
 	const excludePaths = [resolve(config.output?.path ?? "dist"), ...(config.css?.exclude ?? []).map((p) => resolve(p))];
 	for (const p of excludePaths) directives.push(`@source not "${relative(fromDir, resolve(p))}";`);
+	/**
+	* Inline source: collect all class attribute values from the rendered DOM.
+	* After Vue SSR, the DOM contains every class from every component
+	* (built-in framework components, user components, dynamic
+	* bindings). We pass these raw values to Tailwind's
+	* scanner via @source inline().
+	*/
 	const classes = [];
 	walk(dom, (n) => {
 		const cls = n.attribs?.class;
@@ -114,37 +64,46 @@ async function tailwindcss(dom, config, filePath) {
 	walk(dom, (node) => {
 		if (node.name !== "style") return;
 		const el = node;
-		const attrs = el.attribs || {};
-		if ("raw" in attrs) {
+		/**
+		* `raw` opts out of compilation entirely (marker is consumed here).
+		* `embed`/`data-embed` only signal "preserve tag after inlining"
+		* — they still need to go through compile so Tailwind/@apply
+		* resolves.
+		*/
+		if ("raw" in el.attribs) {
 			delete el.attribs.raw;
 			return;
 		}
-		if ("embed" in attrs || "data-embed" in attrs) return;
 		const rawContent = el.children.filter((child) => child.type === "text").map((child) => child.data).join("");
 		if (!rawContent.trim()) return;
 		styleTags.push({
 			node: el,
-			cssContent: decodeEntities(rawContent)
+			cssContent: decodeStyleEntities(rawContent)
 		});
 	});
 	if (!styleTags.length) return dom;
 	const fromPath = filePath ?? resolve(process.cwd(), "template.vue");
 	const fromDir = dirname(fromPath);
 	const sourceDirectives = styleTags.some(({ cssContent }) => usesTailwind(cssContent)) ? buildSourceDirectives(dom, config, fromDir) : "";
-	const processor = createProcessor(config);
 	for (let i = 0; i < styleTags.length; i++) {
 		const { node, cssContent } = styleTags[i];
+		/**
+		* Only add source directives to style tags that import Tailwind —
+		* plain CSS doesn't need them and @tailwindcss/postcss would
+		* leave the directives unconsumed in the output.
+		*/
 		const fullCss = usesTailwind(cssContent) ? `${cssContent}\n${sourceDirectives}` : cssContent;
 		try {
 			node.children = [{
 				type: "text",
-				data: await optimizeCss(lowerSyntax((await processor.process(fullCss, {
-					from: `${fromPath}?style=${i}`,
-					parser: safeParser
-				})).css), config),
+				data: await compileTailwindCss(fullCss, config, `${fromPath}?style=${i}`),
 				parent: node
 			}];
 		} catch {
+			/**
+			* If CSS processing fails, still replace with decoded content
+			* so HTML entities don't break the CSS.
+			*/
 			node.children = [{
 				type: "text",
 				data: cssContent,
@@ -154,7 +113,7 @@ async function tailwindcss(dom, config, filePath) {
 	}
 	return dom;
 }
-
 //#endregion
 export { tailwindcss };
-//# sourceMappingURL=tailwindcss.mjs.map
+
+//# sourceMappingURL=tailwindcss.js.map

package/dist/transformers/tailwindcss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwindcss.js","names":[],"sources":["../../src/transformers/tailwindcss.ts"],"sourcesContent":["import { resolve, dirname, relative } from 'pathe'\nimport type { ChildNode, Element } from 'domhandler'\nimport { walk } from '../utils/ast/index.ts'\nimport { decodeStyleEntities } from '../utils/decodeStyleEntities.ts'\nimport { compileTailwindCss } from '../utils/compileTailwindCss.ts'\nimport type { MaizzleConfig } from '../types/config.ts'\n\n/**\n * Check if CSS content uses Tailwind features that require source scanning.\n *\n * Only CSS that imports Tailwind (or @maizzle/tailwindcss) needs @source\n * directives. Plain CSS without Tailwind imports doesn't need scanning\n * and would pass through @source directives unconsumed.\n */\nfunction usesTailwind(css: string): boolean {\n  return /((@import|@reference)\\s+[\"'](tailwindcss|@maizzle\\/tailwindcss)|@tailwind\\s)/.test(css)\n}\n\n/**\n * Build @source directives for Tailwind CSS scanning.\n *\n * Configures two types of sources:\n * 1. Exclusions for output dir and user-configured paths\n * 2. Inline source with all class attribute values from the rendered DOM,\n *    capturing classes from all components (built-in + user), dynamic\n *    expressions, and the template itself — Tailwind's scanner handles\n *    the actual class extraction from these raw values\n */\nfunction buildSourceDirectives(dom: ChildNode[], config: MaizzleConfig, fromDir: string): string {\n  const directives: string[] = []\n\n  // Exclude output dir and user-configured paths\n  const excludePaths = [\n    resolve(config.output?.path ?? 'dist'),\n    ...(config.css?.exclude ?? []).map(p => resolve(p)),\n  ]\n\n  for (const p of excludePaths) {\n    directives.push(`@source not \"${relative(fromDir, resolve(p))}\";`)\n  }\n\n  /**\n   * Inline source: collect all class attribute values from the rendered DOM.\n   * After Vue SSR, the DOM contains every class from every component\n   * (built-in framework components, user components, dynamic\n   * bindings). We pass these raw values to Tailwind's\n   * scanner via @source inline().\n   */\n  const classes: string[] = []\n  walk(dom, (n) => {\n    const cls = (n as Element).attribs?.class\n    if (cls) classes.push(cls)\n  })\n\n  if (classes.length) {\n    directives.push(`@source inline(\"${classes.join(' ')}\");`)\n  }\n\n  return directives.join('\\n')\n}\n\n/**\n * Tailwind CSS transformer.\n *\n * Compiles CSS inside <style> tags in the DOM using\n * @tailwindcss/postcss, then lowers modern CSS syntax with lightningcss.\n *\n * Configures Tailwind sources to scan:\n * - Rendered class attributes (via `@source inline`) for all classes from all components\n * - User project files (via Tailwind's auto-detection from base/from path)\n *\n * User `@source` and `@source not directives` in style tags are preserved.\n * Source directives are only added to style tags that import Tailwind.\n *\n * Runs as the first transformer in the pipeline so that subsequent\n * transformers (inliner, purge, etc.) work with fully compiled CSS.\n */\nexport async function tailwindcss(dom: ChildNode[], config: MaizzleConfig, filePath?: string): Promise<ChildNode[]> {\n  const styleTags: { node: Element; cssContent: string }[] = []\n\n  walk(dom, (node) => {\n    if ((node as Element).name !== 'style') return\n\n    const el = node as Element\n    const attrs = el.attribs\n\n    /**\n     * `raw` opts out of compilation entirely (marker is consumed here).\n     * `embed`/`data-embed` only signal \"preserve tag after inlining\"\n     * — they still need to go through compile so Tailwind/@apply\n     * resolves.\n     */\n    if ('raw' in attrs) {\n      delete el.attribs.raw\n      return\n    }\n\n    // Get text content from children and decode HTML entities\n    const rawContent = el.children\n      .filter(child => child.type === 'text')\n      .map(child => (child as any).data)\n      .join('')\n\n    if (!rawContent.trim()) return\n\n    styleTags.push({ node: el, cssContent: decodeStyleEntities(rawContent) })\n  })\n\n  if (!styleTags.length) return dom\n\n  const fromPath = filePath ?? resolve(process.cwd(), 'template.vue')\n  const fromDir = dirname(fromPath)\n\n  // Only compute source directives if at least one style tag uses Tailwind\n  const hasTailwindStyles = styleTags.some(({ cssContent }) => usesTailwind(cssContent))\n  const sourceDirectives = hasTailwindStyles\n    ? buildSourceDirectives(dom, config, fromDir)\n    : ''\n\n  for (let i = 0; i < styleTags.length; i++) {\n    const { node, cssContent } = styleTags[i]\n\n    /**\n     * Only add source directives to style tags that import Tailwind —\n     * plain CSS doesn't need them and @tailwindcss/postcss would\n     * leave the directives unconsumed in the output.\n     */\n    const fullCss = usesTailwind(cssContent)\n      ? `${cssContent}\\n${sourceDirectives}`\n      : cssContent\n\n    try {\n      const optimized = await compileTailwindCss(fullCss, config, `${fromPath}?style=${i}`)\n\n      // Replace the style tag's children with the compiled CSS\n      node.children = [{\n        type: 'text',\n        data: optimized,\n        parent: node,\n      } as any]\n    } catch {\n      /**\n       * If CSS processing fails, still replace with decoded content\n       * so HTML entities don't break the CSS.\n       */\n      node.children = [{\n        type: 'text',\n        data: cssContent,\n        parent: node,\n      } as any]\n    }\n  }\n\n  return dom\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAS,aAAa,KAAsB;CAC1C,OAAO,+EAA+E,KAAK,GAAG;AAChG;;;;;;;;;;;AAYA,SAAS,sBAAsB,KAAkB,QAAuB,SAAyB;CAC/F,MAAM,aAAuB,CAAC;CAG9B,MAAM,eAAe,CACnB,QAAQ,OAAO,QAAQ,QAAQ,MAAM,GACrC,IAAI,OAAO,KAAK,WAAW,CAAC,EAAA,CAAG,KAAI,MAAK,QAAQ,CAAC,CAAC,CACpD;CAEA,KAAK,MAAM,KAAK,cACd,WAAW,KAAK,gBAAgB,SAAS,SAAS,QAAQ,CAAC,CAAC,EAAE,GAAG;;;;;;;;CAUnE,MAAM,UAAoB,CAAC;CAC3B,KAAK,MAAM,MAAM;EACf,MAAM,MAAO,EAAc,SAAS;EACpC,IAAI,KAAK,QAAQ,KAAK,GAAG;CAC3B,CAAC;CAED,IAAI,QAAQ,QACV,WAAW,KAAK,mBAAmB,QAAQ,KAAK,GAAG,EAAE,IAAI;CAG3D,OAAO,WAAW,KAAK,IAAI;AAC7B;;;;;;;;;;;;;;;;;AAkBA,eAAsB,YAAY,KAAkB,QAAuB,UAAyC;CAClH,MAAM,YAAqD,CAAC;CAE5D,KAAK,MAAM,SAAS;EAClB,IAAK,KAAiB,SAAS,SAAS;EAExC,MAAM,KAAK;;;;;;;EASX,IAAI,SARU,GAAG,SAQG;GAClB,OAAO,GAAG,QAAQ;GAClB;EACF;EAGA,MAAM,aAAa,GAAG,SACnB,QAAO,UAAS,MAAM,SAAS,MAAM,CAAC,CACtC,KAAI,UAAU,MAAc,IAAI,CAAC,CACjC,KAAK,EAAE;EAEV,IAAI,CAAC,WAAW,KAAK,GAAG;EAExB,UAAU,KAAK;GAAE,MAAM;GAAI,YAAY,oBAAoB,UAAU;EAAE,CAAC;CAC1E,CAAC;CAED,IAAI,CAAC,UAAU,QAAQ,OAAO;CAE9B,MAAM,WAAW,YAAY,QAAQ,QAAQ,IAAI,GAAG,cAAc;CAClE,MAAM,UAAU,QAAQ,QAAQ;CAIhC,MAAM,mBADoB,UAAU,MAAM,EAAE,iBAAiB,aAAa,UAAU,CAC3C,IACrC,sBAAsB,KAAK,QAAQ,OAAO,IAC1C;CAEJ,KAAK,IAAI,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;EACzC,MAAM,EAAE,MAAM,eAAe,UAAU;;;;;;EAOvC,MAAM,UAAU,aAAa,UAAU,IACnC,GAAG,WAAW,IAAI,qBAClB;EAEJ,IAAI;GAIF,KAAK,WAAW,CAAC;IACf,MAAM;IACN,MAAM,MALgB,mBAAmB,SAAS,QAAQ,GAAG,SAAS,SAAS,GAAG;IAMlF,QAAQ;GACV,CAAQ;EACV,QAAQ;;;;;GAKN,KAAK,WAAW,CAAC;IACf,MAAM;IACN,MAAM;IACN,QAAQ;GACV,CAAQ;EACV;CACF;CAEA,OAAO;AACT"}

package/dist/transformers/urlQuery.d.ts

@@ -0,0 +1,36 @@
+import { UrlQueryOptions } from "../types/config.js";
+import { ChildNode } from "domhandler";
+
+//#region src/transformers/urlQuery.d.ts
+/**
+ * Append query parameters to URLs found in matching attributes/elements.
+ *
+ * @param html    HTML string to transform.
+ * @param params  Query parameters to append (e.g. `{ utm_source: 'newsletter' }`).
+ * @param options Behaviour overrides — `tags` (CSS selectors, default `['a']`),
+ *                `attributes` (default `['src', 'href', 'poster', 'srcset', 'background']`),
+ *                `strict` (default `true`, only rewrites absolute URLs),
+ *                `qs` (forwarded to `query-string`, default `{ encode: false }`).
+ * @returns       The transformed HTML string.
+ *
+ * @example
+ * import { urlQuery } from '@maizzle/framework'
+ *
+ * const out = urlQuery(
+ *   '<a href="https://example.com">x</a>',
+ *   { utm_source: 'newsletter' },
+ * )
+ *
+ * // Restrict to specific tags / attributes:
+ * urlQuery(html, { ref: 'email' }, { tags: ['a', 'img'], attributes: ['href', 'src'] })
+ */
+declare function urlQuery(html: string, params?: Record<string, unknown>, options?: UrlQueryOptions): string;
+/**
+ * DOM-form of {@link urlQuery} used by the internal transformer pipeline.
+ * Takes a parsed DOM, returns a parsed DOM — avoids redundant
+ * serialize/parse round-trips when chained with other transformers.
+ */
+declare function urlQueryDom(dom: ChildNode[], params?: Record<string, unknown>, options?: UrlQueryOptions): ChildNode[];
+//#endregion
+export { urlQuery, urlQueryDom };
+//# sourceMappingURL=urlQuery.d.ts.map

package/dist/transformers/urlQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlQuery.d.ts","names":[],"sources":["../../src/transformers/urlQuery.ts"],"mappings":";;;;;;AAiDA;;;;;;;;;;AAG+B;AAU/B;;;;;;;;;iBAbgB,QAAA,CACd,IAAA,UACA,MAAA,GAAQ,MAAA,mBACR,OAAA,GAAS,eAAoB;;;;;;iBAUf,WAAA,CACd,GAAA,EAAK,SAAA,IACL,MAAA,GAAQ,MAAA,mBACR,OAAA,GAAS,eAAA,GACR,SAAA"}

package/dist/transformers/urlQuery.js

@@ -0,0 +1,77 @@
+import { parse } from "../utils/ast/parser.js";
+import { serialize } from "../utils/ast/serializer.js";
+import "../utils/ast/index.js";
+import { isAbsoluteUrl } from "../utils/url.js";
+import queryString from "query-string";
+import { selectAll } from "css-select";
+//#region src/transformers/urlQuery.ts
+const DEFAULT_ATTRIBUTES = [
+	"src",
+	"href",
+	"poster",
+	"srcset",
+	"background"
+];
+const DEFAULT_TAGS = ["a"];
+/**
+* Append query parameters to a URL string using query-string.
+*/
+function appendParams(url, params, qsOptions, strict) {
+	if (strict && !isAbsoluteUrl(url)) return url;
+	return queryString.stringifyUrl({
+		url,
+		query: params
+	}, qsOptions);
+}
+/**
+* Append query parameters to URLs found in matching attributes/elements.
+*
+* @param html    HTML string to transform.
+* @param params  Query parameters to append (e.g. `{ utm_source: 'newsletter' }`).
+* @param options Behaviour overrides — `tags` (CSS selectors, default `['a']`),
+*                `attributes` (default `['src', 'href', 'poster', 'srcset', 'background']`),
+*                `strict` (default `true`, only rewrites absolute URLs),
+*                `qs` (forwarded to `query-string`, default `{ encode: false }`).
+* @returns       The transformed HTML string.
+*
+* @example
+* import { urlQuery } from '@maizzle/framework'
+*
+* const out = urlQuery(
+*   '<a href="https://example.com">x</a>',
+*   { utm_source: 'newsletter' },
+* )
+*
+* // Restrict to specific tags / attributes:
+* urlQuery(html, { ref: 'email' }, { tags: ['a', 'img'], attributes: ['href', 'src'] })
+*/
+function urlQuery(html, params = {}, options = {}) {
+	return serialize(urlQueryDom(parse(html), params, options));
+}
+/**
+* DOM-form of {@link urlQuery} used by the internal transformer pipeline.
+* Takes a parsed DOM, returns a parsed DOM — avoids redundant
+* serialize/parse round-trips when chained with other transformers.
+*/
+function urlQueryDom(dom, params = {}, options = {}) {
+	if (!params || Object.keys(params).length === 0) return dom;
+	const tags = options.tags ?? DEFAULT_TAGS;
+	const attributes = options.attributes ?? DEFAULT_ATTRIBUTES;
+	const strict = options.strict ?? true;
+	const qsOptions = {
+		encode: false,
+		...options.qs ?? {}
+	};
+	const elements = selectAll(tags.join(", "), dom);
+	for (const el of elements) for (const attr of attributes) {
+		const value = el.attribs[attr];
+		if (!value) continue;
+		const updated = appendParams(value, params, qsOptions, strict);
+		if (updated !== value) el.attribs[attr] = updated;
+	}
+	return dom;
+}
+//#endregion
+export { urlQuery, urlQueryDom };
+
+//# sourceMappingURL=urlQuery.js.map

package/dist/transformers/urlQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlQuery.js","names":[],"sources":["../../src/transformers/urlQuery.ts"],"sourcesContent":["import queryString from 'query-string'\nimport { selectAll } from 'css-select'\nimport type { ChildNode, Element } from 'domhandler'\nimport { parse, serialize } from '../utils/ast/index.ts'\nimport { isAbsoluteUrl } from '../utils/url.ts'\nimport type { UrlQueryOptions } from '../types/config.ts'\n\nconst DEFAULT_ATTRIBUTES = ['src', 'href', 'poster', 'srcset', 'background']\nconst DEFAULT_TAGS = ['a']\n\n/**\n * Append query parameters to a URL string using query-string.\n */\nfunction appendParams(\n  url: string,\n  params: Record<string, unknown>,\n  qsOptions: queryString.StringifyOptions,\n  strict: boolean,\n): string {\n  if (strict && !isAbsoluteUrl(url)) return url\n\n  return queryString.stringifyUrl(\n    { url, query: params as queryString.StringifiableRecord },\n    qsOptions,\n  )\n}\n\n/**\n * Append query parameters to URLs found in matching attributes/elements.\n *\n * @param html    HTML string to transform.\n * @param params  Query parameters to append (e.g. `{ utm_source: 'newsletter' }`).\n * @param options Behaviour overrides — `tags` (CSS selectors, default `['a']`),\n *                `attributes` (default `['src', 'href', 'poster', 'srcset', 'background']`),\n *                `strict` (default `true`, only rewrites absolute URLs),\n *                `qs` (forwarded to `query-string`, default `{ encode: false }`).\n * @returns       The transformed HTML string.\n *\n * @example\n * import { urlQuery } from '@maizzle/framework'\n *\n * const out = urlQuery(\n *   '<a href=\"https://example.com\">x</a>',\n *   { utm_source: 'newsletter' },\n * )\n *\n * // Restrict to specific tags / attributes:\n * urlQuery(html, { ref: 'email' }, { tags: ['a', 'img'], attributes: ['href', 'src'] })\n */\nexport function urlQuery(\n  html: string,\n  params: Record<string, unknown> = {},\n  options: UrlQueryOptions = {},\n): string {\n  return serialize(urlQueryDom(parse(html), params, options))\n}\n\n/**\n * DOM-form of {@link urlQuery} used by the internal transformer pipeline.\n * Takes a parsed DOM, returns a parsed DOM — avoids redundant\n * serialize/parse round-trips when chained with other transformers.\n */\nexport function urlQueryDom(\n  dom: ChildNode[],\n  params: Record<string, unknown> = {},\n  options: UrlQueryOptions = {},\n): ChildNode[] {\n  if (!params || Object.keys(params).length === 0) return dom\n\n  const tags = options.tags ?? DEFAULT_TAGS\n  const attributes = options.attributes ?? DEFAULT_ATTRIBUTES\n  const strict = options.strict ?? true\n  const qsOptions: queryString.StringifyOptions = { encode: false, ...((options.qs ?? {}) as queryString.StringifyOptions) }\n\n  // Use css-select to find all elements matching any of the tag selectors\n  const selector = tags.join(', ')\n  const elements = selectAll(selector, dom) as Element[]\n\n  for (const el of elements) {\n    for (const attr of attributes) {\n      const value = el.attribs[attr]\n      if (!value) continue\n\n      const updated = appendParams(value, params, qsOptions, strict)\n      if (updated !== value) {\n        el.attribs[attr] = updated\n      }\n    }\n  }\n\n  return dom\n}\n"],"mappings":";;;;;;;AAOA,MAAM,qBAAqB;CAAC;CAAO;CAAQ;CAAU;CAAU;AAAY;AAC3E,MAAM,eAAe,CAAC,GAAG;;;;AAKzB,SAAS,aACP,KACA,QACA,WACA,QACQ;CACR,IAAI,UAAU,CAAC,cAAc,GAAG,GAAG,OAAO;CAE1C,OAAO,YAAY,aACjB;EAAE;EAAK,OAAO;CAA0C,GACxD,SACF;AACF;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,SACd,MACA,SAAkC,CAAC,GACnC,UAA2B,CAAC,GACpB;CACR,OAAO,UAAU,YAAY,MAAM,IAAI,GAAG,QAAQ,OAAO,CAAC;AAC5D;;;;;;AAOA,SAAgB,YACd,KACA,SAAkC,CAAC,GACnC,UAA2B,CAAC,GACf;CACb,IAAI,CAAC,UAAU,OAAO,KAAK,MAAM,CAAC,CAAC,WAAW,GAAG,OAAO;CAExD,MAAM,OAAO,QAAQ,QAAQ;CAC7B,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,SAAS,QAAQ,UAAU;CACjC,MAAM,YAA0C;EAAE,QAAQ;EAAO,GAAK,QAAQ,MAAM,CAAC;CAAoC;CAIzH,MAAM,WAAW,UADA,KAAK,KAAK,IACO,GAAG,GAAG;CAExC,KAAK,MAAM,MAAM,UACf,KAAK,MAAM,QAAQ,YAAY;EAC7B,MAAM,QAAQ,GAAG,QAAQ;EACzB,IAAI,CAAC,OAAO;EAEZ,MAAM,UAAU,aAAa,OAAO,QAAQ,WAAW,MAAM;EAC7D,IAAI,YAAY,OACd,GAAG,QAAQ,QAAQ;CAEvB;CAGF,OAAO;AACT"}