@jasonshimmy/custom-elements-runtime 3.3.0 → 3.5.0

package/dist/custom-elements-runtime.directives.es.js

@@ -1,76 +1,71 @@
-var u = "", i = 0, f = [];
-function y() {
-  u = "", i = 0, f.length = 0;
+//#region src/lib/directives.ts
+var e = "", t = 0, n = [];
+function r() {
+	e = "", t = 0, n.length = 0;
 }
-function $() {
-  return i++;
-}
-function s(n) {
-  const e = i++;
-  return n !== void 0 ? n : u ? `${u}.${e}` : `when-block-${e}`;
+function i() {
+	return t++;
 }
 function a(n) {
-  f.push([u, i]), u = n, i = 0;
+	let r = t++;
+	return n === void 0 ? e ? `${e}.${r}` : `when-block-${r}` : n;
+}
+function o(r) {
+	n.push([e, t]), e = r, t = 0;
 }
-function p() {
-  const n = f[f.length - 1];
-  n && (f.length--, [u, i] = n);
+function s() {
+	let r = n[n.length - 1];
+	r && (n.length--, [e, t] = r);
 }
-function d(n, e, t) {
-  const r = s(t);
-  if (typeof e != "function") return c(n ? e : [], r);
-  if (!n) return c([], r);
-  a(r);
-  const o = e();
-  return p(), c(o, r);
+function c(e, t, n) {
+	let r = a(n);
+	if (typeof t != "function") return d(e ? t : [], r);
+	if (!e) return d([], r);
+	o(r);
+	let i = t();
+	return s(), d(i, r);
 }
-function v(n, e) {
-  return n.map((t, r) => {
-    const o = typeof t == "object" ? t?.key ?? t?.id ?? `idx-${r}` : String(t);
-    return c(e(t, r), `each-${o}`);
-  });
+function l(e, t) {
+	return e.map((e, n) => {
+		let r = typeof e == "object" ? e?.key ?? e?.id ?? `idx-${n}` : String(e);
+		return d(t(e, n), `each-${r}`);
+	});
 }
-function x() {
-  const n = [];
-  return {
-    when(e, t) {
-      return n.push([e, t]), this;
-    },
-    otherwise(e) {
-      return n.push([!0, e]), this;
-    },
-    done() {
-      const e = `match-${s()}`;
-      for (let t = 0; t < n.length; t++) {
-        const [r, o] = n[t];
-        if (r) {
-          const h = `${e}-branch-${t}`;
-          if (typeof o == "function") {
-            a(h);
-            const l = o();
-            return p(), [c(l, h)];
-          }
-          return [c(o, h)];
-        }
-      }
-      return [c([], `${e}-empty`)];
-    }
-  };
+function u() {
+	let e = [];
+	return {
+		when(t, n) {
+			return e.push([t, n]), this;
+		},
+		otherwise(t) {
+			return e.push([!0, t]), this;
+		},
+		done() {
+			let t = `match-${a()}`;
+			for (let n = 0; n < e.length; n++) {
+				let [r, i] = e[n];
+				if (r) {
+					let e = `${t}-branch-${n}`;
+					if (typeof i == "function") {
+						o(e);
+						let t = i();
+						return s(), [d(t, e)];
+					}
+					return [d(i, e)];
+				}
+			}
+			return [d([], `${t}-empty`)];
+		}
+	};
 }
-function c(n, e) {
-  return {
-    tag: "#anchor",
-    key: e,
-    children: n ? Array.isArray(n) ? n.filter((t) => t != null) : [n].filter((t) => t != null) : []
-  };
+function d(e, t) {
+	return {
+		tag: "#anchor",
+		key: t,
+		children: e ? Array.isArray(e) ? e.filter((e) => e != null) : [e].filter((e) => e != null) : []
+	};
 }
-export {
-  c as anchorBlock,
-  v as each,
-  x as match,
-  $ as nextDirectiveIndex,
-  y as resetWhenCounter,
-  d as when
-};
+//#endregion
+export { d as anchorBlock, l as each, u as match, i as nextDirectiveIndex, r as resetWhenCounter, c as when };
 
 //# sourceMappingURL=custom-elements-runtime.directives.es.js.map

package/dist/custom-elements-runtime.directives.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-elements-runtime.directives.es.js","names":[],"sources":["../src/lib/directives.ts"],"sourcesContent":["import type { VNode } from './runtime/types';\n\n// ── Per-render directive scope tracking ─────────────────────────────────────\n//\n// A FLAT counter (index++) breaks when a when() factory itself contains more\n// when() calls: those inner calls consume counter slots, causing SUBSEQUENT\n// SIBLING when() calls to get a different index depending on whether the factory\n// ran. For example:\n//\n//   when(A, () => { when(B); when(C); })  // ← factory may or may not run\n//   when(D)                               // ← index shifts when factory runs\n//\n// The fix: each when() call claims its own slot (stable regardless of whether\n// the factory runs), then ENTERS a new child scope for the factory. Inner\n// when() calls consume indices in that child scope, never bleeding into the\n// sibling counter of the outer scope.\n//\n// Key format:  root sibling 0 → \"when-block-0\"\n//              child of \"when-block-0\" at pos 1 → \"when-block-0.1\"\n//              grandchild → \"when-block-0.1.0\"  etc.\n\n/** Current scope's parent prefix (empty string = root scope). */\nlet _scopeParent = '';\n/** Next sibling index inside the current scope. */\nlet _scopeIndex = 0;\n/** Stack of [parentPrefix, siblingIndex] for nested scopes. */\nconst _scopeStack: Array<readonly [string, number]> = [];\n\n/**\n * Reset all scope state at the start of each component render pass.\n * Called automatically by the component renderer — not needed in user code.\n * @internal\n */\nexport function resetWhenCounter(): void {\n  _scopeParent = '';\n  _scopeIndex = 0;\n  _scopeStack.length = 0;\n}\n\n/**\n * Claim the next directive call index within the current scope.\n * Used by directive-enhancements.ts for non-when() directives (switchOnLength,\n * switchOnPromise, etc.) that need a stable unique number per call site.\n * @internal\n */\nexport function nextDirectiveIndex(): number {\n  return _scopeIndex++;\n}\n\n/** Claim the next slot in the current scope and return its anchor key. */\nfunction claimKey(explicitKey?: string): string {\n  const idx = _scopeIndex++;\n  if (explicitKey !== undefined) return explicitKey;\n  return _scopeParent ? `${_scopeParent}.${idx}` : `when-block-${idx}`;\n}\n\n/** Push a new child scope keyed under `anchorKey`. */\nfunction enterScope(anchorKey: string): void {\n  _scopeStack.push([_scopeParent, _scopeIndex] as const);\n  _scopeParent = anchorKey;\n  _scopeIndex = 0;\n}\n\n/** Pop back to the parent scope. */\nfunction exitScope(): void {\n  const top = _scopeStack[_scopeStack.length - 1];\n  if (top) {\n    _scopeStack.length--;\n    [_scopeParent, _scopeIndex] = top;\n  }\n}\n\n/* --- When --- */\nexport function when(\n  cond: boolean,\n  children: VNode | VNode[],\n  key?: string,\n): VNode;\nexport function when(\n  cond: boolean,\n  factory: () => VNode | VNode[],\n  key?: string,\n): VNode;\nexport function when(\n  cond: boolean,\n  childrenOrFactory: VNode | VNode[] | (() => VNode | VNode[]),\n  key?: string,\n): VNode {\n  // Claim this call's position BEFORE potentially entering a child scope.\n  // This guarantees sibling when() calls always get the same index regardless\n  // of whether a factory executes and how many when() calls it contains.\n  const anchorKey = claimKey(key);\n\n  if (typeof childrenOrFactory !== 'function') {\n    return anchorBlock(cond ? childrenOrFactory : [], anchorKey);\n  }\n\n  if (!cond) {\n    return anchorBlock([], anchorKey);\n  }\n\n  // Run the factory in a child scope so its inner when() calls don't\n  // affect the sibling counter of the outer scope.\n  enterScope(anchorKey);\n  const children = childrenOrFactory();\n  exitScope();\n  return anchorBlock(children, anchorKey);\n}\n\n/* --- Each --- */\nexport function each<\n  T extends string | number | boolean | { id?: string | number; key?: string },\n>(list: T[], render: (item: T, index: number) => VNode | VNode[]): VNode[] {\n  return list.map((item, i) => {\n    // For primitives, use value as key; for objects, prefer key/id\n    const itemKey =\n      typeof item === 'object'\n        ? ((item as Record<string, unknown>)?.key ??\n          (item as Record<string, unknown>)?.id ??\n          `idx-${i}`)\n        : String(item);\n    return anchorBlock(render(item, i), `each-${itemKey}`);\n  });\n}\n\n/* --- match --- */\ntype Branch = [\n  condition: unknown,\n  content: VNode | VNode[] | (() => VNode | VNode[]),\n];\n\nexport function match() {\n  const branches: Branch[] = [];\n  return {\n    when(cond: unknown, content: VNode | VNode[] | (() => VNode | VNode[])) {\n      branches.push([cond, content]);\n      return this;\n    },\n    otherwise(content: VNode | VNode[]) {\n      branches.push([true, content]);\n      return this;\n    },\n    done() {\n      const matchKey = `match-${claimKey()}`;\n      for (let idx = 0; idx < branches.length; idx++) {\n        const [cond, content] = branches[idx];\n        if (cond) {\n          const branchKey = `${matchKey}-branch-${idx}`;\n          if (typeof content === 'function') {\n            enterScope(branchKey);\n            const payload = (content as () => VNode | VNode[])();\n            exitScope();\n            return [anchorBlock(payload, branchKey)];\n          }\n          return [anchorBlock(content, branchKey)];\n        }\n      }\n      return [anchorBlock([], `${matchKey}-empty`)];\n    },\n  };\n}\n\n/**\n * Create a stable anchor block with consistent boundaries.\n * Always has start/end boundaries.\n */\nexport function anchorBlock(\n  children: VNode | VNode[] | null | undefined,\n  anchorKey: string,\n): VNode {\n  // Normalize children to array, filtering out only null/undefined values.\n  // Preserve meaningful falsy values such as 0, false, and empty string.\n  const childArray = !children\n    ? []\n    : Array.isArray(children)\n      ? children.filter((c) => c !== null && c !== undefined)\n      : [children].filter((c) => c !== null && c !== undefined);\n\n  return {\n    tag: '#anchor',\n    key: anchorKey,\n    children: childArray,\n  };\n}\n"],"mappings":"AAsBA,IAAI,IAAe,IAEf,IAAc,GAEZ,IAAgD,CAAA;AAOtD,SAAgB,IAAyB;AACvC,EAAA,IAAe,IACf,IAAc,GACd,EAAY,SAAS;;AASvB,SAAgB,IAA6B;AAC3C,SAAO;;AAIT,SAAS,EAAS,GAA8B;AAC9C,QAAM,IAAM;AACZ,SAAI,MAAgB,SAAkB,IAC/B,IAAe,GAAG,CAAA,IAAgB,CAAA,KAAQ,cAAc,CAAA;;AAIjE,SAAS,EAAW,GAAyB;AAC3C,EAAA,EAAY,KAAK,CAAC,GAAc,CAAA,CAAY,GAC5C,IAAe,GACf,IAAc;;AAIhB,SAAS,IAAkB;AACzB,QAAM,IAAM,EAAY,EAAY,SAAS,CAAA;AAC7C,EAAI,MACF,EAAY,UACZ,CAAC,GAAc,CAAA,IAAe;;AAelC,SAAgB,EACd,GACA,GACA,GACO;AAIP,QAAM,IAAY,EAAS,CAAA;AAE3B,MAAI,OAAO,KAAsB,WAC/B,QAAO,EAAY,IAAO,IAAoB,CAAA,GAAI,CAAA;AAGpD,MAAI,CAAC,EACH,QAAO,EAAY,CAAA,GAAI,CAAA;AAKzB,EAAA,EAAW,CAAA;AACX,QAAM,IAAW,EAAA;AACjB,SAAA,EAAA,GACO,EAAY,GAAU,CAAA;;AAI/B,SAAgB,EAEd,GAAW,GAA8D;AACzE,SAAO,EAAK,IAAA,CAAK,GAAM,MAAM;AAE3B,UAAM,IACJ,OAAO,KAAS,WACV,GAAkC,OACnC,GAAkC,MACnC,OAAO,CAAA,KACP,OAAO,CAAA;AACb,WAAO,EAAY,EAAO,GAAM,CAAA,GAAI,QAAQ,CAAA,EAAA;AAAA;;AAUhD,SAAgB,IAAQ;AACtB,QAAM,IAAqB,CAAA;AAC3B,SAAO;AAAA,IACL,KAAK,GAAe,GAAoD;AACtE,aAAA,EAAS,KAAK,CAAC,GAAM,CAAA,CAAQ,GACtB;AAAA;IAET,UAAU,GAA0B;AAClC,aAAA,EAAS,KAAK,CAAC,IAAM,CAAA,CAAQ,GACtB;AAAA;IAET,OAAO;AACL,YAAM,IAAW,SAAS,EAAA,CAAU;AACpC,eAAS,IAAM,GAAG,IAAM,EAAS,QAAQ,KAAO;AAC9C,cAAM,CAAC,GAAM,CAAA,IAAW,EAAS,CAAA;AACjC,YAAI,GAAM;AACR,gBAAM,IAAY,GAAG,CAAA,WAAmB,CAAA;AACxC,cAAI,OAAO,KAAY,YAAY;AACjC,YAAA,EAAW,CAAA;AACX,kBAAM,IAAW,EAAA;AACjB,mBAAA,EAAA,GACO,CAAC,EAAY,GAAS,CAAA,CAAU;AAAA;AAEzC,iBAAO,CAAC,EAAY,GAAS,CAAA,CAAU;AAAA;;AAG3C,aAAO,CAAC,EAAY,CAAA,GAAI,GAAG,CAAA,QAAS,CAAQ;AAAA;;;AASlD,SAAgB,EACd,GACA,GACO;AASP,SAAO;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,UATkB,IAEhB,MAAM,QAAQ,CAAA,IACZ,EAAS,OAAA,CAAQ,MAAM,KAAM,IAAc,IAC3C,CAAC,CAAA,EAAU,OAAA,CAAQ,MAAM,KAAM,IAAc,IAH/C,CAAA;AAAA"}
+{"version":3,"file":"custom-elements-runtime.directives.es.js","names":[],"sources":["../src/lib/directives.ts"],"sourcesContent":["import type { VNode } from './runtime/types';\n\n// ── Per-render directive scope tracking ─────────────────────────────────────\n//\n// A FLAT counter (index++) breaks when a when() factory itself contains more\n// when() calls: those inner calls consume counter slots, causing SUBSEQUENT\n// SIBLING when() calls to get a different index depending on whether the factory\n// ran. For example:\n//\n//   when(A, () => { when(B); when(C); })  // ← factory may or may not run\n//   when(D)                               // ← index shifts when factory runs\n//\n// The fix: each when() call claims its own slot (stable regardless of whether\n// the factory runs), then ENTERS a new child scope for the factory. Inner\n// when() calls consume indices in that child scope, never bleeding into the\n// sibling counter of the outer scope.\n//\n// Key format:  root sibling 0 → \"when-block-0\"\n//              child of \"when-block-0\" at pos 1 → \"when-block-0.1\"\n//              grandchild → \"when-block-0.1.0\"  etc.\n\n/** Current scope's parent prefix (empty string = root scope). */\nlet _scopeParent = '';\n/** Next sibling index inside the current scope. */\nlet _scopeIndex = 0;\n/** Stack of [parentPrefix, siblingIndex] for nested scopes. */\nconst _scopeStack: Array<readonly [string, number]> = [];\n\n/**\n * Reset all scope state at the start of each component render pass.\n * Called automatically by the component renderer — not needed in user code.\n * @internal\n */\nexport function resetWhenCounter(): void {\n  _scopeParent = '';\n  _scopeIndex = 0;\n  _scopeStack.length = 0;\n}\n\n/**\n * Claim the next directive call index within the current scope.\n * Used by directive-enhancements.ts for non-when() directives (switchOnLength,\n * switchOnPromise, etc.) that need a stable unique number per call site.\n * @internal\n */\nexport function nextDirectiveIndex(): number {\n  return _scopeIndex++;\n}\n\n/** Claim the next slot in the current scope and return its anchor key. */\nfunction claimKey(explicitKey?: string): string {\n  const idx = _scopeIndex++;\n  if (explicitKey !== undefined) return explicitKey;\n  return _scopeParent ? `${_scopeParent}.${idx}` : `when-block-${idx}`;\n}\n\n/** Push a new child scope keyed under `anchorKey`. */\nfunction enterScope(anchorKey: string): void {\n  _scopeStack.push([_scopeParent, _scopeIndex] as const);\n  _scopeParent = anchorKey;\n  _scopeIndex = 0;\n}\n\n/** Pop back to the parent scope. */\nfunction exitScope(): void {\n  const top = _scopeStack[_scopeStack.length - 1];\n  if (top) {\n    _scopeStack.length--;\n    [_scopeParent, _scopeIndex] = top;\n  }\n}\n\n/* --- When --- */\nexport function when(\n  cond: boolean,\n  children: VNode | VNode[],\n  key?: string,\n): VNode;\nexport function when(\n  cond: boolean,\n  factory: () => VNode | VNode[],\n  key?: string,\n): VNode;\nexport function when(\n  cond: boolean,\n  childrenOrFactory: VNode | VNode[] | (() => VNode | VNode[]),\n  key?: string,\n): VNode {\n  // Claim this call's position BEFORE potentially entering a child scope.\n  // This guarantees sibling when() calls always get the same index regardless\n  // of whether a factory executes and how many when() calls it contains.\n  const anchorKey = claimKey(key);\n\n  if (typeof childrenOrFactory !== 'function') {\n    return anchorBlock(cond ? childrenOrFactory : [], anchorKey);\n  }\n\n  if (!cond) {\n    return anchorBlock([], anchorKey);\n  }\n\n  // Run the factory in a child scope so its inner when() calls don't\n  // affect the sibling counter of the outer scope.\n  enterScope(anchorKey);\n  const children = childrenOrFactory();\n  exitScope();\n  return anchorBlock(children, anchorKey);\n}\n\n/* --- Each --- */\nexport function each<\n  T extends string | number | boolean | { id?: string | number; key?: string },\n>(list: T[], render: (item: T, index: number) => VNode | VNode[]): VNode[] {\n  return list.map((item, i) => {\n    // For primitives, use value as key; for objects, prefer key/id\n    const itemKey =\n      typeof item === 'object'\n        ? ((item as Record<string, unknown>)?.key ??\n          (item as Record<string, unknown>)?.id ??\n          `idx-${i}`)\n        : String(item);\n    return anchorBlock(render(item, i), `each-${itemKey}`);\n  });\n}\n\n/* --- match --- */\ntype Branch = [\n  condition: unknown,\n  content: VNode | VNode[] | (() => VNode | VNode[]),\n];\n\nexport function match() {\n  const branches: Branch[] = [];\n  return {\n    when(cond: unknown, content: VNode | VNode[] | (() => VNode | VNode[])) {\n      branches.push([cond, content]);\n      return this;\n    },\n    otherwise(content: VNode | VNode[]) {\n      branches.push([true, content]);\n      return this;\n    },\n    done() {\n      const matchKey = `match-${claimKey()}`;\n      for (let idx = 0; idx < branches.length; idx++) {\n        const [cond, content] = branches[idx];\n        if (cond) {\n          const branchKey = `${matchKey}-branch-${idx}`;\n          if (typeof content === 'function') {\n            enterScope(branchKey);\n            const payload = (content as () => VNode | VNode[])();\n            exitScope();\n            return [anchorBlock(payload, branchKey)];\n          }\n          return [anchorBlock(content, branchKey)];\n        }\n      }\n      return [anchorBlock([], `${matchKey}-empty`)];\n    },\n  };\n}\n\n/**\n * Create a stable anchor block with consistent boundaries.\n * Always has start/end boundaries.\n */\nexport function anchorBlock(\n  children: VNode | VNode[] | null | undefined,\n  anchorKey: string,\n): VNode {\n  // Normalize children to array, filtering out only null/undefined values.\n  // Preserve meaningful falsy values such as 0, false, and empty string.\n  const childArray = !children\n    ? []\n    : Array.isArray(children)\n      ? children.filter((c) => c !== null && c !== undefined)\n      : [children].filter((c) => c !== null && c !== undefined);\n\n  return {\n    tag: '#anchor',\n    key: anchorKey,\n    children: childArray,\n  };\n}\n"],"mappings":";AAsBA,IAAI,IAAe,IAEf,IAAc,GAEZ,IAAgD,EAAE;AAOxD,SAAgB,IAAyB;AAGvC,CAFA,IAAe,IACf,IAAc,GACd,EAAY,SAAS;;AASvB,SAAgB,IAA6B;AAC3C,QAAO;;AAIT,SAAS,EAAS,GAA8B;CAC9C,IAAM,IAAM;AAEZ,QADI,MAAgB,KAAA,IACb,IAAe,GAAG,EAAa,GAAG,MAAQ,cAAc,MADzB;;AAKxC,SAAS,EAAW,GAAyB;AAG3C,CAFA,EAAY,KAAK,CAAC,GAAc,EAAY,CAAU,EACtD,IAAe,GACf,IAAc;;AAIhB,SAAS,IAAkB;CACzB,IAAM,IAAM,EAAY,EAAY,SAAS;AAC7C,CAAI,MACF,EAAY,UACZ,CAAC,GAAc,KAAe;;AAelC,SAAgB,EACd,GACA,GACA,GACO;CAIP,IAAM,IAAY,EAAS,EAAI;AAE/B,KAAI,OAAO,KAAsB,WAC/B,QAAO,EAAY,IAAO,IAAoB,EAAE,EAAE,EAAU;AAG9D,KAAI,CAAC,EACH,QAAO,EAAY,EAAE,EAAE,EAAU;AAKnC,GAAW,EAAU;CACrB,IAAM,IAAW,GAAmB;AAEpC,QADA,GAAW,EACJ,EAAY,GAAU,EAAU;;AAIzC,SAAgB,EAEd,GAAW,GAA8D;AACzE,QAAO,EAAK,KAAK,GAAM,MAAM;EAE3B,IAAM,IACJ,OAAO,KAAS,WACV,GAAkC,OACnC,GAAkC,MACnC,OAAO,MACP,OAAO,EAAK;AAClB,SAAO,EAAY,EAAO,GAAM,EAAE,EAAE,QAAQ,IAAU;GACtD;;AASJ,SAAgB,IAAQ;CACtB,IAAM,IAAqB,EAAE;AAC7B,QAAO;EACL,KAAK,GAAe,GAAoD;AAEtE,UADA,EAAS,KAAK,CAAC,GAAM,EAAQ,CAAC,EACvB;;EAET,UAAU,GAA0B;AAElC,UADA,EAAS,KAAK,CAAC,IAAM,EAAQ,CAAC,EACvB;;EAET,OAAO;GACL,IAAM,IAAW,SAAS,GAAU;AACpC,QAAK,IAAI,IAAM,GAAG,IAAM,EAAS,QAAQ,KAAO;IAC9C,IAAM,CAAC,GAAM,KAAW,EAAS;AACjC,QAAI,GAAM;KACR,IAAM,IAAY,GAAG,EAAS,UAAU;AACxC,SAAI,OAAO,KAAY,YAAY;AACjC,QAAW,EAAU;MACrB,IAAM,IAAW,GAAmC;AAEpD,aADA,GAAW,EACJ,CAAC,EAAY,GAAS,EAAU,CAAC;;AAE1C,YAAO,CAAC,EAAY,GAAS,EAAU,CAAC;;;AAG5C,UAAO,CAAC,EAAY,EAAE,EAAE,GAAG,EAAS,QAAQ,CAAC;;EAEhD;;AAOH,SAAgB,EACd,GACA,GACO;AASP,QAAO;EACL,KAAK;EACL,KAAK;EACL,UATkB,IAEhB,MAAM,QAAQ,EAAS,GACrB,EAAS,QAAQ,MAAM,KAAM,KAAwB,GACrD,CAAC,EAAS,CAAC,QAAQ,MAAM,KAAM,KAAwB,GAHzD,EAAE;EASL"}

package/dist/custom-elements-runtime.dom-jit-css.cjs.js

@@ -1,8 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./style-Bjn8zDiZ.cjs");function R(w={}){const{root:s,styleId:y="cer-dom-jit-css",...b}=w;Object.keys(b).length>0&&E.enableJITCSS(b);const a=new Set;let d="",n=null,l=null,h=!1,c=null,u=new Set,f=!1,S=!1,r=null;function j(){if(!(typeof document>"u")){if(r=s instanceof ShadowRoot?s:document,typeof CSSStyleSheet<"u"&&"replaceSync"in CSSStyleSheet.prototype&&r.adoptedStyleSheets!==void 0)try{l=new CSSStyleSheet,r.adoptedStyleSheets=[...r.adoptedStyleSheets,l],h=!0;return}catch{}s instanceof ShadowRoot?(n=document.createElement("style"),n.id=y,s.appendChild(n)):(n=document.getElementById(y),n||(n=document.createElement("style"),n.id=y,(document.head??document.documentElement).appendChild(n)))}}function v(e){if(e){if(d+=`
-${e}`,h&&l)try{l.replaceSync(`@layer cer-utilities {
-${d}
-}`);return}catch{}n&&(n.textContent=`@layer cer-utilities {
-${d}
-}`)}}function O(e){const t=e.getAttribute("class");return t?t.split(/\s+/).filter(Boolean):[]}function m(){f||(f=!0,queueMicrotask(M))}function M(){if(f=!1,u.size===0)return;const e=[];for(const o of u)a.has(o)||(a.add(o),e.push(o));if(u=new Set,e.length===0)return;const t=E.jitCSS(`<div class="${e.join(" ")}"></div>`);t&&v(t)}function p(e){for(const t of O(e))u.add(t)}function g(e){const t=document.createTreeWalker(e instanceof Document?document.body:e,NodeFilter.SHOW_ELEMENT);let o=t.currentNode;for(;o;)o instanceof Element&&p(o),o=t.nextNode();m()}function T(){if(s)return s;if(typeof document<"u"){const e=document.querySelectorAll("[data-jitcss]");return e.length>0&&e.length===1?e[0]:document.body}return null}function N(e){const t=e.getAttribute("data-jitcss");return t==="self"?"self":t==="global"?"global":"container"}function I(){if(S)return;S=!0,j();const e=T();if(!e)return;const t=e instanceof Element&&e.hasAttribute("data-jitcss")?N(e):"container",o=t==="global"?document.body:e;t==="self"&&o instanceof Element?(p(o),m()):g(o),c=new MutationObserver(D=>{for(const i of D)if(i.type==="attributes"&&i.attributeName==="class")i.target instanceof Element&&p(i.target);else if(i.type==="childList"){for(const C of i.addedNodes)if(C instanceof Element){if(t==="self")continue;g(C)}}m()}),c.observe(o,{subtree:t!=="self",attributes:!0,attributeFilter:["class"],childList:t!=="self",characterData:!1})}function A(){if(S){if(S=!1,c&&(c.disconnect(),c=null),h&&l){try{const e=r??document;e.adoptedStyleSheets=e.adoptedStyleSheets.filter(t=>t!==l)}catch{}l=null}n&&(n.remove(),n=null),a.clear(),u.clear(),d="",f=!1,r=null}}return{mount:I,destroy:A,get processedCount(){return a.size}}}exports.createDOMJITCSS=R;
-
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./style-A8l3aQ52.cjs`);function t(t={}){let{root:n,styleId:r=`cer-dom-jit-css`,...i}=t;Object.keys(i).length>0&&e.i(i);let a=new Set,o=``,s=null,c=null,l=!1,u=null,d=new Set,f=!1,p=!1,m=null;function h(){if(!(typeof document>`u`)){if(m=n instanceof ShadowRoot?n:document,typeof CSSStyleSheet<`u`&&`replaceSync`in CSSStyleSheet.prototype&&m.adoptedStyleSheets!==void 0)try{c=new CSSStyleSheet,m.adoptedStyleSheets=[...m.adoptedStyleSheets,c],l=!0;return}catch{}n instanceof ShadowRoot?(s=document.createElement(`style`),s.id=r,n.appendChild(s)):(s=document.getElementById(r),s||(s=document.createElement(`style`),s.id=r,(document.head??document.documentElement).appendChild(s)))}}function g(e){if(e){if(o+=`\n${e}`,l&&c)try{c.replaceSync(`@layer cer-utilities {\n${o}\n}`);return}catch{}s&&(s.textContent=`@layer cer-utilities {\n${o}\n}`)}}function _(e){let t=e.getAttribute(`class`);return t?t.split(/\s+/).filter(Boolean):[]}function v(){f||(f=!0,queueMicrotask(y))}function y(){if(f=!1,d.size===0)return;let t=[];for(let e of d)a.has(e)||(a.add(e),t.push(e));if(d=new Set,t.length===0)return;let n=e.l(`<div class="${t.join(` `)}"></div>`);n&&g(n)}function b(e){for(let t of _(e))d.add(t)}function x(e){let t=document.createTreeWalker(e instanceof Document?document.body:e,NodeFilter.SHOW_ELEMENT),n=t.currentNode;for(;n;)n instanceof Element&&b(n),n=t.nextNode();v()}function S(){if(n)return n;if(typeof document<`u`){let e=document.querySelectorAll(`[data-jitcss]`);return e.length>0&&e.length===1?e[0]:document.body}return null}function C(e){let t=e.getAttribute(`data-jitcss`);return t===`self`?`self`:t===`global`?`global`:`container`}function w(){if(p)return;p=!0,h();let e=S();if(!e)return;let t=e instanceof Element&&e.hasAttribute(`data-jitcss`)?C(e):`container`,n=t===`global`?document.body:e;t===`self`&&n instanceof Element?(b(n),v()):x(n),u=new MutationObserver(e=>{for(let n of e)if(n.type===`attributes`&&n.attributeName===`class`)n.target instanceof Element&&b(n.target);else if(n.type===`childList`){for(let e of n.addedNodes)if(e instanceof Element){if(t===`self`)continue;x(e)}}v()}),u.observe(n,{subtree:t!==`self`,attributes:!0,attributeFilter:[`class`],childList:t!==`self`,characterData:!1})}function T(){if(p){if(p=!1,u&&=(u.disconnect(),null),l&&c){try{let e=m??document;e.adoptedStyleSheets=e.adoptedStyleSheets.filter(e=>e!==c)}catch{}c=null}s&&=(s.remove(),null),a.clear(),d.clear(),o=``,f=!1,m=null}}return{mount:w,destroy:T,get processedCount(){return a.size}}}exports.createDOMJITCSS=t;
 //# sourceMappingURL=custom-elements-runtime.dom-jit-css.cjs.js.map

package/dist/custom-elements-runtime.dom-jit-css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-elements-runtime.dom-jit-css.cjs.js","names":[],"sources":["../src/lib/dom-jit-css.ts"],"sourcesContent":["/**\n * Non-Shadow DOM JIT CSS runtime scanner.\n *\n * Watches real DOM elements for class changes and injects utility CSS into\n * a shared `<style>` element (or constructable stylesheet) in the host document.\n *\n * @example\n * ```ts\n * import { createDOMJITCSS } from '@jasonshimmy/custom-elements-runtime/dom-jit-css';\n *\n * // Watch the full document body\n * const jit = createDOMJITCSS();\n * jit.mount();\n *\n * // Watch a specific container element\n * const jit = createDOMJITCSS({ root: document.getElementById('app')! });\n * jit.mount();\n *\n * // Tear down when no longer needed\n * jit.destroy();\n * ```\n *\n * ## `data-jitcss` attribute semantics\n *\n * | Attribute value                                        | Behaviour                                                         |\n * | ------------------------------------------------------ | ----------------------------------------------------------------- |\n * | `data-jitcss` (no value) or `data-jitcss=\"container\"` | Scopes the observer to that element and its subtree               |\n * | `data-jitcss=\"self\"`                                   | Only processes classes on that exact element, not descendants     |\n * | `data-jitcss=\"global\"`                                 | Observer covers `document.body` (useful on `<html>` or `<body>`)  |\n *\n * When `createDOMJITCSS()` is called with no `root`, it auto-detects all\n * `[data-jitcss]` elements and registers an observer for each.\n */\n\nimport { jitCSS, enableJITCSS, type JITCSSOptions } from './runtime/style';\n\n/**\n * Options for `createDOMJITCSS()`.\n */\nexport interface DOMJITCSSOptions extends JITCSSOptions {\n  /**\n   * The root element to observe. Defaults to auto-detecting `[data-jitcss]`\n   * elements, then falling back to `document.body`.\n   */\n  root?: Element | ShadowRoot | null;\n  /**\n   * ID of the `<style>` element injected into the document head.\n   * Defaults to `'cer-dom-jit-css'`.\n   */\n  styleId?: string;\n}\n\n/** Public handle returned by `createDOMJITCSS()`. */\nexport interface DOMJITCSSHandle {\n  /** Start observing the DOM and injecting utility CSS. */\n  mount(): void;\n  /** Stop observing and remove the injected stylesheet. */\n  destroy(): void;\n  /** Get the number of unique classes processed so far. */\n  readonly processedCount: number;\n}\n\n/**\n * Create a DOM JIT CSS instance that watches class attribute changes and\n * injects CSS utility rules into the document.\n *\n * @param options - Configuration options.\n * @returns A handle with `mount()` and `destroy()` methods.\n */\nexport function createDOMJITCSS(\n  options: DOMJITCSSOptions = {},\n): DOMJITCSSHandle {\n  const {\n    root: rootOption,\n    styleId = 'cer-dom-jit-css',\n    ...jitOptions\n  } = options;\n\n  // Apply JIT CSS options (e.g. extendedColors, customColors) globally\n  if (Object.keys(jitOptions).length > 0) {\n    enableJITCSS(jitOptions);\n  }\n\n  // Monotonically growing set of processed class names.\n  // We never shrink this — rules remain valid even if classes are removed.\n  const processedClasses = new Set<string>();\n  // CSS text that has been injected. Grown incrementally.\n  let injectedCSS = '';\n\n  let styleEl: HTMLStyleElement | null = null;\n  let adoptedSheet: CSSStyleSheet | null = null;\n  let useAdoptedSheet = false;\n  let observer: MutationObserver | null = null;\n  let pendingClasses = new Set<string>();\n  let flushScheduled = false;\n  let isMounted = false;\n  // The target for adoptedStyleSheets / <style> injection. Set during mount().\n  // When rootOption is a ShadowRoot the sheet is scoped to that shadow tree;\n  // otherwise styles are adopted by the host document.\n  let adoptionTarget: Document | ShadowRoot | null = null;\n\n  function injectStylesheet(): void {\n    if (typeof document === 'undefined') return;\n\n    // Scope stylesheet injection to the shadow root when one was supplied,\n    // so the generated utility classes do not leak into the host document.\n    adoptionTarget = rootOption instanceof ShadowRoot ? rootOption : document;\n\n    // Try constructable stylesheets first (faster incremental updates)\n    if (\n      typeof CSSStyleSheet !== 'undefined' &&\n      'replaceSync' in CSSStyleSheet.prototype &&\n      adoptionTarget.adoptedStyleSheets !== undefined\n    ) {\n      try {\n        adoptedSheet = new CSSStyleSheet();\n        adoptionTarget.adoptedStyleSheets = [\n          ...adoptionTarget.adoptedStyleSheets,\n          adoptedSheet,\n        ];\n        useAdoptedSheet = true;\n        return;\n      } catch {\n        // Fall through to style element\n      }\n    }\n\n    // Fallback: a plain <style> element.\n    // For a ShadowRoot target, append directly inside the shadow tree.\n    // ShadowRoot has no getElementById(), so we always create a fresh element.\n    if (rootOption instanceof ShadowRoot) {\n      styleEl = document.createElement('style');\n      styleEl.id = styleId;\n      rootOption.appendChild(styleEl);\n    } else {\n      styleEl = document.getElementById(styleId) as HTMLStyleElement | null;\n      if (!styleEl) {\n        styleEl = document.createElement('style');\n        styleEl.id = styleId;\n        (document.head ?? document.documentElement).appendChild(styleEl);\n      }\n    }\n  }\n\n  function applyNewCSS(css: string): void {\n    if (!css) return;\n    injectedCSS += `\\n${css}`;\n    if (useAdoptedSheet && adoptedSheet) {\n      try {\n        // Replace the entire sheet with the accumulated CSS wrapped in a single\n        // @layer block. replaceSync handles nested at-rules (@media, @container,\n        // @supports) correctly — the previous insertRule approach used a flat\n        // regex that stripped at-rule wrappers, causing dark: and responsive\n        // variants to apply unconditionally.\n        adoptedSheet.replaceSync(`@layer cer-utilities {\\n${injectedCSS}\\n}`);\n        return;\n      } catch {\n        // Fall through to style element\n      }\n    }\n    if (styleEl) {\n      // Wrap everything in a single @layer block for the <style> fallback path\n      styleEl.textContent = `@layer cer-utilities {\\n${injectedCSS}\\n}`;\n    }\n  }\n\n  function extractClasses(el: Element): string[] {\n    const cls = el.getAttribute('class');\n    if (!cls) return [];\n    return cls.split(/\\s+/).filter(Boolean);\n  }\n\n  function scheduleFlush(): void {\n    if (flushScheduled) return;\n    flushScheduled = true;\n    queueMicrotask(flushPending);\n  }\n\n  function flushPending(): void {\n    flushScheduled = false;\n    if (pendingClasses.size === 0) return;\n\n    // Compute delta — only process classes we haven't seen before\n    const newClasses: string[] = [];\n    for (const cls of pendingClasses) {\n      if (!processedClasses.has(cls)) {\n        processedClasses.add(cls);\n        newClasses.push(cls);\n      }\n    }\n    pendingClasses = new Set<string>();\n\n    if (newClasses.length === 0) return;\n\n    // Build a minimal HTML string containing only the new class names so\n    // the jitCSS engine parses only the delta (not the full DOM).\n    const fakeHTML = `<div class=\"${newClasses.join(' ')}\"></div>`;\n    const newCSS = jitCSS(fakeHTML);\n    if (newCSS) {\n      applyNewCSS(newCSS);\n    }\n  }\n\n  function addClassesFromElement(el: Element): void {\n    for (const cls of extractClasses(el)) {\n      pendingClasses.add(cls);\n    }\n  }\n\n  function scanSubtree(root: Element | Document | ShadowRoot): void {\n    // Use TreeWalker for maximum performance on initial scan\n    const walker = document.createTreeWalker(\n      root instanceof Document ? document.body : (root as Node),\n      NodeFilter.SHOW_ELEMENT,\n    );\n    let node: Node | null = walker.currentNode;\n    while (node) {\n      if (node instanceof Element) {\n        addClassesFromElement(node);\n      }\n      node = walker.nextNode();\n    }\n    scheduleFlush();\n  }\n\n  function getObserverRoot(): Element | ShadowRoot | null {\n    if (rootOption) {\n      // Return the ShadowRoot directly so the MutationObserver observes inside\n      // the shadow tree. Previously we returned rootOption.host which caused the\n      // observer to watch the light DOM of the host element instead.\n      return rootOption;\n    }\n\n    // Auto-detect [data-jitcss] elements\n    if (typeof document !== 'undefined') {\n      const scoped = document.querySelectorAll('[data-jitcss]');\n      if (scoped.length > 0) {\n        // Use the first scoped element; if multiple, observe body\n        return scoped.length === 1 ? (scoped[0] as Element) : document.body;\n      }\n      return document.body;\n    }\n\n    return null;\n  }\n\n  function getDataJITCSSMode(el: Element): 'container' | 'self' | 'global' {\n    const val = el.getAttribute('data-jitcss');\n    if (val === 'self') return 'self';\n    if (val === 'global') return 'global';\n    return 'container';\n  }\n\n  function mount(): void {\n    if (isMounted) return;\n    isMounted = true;\n\n    injectStylesheet();\n\n    const observerRoot = getObserverRoot();\n    if (!observerRoot) return;\n\n    // ShadowRoot does not inherit hasAttribute() from Element; guard with an\n    // instanceof check so passing a ShadowRoot as root does not throw.\n    const mode =\n      observerRoot instanceof Element &&\n      observerRoot.hasAttribute('data-jitcss')\n        ? getDataJITCSSMode(observerRoot)\n        : 'container';\n    const actualRoot = mode === 'global' ? document.body : observerRoot;\n\n    // Initial scan\n    if (mode === 'self' && actualRoot instanceof Element) {\n      addClassesFromElement(actualRoot);\n      scheduleFlush();\n    } else {\n      scanSubtree(actualRoot);\n    }\n\n    // Set up MutationObserver\n    observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'class'\n        ) {\n          if (mutation.target instanceof Element) {\n            addClassesFromElement(mutation.target);\n          }\n        } else if (mutation.type === 'childList') {\n          for (const node of mutation.addedNodes) {\n            if (node instanceof Element) {\n              if (mode === 'self') continue; // Only own classes in self mode\n              // scanSubtree already processes the root element as its first\n              // walker node, so a separate addClassesFromElement call here\n              // would process the same element twice.\n              scanSubtree(node);\n            }\n          }\n        }\n      }\n      scheduleFlush();\n    });\n\n    observer.observe(actualRoot, {\n      subtree: mode !== 'self',\n      attributes: true,\n      attributeFilter: ['class'],\n      childList: mode !== 'self',\n      characterData: false,\n    });\n  }\n\n  function destroy(): void {\n    if (!isMounted) return;\n    isMounted = false;\n\n    if (observer) {\n      observer.disconnect();\n      observer = null;\n    }\n\n    // Remove injected styles\n    if (useAdoptedSheet && adoptedSheet) {\n      try {\n        const target = adoptionTarget ?? document;\n        target.adoptedStyleSheets = target.adoptedStyleSheets.filter(\n          (s) => s !== adoptedSheet,\n        );\n      } catch {\n        // ignore\n      }\n      adoptedSheet = null;\n    }\n\n    if (styleEl) {\n      styleEl.remove();\n      styleEl = null;\n    }\n\n    processedClasses.clear();\n    pendingClasses.clear();\n    injectedCSS = '';\n    flushScheduled = false;\n    adoptionTarget = null;\n  }\n\n  return {\n    mount,\n    destroy,\n    get processedCount() {\n      return processedClasses.size;\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"custom-elements-runtime.dom-jit-css.cjs.js","names":[],"sources":["../src/lib/dom-jit-css.ts"],"sourcesContent":["/**\n * Non-Shadow DOM JIT CSS runtime scanner.\n *\n * Watches real DOM elements for class changes and injects utility CSS into\n * a shared `<style>` element (or constructable stylesheet) in the host document.\n *\n * @example\n * ```ts\n * import { createDOMJITCSS } from '@jasonshimmy/custom-elements-runtime/dom-jit-css';\n *\n * // Watch the full document body\n * const jit = createDOMJITCSS();\n * jit.mount();\n *\n * // Watch a specific container element\n * const jit = createDOMJITCSS({ root: document.getElementById('app')! });\n * jit.mount();\n *\n * // Tear down when no longer needed\n * jit.destroy();\n * ```\n *\n * ## `data-jitcss` attribute semantics\n *\n * | Attribute value                                        | Behaviour                                                         |\n * | ------------------------------------------------------ | ----------------------------------------------------------------- |\n * | `data-jitcss` (no value) or `data-jitcss=\"container\"` | Scopes the observer to that element and its subtree               |\n * | `data-jitcss=\"self\"`                                   | Only processes classes on that exact element, not descendants     |\n * | `data-jitcss=\"global\"`                                 | Observer covers `document.body` (useful on `<html>` or `<body>`)  |\n *\n * When `createDOMJITCSS()` is called with no `root`, it auto-detects all\n * `[data-jitcss]` elements and registers an observer for each.\n */\n\nimport { jitCSS, enableJITCSS, type JITCSSOptions } from './runtime/style';\n\n/**\n * Options for `createDOMJITCSS()`.\n */\nexport interface DOMJITCSSOptions extends JITCSSOptions {\n  /**\n   * The root element to observe. Defaults to auto-detecting `[data-jitcss]`\n   * elements, then falling back to `document.body`.\n   */\n  root?: Element | ShadowRoot | null;\n  /**\n   * ID of the `<style>` element injected into the document head.\n   * Defaults to `'cer-dom-jit-css'`.\n   */\n  styleId?: string;\n}\n\n/** Public handle returned by `createDOMJITCSS()`. */\nexport interface DOMJITCSSHandle {\n  /** Start observing the DOM and injecting utility CSS. */\n  mount(): void;\n  /** Stop observing and remove the injected stylesheet. */\n  destroy(): void;\n  /** Get the number of unique classes processed so far. */\n  readonly processedCount: number;\n}\n\n/**\n * Create a DOM JIT CSS instance that watches class attribute changes and\n * injects CSS utility rules into the document.\n *\n * @param options - Configuration options.\n * @returns A handle with `mount()` and `destroy()` methods.\n */\nexport function createDOMJITCSS(\n  options: DOMJITCSSOptions = {},\n): DOMJITCSSHandle {\n  const {\n    root: rootOption,\n    styleId = 'cer-dom-jit-css',\n    ...jitOptions\n  } = options;\n\n  // Apply JIT CSS options (e.g. extendedColors, customColors) globally\n  if (Object.keys(jitOptions).length > 0) {\n    enableJITCSS(jitOptions);\n  }\n\n  // Monotonically growing set of processed class names.\n  // We never shrink this — rules remain valid even if classes are removed.\n  const processedClasses = new Set<string>();\n  // CSS text that has been injected. Grown incrementally.\n  let injectedCSS = '';\n\n  let styleEl: HTMLStyleElement | null = null;\n  let adoptedSheet: CSSStyleSheet | null = null;\n  let useAdoptedSheet = false;\n  let observer: MutationObserver | null = null;\n  let pendingClasses = new Set<string>();\n  let flushScheduled = false;\n  let isMounted = false;\n  // The target for adoptedStyleSheets / <style> injection. Set during mount().\n  // When rootOption is a ShadowRoot the sheet is scoped to that shadow tree;\n  // otherwise styles are adopted by the host document.\n  let adoptionTarget: Document | ShadowRoot | null = null;\n\n  function injectStylesheet(): void {\n    if (typeof document === 'undefined') return;\n\n    // Scope stylesheet injection to the shadow root when one was supplied,\n    // so the generated utility classes do not leak into the host document.\n    adoptionTarget = rootOption instanceof ShadowRoot ? rootOption : document;\n\n    // Try constructable stylesheets first (faster incremental updates)\n    if (\n      typeof CSSStyleSheet !== 'undefined' &&\n      'replaceSync' in CSSStyleSheet.prototype &&\n      adoptionTarget.adoptedStyleSheets !== undefined\n    ) {\n      try {\n        adoptedSheet = new CSSStyleSheet();\n        adoptionTarget.adoptedStyleSheets = [\n          ...adoptionTarget.adoptedStyleSheets,\n          adoptedSheet,\n        ];\n        useAdoptedSheet = true;\n        return;\n      } catch {\n        // Fall through to style element\n      }\n    }\n\n    // Fallback: a plain <style> element.\n    // For a ShadowRoot target, append directly inside the shadow tree.\n    // ShadowRoot has no getElementById(), so we always create a fresh element.\n    if (rootOption instanceof ShadowRoot) {\n      styleEl = document.createElement('style');\n      styleEl.id = styleId;\n      rootOption.appendChild(styleEl);\n    } else {\n      styleEl = document.getElementById(styleId) as HTMLStyleElement | null;\n      if (!styleEl) {\n        styleEl = document.createElement('style');\n        styleEl.id = styleId;\n        (document.head ?? document.documentElement).appendChild(styleEl);\n      }\n    }\n  }\n\n  function applyNewCSS(css: string): void {\n    if (!css) return;\n    injectedCSS += `\\n${css}`;\n    if (useAdoptedSheet && adoptedSheet) {\n      try {\n        // Replace the entire sheet with the accumulated CSS wrapped in a single\n        // @layer block. replaceSync handles nested at-rules (@media, @container,\n        // @supports) correctly — the previous insertRule approach used a flat\n        // regex that stripped at-rule wrappers, causing dark: and responsive\n        // variants to apply unconditionally.\n        adoptedSheet.replaceSync(`@layer cer-utilities {\\n${injectedCSS}\\n}`);\n        return;\n      } catch {\n        // Fall through to style element\n      }\n    }\n    if (styleEl) {\n      // Wrap everything in a single @layer block for the <style> fallback path\n      styleEl.textContent = `@layer cer-utilities {\\n${injectedCSS}\\n}`;\n    }\n  }\n\n  function extractClasses(el: Element): string[] {\n    const cls = el.getAttribute('class');\n    if (!cls) return [];\n    return cls.split(/\\s+/).filter(Boolean);\n  }\n\n  function scheduleFlush(): void {\n    if (flushScheduled) return;\n    flushScheduled = true;\n    queueMicrotask(flushPending);\n  }\n\n  function flushPending(): void {\n    flushScheduled = false;\n    if (pendingClasses.size === 0) return;\n\n    // Compute delta — only process classes we haven't seen before\n    const newClasses: string[] = [];\n    for (const cls of pendingClasses) {\n      if (!processedClasses.has(cls)) {\n        processedClasses.add(cls);\n        newClasses.push(cls);\n      }\n    }\n    pendingClasses = new Set<string>();\n\n    if (newClasses.length === 0) return;\n\n    // Build a minimal HTML string containing only the new class names so\n    // the jitCSS engine parses only the delta (not the full DOM).\n    const fakeHTML = `<div class=\"${newClasses.join(' ')}\"></div>`;\n    const newCSS = jitCSS(fakeHTML);\n    if (newCSS) {\n      applyNewCSS(newCSS);\n    }\n  }\n\n  function addClassesFromElement(el: Element): void {\n    for (const cls of extractClasses(el)) {\n      pendingClasses.add(cls);\n    }\n  }\n\n  function scanSubtree(root: Element | Document | ShadowRoot): void {\n    // Use TreeWalker for maximum performance on initial scan\n    const walker = document.createTreeWalker(\n      root instanceof Document ? document.body : (root as Node),\n      NodeFilter.SHOW_ELEMENT,\n    );\n    let node: Node | null = walker.currentNode;\n    while (node) {\n      if (node instanceof Element) {\n        addClassesFromElement(node);\n      }\n      node = walker.nextNode();\n    }\n    scheduleFlush();\n  }\n\n  function getObserverRoot(): Element | ShadowRoot | null {\n    if (rootOption) {\n      // Return the ShadowRoot directly so the MutationObserver observes inside\n      // the shadow tree. Previously we returned rootOption.host which caused the\n      // observer to watch the light DOM of the host element instead.\n      return rootOption;\n    }\n\n    // Auto-detect [data-jitcss] elements\n    if (typeof document !== 'undefined') {\n      const scoped = document.querySelectorAll('[data-jitcss]');\n      if (scoped.length > 0) {\n        // Use the first scoped element; if multiple, observe body\n        return scoped.length === 1 ? (scoped[0] as Element) : document.body;\n      }\n      return document.body;\n    }\n\n    return null;\n  }\n\n  function getDataJITCSSMode(el: Element): 'container' | 'self' | 'global' {\n    const val = el.getAttribute('data-jitcss');\n    if (val === 'self') return 'self';\n    if (val === 'global') return 'global';\n    return 'container';\n  }\n\n  function mount(): void {\n    if (isMounted) return;\n    isMounted = true;\n\n    injectStylesheet();\n\n    const observerRoot = getObserverRoot();\n    if (!observerRoot) return;\n\n    // ShadowRoot does not inherit hasAttribute() from Element; guard with an\n    // instanceof check so passing a ShadowRoot as root does not throw.\n    const mode =\n      observerRoot instanceof Element &&\n      observerRoot.hasAttribute('data-jitcss')\n        ? getDataJITCSSMode(observerRoot)\n        : 'container';\n    const actualRoot = mode === 'global' ? document.body : observerRoot;\n\n    // Initial scan\n    if (mode === 'self' && actualRoot instanceof Element) {\n      addClassesFromElement(actualRoot);\n      scheduleFlush();\n    } else {\n      scanSubtree(actualRoot);\n    }\n\n    // Set up MutationObserver\n    observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'class'\n        ) {\n          if (mutation.target instanceof Element) {\n            addClassesFromElement(mutation.target);\n          }\n        } else if (mutation.type === 'childList') {\n          for (const node of mutation.addedNodes) {\n            if (node instanceof Element) {\n              if (mode === 'self') continue; // Only own classes in self mode\n              // scanSubtree already processes the root element as its first\n              // walker node, so a separate addClassesFromElement call here\n              // would process the same element twice.\n              scanSubtree(node);\n            }\n          }\n        }\n      }\n      scheduleFlush();\n    });\n\n    observer.observe(actualRoot, {\n      subtree: mode !== 'self',\n      attributes: true,\n      attributeFilter: ['class'],\n      childList: mode !== 'self',\n      characterData: false,\n    });\n  }\n\n  function destroy(): void {\n    if (!isMounted) return;\n    isMounted = false;\n\n    if (observer) {\n      observer.disconnect();\n      observer = null;\n    }\n\n    // Remove injected styles\n    if (useAdoptedSheet && adoptedSheet) {\n      try {\n        const target = adoptionTarget ?? document;\n        target.adoptedStyleSheets = target.adoptedStyleSheets.filter(\n          (s) => s !== adoptedSheet,\n        );\n      } catch {\n        // ignore\n      }\n      adoptedSheet = null;\n    }\n\n    if (styleEl) {\n      styleEl.remove();\n      styleEl = null;\n    }\n\n    processedClasses.clear();\n    pendingClasses.clear();\n    injectedCSS = '';\n    flushScheduled = false;\n    adoptionTarget = null;\n  }\n\n  return {\n    mount,\n    destroy,\n    get processedCount() {\n      return processedClasses.size;\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/custom-elements-runtime.dom-jit-css.es.js

@@ -1,118 +1,106 @@
-import { i as R, l as k } from "./style-DuDoj_xK.js";
-function D(E = {}) {
-  const { root: s, styleId: m = "cer-dom-jit-css", ...b } = E;
-  Object.keys(b).length > 0 && R(b);
-  const u = /* @__PURE__ */ new Set();
-  let d = "", n = null, l = null, h = !1, c = null, a = /* @__PURE__ */ new Set(), f = !1, S = !1, r = null;
-  function w() {
-    if (!(typeof document > "u")) {
-      if (r = s instanceof ShadowRoot ? s : document, typeof CSSStyleSheet < "u" && "replaceSync" in CSSStyleSheet.prototype && r.adoptedStyleSheets !== void 0) try {
-        l = new CSSStyleSheet(), r.adoptedStyleSheets = [...r.adoptedStyleSheets, l], h = !0;
-        return;
-      } catch {
-      }
-      s instanceof ShadowRoot ? (n = document.createElement("style"), n.id = m, s.appendChild(n)) : (n = document.getElementById(m), n || (n = document.createElement("style"), n.id = m, (document.head ?? document.documentElement).appendChild(n)));
-    }
-  }
-  function j(e) {
-    if (e) {
-      if (d += `
-${e}`, h && l) try {
-        l.replaceSync(`@layer cer-utilities {
-${d}
-}`);
-        return;
-      } catch {
-      }
-      n && (n.textContent = `@layer cer-utilities {
-${d}
-}`);
-    }
-  }
-  function v(e) {
-    const t = e.getAttribute("class");
-    return t ? t.split(/\s+/).filter(Boolean) : [];
-  }
-  function y() {
-    f || (f = !0, queueMicrotask(N));
-  }
-  function N() {
-    if (f = !1, a.size === 0) return;
-    const e = [];
-    for (const o of a) u.has(o) || (u.add(o), e.push(o));
-    if (a = /* @__PURE__ */ new Set(), e.length === 0) return;
-    const t = k(`<div class="${e.join(" ")}"></div>`);
-    t && j(t);
-  }
-  function p(e) {
-    for (const t of v(e)) a.add(t);
-  }
-  function g(e) {
-    const t = document.createTreeWalker(e instanceof Document ? document.body : e, NodeFilter.SHOW_ELEMENT);
-    let o = t.currentNode;
-    for (; o; )
-      o instanceof Element && p(o), o = t.nextNode();
-    y();
-  }
-  function O() {
-    if (s) return s;
-    if (typeof document < "u") {
-      const e = document.querySelectorAll("[data-jitcss]");
-      return e.length > 0 && e.length === 1 ? e[0] : document.body;
-    }
-    return null;
-  }
-  function M(e) {
-    const t = e.getAttribute("data-jitcss");
-    return t === "self" ? "self" : t === "global" ? "global" : "container";
-  }
-  function T() {
-    if (S) return;
-    S = !0, w();
-    const e = O();
-    if (!e) return;
-    const t = e instanceof Element && e.hasAttribute("data-jitcss") ? M(e) : "container", o = t === "global" ? document.body : e;
-    t === "self" && o instanceof Element ? (p(o), y()) : g(o), c = new MutationObserver((I) => {
-      for (const i of I) if (i.type === "attributes" && i.attributeName === "class")
-        i.target instanceof Element && p(i.target);
-      else if (i.type === "childList") {
-        for (const C of i.addedNodes) if (C instanceof Element) {
-          if (t === "self") continue;
-          g(C);
-        }
-      }
-      y();
-    }), c.observe(o, {
-      subtree: t !== "self",
-      attributes: !0,
-      attributeFilter: ["class"],
-      childList: t !== "self",
-      characterData: !1
-    });
-  }
-  function A() {
-    if (S) {
-      if (S = !1, c && (c.disconnect(), c = null), h && l) {
-        try {
-          const e = r ?? document;
-          e.adoptedStyleSheets = e.adoptedStyleSheets.filter((t) => t !== l);
-        } catch {
-        }
-        l = null;
-      }
-      n && (n.remove(), n = null), u.clear(), a.clear(), d = "", f = !1, r = null;
-    }
-  }
-  return {
-    mount: T,
-    destroy: A,
-    get processedCount() {
-      return u.size;
-    }
-  };
+import { i as e, l as t } from "./style-DSSoCbC9.js";
+//#region src/lib/dom-jit-css.ts
+function n(n = {}) {
+	let { root: r, styleId: i = "cer-dom-jit-css", ...a } = n;
+	Object.keys(a).length > 0 && e(a);
+	let o = /* @__PURE__ */ new Set(), s = "", c = null, l = null, u = !1, d = null, f = /* @__PURE__ */ new Set(), p = !1, m = !1, h = null;
+	function g() {
+		if (!(typeof document > "u")) {
+			if (h = r instanceof ShadowRoot ? r : document, typeof CSSStyleSheet < "u" && "replaceSync" in CSSStyleSheet.prototype && h.adoptedStyleSheets !== void 0) try {
+				l = new CSSStyleSheet(), h.adoptedStyleSheets = [...h.adoptedStyleSheets, l], u = !0;
+				return;
+			} catch {}
+			r instanceof ShadowRoot ? (c = document.createElement("style"), c.id = i, r.appendChild(c)) : (c = document.getElementById(i), c || (c = document.createElement("style"), c.id = i, (document.head ?? document.documentElement).appendChild(c)));
+		}
+	}
+	function _(e) {
+		if (e) {
+			if (s += `\n${e}`, u && l) try {
+				l.replaceSync(`@layer cer-utilities {\n${s}\n}`);
+				return;
+			} catch {}
+			c && (c.textContent = `@layer cer-utilities {\n${s}\n}`);
+		}
+	}
+	function v(e) {
+		let t = e.getAttribute("class");
+		return t ? t.split(/\s+/).filter(Boolean) : [];
+	}
+	function y() {
+		p || (p = !0, queueMicrotask(b));
+	}
+	function b() {
+		if (p = !1, f.size === 0) return;
+		let e = [];
+		for (let t of f) o.has(t) || (o.add(t), e.push(t));
+		if (f = /* @__PURE__ */ new Set(), e.length === 0) return;
+		let n = t(`<div class="${e.join(" ")}"></div>`);
+		n && _(n);
+	}
+	function x(e) {
+		for (let t of v(e)) f.add(t);
+	}
+	function S(e) {
+		let t = document.createTreeWalker(e instanceof Document ? document.body : e, NodeFilter.SHOW_ELEMENT), n = t.currentNode;
+		for (; n;) n instanceof Element && x(n), n = t.nextNode();
+		y();
+	}
+	function C() {
+		if (r) return r;
+		if (typeof document < "u") {
+			let e = document.querySelectorAll("[data-jitcss]");
+			return e.length > 0 && e.length === 1 ? e[0] : document.body;
+		}
+		return null;
+	}
+	function w(e) {
+		let t = e.getAttribute("data-jitcss");
+		return t === "self" ? "self" : t === "global" ? "global" : "container";
+	}
+	function T() {
+		if (m) return;
+		m = !0, g();
+		let e = C();
+		if (!e) return;
+		let t = e instanceof Element && e.hasAttribute("data-jitcss") ? w(e) : "container", n = t === "global" ? document.body : e;
+		t === "self" && n instanceof Element ? (x(n), y()) : S(n), d = new MutationObserver((e) => {
+			for (let n of e) if (n.type === "attributes" && n.attributeName === "class") n.target instanceof Element && x(n.target);
+			else if (n.type === "childList") {
+				for (let e of n.addedNodes) if (e instanceof Element) {
+					if (t === "self") continue;
+					S(e);
+				}
+			}
+			y();
+		}), d.observe(n, {
+			subtree: t !== "self",
+			attributes: !0,
+			attributeFilter: ["class"],
+			childList: t !== "self",
+			characterData: !1
+		});
+	}
+	function E() {
+		if (m) {
+			if (m = !1, d &&= (d.disconnect(), null), u && l) {
+				try {
+					let e = h ?? document;
+					e.adoptedStyleSheets = e.adoptedStyleSheets.filter((e) => e !== l);
+				} catch {}
+				l = null;
+			}
+			c &&= (c.remove(), null), o.clear(), f.clear(), s = "", p = !1, h = null;
+		}
+	}
+	return {
+		mount: T,
+		destroy: E,
+		get processedCount() {
+			return o.size;
+		}
+	};
 }
-export {
-  D as createDOMJITCSS
-};
+//#endregion
+export { n as createDOMJITCSS };
 
 //# sourceMappingURL=custom-elements-runtime.dom-jit-css.es.js.map

package/dist/custom-elements-runtime.dom-jit-css.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-elements-runtime.dom-jit-css.es.js","names":[],"sources":["../src/lib/dom-jit-css.ts"],"sourcesContent":["/**\n * Non-Shadow DOM JIT CSS runtime scanner.\n *\n * Watches real DOM elements for class changes and injects utility CSS into\n * a shared `<style>` element (or constructable stylesheet) in the host document.\n *\n * @example\n * ```ts\n * import { createDOMJITCSS } from '@jasonshimmy/custom-elements-runtime/dom-jit-css';\n *\n * // Watch the full document body\n * const jit = createDOMJITCSS();\n * jit.mount();\n *\n * // Watch a specific container element\n * const jit = createDOMJITCSS({ root: document.getElementById('app')! });\n * jit.mount();\n *\n * // Tear down when no longer needed\n * jit.destroy();\n * ```\n *\n * ## `data-jitcss` attribute semantics\n *\n * | Attribute value                                        | Behaviour                                                         |\n * | ------------------------------------------------------ | ----------------------------------------------------------------- |\n * | `data-jitcss` (no value) or `data-jitcss=\"container\"` | Scopes the observer to that element and its subtree               |\n * | `data-jitcss=\"self\"`                                   | Only processes classes on that exact element, not descendants     |\n * | `data-jitcss=\"global\"`                                 | Observer covers `document.body` (useful on `<html>` or `<body>`)  |\n *\n * When `createDOMJITCSS()` is called with no `root`, it auto-detects all\n * `[data-jitcss]` elements and registers an observer for each.\n */\n\nimport { jitCSS, enableJITCSS, type JITCSSOptions } from './runtime/style';\n\n/**\n * Options for `createDOMJITCSS()`.\n */\nexport interface DOMJITCSSOptions extends JITCSSOptions {\n  /**\n   * The root element to observe. Defaults to auto-detecting `[data-jitcss]`\n   * elements, then falling back to `document.body`.\n   */\n  root?: Element | ShadowRoot | null;\n  /**\n   * ID of the `<style>` element injected into the document head.\n   * Defaults to `'cer-dom-jit-css'`.\n   */\n  styleId?: string;\n}\n\n/** Public handle returned by `createDOMJITCSS()`. */\nexport interface DOMJITCSSHandle {\n  /** Start observing the DOM and injecting utility CSS. */\n  mount(): void;\n  /** Stop observing and remove the injected stylesheet. */\n  destroy(): void;\n  /** Get the number of unique classes processed so far. */\n  readonly processedCount: number;\n}\n\n/**\n * Create a DOM JIT CSS instance that watches class attribute changes and\n * injects CSS utility rules into the document.\n *\n * @param options - Configuration options.\n * @returns A handle with `mount()` and `destroy()` methods.\n */\nexport function createDOMJITCSS(\n  options: DOMJITCSSOptions = {},\n): DOMJITCSSHandle {\n  const {\n    root: rootOption,\n    styleId = 'cer-dom-jit-css',\n    ...jitOptions\n  } = options;\n\n  // Apply JIT CSS options (e.g. extendedColors, customColors) globally\n  if (Object.keys(jitOptions).length > 0) {\n    enableJITCSS(jitOptions);\n  }\n\n  // Monotonically growing set of processed class names.\n  // We never shrink this — rules remain valid even if classes are removed.\n  const processedClasses = new Set<string>();\n  // CSS text that has been injected. Grown incrementally.\n  let injectedCSS = '';\n\n  let styleEl: HTMLStyleElement | null = null;\n  let adoptedSheet: CSSStyleSheet | null = null;\n  let useAdoptedSheet = false;\n  let observer: MutationObserver | null = null;\n  let pendingClasses = new Set<string>();\n  let flushScheduled = false;\n  let isMounted = false;\n  // The target for adoptedStyleSheets / <style> injection. Set during mount().\n  // When rootOption is a ShadowRoot the sheet is scoped to that shadow tree;\n  // otherwise styles are adopted by the host document.\n  let adoptionTarget: Document | ShadowRoot | null = null;\n\n  function injectStylesheet(): void {\n    if (typeof document === 'undefined') return;\n\n    // Scope stylesheet injection to the shadow root when one was supplied,\n    // so the generated utility classes do not leak into the host document.\n    adoptionTarget = rootOption instanceof ShadowRoot ? rootOption : document;\n\n    // Try constructable stylesheets first (faster incremental updates)\n    if (\n      typeof CSSStyleSheet !== 'undefined' &&\n      'replaceSync' in CSSStyleSheet.prototype &&\n      adoptionTarget.adoptedStyleSheets !== undefined\n    ) {\n      try {\n        adoptedSheet = new CSSStyleSheet();\n        adoptionTarget.adoptedStyleSheets = [\n          ...adoptionTarget.adoptedStyleSheets,\n          adoptedSheet,\n        ];\n        useAdoptedSheet = true;\n        return;\n      } catch {\n        // Fall through to style element\n      }\n    }\n\n    // Fallback: a plain <style> element.\n    // For a ShadowRoot target, append directly inside the shadow tree.\n    // ShadowRoot has no getElementById(), so we always create a fresh element.\n    if (rootOption instanceof ShadowRoot) {\n      styleEl = document.createElement('style');\n      styleEl.id = styleId;\n      rootOption.appendChild(styleEl);\n    } else {\n      styleEl = document.getElementById(styleId) as HTMLStyleElement | null;\n      if (!styleEl) {\n        styleEl = document.createElement('style');\n        styleEl.id = styleId;\n        (document.head ?? document.documentElement).appendChild(styleEl);\n      }\n    }\n  }\n\n  function applyNewCSS(css: string): void {\n    if (!css) return;\n    injectedCSS += `\\n${css}`;\n    if (useAdoptedSheet && adoptedSheet) {\n      try {\n        // Replace the entire sheet with the accumulated CSS wrapped in a single\n        // @layer block. replaceSync handles nested at-rules (@media, @container,\n        // @supports) correctly — the previous insertRule approach used a flat\n        // regex that stripped at-rule wrappers, causing dark: and responsive\n        // variants to apply unconditionally.\n        adoptedSheet.replaceSync(`@layer cer-utilities {\\n${injectedCSS}\\n}`);\n        return;\n      } catch {\n        // Fall through to style element\n      }\n    }\n    if (styleEl) {\n      // Wrap everything in a single @layer block for the <style> fallback path\n      styleEl.textContent = `@layer cer-utilities {\\n${injectedCSS}\\n}`;\n    }\n  }\n\n  function extractClasses(el: Element): string[] {\n    const cls = el.getAttribute('class');\n    if (!cls) return [];\n    return cls.split(/\\s+/).filter(Boolean);\n  }\n\n  function scheduleFlush(): void {\n    if (flushScheduled) return;\n    flushScheduled = true;\n    queueMicrotask(flushPending);\n  }\n\n  function flushPending(): void {\n    flushScheduled = false;\n    if (pendingClasses.size === 0) return;\n\n    // Compute delta — only process classes we haven't seen before\n    const newClasses: string[] = [];\n    for (const cls of pendingClasses) {\n      if (!processedClasses.has(cls)) {\n        processedClasses.add(cls);\n        newClasses.push(cls);\n      }\n    }\n    pendingClasses = new Set<string>();\n\n    if (newClasses.length === 0) return;\n\n    // Build a minimal HTML string containing only the new class names so\n    // the jitCSS engine parses only the delta (not the full DOM).\n    const fakeHTML = `<div class=\"${newClasses.join(' ')}\"></div>`;\n    const newCSS = jitCSS(fakeHTML);\n    if (newCSS) {\n      applyNewCSS(newCSS);\n    }\n  }\n\n  function addClassesFromElement(el: Element): void {\n    for (const cls of extractClasses(el)) {\n      pendingClasses.add(cls);\n    }\n  }\n\n  function scanSubtree(root: Element | Document | ShadowRoot): void {\n    // Use TreeWalker for maximum performance on initial scan\n    const walker = document.createTreeWalker(\n      root instanceof Document ? document.body : (root as Node),\n      NodeFilter.SHOW_ELEMENT,\n    );\n    let node: Node | null = walker.currentNode;\n    while (node) {\n      if (node instanceof Element) {\n        addClassesFromElement(node);\n      }\n      node = walker.nextNode();\n    }\n    scheduleFlush();\n  }\n\n  function getObserverRoot(): Element | ShadowRoot | null {\n    if (rootOption) {\n      // Return the ShadowRoot directly so the MutationObserver observes inside\n      // the shadow tree. Previously we returned rootOption.host which caused the\n      // observer to watch the light DOM of the host element instead.\n      return rootOption;\n    }\n\n    // Auto-detect [data-jitcss] elements\n    if (typeof document !== 'undefined') {\n      const scoped = document.querySelectorAll('[data-jitcss]');\n      if (scoped.length > 0) {\n        // Use the first scoped element; if multiple, observe body\n        return scoped.length === 1 ? (scoped[0] as Element) : document.body;\n      }\n      return document.body;\n    }\n\n    return null;\n  }\n\n  function getDataJITCSSMode(el: Element): 'container' | 'self' | 'global' {\n    const val = el.getAttribute('data-jitcss');\n    if (val === 'self') return 'self';\n    if (val === 'global') return 'global';\n    return 'container';\n  }\n\n  function mount(): void {\n    if (isMounted) return;\n    isMounted = true;\n\n    injectStylesheet();\n\n    const observerRoot = getObserverRoot();\n    if (!observerRoot) return;\n\n    // ShadowRoot does not inherit hasAttribute() from Element; guard with an\n    // instanceof check so passing a ShadowRoot as root does not throw.\n    const mode =\n      observerRoot instanceof Element &&\n      observerRoot.hasAttribute('data-jitcss')\n        ? getDataJITCSSMode(observerRoot)\n        : 'container';\n    const actualRoot = mode === 'global' ? document.body : observerRoot;\n\n    // Initial scan\n    if (mode === 'self' && actualRoot instanceof Element) {\n      addClassesFromElement(actualRoot);\n      scheduleFlush();\n    } else {\n      scanSubtree(actualRoot);\n    }\n\n    // Set up MutationObserver\n    observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'class'\n        ) {\n          if (mutation.target instanceof Element) {\n            addClassesFromElement(mutation.target);\n          }\n        } else if (mutation.type === 'childList') {\n          for (const node of mutation.addedNodes) {\n            if (node instanceof Element) {\n              if (mode === 'self') continue; // Only own classes in self mode\n              // scanSubtree already processes the root element as its first\n              // walker node, so a separate addClassesFromElement call here\n              // would process the same element twice.\n              scanSubtree(node);\n            }\n          }\n        }\n      }\n      scheduleFlush();\n    });\n\n    observer.observe(actualRoot, {\n      subtree: mode !== 'self',\n      attributes: true,\n      attributeFilter: ['class'],\n      childList: mode !== 'self',\n      characterData: false,\n    });\n  }\n\n  function destroy(): void {\n    if (!isMounted) return;\n    isMounted = false;\n\n    if (observer) {\n      observer.disconnect();\n      observer = null;\n    }\n\n    // Remove injected styles\n    if (useAdoptedSheet && adoptedSheet) {\n      try {\n        const target = adoptionTarget ?? document;\n        target.adoptedStyleSheets = target.adoptedStyleSheets.filter(\n          (s) => s !== adoptedSheet,\n        );\n      } catch {\n        // ignore\n      }\n      adoptedSheet = null;\n    }\n\n    if (styleEl) {\n      styleEl.remove();\n      styleEl = null;\n    }\n\n    processedClasses.clear();\n    pendingClasses.clear();\n    injectedCSS = '';\n    flushScheduled = false;\n    adoptionTarget = null;\n  }\n\n  return {\n    mount,\n    destroy,\n    get processedCount() {\n      return processedClasses.size;\n    },\n  };\n}\n"],"mappings":";AAqEA,SAAgB,EACd,IAA4B,CAAA,GACX;AACjB,QAAM,EACJ,MAAM,GACN,SAAA,IAAU,mBACV,GAAG,EAAA,IACD;AAGJ,EAAI,OAAO,KAAK,CAAA,EAAY,SAAS,KACnC,EAAa,CAAA;AAKf,QAAM,IAAmB,oBAAI,IAAA;AAE7B,MAAI,IAAc,IAEd,IAAmC,MACnC,IAAqC,MACrC,IAAkB,IAClB,IAAoC,MACpC,IAAiB,oBAAI,IAAA,GACrB,IAAiB,IACjB,IAAY,IAIZ,IAA+C;AAEnD,WAAS,IAAyB;AAChC,QAAI,SAAO,WAAa,MAOxB;AAAA,UAHA,IAAiB,aAAsB,aAAa,IAAa,UAI/D,OAAO,gBAAkB,OACzB,iBAAiB,cAAc,aAC/B,EAAe,uBAAuB,OAEtC,KAAI;AACF,QAAA,IAAe,IAAI,cAAA,GACnB,EAAe,qBAAqB,CAClC,GAAG,EAAe,oBAClB,CAAA,GAEF,IAAkB;AAClB;AAAA,cACM;AAAA,MAAA;AAQV,MAAI,aAAsB,cACxB,IAAU,SAAS,cAAc,OAAA,GACjC,EAAQ,KAAK,GACb,EAAW,YAAY,CAAA,MAEvB,IAAU,SAAS,eAAe,CAAA,GAC7B,MACH,IAAU,SAAS,cAAc,OAAA,GACjC,EAAQ,KAAK,IACZ,SAAS,QAAQ,SAAS,iBAAiB,YAAY,CAAA;AAAA;AAAA;AAK9D,WAAS,EAAY,GAAmB;AACtC,QAAK,GAEL;AAAA,UADA,KAAe;AAAA,EAAK,CAAA,IAChB,KAAmB,EACrB,KAAI;AAMF,QAAA,EAAa,YAAY;AAAA,EAA2B,CAAA;AAAA,EAAY;AAChE;AAAA,cACM;AAAA,MAAA;AAIV,MAAI,MAEF,EAAQ,cAAc;AAAA,EAA2B,CAAA;AAAA;AAAA;AAAA;AAIrD,WAAS,EAAe,GAAuB;AAC7C,UAAM,IAAM,EAAG,aAAa,OAAA;AAC5B,WAAK,IACE,EAAI,MAAM,KAAA,EAAO,OAAO,OAAA,IADd,CAAA;AAAA;AAInB,WAAS,IAAsB;AAC7B,IAAI,MACJ,IAAiB,IACjB,eAAe,CAAA;AAAA;AAGjB,WAAS,IAAqB;AAE5B,QADA,IAAiB,IACb,EAAe,SAAS,EAAG;AAG/B,UAAM,IAAuB,CAAA;AAC7B,eAAW,KAAO,EAChB,CAAK,EAAiB,IAAI,CAAA,MACxB,EAAiB,IAAI,CAAA,GACrB,EAAW,KAAK,CAAA;AAKpB,QAFA,IAAiB,oBAAI,IAAA,GAEjB,EAAW,WAAW,EAAG;AAK7B,UAAM,IAAS,EADE,eAAe,EAAW,KAAK,GAAA,CAAI,UAAC;AAErD,IAAI,KACF,EAAY,CAAA;AAAA;AAIhB,WAAS,EAAsB,GAAmB;AAChD,eAAW,KAAO,EAAe,CAAA,EAC/B,CAAA,EAAe,IAAI,CAAA;AAAA;AAIvB,WAAS,EAAY,GAA6C;AAEhE,UAAM,IAAS,SAAS,iBACtB,aAAgB,WAAW,SAAS,OAAQ,GAC5C,WAAW,YAAA;AAEb,QAAI,IAAoB,EAAO;AAC/B,WAAO;AACL,MAAI,aAAgB,WAClB,EAAsB,CAAA,GAExB,IAAO,EAAO,SAAA;AAEhB,IAAA,EAAA;AAAA;AAGF,WAAS,IAA+C;AACtD,QAAI,EAIF,QAAO;AAIT,QAAI,OAAO,WAAa,KAAa;AACnC,YAAM,IAAS,SAAS,iBAAiB,eAAA;AACzC,aAAI,EAAO,SAAS,KAEX,EAAO,WAAW,IAAK,EAAO,CAAA,IAEhC,SAAS;AAAA;AAGlB,WAAO;AAAA;AAGT,WAAS,EAAkB,GAA8C;AACvE,UAAM,IAAM,EAAG,aAAa,aAAA;AAC5B,WAAI,MAAQ,SAAe,SACvB,MAAQ,WAAiB,WACtB;AAAA;AAGT,WAAS,IAAc;AACrB,QAAI,EAAW;AACf,IAAA,IAAY,IAEZ,EAAA;AAEA,UAAM,IAAe,EAAA;AACrB,QAAI,CAAC,EAAc;AAInB,UAAM,IACJ,aAAwB,WACxB,EAAa,aAAa,aAAA,IACtB,EAAkB,CAAA,IAClB,aACA,IAAa,MAAS,WAAW,SAAS,OAAO;AAGvD,IAAI,MAAS,UAAU,aAAsB,WAC3C,EAAsB,CAAA,GACtB,EAAA,KAEA,EAAY,CAAA,GAId,IAAW,IAAI,iBAAA,CAAkB,MAAc;AAC7C,iBAAW,KAAY,EACrB,KACE,EAAS,SAAS,gBAClB,EAAS,kBAAkB;QAEvB,EAAS,kBAAkB,WAC7B,EAAsB,EAAS,MAAA;AAAA,eAExB,EAAS,SAAS;mBAChB,KAAQ,EAAS,WAC1B,KAAI,aAAgB,SAAS;AAC3B,cAAI,MAAS,OAAQ;AAIrB,UAAA,EAAY,CAAA;AAAA;;AAKpB,MAAA,EAAA;AAAA,QAGF,EAAS,QAAQ,GAAY;AAAA,MAC3B,SAAS,MAAS;AAAA,MAClB,YAAY;AAAA,MACZ,iBAAiB,CAAC,OAAA;AAAA,MAClB,WAAW,MAAS;AAAA,MACpB,eAAe;AAAA,KAChB;AAAA;AAGH,WAAS,IAAgB;AACvB,QAAK,GASL;AAAA,UARA,IAAY,IAER,MACF,EAAS,WAAA,GACT,IAAW,OAIT,KAAmB,GAAc;AACnC,YAAI;AACF,gBAAM,IAAS,KAAkB;AACjC,UAAA,EAAO,qBAAqB,EAAO,mBAAmB,OAAA,CACnD,MAAM,MAAM,CAAA;AAAA,gBAET;AAAA,QAAA;AAGR,QAAA,IAAe;AAAA;AAGjB,MAAI,MACF,EAAQ,OAAA,GACR,IAAU,OAGZ,EAAiB,MAAA,GACjB,EAAe,MAAA,GACf,IAAc,IACd,IAAiB,IACjB,IAAiB;AAAA;AAAA;AAGnB,SAAO;AAAA,IACL,OAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAI,iBAAiB;AACnB,aAAO,EAAiB;AAAA"}
+{"version":3,"file":"custom-elements-runtime.dom-jit-css.es.js","names":[],"sources":["../src/lib/dom-jit-css.ts"],"sourcesContent":["/**\n * Non-Shadow DOM JIT CSS runtime scanner.\n *\n * Watches real DOM elements for class changes and injects utility CSS into\n * a shared `<style>` element (or constructable stylesheet) in the host document.\n *\n * @example\n * ```ts\n * import { createDOMJITCSS } from '@jasonshimmy/custom-elements-runtime/dom-jit-css';\n *\n * // Watch the full document body\n * const jit = createDOMJITCSS();\n * jit.mount();\n *\n * // Watch a specific container element\n * const jit = createDOMJITCSS({ root: document.getElementById('app')! });\n * jit.mount();\n *\n * // Tear down when no longer needed\n * jit.destroy();\n * ```\n *\n * ## `data-jitcss` attribute semantics\n *\n * | Attribute value                                        | Behaviour                                                         |\n * | ------------------------------------------------------ | ----------------------------------------------------------------- |\n * | `data-jitcss` (no value) or `data-jitcss=\"container\"` | Scopes the observer to that element and its subtree               |\n * | `data-jitcss=\"self\"`                                   | Only processes classes on that exact element, not descendants     |\n * | `data-jitcss=\"global\"`                                 | Observer covers `document.body` (useful on `<html>` or `<body>`)  |\n *\n * When `createDOMJITCSS()` is called with no `root`, it auto-detects all\n * `[data-jitcss]` elements and registers an observer for each.\n */\n\nimport { jitCSS, enableJITCSS, type JITCSSOptions } from './runtime/style';\n\n/**\n * Options for `createDOMJITCSS()`.\n */\nexport interface DOMJITCSSOptions extends JITCSSOptions {\n  /**\n   * The root element to observe. Defaults to auto-detecting `[data-jitcss]`\n   * elements, then falling back to `document.body`.\n   */\n  root?: Element | ShadowRoot | null;\n  /**\n   * ID of the `<style>` element injected into the document head.\n   * Defaults to `'cer-dom-jit-css'`.\n   */\n  styleId?: string;\n}\n\n/** Public handle returned by `createDOMJITCSS()`. */\nexport interface DOMJITCSSHandle {\n  /** Start observing the DOM and injecting utility CSS. */\n  mount(): void;\n  /** Stop observing and remove the injected stylesheet. */\n  destroy(): void;\n  /** Get the number of unique classes processed so far. */\n  readonly processedCount: number;\n}\n\n/**\n * Create a DOM JIT CSS instance that watches class attribute changes and\n * injects CSS utility rules into the document.\n *\n * @param options - Configuration options.\n * @returns A handle with `mount()` and `destroy()` methods.\n */\nexport function createDOMJITCSS(\n  options: DOMJITCSSOptions = {},\n): DOMJITCSSHandle {\n  const {\n    root: rootOption,\n    styleId = 'cer-dom-jit-css',\n    ...jitOptions\n  } = options;\n\n  // Apply JIT CSS options (e.g. extendedColors, customColors) globally\n  if (Object.keys(jitOptions).length > 0) {\n    enableJITCSS(jitOptions);\n  }\n\n  // Monotonically growing set of processed class names.\n  // We never shrink this — rules remain valid even if classes are removed.\n  const processedClasses = new Set<string>();\n  // CSS text that has been injected. Grown incrementally.\n  let injectedCSS = '';\n\n  let styleEl: HTMLStyleElement | null = null;\n  let adoptedSheet: CSSStyleSheet | null = null;\n  let useAdoptedSheet = false;\n  let observer: MutationObserver | null = null;\n  let pendingClasses = new Set<string>();\n  let flushScheduled = false;\n  let isMounted = false;\n  // The target for adoptedStyleSheets / <style> injection. Set during mount().\n  // When rootOption is a ShadowRoot the sheet is scoped to that shadow tree;\n  // otherwise styles are adopted by the host document.\n  let adoptionTarget: Document | ShadowRoot | null = null;\n\n  function injectStylesheet(): void {\n    if (typeof document === 'undefined') return;\n\n    // Scope stylesheet injection to the shadow root when one was supplied,\n    // so the generated utility classes do not leak into the host document.\n    adoptionTarget = rootOption instanceof ShadowRoot ? rootOption : document;\n\n    // Try constructable stylesheets first (faster incremental updates)\n    if (\n      typeof CSSStyleSheet !== 'undefined' &&\n      'replaceSync' in CSSStyleSheet.prototype &&\n      adoptionTarget.adoptedStyleSheets !== undefined\n    ) {\n      try {\n        adoptedSheet = new CSSStyleSheet();\n        adoptionTarget.adoptedStyleSheets = [\n          ...adoptionTarget.adoptedStyleSheets,\n          adoptedSheet,\n        ];\n        useAdoptedSheet = true;\n        return;\n      } catch {\n        // Fall through to style element\n      }\n    }\n\n    // Fallback: a plain <style> element.\n    // For a ShadowRoot target, append directly inside the shadow tree.\n    // ShadowRoot has no getElementById(), so we always create a fresh element.\n    if (rootOption instanceof ShadowRoot) {\n      styleEl = document.createElement('style');\n      styleEl.id = styleId;\n      rootOption.appendChild(styleEl);\n    } else {\n      styleEl = document.getElementById(styleId) as HTMLStyleElement | null;\n      if (!styleEl) {\n        styleEl = document.createElement('style');\n        styleEl.id = styleId;\n        (document.head ?? document.documentElement).appendChild(styleEl);\n      }\n    }\n  }\n\n  function applyNewCSS(css: string): void {\n    if (!css) return;\n    injectedCSS += `\\n${css}`;\n    if (useAdoptedSheet && adoptedSheet) {\n      try {\n        // Replace the entire sheet with the accumulated CSS wrapped in a single\n        // @layer block. replaceSync handles nested at-rules (@media, @container,\n        // @supports) correctly — the previous insertRule approach used a flat\n        // regex that stripped at-rule wrappers, causing dark: and responsive\n        // variants to apply unconditionally.\n        adoptedSheet.replaceSync(`@layer cer-utilities {\\n${injectedCSS}\\n}`);\n        return;\n      } catch {\n        // Fall through to style element\n      }\n    }\n    if (styleEl) {\n      // Wrap everything in a single @layer block for the <style> fallback path\n      styleEl.textContent = `@layer cer-utilities {\\n${injectedCSS}\\n}`;\n    }\n  }\n\n  function extractClasses(el: Element): string[] {\n    const cls = el.getAttribute('class');\n    if (!cls) return [];\n    return cls.split(/\\s+/).filter(Boolean);\n  }\n\n  function scheduleFlush(): void {\n    if (flushScheduled) return;\n    flushScheduled = true;\n    queueMicrotask(flushPending);\n  }\n\n  function flushPending(): void {\n    flushScheduled = false;\n    if (pendingClasses.size === 0) return;\n\n    // Compute delta — only process classes we haven't seen before\n    const newClasses: string[] = [];\n    for (const cls of pendingClasses) {\n      if (!processedClasses.has(cls)) {\n        processedClasses.add(cls);\n        newClasses.push(cls);\n      }\n    }\n    pendingClasses = new Set<string>();\n\n    if (newClasses.length === 0) return;\n\n    // Build a minimal HTML string containing only the new class names so\n    // the jitCSS engine parses only the delta (not the full DOM).\n    const fakeHTML = `<div class=\"${newClasses.join(' ')}\"></div>`;\n    const newCSS = jitCSS(fakeHTML);\n    if (newCSS) {\n      applyNewCSS(newCSS);\n    }\n  }\n\n  function addClassesFromElement(el: Element): void {\n    for (const cls of extractClasses(el)) {\n      pendingClasses.add(cls);\n    }\n  }\n\n  function scanSubtree(root: Element | Document | ShadowRoot): void {\n    // Use TreeWalker for maximum performance on initial scan\n    const walker = document.createTreeWalker(\n      root instanceof Document ? document.body : (root as Node),\n      NodeFilter.SHOW_ELEMENT,\n    );\n    let node: Node | null = walker.currentNode;\n    while (node) {\n      if (node instanceof Element) {\n        addClassesFromElement(node);\n      }\n      node = walker.nextNode();\n    }\n    scheduleFlush();\n  }\n\n  function getObserverRoot(): Element | ShadowRoot | null {\n    if (rootOption) {\n      // Return the ShadowRoot directly so the MutationObserver observes inside\n      // the shadow tree. Previously we returned rootOption.host which caused the\n      // observer to watch the light DOM of the host element instead.\n      return rootOption;\n    }\n\n    // Auto-detect [data-jitcss] elements\n    if (typeof document !== 'undefined') {\n      const scoped = document.querySelectorAll('[data-jitcss]');\n      if (scoped.length > 0) {\n        // Use the first scoped element; if multiple, observe body\n        return scoped.length === 1 ? (scoped[0] as Element) : document.body;\n      }\n      return document.body;\n    }\n\n    return null;\n  }\n\n  function getDataJITCSSMode(el: Element): 'container' | 'self' | 'global' {\n    const val = el.getAttribute('data-jitcss');\n    if (val === 'self') return 'self';\n    if (val === 'global') return 'global';\n    return 'container';\n  }\n\n  function mount(): void {\n    if (isMounted) return;\n    isMounted = true;\n\n    injectStylesheet();\n\n    const observerRoot = getObserverRoot();\n    if (!observerRoot) return;\n\n    // ShadowRoot does not inherit hasAttribute() from Element; guard with an\n    // instanceof check so passing a ShadowRoot as root does not throw.\n    const mode =\n      observerRoot instanceof Element &&\n      observerRoot.hasAttribute('data-jitcss')\n        ? getDataJITCSSMode(observerRoot)\n        : 'container';\n    const actualRoot = mode === 'global' ? document.body : observerRoot;\n\n    // Initial scan\n    if (mode === 'self' && actualRoot instanceof Element) {\n      addClassesFromElement(actualRoot);\n      scheduleFlush();\n    } else {\n      scanSubtree(actualRoot);\n    }\n\n    // Set up MutationObserver\n    observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'class'\n        ) {\n          if (mutation.target instanceof Element) {\n            addClassesFromElement(mutation.target);\n          }\n        } else if (mutation.type === 'childList') {\n          for (const node of mutation.addedNodes) {\n            if (node instanceof Element) {\n              if (mode === 'self') continue; // Only own classes in self mode\n              // scanSubtree already processes the root element as its first\n              // walker node, so a separate addClassesFromElement call here\n              // would process the same element twice.\n              scanSubtree(node);\n            }\n          }\n        }\n      }\n      scheduleFlush();\n    });\n\n    observer.observe(actualRoot, {\n      subtree: mode !== 'self',\n      attributes: true,\n      attributeFilter: ['class'],\n      childList: mode !== 'self',\n      characterData: false,\n    });\n  }\n\n  function destroy(): void {\n    if (!isMounted) return;\n    isMounted = false;\n\n    if (observer) {\n      observer.disconnect();\n      observer = null;\n    }\n\n    // Remove injected styles\n    if (useAdoptedSheet && adoptedSheet) {\n      try {\n        const target = adoptionTarget ?? document;\n        target.adoptedStyleSheets = target.adoptedStyleSheets.filter(\n          (s) => s !== adoptedSheet,\n        );\n      } catch {\n        // ignore\n      }\n      adoptedSheet = null;\n    }\n\n    if (styleEl) {\n      styleEl.remove();\n      styleEl = null;\n    }\n\n    processedClasses.clear();\n    pendingClasses.clear();\n    injectedCSS = '';\n    flushScheduled = false;\n    adoptionTarget = null;\n  }\n\n  return {\n    mount,\n    destroy,\n    get processedCount() {\n      return processedClasses.size;\n    },\n  };\n}\n"],"mappings":"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"}