kss-modern 1.7.0-beta.3 → 1.7.0-beta.4

package/dist/node/lib/index.mjs

@@ -1810,7 +1810,7 @@ async function generateFullPageFile(data) {
           <meta name="theme-color" media="(prefers-color-scheme: dark)" content="${data.brandColor.dark}">
       ` : `<meta name="theme-color" content="${data.brandColor}">`}
     <script type="module" src="styleguide-assets/fullpage-aWqc0gjm.js"><\/script>
-    ${data.playgroundConfig ? '<script type="module" src="styleguide-assets/playground-BhseyspT.js"><\/script>' : ""}
+    ${data.playgroundConfig ? '<script type="module" src="styleguide-assets/playground-BBMnDZ8b.js"><\/script>' : ""}
     ${computedStyleTags}
     ${computedThemeStyleTags}
 </head>
@@ -2921,7 +2921,7 @@ document.addEventListener("DOMContentLoaded", () => {
 //#endregion
 ;
 <\/script>
-    <script type="module" src="styleguide-assets/preview-By_Bbr0k.js"><\/script>
+    <script type="module" src="styleguide-assets/preview-BkKvdDnK.js"><\/script>
     <link rel="preload" href="styleguide-assets/fonts/geist-mono-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
     <link rel="preload" href="styleguide-assets/fonts/geist-mono-latin-600-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
     <link rel="preload" href="styleguide-assets/fonts/geist-mono-latin-300-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">

package/dist/styleguide-assets/.vite/manifest.json

@@ -21,8 +21,8 @@
     "file": "code-highlight-Fm7cxf-E.js",
     "name": "code-highlight"
   },
-  "_controller-Bw_HCban.js": {
-    "file": "controller-Bw_HCban.js",
+  "_controller-drB07Xo_.js": {
+    "file": "controller-drB07Xo_.js",
     "name": "controller",
     "imports": [
       "_utils-DtB-AzJa.js",
@@ -147,14 +147,14 @@
     ]
   },
   "client/lib/playground/explorer.ts": {
-    "file": "explorer-CawEz1UK.js",
+    "file": "explorer-BivD2FYm.js",
     "name": "explorer",
     "src": "client/lib/playground/explorer.ts",
     "isDynamicEntry": true,
     "imports": [
       "_code-highlight-Fm7cxf-E.js",
       "_utils-DtB-AzJa.js",
-      "_controller-Bw_HCban.js",
+      "_controller-drB07Xo_.js",
       "_alerts-DIQ8TeZB.js"
     ]
   },
@@ -169,13 +169,13 @@
     ]
   },
   "client/playground.ts": {
-    "file": "playground-BhseyspT.js",
+    "file": "playground-BBMnDZ8b.js",
     "name": "playground",
     "src": "client/playground.ts",
     "isEntry": true,
     "imports": [
       "_shared-hGcWlnRM.js",
-      "_controller-Bw_HCban.js"
+      "_controller-drB07Xo_.js"
     ]
   },
   "client/preview-inline.ts": {
@@ -185,7 +185,7 @@
     "isEntry": true
   },
   "client/preview.ts": {
-    "file": "preview-By_Bbr0k.js",
+    "file": "preview-BkKvdDnK.js",
     "name": "preview",
     "src": "client/preview.ts",
     "isEntry": true,

package/dist/styleguide-assets/{controller-Bw_HCban.js → controller-drB07Xo_.js}

@@ -552,68 +552,70 @@ var F = /^(?:javascript|vbscript|data):/i;
 function I(e) {
 	return F.test([...e].filter((e) => e.charCodeAt(0) > 32).join(""));
 }
-function L(e) {
+var L = /^on|[^\w:.-]/i;
+function R(e) {
 	if (typeof e == "string") return e.includes("<") || I(e) ? e : void 0;
-	if (typeof e == "object" && e) for (let t of Object.values(e)) {
-		let e = L(t);
-		if (e !== void 0) return e;
+	if (typeof e == "object" && e) for (let [t, n] of Object.entries(e)) {
+		if (!Array.isArray(e) && L.test(t)) return t;
+		let r = R(n);
+		if (r !== void 0) return r;
 	}
 }
-function R(e) {
-	let t = P(new URLSearchParams(e.hash.slice(1)).get(N) ?? e.searchParams.get(N)), n = t.props ? L(t.props) : void 0;
-	return n === void 0 ? t : { error: `The props from the link were not applied: they contain markup or a script URL (${JSON.stringify(n.slice(0, 40))}). Enter such values in the controls instead.` };
+function z(e) {
+	let t = P(new URLSearchParams(e.hash.slice(1)).get(N) ?? e.searchParams.get(N)), n = t.props ? R(Object.values(t.props)) : void 0;
+	return n === void 0 ? t : { error: `The props from the link were not applied: they contain markup, a script URL or an attribute name like onclick (${JSON.stringify(n.slice(0, 40))}). Enter such values in the controls instead.` };
 }
-function z(e, t) {
+function B(e, t) {
 	let n = new URL(e), r = new URLSearchParams(n.hash.slice(1));
 	return r.set(N, JSON.stringify(t)), n.hash = r.toString(), n;
 }
-function B(e, t) {
+function V(e, t) {
 	let n = new URL(e);
 	return n.searchParams.set(N, JSON.stringify(t)), n.hash = "", n;
 }
-var V = /^[A-Z_$][\w$]*$/i;
-function H(e) {
+var H = /^[A-Z_$][\w$]*$/i;
+function U(e) {
 	if (typeof e == "string") return `'${e.replaceAll("\\", "\\\\").replaceAll("'", "\\'").replaceAll("\n", "\\n")}'`;
-	if (Array.isArray(e)) return `[${e.map(H).join(", ")}]`;
+	if (Array.isArray(e)) return `[${e.map(U).join(", ")}]`;
 	if (typeof e == "object" && e) {
 		let t = Object.entries(e);
-		return t.length === 0 ? "{}" : `{ ${t.map(([e, t]) => `${V.test(e) ? e : H(e)}: ${H(t)}`).join(", ")} }`;
+		return t.length === 0 ? "{}" : `{ ${t.map(([e, t]) => `${H.test(e) ? e : U(e)}: ${U(t)}`).join(", ")} }`;
 	}
 	return JSON.stringify(e) ?? "undefined";
 }
-function U(e, t) {
+function W(e, t) {
 	let n = new Map(t.filter((e) => e.hasDefault).map((e) => [e.key, JSON.stringify(e.default)]));
 	return Object.fromEntries(Object.entries(e).filter(([e, t]) => n.get(e) !== JSON.stringify(t)));
 }
-function W(e, t, n = []) {
-	let r = U(t, n);
+function G(e, t, n = []) {
+	let r = W(t, n);
 	for (let e of n) {
 		let { items: t } = e;
-		t?.kind === "object" && Array.isArray(r[e.key]) && (r[e.key] = r[e.key].map((e) => typeof e == "object" && e ? U(e, t.fields) : e));
+		t?.kind === "object" && Array.isArray(r[e.key]) && (r[e.key] = r[e.key].map((e) => typeof e == "object" && e ? W(e, t.fields) : e));
 	}
-	return `+${e}(${H(r)})`;
+	return `+${e}(${U(r)})`;
 }
 //#endregion
 //#region client/lib/playground/validate.ts
-var G = /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/;
-function K(e) {
+var K = /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/;
+function q(e) {
 	return typeof e == "string" ? `"${e}"` : String(e);
 }
-function q(e) {
+function J(e) {
 	try {
 		return !!new URL(e);
 	} catch {
 		return !1;
 	}
 }
-function J(e, t) {
+function Y(e, t) {
 	return `${e} ${t}${e === 1 ? "" : "s"}`;
 }
-function Y(e, t) {
+function X(e, t) {
 	switch (e.kind) {
-		case "enum": return e.options?.includes(t) ? void 0 : `Must be one of ${(e.options ?? []).map(K).join(", ")}`;
+		case "enum": return e.options?.includes(t) ? void 0 : `Must be one of ${(e.options ?? []).map(q).join(", ")}`;
 		case "boolean": return typeof t == "boolean" ? void 0 : "Must be true or false";
-		case "string": return typeof t == "string" ? e.minLength !== void 0 && t.length < e.minLength ? e.minLength === 1 ? "Must not be empty" : `Must be at least ${J(e.minLength, "character")}` : e.maxLength !== void 0 && t.length > e.maxLength ? `Must be at most ${J(e.maxLength, "character")}` : e.format === "email" && !G.test(t) ? "Must be an email address" : e.format === "uri" && !q(t) ? "Must be a URL" : e.pattern !== void 0 && e.format !== "email" && !new RegExp(e.pattern).test(t) ? `Must match ${e.pattern}` : void 0 : "Must be text";
+		case "string": return typeof t == "string" ? e.minLength !== void 0 && t.length < e.minLength ? e.minLength === 1 ? "Must not be empty" : `Must be at least ${Y(e.minLength, "character")}` : e.maxLength !== void 0 && t.length > e.maxLength ? `Must be at most ${Y(e.maxLength, "character")}` : e.format === "email" && !K.test(t) ? "Must be an email address" : e.format === "uri" && !J(t) ? "Must be a URL" : e.pattern !== void 0 && e.format !== "email" && !new RegExp(e.pattern).test(t) ? `Must match ${e.pattern}` : void 0 : "Must be text";
 		case "number":
 		case "integer":
 			if (typeof t != "number" || Number.isNaN(t)) return "Must be a number";
@@ -629,57 +631,57 @@ function Y(e, t) {
 			return;
 	}
 }
-function X(e, t) {
-	return typeof t != "object" || !t || Array.isArray(t) ? ["Must be an object"] : e.fields.flatMap((e) => Q(e, t[e.key]).map((t) => `${e.key}: ${t}`));
-}
 function Z(e, t) {
+	return typeof t != "object" || !t || Array.isArray(t) ? ["Must be an object"] : e.fields.flatMap((e) => $(e, t[e.key]).map((t) => `${e.key}: ${t}`));
+}
+function Q(e, t) {
 	if (typeof t != "object" || !t || Array.isArray(t)) return ["Must be an object"];
 	let n = [];
 	for (let [r, i] of Object.entries(t)) {
-		e.keyPattern !== void 0 && !new RegExp(e.keyPattern).test(r) ? n.push(`Key "${r}": Must match ${e.keyPattern}`) : e.keyMinLength !== void 0 && r.length < e.keyMinLength ? n.push(`Key "${r}": Must be at least ${J(e.keyMinLength, "character")}`) : e.keyMaxLength !== void 0 && r.length > e.keyMaxLength && n.push(`Key "${r}": Must be at most ${J(e.keyMaxLength, "character")}`);
-		let t = e.values.map((e) => Y(e, i));
+		e.keyPattern !== void 0 && !new RegExp(e.keyPattern).test(r) ? n.push(`Key "${r}": Must match ${e.keyPattern}`) : e.keyMinLength !== void 0 && r.length < e.keyMinLength ? n.push(`Key "${r}": Must be at least ${Y(e.keyMinLength, "character")}`) : e.keyMaxLength !== void 0 && r.length > e.keyMaxLength && n.push(`Key "${r}": Must be at most ${Y(e.keyMaxLength, "character")}`);
+		let t = e.values.map((e) => X(e, i));
 		t.every((e) => e !== void 0) && n.push(`"${r}": ${e.values.length === 1 ? t[0] : `Must be ${e.values.map((e) => e.kind).join(" or ")}`}`);
 	}
 	return n;
 }
-function Q(e, t) {
+function $(e, t) {
 	if (t === void 0) return e.isOptional ? [] : ["Required"];
-	if (e.kind === "record") return e.record ? Z(e.record, t) : [];
+	if (e.kind === "record") return e.record ? Q(e.record, t) : [];
 	if (e.kind !== "array") {
-		let n = Y(e, t);
+		let n = X(e, t);
 		return n ? [n] : [];
 	}
 	if (!Array.isArray(t)) return ["Must be a list"];
 	let n = [];
-	e.minItems !== void 0 && t.length < e.minItems && n.push(`Needs at least ${J(e.minItems, "entry").replace("entrys", "entries")}`), e.maxItems !== void 0 && t.length > e.maxItems && n.push(`Allows at most ${J(e.maxItems, "entry").replace("entrys", "entries")}`);
+	e.minItems !== void 0 && t.length < e.minItems && n.push(`Needs at least ${Y(e.minItems, "entry").replace("entrys", "entries")}`), e.maxItems !== void 0 && t.length > e.maxItems && n.push(`Allows at most ${Y(e.maxItems, "entry").replace("entrys", "entries")}`);
 	let { items: r } = e;
 	return t.forEach((e, t) => {
 		if (!r) return;
-		let i = r.kind === "object" ? X(r, e) : [Y(r, e)].filter((e) => e !== void 0);
+		let i = r.kind === "object" ? Z(r, e) : [X(r, e)].filter((e) => e !== void 0);
 		n.push(...i.map((e) => `Entry ${t + 1}: ${e}`));
 	}), n;
 }
-function $(e, t) {
+function ee(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
-		let e = Q(r, t[r.key]);
+		let e = $(r, t[r.key]);
 		e.length > 0 && n.set(r.key, e);
 	}
 	return n;
 }
 //#endregion
 //#region client/lib/playground/controller.ts
-var ee = 1e3;
-async function te(e, n, r = {}) {
+var te = 1e3;
+async function ne(e, n, r = {}) {
 	let i = (await O(e.manifestUrl, e.isDevelopment)).mixins.find((t) => t.id === e.id);
 	if (!i || !i.hasSchema) throw Error(`Mixin "${e.name}" has no playground in ${e.manifestUrl}`);
-	let a = d(i.jsonSchema), o = h(a, r.props), s = i.module ? await A(i) : void 0, c, l = () => g(a, o), u = () => W(i.name, l(), a), f = () => {
+	let a = d(i.jsonSchema), o = h(a, r.props), s = i.module ? await A(i) : void 0, c, l = () => g(a, o), u = () => G(i.name, l(), a), f = () => {
 		let e = l();
 		if (c?.setPugCall(u()), !s) {
 			c?.setMessage(i.error?.message ?? "The mixin has not compiled yet.");
 			return;
 		}
-		let t = $(a, o);
+		let t = ee(a, o);
 		if (t.size > 0) {
 			let r = [...t].flatMap(([e, t]) => t.map((t) => ({
 				key: e,
@@ -746,7 +748,7 @@ async function te(e, n, r = {}) {
 					r = !1;
 				}
 			}
-		}, ee), document.visibilityState === "visible" && p.start(), document.addEventListener("visibilitychange", () => {
+		}, te), document.visibilityState === "visible" && p.start(), document.addEventListener("visibilitychange", () => {
 			document.visibilityState === "visible" ? p.resume() : p.pause();
 		}, { signal: m.signal });
 	}
@@ -766,4 +768,4 @@ async function te(e, n, r = {}) {
 	};
 }
 //#endregion
-export { O as a, o as c, B as i, i as l, R as n, v as o, z as r, a as s, te as t, r as u };
+export { O as a, o as c, V as i, i as l, z as n, v as o, B as r, a as s, ne as t, r as u };

package/dist/styleguide-assets/{explorer-CawEz1UK.js → explorer-BivD2FYm.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./code-highlight-Fm7cxf-E.js";
 import { n as t } from "./utils-DtB-AzJa.js";
-import { a as n, i as r, n as i, r as a, s as o, t as s, u as c } from "./controller-Bw_HCban.js";
+import { a as n, i as r, n as i, r as a, s as o, t as s, u as c } from "./controller-drB07Xo_.js";
 import { t as l } from "./alerts-DIQ8TeZB.js";
 //#region client/lib/playground/format-html.ts
 var u = /* @__PURE__ */ new Set([

package/dist/styleguide-assets/{playground-BhseyspT.js → playground-BBMnDZ8b.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./shared-hGcWlnRM.js";
-import { c as t, i as n, l as r, n as i, o as a, r as o, t as s } from "./controller-Bw_HCban.js";
+import { c as t, i as n, l as r, n as i, o as a, r as o, t as s } from "./controller-drB07Xo_.js";
 //#region client/playground.ts
 var c = "kss-modern:playground-panel", l = {
 	dock: "right",

package/dist/styleguide-assets/{preview-By_Bbr0k.js → preview-BkKvdDnK.js}

@@ -1139,7 +1139,7 @@ ot && import("./global-theme-select-CdFgPJ0T.js").then(({ default: e }) => e(ot)
 var st = document.querySelectorAll("[data-section-theme-select]");
 st.length > 0 && import("./section-theme-select-CO65kL5N.js").then(({ default: e }) => e(st)).catch(console.error);
 var ct = document.querySelector("[data-mixin-explorer]");
-ct && import("./explorer-CawEz1UK.js").then(({ default: e }) => e(ct)).catch(console.error);
+ct && import("./explorer-BivD2FYm.js").then(({ default: e }) => e(ct)).catch(console.error);
 var lt = document.querySelector(".editor-select");
 lt && import("./editor-select-DIZFtqe7.js").then(({ default: e }) => e(lt)).catch(console.error);
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kss-modern",
   "type": "module",
-  "version": "1.7.0-beta.3",
+  "version": "1.7.0-beta.4",
   "description": "Modern KSS compatible styleguide generator",
   "keywords": [
     "kss",