{"ScriptPreparationCode":"// clsx\r\n!function(e,n){\u0022object\u0022==typeof exports\u0026\u0026\u0022undefined\u0022!=typeof module?module.exports=n():\u0022function\u0022==typeof define\u0026\u0026define.amd?define(n):e.clsx=n()}(this,(function(){function e(n){var t,f,o=\u0022\u0022;if(\u0022string\u0022==typeof n||\u0022number\u0022==typeof n)o\u002B=n;else if(\u0022object\u0022==typeof n)if(Array.isArray(n)){var r=n.length;for(t=0;t\u003Cr;t\u002B\u002B)n[t]\u0026\u0026(f=e(n[t]))\u0026\u0026(o\u0026\u0026(o\u002B=\u0022 \u0022),o\u002B=f)}else for(f in n)n[f]\u0026\u0026(o\u0026\u0026(o\u002B=\u0022 \u0022),o\u002B=f);return o}function n(){for(var n,t,f=0,o=\u0022\u0022,r=arguments.length;f\u003Cr;f\u002B\u002B)(n=arguments[f])\u0026\u0026(t=e(n))\u0026\u0026(o\u0026\u0026(o\u002B=\u0022 \u0022),o\u002B=t);return o}return n.clsx=n,n}));\r\n\r\n\r\nconst dom = document.getElementById(\u0022dom\u0022);\r\n\r\n\r\nfunction use_clsx(dom, ...next) {\r\n \tconst className = clsx(...next);\r\n \tif (dom.__className !== className) {\r\n dom.className = dom.__className = className;\r\n }\r\n}\r\n\r\nfunction use_classlist(dom, prev = {}, next) {\r\n for (const k in next) {\r\n if (prev[k] !== next[k]) {\r\n if (next[k]) {\r\n dom.classList.add(k);\r\n } else {\r\n dom.classList.remove(k);\r\n }\r\n }\r\n }\r\n return next;\r\n}\r\n\r\n\r\nfunction use_toggle(dom, prev = {}, next) {\r\n for (const k in next) {\r\n if (prev[k] !== next[k]) {\r\n dom.classList.toggle(k, next[k]);\r\n }\r\n }\r\n return next;\r\n}\r\n\r\n","TestCases":[{"Name":"use_clsx","Code":"use_clsx(dom, \u0022foo bar baz\u0022, { hello: true, \u0027hello-world\u0027: true, hi: true });\r\nuse_clsx(dom, \u0022foo bar baz\u0022, { hello: false, \u0027hello-world\u0027: true, hi: false });\r\nuse_clsx(dom, \u0022foo bar baz\u0022, { hello: true, \u0027hello-world\u0027: true, hi: true });","IsDeferred":false},{"Name":"use_classlist","Code":"var prev;\r\nprev = use_classlist(dom, prev, { hello: true, \u0027hello-world\u0027: true, hi: true });\r\nprev = use_classlist(dom, prev, { hello: false, \u0027hello-world\u0027: true, hi: false });\r\nprev = use_classlist(dom, prev, { hello: true, \u0027hello-world\u0027: true, hi: true });","IsDeferred":false},{"Name":"use_toggle","Code":"var prev;\r\nprev = use_toggle(dom, prev, { hello: true, \u0027hello-world\u0027: true, hi: true });\r\nprev = use_toggle(dom, prev, { hello: false, \u0027hello-world\u0027: true, hi: false });\r\nprev = use_toggle(dom, prev, { hello: true, \u0027hello-world\u0027: true, hi: true });","IsDeferred":false}]}