npm - @jasonshimmy/custom-elements-runtime - Versions diffs - 3.2.0 → 3.3.0 - Mend

@jasonshimmy/custom-elements-runtime 3.2.0 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (105) hide show

package/dist/{css-utils-Cg4o1MqY.js → css-utils-CC43BbEy.js} +20 -21
package/dist/css-utils-CC43BbEy.js.map +1 -0
package/dist/{css-utils-RqkyBWft.cjs → css-utils-mgjmH8qX.cjs} +5 -4
package/dist/css-utils-mgjmH8qX.cjs.map +1 -0
package/dist/custom-elements-runtime.cjs.js +4 -3
package/dist/custom-elements-runtime.cjs.js.map +1 -1
package/dist/custom-elements-runtime.colors.cjs.js +3 -2
package/dist/custom-elements-runtime.colors.cjs.js.map +1 -1
package/dist/custom-elements-runtime.colors.es.js +3 -2
package/dist/custom-elements-runtime.colors.es.js.map +1 -1
package/dist/custom-elements-runtime.directive-enhancements.cjs.js +3 -2
package/dist/custom-elements-runtime.directive-enhancements.cjs.js.map +1 -1
package/dist/custom-elements-runtime.directive-enhancements.es.js +86 -100
package/dist/custom-elements-runtime.directive-enhancements.es.js.map +1 -1
package/dist/custom-elements-runtime.directives.cjs.js +3 -2
package/dist/custom-elements-runtime.directives.cjs.js.map +1 -1
package/dist/custom-elements-runtime.directives.es.js +40 -43
package/dist/custom-elements-runtime.directives.es.js.map +1 -1
package/dist/custom-elements-runtime.dom-jit-css.cjs.js +7 -6
package/dist/custom-elements-runtime.dom-jit-css.cjs.js.map +1 -1
package/dist/custom-elements-runtime.dom-jit-css.es.js +58 -76
package/dist/custom-elements-runtime.dom-jit-css.es.js.map +1 -1
package/dist/custom-elements-runtime.es.js +162 -186
package/dist/custom-elements-runtime.es.js.map +1 -1
package/dist/custom-elements-runtime.event-bus.cjs.js +3 -2
package/dist/custom-elements-runtime.event-bus.cjs.js.map +1 -1
package/dist/custom-elements-runtime.event-bus.es.js +48 -103
package/dist/custom-elements-runtime.event-bus.es.js.map +1 -1
package/dist/custom-elements-runtime.jit-css.cjs.js +3 -2
package/dist/custom-elements-runtime.jit-css.cjs.js.map +1 -1
package/dist/custom-elements-runtime.jit-css.es.js +29 -30
package/dist/custom-elements-runtime.jit-css.es.js.map +1 -1
package/dist/custom-elements-runtime.router.cjs.js +20 -19
package/dist/custom-elements-runtime.router.cjs.js.map +1 -1
package/dist/custom-elements-runtime.router.es.js +579 -582
package/dist/custom-elements-runtime.router.es.js.map +1 -1
package/dist/custom-elements-runtime.ssr-middleware.cjs.js +5 -4
package/dist/custom-elements-runtime.ssr-middleware.cjs.js.map +1 -1
package/dist/custom-elements-runtime.ssr-middleware.es.js +44 -37
package/dist/custom-elements-runtime.ssr-middleware.es.js.map +1 -1
package/dist/custom-elements-runtime.ssr.cjs.js +1 -4
package/dist/custom-elements-runtime.ssr.es.js +11 -176
package/dist/custom-elements-runtime.store.cjs.js +3 -2
package/dist/custom-elements-runtime.store.cjs.js.map +1 -1
package/dist/custom-elements-runtime.store.es.js +17 -11
package/dist/custom-elements-runtime.store.es.js.map +1 -1
package/dist/custom-elements-runtime.transitions.cjs.js +3 -2
package/dist/custom-elements-runtime.transitions.cjs.js.map +1 -1
package/dist/custom-elements-runtime.transitions.es.js +55 -120
package/dist/custom-elements-runtime.transitions.es.js.map +1 -1
package/dist/custom-elements-runtime.vite-plugin.cjs.js +3 -2
package/dist/custom-elements-runtime.vite-plugin.cjs.js.map +1 -1
package/dist/custom-elements-runtime.vite-plugin.es.js +54 -75
package/dist/custom-elements-runtime.vite-plugin.es.js.map +1 -1
package/dist/hooks-_3xP4G2N.js +1189 -0
package/dist/hooks-_3xP4G2N.js.map +1 -0
package/dist/hooks-fYQgZk2g.cjs +7 -0
package/dist/hooks-fYQgZk2g.cjs.map +1 -0
package/dist/logger-BYIN7ysT.cjs +3 -0
package/dist/logger-BYIN7ysT.cjs.map +1 -0
package/dist/logger-L25axmB-.js +41 -0
package/dist/logger-L25axmB-.js.map +1 -0
package/dist/namespace-helpers-Bf7rm9JV.cjs +3 -0
package/dist/namespace-helpers-Bf7rm9JV.cjs.map +1 -0
package/dist/namespace-helpers-BucDdgz_.js +61 -0
package/dist/namespace-helpers-BucDdgz_.js.map +1 -0
package/dist/reset.css +1 -1
package/dist/ssr-B3lxl1vr.js +165 -0
package/dist/ssr-B3lxl1vr.js.map +1 -0
package/dist/ssr-DtD9e5iA.cjs +5 -0
package/dist/ssr-DtD9e5iA.cjs.map +1 -0
package/dist/style-Bjn8zDiZ.cjs +56 -0
package/dist/style-Bjn8zDiZ.cjs.map +1 -0
package/dist/{style-BmyOIMcU.js → style-DuDoj_xK.js} +724 -876
package/dist/style-DuDoj_xK.js.map +1 -0
package/dist/style.css +1 -1
package/dist/template-compiler-BB4JJdqk.cjs +23 -0
package/dist/template-compiler-BB4JJdqk.cjs.map +1 -0
package/dist/template-compiler-Cs5axmn4.js +3236 -0
package/dist/template-compiler-Cs5axmn4.js.map +1 -0
package/dist/variables.css +1 -1
package/package.json +7 -7
package/dist/css-utils-Cg4o1MqY.js.map +0 -1
package/dist/css-utils-RqkyBWft.cjs.map +0 -1
package/dist/custom-elements-runtime.ssr.cjs.js.map +0 -1
package/dist/custom-elements-runtime.ssr.es.js.map +0 -1
package/dist/hooks-BH-CpUun.js +0 -1474
package/dist/hooks-BH-CpUun.js.map +0 -1
package/dist/hooks-NOFG9QRQ.cjs +0 -6
package/dist/hooks-NOFG9QRQ.cjs.map +0 -1
package/dist/logger-BvkEbVM4.js +0 -48
package/dist/logger-BvkEbVM4.js.map +0 -1
package/dist/logger-CSALKaYm.cjs +0 -2
package/dist/logger-CSALKaYm.cjs.map +0 -1
package/dist/namespace-helpers-D4wC2-qA.js +0 -61
package/dist/namespace-helpers-D4wC2-qA.js.map +0 -1
package/dist/namespace-helpers-ckeEOxpR.cjs +0 -2
package/dist/namespace-helpers-ckeEOxpR.cjs.map +0 -1
package/dist/style-BmyOIMcU.js.map +0 -1
package/dist/style-D40DsIqJ.cjs +0 -55
package/dist/style-D40DsIqJ.cjs.map +0 -1
package/dist/template-compiler-CDvhsHia.cjs +0 -22
package/dist/template-compiler-CDvhsHia.cjs.map +0 -1
package/dist/template-compiler-DiE69FLO.js +0 -3724
package/dist/template-compiler-DiE69FLO.js.map +0 -1

package/dist/custom-elements-runtime.ssr-middleware.es.js CHANGED Viewed

@@ -1,22 +1,25 @@
-import { renderToStringWithJITCSS as H, renderToStream as b } from "./custom-elements-runtime.ssr.es.js";
-function D(t, o, c) {
-  if (!c) return t;
+import { n as v, t as C } from "./ssr-B3lxl1vr.js";
+function b(t, r, i) {
+  if (!i) return t;
   if (t.trimStart().toLowerCase().startsWith("<html") || t.includes("</html>")) {
-    const r = o ?? "", d = t.startsWith("<!DOCTYPE") ? t : `<!DOCTYPE html>${t}`;
-    return r && d.includes("</head>") ? d.replace("</head>", `${r}</head>`) : d;
+    const c = r ?? "", o = t.startsWith("<!DOCTYPE") ? t : `<!DOCTYPE html>${t}`;
+    return c && o.includes("</head>") ? o.replace("</head>", `${c}</head>`) : o;
   }
-  return `<!DOCTYPE html><html><head>${o ?? ""}</head><body>${t}</body></html>`;
+  return `<!DOCTYPE html><html><head>${r ?? ""}</head><body>${t}</body></html>`;
 }
-function R(t, o) {
-  const c = {
+function H(t, r) {
+  const i = {
     dsd: !0,
-    ...o?.render
-  }, { head: u, document: r = !0 } = o ?? {};
-  return async (d, n) => {
+    ...r?.render
+  }, { head: c, document: o = !0 } = r ?? {};
+  return async (f, n) => {
     try {
-      const e = typeof t == "function" ? await t(d) : t, a = e !== null && typeof e == "object" && "vnode" in e, m = a ? e.vnode : e, p = a ? e.router : void 0, w = a ? e.head : void 0, { htmlWithStyles: h } = H(m, { ...c, router: p }), y = [u, w].filter(Boolean).join(`
-`) || void 0, l = D(h, y, r);
-      n.setHeader("Content-Type", "text/html; charset=utf-8"), n.end(l);
+      const e = typeof t == "function" ? await t(f) : t, d = e !== null && typeof e == "object" && "vnode" in e, m = d ? e.vnode : e, p = d ? e.router : void 0, s = d ? e.head : void 0, { htmlWithStyles: h } = v(m, {
+        ...i,
+        router: p
+      }), a = b(h, [c, s].filter(Boolean).join(`
+`) || void 0, o);
+      n.setHeader("Content-Type", "text/html; charset=utf-8"), n.end(a);
     } catch (e) {
       try {
         n.setHeader("Content-Type", "text/plain; charset=utf-8"), n.end("Internal Server Error");
@@ -26,34 +29,37 @@ function R(t, o) {
     }
   };
 }
-function S(t, o) {
-  const c = {
+function E(t, r) {
+  const i = {
     dsd: !0,
-    ...o?.render
-  }, { head: u, document: r = !0 } = o ?? {};
-  return async (d, n) => {
+    ...r?.render
+  }, { head: c, document: o = !0 } = r ?? {};
+  return async (f, n) => {
     try {
-      const e = typeof t == "function" ? await t(d) : t, a = e !== null && typeof e == "object" && "vnode" in e, m = a ? e.vnode : e, p = a ? e.router : void 0, w = a ? e.head : void 0, h = [u, w].filter(Boolean).join(`
+      const e = typeof t == "function" ? await t(f) : t, d = e !== null && typeof e == "object" && "vnode" in e, m = d ? e.vnode : e, p = d ? e.router : void 0, s = [c, d ? e.head : void 0].filter(Boolean).join(`
 `) || void 0;
       n.setHeader("Content-Type", "text/html; charset=utf-8");
-      const l = b(m, { ...c, router: p }).getReader();
+      const h = C(m, {
+        ...i,
+        router: p
+      }).getReader();
       if (n.write) {
-        n.setHeader("Transfer-Encoding", "chunked"), r && n.write(`<!DOCTYPE html><html><head>${h ?? ""}</head><body>`);
-        let s = !1;
-        for (; !s; ) {
-          const { value: i, done: f } = await l.read();
-          i && n.write(i), s = f;
+        n.setHeader("Transfer-Encoding", "chunked"), o && n.write(`<!DOCTYPE html><html><head>${s ?? ""}</head><body>`);
+        let a = !1;
+        for (; !a; ) {
+          const { value: u, done: l } = await h.read();
+          u && n.write(u), a = l;
         }
-        r ? n.end("</body></html>") : n.end();
+        o ? n.end("</body></html>") : n.end();
       } else {
-        const s = [];
-        let i = !1;
-        for (; !i; ) {
-          const { value: C, done: v } = await l.read();
-          C && s.push(C), i = v;
+        const a = [];
+        let u = !1;
+        for (; !u; ) {
+          const { value: w, done: T } = await h.read();
+          w && a.push(w), u = T;
         }
-        const f = s.join(""), T = r ? `<!DOCTYPE html><html><head>${h ?? ""}</head><body>${f}</body></html>` : f;
-        n.end(T);
+        const l = a.join(""), y = o ? `<!DOCTYPE html><html><head>${s ?? ""}</head><body>${l}</body></html>` : l;
+        n.end(y);
       }
     } catch (e) {
       try {
@@ -65,7 +71,8 @@ function S(t, o) {
   };
 }
 export {
-  R as createSSRHandler,
-  S as createStreamingSSRHandler
+  H as createSSRHandler,
+  E as createStreamingSSRHandler
 };
-//# sourceMappingURL=custom-elements-runtime.ssr-middleware.es.js.map
+//# sourceMappingURL=custom-elements-runtime.ssr-middleware.es.js.map

package/dist/custom-elements-runtime.ssr-middleware.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"custom-elements-runtime.ssr-middleware.es.js","sources":["../src/lib/ssr-middleware.ts"],"sourcesContent":["/*\n SSR middleware helpers for Express, Fastify, Hono, and other Node.js HTTP frameworks.\n \n Provides two handler factories that wrap the SSR rendering pipeline and\n * emit a complete HTML document response. Both accept a static VNode or\n * a per-request factory function so route-specific data can be threaded into\n * the render tree.\n \n @example Express — static VNode\n * ```ts\n * import express from 'express';\n * import { createSSRHandler } from '@jasonshimmy/custom-elements-runtime/ssr-middleware';\n * import { html } from '@jasonshimmy/custom-elements-runtime';\n \n const app = express();\n * app.get('/', createSSRHandler(html`<my-app />`, {\n * render: { dsd: true, jit: { extendedColors: true } },\n * }));\n * ```\n \n @example Express — per-request factory\n * ```ts\n * app.get('', createSSRHandler(\n (req) => html`<my-app url=\"${req.url}\" />`,\n * { render: { dsd: true }, head: '<link rel=\"stylesheet\" href=\"/app.css\">' },\n * ));\n * ```\n \n @example Streaming variant\n * ```ts\n * app.get('', createStreamingSSRHandler(\n (req) => html`<my-app url=\"${req.url}\" />`,\n * ));\n * ```\n /\n\nimport { renderToStringWithJITCSS, renderToStream } from './ssr';\nimport type { VNode } from './runtime/types';\nimport type { RenderOptions } from './runtime/vdom-ssr';\nimport type { DSDRenderOptions } from './runtime/vdom-ssr-dsd';\nimport type { JITCSSOptions } from './runtime/style';\n\n/\n What a per-request factory may return.\n \n - Plain `VNode` — backward-compatible; no per-request router threading.\n * - `{ vnode, router? }` — the router instance is threaded through the render\n * context, making concurrent SSR requests safe (each render reads from its\n * own router, not the module-level `activeRouterProxy` singleton).\n * - `{ vnode, router?, head? }` — `head` is an HTML string injected into the\n * document `<head>` for this specific request (e.g. serialized loader data).\n * It is merged with the static `head` option passed to the handler factory.\n /\nexport type VnodeFactoryResult = VNode \| { vnode: VNode; router?: unknown; head?: string };\n\n// ---------------------------------------------------------------------------\n// Minimal framework-agnostic HTTP types\n// ---------------------------------------------------------------------------\n\n/\n Minimal request interface compatible with Express, Fastify, Hono, and the\n * raw Node.js `IncomingMessage`. Extend or replace with your framework's\n * request type via the generic parameter on `createSSRHandler`.\n /\nexport interface MinimalRequest {\n url?: string;\n method?: string;\n headers?: Record<string, string \| string[] \| undefined>;\n}\n\n/\n Minimal response interface compatible with Express, Fastify, Hono, and the\n * raw Node.js `ServerResponse`. `write` is optional — handlers fall back to\n * buffering when it is absent.\n /\nexport interface MinimalResponse {\n setHeader(name: string, value: string): void;\n write?(chunk: string): boolean \| void;\n end(data?: string): void;\n}\n\n// ---------------------------------------------------------------------------\n// Options\n// ---------------------------------------------------------------------------\n\n/\n Options for {@link createSSRHandler} and {@link createStreamingSSRHandler}.\n /\nexport interface SSRMiddlewareOptions {\n /\n Render options forwarded to `renderToStringWithJITCSS`.\n * Defaults to `{ dsd: true }` so DSD output is on by default.\n /\n render?: RenderOptions & DSDRenderOptions & { jit?: JITCSSOptions };\n /\n Additional HTML inserted at the end of the `<head>` tag.\n * Use this to inject `<link>`, `<script>`, `<meta>`, or `<title>` tags.\n /\n head?: string;\n /\n When `true` (default), the response is wrapped in a complete\n * `<!DOCTYPE html>` document shell. Set to `false` if you want to\n * assemble the document yourself and only need the rendered fragment.\n /\n document?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nfunction wrapInDocument(\n htmlWithStyles: string,\n head: string \| undefined,\n wrapDocument: boolean,\n): string {\n if (!wrapDocument) return htmlWithStyles;\n\n // If the rendered HTML already contains a root <html> tag, inject extra\n // head tags and prepend the DOCTYPE — do not double-wrap.\n if (\n htmlWithStyles.trimStart().toLowerCase().startsWith('<html') \|\|\n htmlWithStyles.includes('</html>')\n ) {\n const extra = head ?? '';\n const withDoctype = htmlWithStyles.startsWith('<!DOCTYPE')\n ? htmlWithStyles\n : `<!DOCTYPE html>${htmlWithStyles}`;\n if (extra) {\n return withDoctype.includes('</head>')\n ? withDoctype.replace('</head>', `${extra}</head>`)\n : withDoctype;\n }\n return withDoctype;\n }\n\n // Minimal shell\n const headContent = head ?? '';\n return `<!DOCTYPE html><html><head>${headContent}</head><body>${htmlWithStyles}</body></html>`;\n}\n\n// ---------------------------------------------------------------------------\n// Handler factories\n// ---------------------------------------------------------------------------\n\n/\n Create a request handler that SSR-renders a VNode tree and sends the full\n * HTML document as the response.\n \n Compatible with Express, Fastify, Hono, and any framework that uses an\n * `(req, res)` handler signature. The generic `Req` parameter lets you use\n * your framework's typed request object.\n \n @param vnodeOrFactory - A static {@link VNode} or a (possibly async)\n * factory function that receives the request and returns the VNode to render.\n * @param options - Render and document-shell options.\n \n @example\n * ```ts\n * app.get('', createSSRHandler(\n (req) => html`<my-app url=\"${req.url}\" />`,\n * { render: { dsd: true, jit: { extendedColors: true } } },\n * ));\n * ```\n /\nexport function createSSRHandler<Req extends MinimalRequest = MinimalRequest>(\n vnodeOrFactory:\n \| VnodeFactoryResult\n \| ((req: Req) => VnodeFactoryResult \| Promise<VnodeFactoryResult>),\n options?: SSRMiddlewareOptions,\n): (req: Req, res: MinimalResponse) => Promise<void> {\n const renderOptions: RenderOptions &\n DSDRenderOptions & { jit?: JITCSSOptions } = {\n dsd: true,\n ...options?.render,\n };\n const { head, document: wrapDocument = true } = options ?? {};\n\n return async (req, res) => {\n try {\n const rawResult =\n typeof vnodeOrFactory === 'function'\n ? await vnodeOrFactory(req)\n : vnodeOrFactory;\n\n const isBundle =\n rawResult !== null &&\n typeof rawResult === 'object' &&\n 'vnode' in (rawResult as object);\n const vnode = isBundle\n ? (rawResult as { vnode: VNode }).vnode\n : (rawResult as VNode);\n const router = isBundle\n ? (rawResult as { vnode: VNode; router?: unknown }).router\n : undefined;\n const perRequestHead = isBundle\n ? (rawResult as { head?: string }).head\n : undefined;\n\n const { htmlWithStyles } = renderToStringWithJITCSS(vnode, { ...renderOptions, router });\n\n const mergedHead = [head, perRequestHead].filter(Boolean).join('\\n') \|\| undefined;\n const body = wrapInDocument(htmlWithStyles, mergedHead, wrapDocument);\n\n res.setHeader('Content-Type', 'text/html; charset=utf-8');\n res.end(body);\n } catch (err) {\n // Ensure the response is always closed to prevent the request hanging.\n // Re-throw so the framework's error handler can set the proper status code.\n try {\n res.setHeader('Content-Type', 'text/plain; charset=utf-8');\n res.end('Internal Server Error');\n } catch {\n // ignore secondary errors during error response\n }\n throw err;\n }\n };\n}\n\n/\n Create a request handler that SSR-renders a VNode tree and streams the HTML\n * response using chunked transfer encoding.\n \n Each chunk produced by the underlying {@link renderToStream} call is written\n * to the response as it becomes available, minimising Time-to-First-Byte.\n * The document shell preamble (`<!DOCTYPE html>…<body>`) is sent in the first\n * write so the browser can begin parsing immediately.\n \n @param vnodeOrFactory - A static {@link VNode} or a (possibly async)\n * factory function that receives the request and returns the VNode to render.\n * @param options - Render and document-shell options.\n \n @example\n * ```ts\n * app.get('', createStreamingSSRHandler(\n (req) => html`<my-app url=\"${req.url}\" />`,\n * { render: { dsd: true } },\n * ));\n * ```\n */\nexport function createStreamingSSRHandler<\n Req extends MinimalRequest = MinimalRequest,\n>(\n vnodeOrFactory:\n \| VnodeFactoryResult\n \| ((req: Req) => VnodeFactoryResult \| Promise<VnodeFactoryResult>),\n options?: SSRMiddlewareOptions,\n): (req: Req, res: MinimalResponse) => Promise<void> {\n const renderOptions: RenderOptions &\n DSDRenderOptions & { jit?: JITCSSOptions } = {\n dsd: true,\n ...options?.render,\n };\n const { head, document: wrapDocument = true } = options ?? {};\n\n return async (req, res) => {\n try {\n const rawResult =\n typeof vnodeOrFactory === 'function'\n ? await vnodeOrFactory(req)\n : vnodeOrFactory;\n\n const isBundle =\n rawResult !== null &&\n typeof rawResult === 'object' &&\n 'vnode' in (rawResult as object);\n const vnode = isBundle\n ? (rawResult as { vnode: VNode }).vnode\n : (rawResult as VNode);\n const router = isBundle\n ? (rawResult as { vnode: VNode; router?: unknown }).router\n : undefined;\n const perRequestHead = isBundle\n ? (rawResult as { head?: string }).head\n : undefined;\n\n const mergedHead = [head, perRequestHead].filter(Boolean).join('\\n') \|\| undefined;\n\n res.setHeader('Content-Type', 'text/html; charset=utf-8');\n\n const stream = renderToStream(vnode, { ...renderOptions, router });\n const reader = stream.getReader();\n\n if (res.write) {\n // Streaming path: pipe chunks directly to the response as they arrive.\n res.setHeader('Transfer-Encoding', 'chunked');\n if (wrapDocument) {\n res.write(`<!DOCTYPE html><html><head>${mergedHead ?? ''}</head><body>`);\n }\n let done = false;\n while (!done) {\n const { value, done: d } = await reader.read();\n if (value) res.write(value);\n done = d;\n }\n if (wrapDocument) {\n res.end('</body></html>');\n } else {\n res.end();\n }\n } else {\n // Buffered fallback: framework does not expose write(); collect and send as one response.\n const chunks: string[] = [];\n let done = false;\n while (!done) {\n const { value, done: d } = await reader.read();\n if (value) chunks.push(value);\n done = d;\n }\n const content = chunks.join('');\n const body = wrapDocument\n ? `<!DOCTYPE html><html><head>${mergedHead ?? ''}</head><body>${content}</body></html>`\n : content;\n res.end(body);\n }\n } catch (err) {\n // Ensure the response is always closed to prevent the request hanging.\n // Re-throw so the framework's error handler can set the proper status code.\n try {\n res.setHeader('Content-Type', 'text/plain; charset=utf-8');\n res.end('Internal Server Error');\n } catch {\n // ignore secondary errors during error response\n }\n throw err;\n }\n };\n}\n"],"names":["wrapInDocument","htmlWithStyles","head","wrapDocument","extra","withDoctype","createSSRHandler","vnodeOrFactory","options","renderOptions","req","res","rawResult","isBundle","vnode","router","perRequestHead","renderToStringWithJITCSS","mergedHead","body","err","createStreamingSSRHandler","reader","renderToStream","done","value","d","chunks","content"],"mappings":"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"}
1	+ {"version":3,"file":"custom-elements-runtime.ssr-middleware.es.js","names":[],"sources":["../src/lib/ssr-middleware.ts"],"sourcesContent":["/*\n SSR middleware helpers for Express, Fastify, Hono, and other Node.js HTTP frameworks.\n \n Provides two handler factories that wrap the SSR rendering pipeline and\n * emit a complete HTML document response. Both accept a static VNode or\n * a per-request factory function so route-specific data can be threaded into\n * the render tree.\n \n @example Express — static VNode\n * ```ts\n * import express from 'express';\n * import { createSSRHandler } from '@jasonshimmy/custom-elements-runtime/ssr-middleware';\n * import { html } from '@jasonshimmy/custom-elements-runtime';\n \n const app = express();\n * app.get('/', createSSRHandler(html`<my-app />`, {\n * render: { dsd: true, jit: { extendedColors: true } },\n * }));\n * ```\n \n @example Express — per-request factory\n * ```ts\n * app.get('', createSSRHandler(\n (req) => html`<my-app url=\"${req.url}\" />`,\n * { render: { dsd: true }, head: '<link rel=\"stylesheet\" href=\"/app.css\">' },\n * ));\n * ```\n \n @example Streaming variant\n * ```ts\n * app.get('', createStreamingSSRHandler(\n (req) => html`<my-app url=\"${req.url}\" />`,\n * ));\n * ```\n /\n\nimport { renderToStringWithJITCSS, renderToStream } from './ssr';\nimport type { VNode } from './runtime/types';\nimport type { RenderOptions } from './runtime/vdom-ssr';\nimport type { DSDRenderOptions } from './runtime/vdom-ssr-dsd';\nimport type { JITCSSOptions } from './runtime/style';\n\n/\n What a per-request factory may return.\n \n - Plain `VNode` — backward-compatible; no per-request router threading.\n * - `{ vnode, router? }` — the router instance is threaded through the render\n * context, making concurrent SSR requests safe (each render reads from its\n * own router, not the module-level `activeRouterProxy` singleton).\n * - `{ vnode, router?, head? }` — `head` is an HTML string injected into the\n * document `<head>` for this specific request (e.g. serialized loader data).\n * It is merged with the static `head` option passed to the handler factory.\n /\nexport type VnodeFactoryResult = VNode \| { vnode: VNode; router?: unknown; head?: string };\n\n// ---------------------------------------------------------------------------\n// Minimal framework-agnostic HTTP types\n// ---------------------------------------------------------------------------\n\n/\n Minimal request interface compatible with Express, Fastify, Hono, and the\n * raw Node.js `IncomingMessage`. Extend or replace with your framework's\n * request type via the generic parameter on `createSSRHandler`.\n /\nexport interface MinimalRequest {\n url?: string;\n method?: string;\n headers?: Record<string, string \| string[] \| undefined>;\n}\n\n/\n Minimal response interface compatible with Express, Fastify, Hono, and the\n * raw Node.js `ServerResponse`. `write` is optional — handlers fall back to\n * buffering when it is absent.\n /\nexport interface MinimalResponse {\n setHeader(name: string, value: string): void;\n write?(chunk: string): boolean \| void;\n end(data?: string): void;\n}\n\n// ---------------------------------------------------------------------------\n// Options\n// ---------------------------------------------------------------------------\n\n/\n Options for {@link createSSRHandler} and {@link createStreamingSSRHandler}.\n /\nexport interface SSRMiddlewareOptions {\n /\n Render options forwarded to `renderToStringWithJITCSS`.\n * Defaults to `{ dsd: true }` so DSD output is on by default.\n /\n render?: RenderOptions & DSDRenderOptions & { jit?: JITCSSOptions };\n /\n Additional HTML inserted at the end of the `<head>` tag.\n * Use this to inject `<link>`, `<script>`, `<meta>`, or `<title>` tags.\n /\n head?: string;\n /\n When `true` (default), the response is wrapped in a complete\n * `<!DOCTYPE html>` document shell. Set to `false` if you want to\n * assemble the document yourself and only need the rendered fragment.\n /\n document?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nfunction wrapInDocument(\n htmlWithStyles: string,\n head: string \| undefined,\n wrapDocument: boolean,\n): string {\n if (!wrapDocument) return htmlWithStyles;\n\n // If the rendered HTML already contains a root <html> tag, inject extra\n // head tags and prepend the DOCTYPE — do not double-wrap.\n if (\n htmlWithStyles.trimStart().toLowerCase().startsWith('<html') \|\|\n htmlWithStyles.includes('</html>')\n ) {\n const extra = head ?? '';\n const withDoctype = htmlWithStyles.startsWith('<!DOCTYPE')\n ? htmlWithStyles\n : `<!DOCTYPE html>${htmlWithStyles}`;\n if (extra) {\n return withDoctype.includes('</head>')\n ? withDoctype.replace('</head>', `${extra}</head>`)\n : withDoctype;\n }\n return withDoctype;\n }\n\n // Minimal shell\n const headContent = head ?? '';\n return `<!DOCTYPE html><html><head>${headContent}</head><body>${htmlWithStyles}</body></html>`;\n}\n\n// ---------------------------------------------------------------------------\n// Handler factories\n// ---------------------------------------------------------------------------\n\n/\n Create a request handler that SSR-renders a VNode tree and sends the full\n * HTML document as the response.\n \n Compatible with Express, Fastify, Hono, and any framework that uses an\n * `(req, res)` handler signature. The generic `Req` parameter lets you use\n * your framework's typed request object.\n \n @param vnodeOrFactory - A static {@link VNode} or a (possibly async)\n * factory function that receives the request and returns the VNode to render.\n * @param options - Render and document-shell options.\n \n @example\n * ```ts\n * app.get('', createSSRHandler(\n (req) => html`<my-app url=\"${req.url}\" />`,\n * { render: { dsd: true, jit: { extendedColors: true } } },\n * ));\n * ```\n /\nexport function createSSRHandler<Req extends MinimalRequest = MinimalRequest>(\n vnodeOrFactory:\n \| VnodeFactoryResult\n \| ((req: Req) => VnodeFactoryResult \| Promise<VnodeFactoryResult>),\n options?: SSRMiddlewareOptions,\n): (req: Req, res: MinimalResponse) => Promise<void> {\n const renderOptions: RenderOptions &\n DSDRenderOptions & { jit?: JITCSSOptions } = {\n dsd: true,\n ...options?.render,\n };\n const { head, document: wrapDocument = true } = options ?? {};\n\n return async (req, res) => {\n try {\n const rawResult =\n typeof vnodeOrFactory === 'function'\n ? await vnodeOrFactory(req)\n : vnodeOrFactory;\n\n const isBundle =\n rawResult !== null &&\n typeof rawResult === 'object' &&\n 'vnode' in (rawResult as object);\n const vnode = isBundle\n ? (rawResult as { vnode: VNode }).vnode\n : (rawResult as VNode);\n const router = isBundle\n ? (rawResult as { vnode: VNode; router?: unknown }).router\n : undefined;\n const perRequestHead = isBundle\n ? (rawResult as { head?: string }).head\n : undefined;\n\n const { htmlWithStyles } = renderToStringWithJITCSS(vnode, { ...renderOptions, router });\n\n const mergedHead = [head, perRequestHead].filter(Boolean).join('\\n') \|\| undefined;\n const body = wrapInDocument(htmlWithStyles, mergedHead, wrapDocument);\n\n res.setHeader('Content-Type', 'text/html; charset=utf-8');\n res.end(body);\n } catch (err) {\n // Ensure the response is always closed to prevent the request hanging.\n // Re-throw so the framework's error handler can set the proper status code.\n try {\n res.setHeader('Content-Type', 'text/plain; charset=utf-8');\n res.end('Internal Server Error');\n } catch {\n // ignore secondary errors during error response\n }\n throw err;\n }\n };\n}\n\n/\n Create a request handler that SSR-renders a VNode tree and streams the HTML\n * response using chunked transfer encoding.\n \n Each chunk produced by the underlying {@link renderToStream} call is written\n * to the response as it becomes available, minimising Time-to-First-Byte.\n * The document shell preamble (`<!DOCTYPE html>…<body>`) is sent in the first\n * write so the browser can begin parsing immediately.\n \n @param vnodeOrFactory - A static {@link VNode} or a (possibly async)\n * factory function that receives the request and returns the VNode to render.\n * @param options - Render and document-shell options.\n \n @example\n * ```ts\n * app.get('', createStreamingSSRHandler(\n (req) => html`<my-app url=\"${req.url}\" />`,\n * { render: { dsd: true } },\n * ));\n * ```\n */\nexport function createStreamingSSRHandler<\n Req extends MinimalRequest = MinimalRequest,\n>(\n vnodeOrFactory:\n \| VnodeFactoryResult\n \| ((req: Req) => VnodeFactoryResult \| Promise<VnodeFactoryResult>),\n options?: SSRMiddlewareOptions,\n): (req: Req, res: MinimalResponse) => Promise<void> {\n const renderOptions: RenderOptions &\n DSDRenderOptions & { jit?: JITCSSOptions } = {\n dsd: true,\n ...options?.render,\n };\n const { head, document: wrapDocument = true } = options ?? {};\n\n return async (req, res) => {\n try {\n const rawResult =\n typeof vnodeOrFactory === 'function'\n ? await vnodeOrFactory(req)\n : vnodeOrFactory;\n\n const isBundle =\n rawResult !== null &&\n typeof rawResult === 'object' &&\n 'vnode' in (rawResult as object);\n const vnode = isBundle\n ? (rawResult as { vnode: VNode }).vnode\n : (rawResult as VNode);\n const router = isBundle\n ? (rawResult as { vnode: VNode; router?: unknown }).router\n : undefined;\n const perRequestHead = isBundle\n ? (rawResult as { head?: string }).head\n : undefined;\n\n const mergedHead = [head, perRequestHead].filter(Boolean).join('\\n') \|\| undefined;\n\n res.setHeader('Content-Type', 'text/html; charset=utf-8');\n\n const stream = renderToStream(vnode, { ...renderOptions, router });\n const reader = stream.getReader();\n\n if (res.write) {\n // Streaming path: pipe chunks directly to the response as they arrive.\n res.setHeader('Transfer-Encoding', 'chunked');\n if (wrapDocument) {\n res.write(`<!DOCTYPE html><html><head>${mergedHead ?? ''}</head><body>`);\n }\n let done = false;\n while (!done) {\n const { value, done: d } = await reader.read();\n if (value) res.write(value);\n done = d;\n }\n if (wrapDocument) {\n res.end('</body></html>');\n } else {\n res.end();\n }\n } else {\n // Buffered fallback: framework does not expose write(); collect and send as one response.\n const chunks: string[] = [];\n let done = false;\n while (!done) {\n const { value, done: d } = await reader.read();\n if (value) chunks.push(value);\n done = d;\n }\n const content = chunks.join('');\n const body = wrapDocument\n ? `<!DOCTYPE html><html><head>${mergedHead ?? ''}</head><body>${content}</body></html>`\n : content;\n res.end(body);\n }\n } catch (err) {\n // Ensure the response is always closed to prevent the request hanging.\n // Re-throw so the framework's error handler can set the proper status code.\n try {\n res.setHeader('Content-Type', 'text/plain; charset=utf-8');\n res.end('Internal Server Error');\n } catch {\n // ignore secondary errors during error response\n }\n throw err;\n }\n };\n}\n"],"mappings":"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"}

package/dist/custom-elements-runtime.ssr.cjs.js CHANGED Viewed

@@ -1,4 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./hooks-NOFG9QRQ.cjs"),m=require("./namespace-helpers-ckeEOxpR.cjs"),b=require("./style-D40DsIqJ.cjs"),C=require("./css-utils-RqkyBWft.cjs"),R=require("./logger-CSALKaYm.cjs"),j=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]);function A(t,r,e){const n=e.injectSvgNamespace??!0,s=e.injectKnownNamespaces??n,i={...t};return n&&r==="svg"&&!("xmlns"in i)?i.xmlns=m.SVG_NS:s&&r in m.TAG_NAMESPACE_MAP&&!("xmlns"in i)&&(i.xmlns=m.TAG_NAMESPACE_MAP[r]),Object.entries(i).map(([a,u])=>` ${a}="${o.escapeHTML(String(u))}"`).join("")}function P(t){return Object.entries(t).map(([r,e])=>` ${r}="${o.escapeHTML(String(e))}"`).join("")}function f(t,r){if(typeof t=="string")return o.escapeHTML(t);if(t.tag==="#text")return typeof t.children=="string"?o.escapeHTML(t.children):"";if(t.tag==="#anchor")return(Array.isArray(t.children)?t.children.filter(a=>a!=null):[]).map(a=>f(a,r)).join("");if(t.tag==="#raw")return typeof t.children=="string"?t.children:"";const e=t.props?.attrs?{...t.props.attrs}:{},n=A(e,t.tag,r??{});if(j.has(t.tag))return`<${t.tag}${n}>`;const s=Array.isArray(t.children)?t.children.filter(i=>i!=null).map(i=>f(i,r)).join(""):typeof t.children=="string"?o.escapeHTML(t.children):t.children?f(t.children,r):"";return`<${t.tag}${n}>${s}</${t.tag}>`}const g="<script>(function(){if(HTMLTemplateElement.prototype.hasOwnProperty('shadowRootMode'))return;document.querySelectorAll('template[shadowrootmode]').forEach(function(t){var m=t.getAttribute('shadowrootmode');var s=t.parentElement.attachShadow({mode:m});s.appendChild(t.content);t.remove();});})()<\/script>";function _(t){return t.includes("-")&&m.registry.has(t)}function D(t,r){const e=[C.baseReset];t.trim()&&e.push(t);const n=b.jitCSS(r);n.trim()&&e.push(n);const s=C.minifyCSS(e.join(`
-`));return s?`<style>${s}</style>`:""}let p=null,E=0;function H(t){p=t,E=0}function I(){p=null}function y(t,r){if(!r.dsd)return f(t,r);if(typeof t=="string")return o.escapeHTML(t);const e=t.tag;if(e==="#text"||e==="#anchor"||e==="#raw")return f(t,r);if(_(e))return N(t,r);const n=t.props?.attrs?{...t.props.attrs}:{},s=A(n,e,r);if(j.has(e))return`<${e}${s}>`;const i=T(t.children,r);return`<${e}${s}>${i}</${e}>`}function N(t,r){const e=t.tag,n=m.registry.get(e),s=t.props?.attrs??{},i=P(s);if(!n){const h=T(t.children,r);return`<${e}${i}><template shadowrootmode="open"></template>${h}</${e}>`}const a=n.hydrate,u=a&&a!=="load"?` data-cer-hydrate="${a}"`:"",{shadowVNode:l,useStyleCSS:d,asyncPromise:S}=o.runComponentSSRRender(n,s,e,r.router);if(S&&p===null&&R.devWarn(`[SSR] Component "${e}" has an async render function. In standard SSR the shadow DOM will be empty. Use renderToStream() for incremental async component streaming.`),S&&p!==null){const h=`cer-stream-${E++}`,w=T(t.children,r);return p.push({id:h,tag:e,attrsString:i,hydrateAttr:u,useStyleCSS:d,lightDOM:w,opts:r,promise:S,router:r.router}),`<${e} id="${h}"${i}${u}><template shadowrootmode="open"></template>${w}</${e}>`}let c="";l!=null&&(Array.isArray(l)?c=l.map(h=>y(h,r)).join(""):c=y(l,r));const $=D(d,c),O=T(t.children,r);return`<${e}${i}${u}><template shadowrootmode="open">${$}${c}</template>${O}</${e}>`}function T(t,r){return t?typeof t=="string"?o.escapeHTML(t):Array.isArray(t)?t.filter(e=>e!=null).map(e=>y(e,r)).join(""):y(t,r):""}function L(t,r){const e={dsd:!0,...r},n=y(t,e);return e.dsdPolyfill!==!1?n.includes("</body>")?n.replace("</body>",`${g}</body>`):n+g:n}function M(t,r){const{jit:e,dsd:n,dsdPolyfill:s,...i}=r??{};e&&b.enableJITCSS(e),o.beginSSRGlobalStyleCollection();let a,u;try{n?a=L(t,{...i,dsd:!0,dsdPolyfill:!1}):a=f(t,i)}finally{u=o.endSSRGlobalStyleCollection()}const l=b.jitCSS(a),d=u.join(`
-`),S=[];l&&S.push(`<style id="cer-ssr-jit">${l}</style>`),d.trim()&&S.push(`<style id="cer-ssr-global">${d}</style>`);let c=a;if(S.length){const $=S.join("");c=a.includes("</head>")?a.replace("</head>",`${$}</head>`):`${$}${a}`}return n&&s!==!1&&(c=c.includes("</body>")?c.replace("</body>",`${g}</body>`):c+g),{html:a,css:l,globalStyles:d,htmlWithStyles:c}}function q(t,r){return M(t,{...r,dsd:!0})}function k(t,r){return new ReadableStream({async start(e){const n=[];H(n);try{const{htmlWithStyles:s}=M(t,r);e.enqueue(s)}catch(s){e.error(s);return}finally{I()}for(const s of n)try{const i=await s.promise,a=Array.isArray(i)?i.map(d=>y(d,s.opts)).join(""):y(i,s.opts),l=`${D(s.useStyleCSS,a)}${a}`;e.enqueue(`<script>(function(){var e=document.getElementById(${JSON.stringify(s.id)});if(!e)return;var s=e.shadowRoot;if(!s&&e.attachShadow)try{s=e.attachShadow({mode:'open'});}catch(_){};if(s)s.innerHTML=${JSON.stringify(l)};e.removeAttribute('id');})();<\/script>`)}catch{}e.close()}})}exports.clearRegisteredEntityMap=o.clearRegisteredEntityMap;exports.loadEntityMap=o.loadEntityMap;exports.registerEntityMap=o.registerEntityMap;exports.DSD_POLYFILL_SCRIPT=g;exports.renderToStream=k;exports.renderToString=f;exports.renderToStringDSD=L;exports.renderToStringWithJITCSS=M;exports.renderToStringWithJITCSSDSD=q;
-//# sourceMappingURL=custom-elements-runtime.ssr.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./hooks-fYQgZk2g.cjs"),r=require("./ssr-DtD9e5iA.cjs");exports.DSD_POLYFILL_SCRIPT=r.DSD_POLYFILL_SCRIPT;exports.clearRegisteredEntityMap=e.clearRegisteredEntityMap;exports.loadEntityMap=e.loadEntityMap;exports.registerEntityMap=e.registerEntityMap;exports.renderToStream=r.renderToStream;exports.renderToString=r.renderToString;exports.renderToStringDSD=r.renderToStringDSD;exports.renderToStringWithJITCSS=r.renderToStringWithJITCSS;exports.renderToStringWithJITCSSDSD=r.renderToStringWithJITCSSDSD;

package/dist/custom-elements-runtime.ssr.es.js CHANGED Viewed

@@ -1,178 +1,13 @@
-import { S as f, T as R, U as L, V as N } from "./hooks-BH-CpUun.js";
-import { W as v, X as tt, Y as rt } from "./hooks-BH-CpUun.js";
-import { S as P, T as w, a as j } from "./namespace-helpers-D4wC2-qA.js";
-import { j as C, e as _ } from "./style-BmyOIMcU.js";
-import { m as x, b as I } from "./css-utils-Cg4o1MqY.js";
-import { a as k } from "./logger-BvkEbVM4.js";
-const T = /* @__PURE__ */ new Set([
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-]);
-function A(t, e, r) {
-  const n = r.injectSvgNamespace ?? !0, s = r.injectKnownNamespaces ?? n, i = { ...t };
-  return n && e === "svg" && !("xmlns" in i) ? i.xmlns = P : s && e in w && !("xmlns" in i) && (i.xmlns = w[e]), Object.entries(i).map(([a, c]) => ` ${a}="${f(String(c))}"`).join("");
-}
-function W(t) {
-  return Object.entries(t).map(([e, r]) => ` ${e}="${f(String(r))}"`).join("");
-}
-function y(t, e) {
-  if (typeof t == "string") return f(t);
-  if (t.tag === "#text")
-    return typeof t.children == "string" ? f(t.children) : "";
-  if (t.tag === "#anchor")
-    return (Array.isArray(t.children) ? t.children.filter((a) => a != null) : []).map((a) => y(a, e)).join("");
-  if (t.tag === "#raw")
-    return typeof t.children == "string" ? t.children : "";
-  const r = t.props?.attrs ? { ...t.props.attrs } : {}, n = A(r, t.tag, e ?? {});
-  if (T.has(t.tag))
-    return `<${t.tag}${n}>`;
-  const s = Array.isArray(t.children) ? t.children.filter((i) => i != null).map((i) => y(i, e)).join("") : typeof t.children == "string" ? f(t.children) : t.children ? y(t.children, e) : "";
-  return `<${t.tag}${n}>${s}</${t.tag}>`;
-}
-const $ = "<script>(function(){if(HTMLTemplateElement.prototype.hasOwnProperty('shadowRootMode'))return;document.querySelectorAll('template[shadowrootmode]').forEach(function(t){var m=t.getAttribute('shadowrootmode');var s=t.parentElement.attachShadow({mode:m});s.appendChild(t.content);t.remove();});})()<\/script>";
-function B(t) {
-  return t.includes("-") && j.has(t);
-}
-function D(t, e) {
-  const r = [I];
-  t.trim() && r.push(t);
-  const n = C(e);
-  n.trim() && r.push(n);
-  const s = x(r.join(`
-`));
-  return s ? `<style>${s}</style>` : "";
-}
-let S = null, M = 0;
-function H(t) {
-  S = t, M = 0;
-}
-function J() {
-  S = null;
-}
-function m(t, e) {
-  if (!e.dsd)
-    return y(t, e);
-  if (typeof t == "string")
-    return f(t);
-  const r = t.tag;
-  if (r === "#text" || r === "#anchor" || r === "#raw")
-    return y(t, e);
-  if (B(r))
-    return V(t, e);
-  const n = t.props?.attrs ? { ...t.props.attrs } : {}, s = A(n, r, e);
-  if (T.has(r))
-    return `<${r}${s}>`;
-  const i = g(t.children, e);
-  return `<${r}${s}>${i}</${r}>`;
-}
-function V(t, e) {
-  const r = t.tag, n = j.get(r), s = t.props?.attrs ?? {}, i = W(s);
-  if (!n) {
-    const h = g(t.children, e);
-    return `<${r}${i}><template shadowrootmode="open"></template>${h}</${r}>`;
-  }
-  const a = n.hydrate, c = a && a !== "load" ? ` data-cer-hydrate="${a}"` : "", { shadowVNode: o, useStyleCSS: u, asyncPromise: d } = R(n, s, r, e.router);
-  if (d && S === null && k(
-    `[SSR] Component "${r}" has an async render function. In standard SSR the shadow DOM will be empty. Use renderToStream() for incremental async component streaming.`
-  ), d && S !== null) {
-    const h = `cer-stream-${M++}`, b = g(t.children, e);
-    return S.push({
-      id: h,
-      tag: r,
-      attrsString: i,
-      hydrateAttr: c,
-      useStyleCSS: u,
-      lightDOM: b,
-      opts: e,
-      promise: d,
-      router: e.router
-    }), `<${r} id="${h}"${i}${c}><template shadowrootmode="open"></template>${b}</${r}>`;
-  }
-  let l = "";
-  o != null && (Array.isArray(o) ? l = o.map((h) => m(h, e)).join("") : l = m(o, e));
-  const p = D(u, l), E = g(t.children, e);
-  return `<${r}${i}${c}><template shadowrootmode="open">${p}${l}</template>${E}</${r}>`;
-}
-function g(t, e) {
-  return t ? typeof t == "string" ? f(t) : Array.isArray(t) ? t.filter((r) => r != null).map((r) => m(r, e)).join("") : m(t, e) : "";
-}
-function G(t, e) {
-  const r = { dsd: !0, ...e }, n = m(t, r);
-  return r.dsdPolyfill !== !1 ? n.includes("</body>") ? n.replace("</body>", `${$}</body>`) : n + $ : n;
-}
-function O(t, e) {
-  const { jit: r, dsd: n, dsdPolyfill: s, ...i } = e ?? {};
-  r && _(r), L();
-  let a, c;
-  try {
-    n ? a = G(t, {
-      ...i,
-      dsd: !0,
-      dsdPolyfill: !1
-    }) : a = y(t, i);
-  } finally {
-    c = N();
-  }
-  const o = C(a), u = c.join(`
-`), d = [];
-  o && d.push(`<style id="cer-ssr-jit">${o}</style>`), u.trim() && d.push(`<style id="cer-ssr-global">${u}</style>`);
-  let l = a;
-  if (d.length) {
-    const p = d.join("");
-    l = a.includes("</head>") ? a.replace("</head>", `${p}</head>`) : `${p}${a}`;
-  }
-  return n && s !== !1 && (l = l.includes("</body>") ? l.replace("</body>", `${$}</body>`) : l + $), { html: a, css: o, globalStyles: u, htmlWithStyles: l };
-}
-function X(t, e) {
-  return O(t, { ...e, dsd: !0 });
-}
-function z(t, e) {
-  return new ReadableStream({
-    async start(r) {
-      const n = [];
-      H(n);
-      try {
-        const { htmlWithStyles: s } = O(t, e);
-        r.enqueue(s);
-      } catch (s) {
-        r.error(s);
-        return;
-      } finally {
-        J();
-      }
-      for (const s of n)
-        try {
-          const i = await s.promise, a = Array.isArray(i) ? i.map((u) => m(u, s.opts)).join("") : m(i, s.opts), o = `${D(s.useStyleCSS, a)}${a}`;
-          r.enqueue(
-            `<script>(function(){var e=document.getElementById(${JSON.stringify(s.id)});if(!e)return;var s=e.shadowRoot;if(!s&&e.attachShadow)try{s=e.attachShadow({mode:'open'});}catch(_){};if(s)s.innerHTML=${JSON.stringify(o)};e.removeAttribute('id');})();<\/script>`
-          );
-        } catch {
-        }
-      r.close();
-    }
-  });
-}
+import { A as t, C as e, k as a } from "./hooks-_3xP4G2N.js";
+import { a as n, i as S, n as o, o as s, r as T, t as d } from "./ssr-B3lxl1vr.js";
 export {
-  $ as DSD_POLYFILL_SCRIPT,
-  v as clearRegisteredEntityMap,
-  tt as loadEntityMap,
-  rt as registerEntityMap,
-  z as renderToStream,
-  y as renderToString,
-  G as renderToStringDSD,
-  O as renderToStringWithJITCSS,
-  X as renderToStringWithJITCSSDSD
+  S as DSD_POLYFILL_SCRIPT,
+  e as clearRegisteredEntityMap,
+  a as loadEntityMap,
+  t as registerEntityMap,
+  d as renderToStream,
+  s as renderToString,
+  n as renderToStringDSD,
+  o as renderToStringWithJITCSS,
+  T as renderToStringWithJITCSSDSD
 };
-//# sourceMappingURL=custom-elements-runtime.ssr.es.js.map

package/dist/custom-elements-runtime.store.cjs.js CHANGED Viewed

@@ -1,2 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./logger-CSALKaYm.cjs"),f=50;function d(o){let t={...o};const n=[];function s(e){return n.push(e),n.length>=f&&a.devWarn(`[store] ${n.length} active subscriptions detected. This may indicate orphaned listeners from components that were destroyed without calling their unsubscribe function. Check that every subscribe() call is paired with the returned unsubscribe in a disconnect/cleanup handler.`),e(t),()=>{const c=n.indexOf(e);c!==-1&&n.splice(c,1)}}function i(){return t}function r(e){const c=typeof e=="function"?e(t):e;t={...t,...c},u()}function u(){const e=n.slice();for(const c of e)c(t)}return{subscribe:s,getState:i,setState:r}}exports.createStore=d;
-//# sourceMappingURL=custom-elements-runtime.store.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./logger-BYIN7ysT.cjs");var f=50;function d(i){let t={...i};const n=[];function o(e){return n.push(e),n.length>=f&&a.devWarn(`[store] ${n.length} active subscriptions detected. This may indicate orphaned listeners from components that were destroyed without calling their unsubscribe function. Check that every subscribe() call is paired with the returned unsubscribe in a disconnect/cleanup handler.`),e(t),()=>{const r=n.indexOf(e);r!==-1&&n.splice(r,1)}}function c(){return t}function s(e){const r=typeof e=="function"?e(t):e;t={...t,...r},u()}function u(){const e=n.slice();for(const r of e)r(t)}return{subscribe:o,getState:c,setState:s}}exports.createStore=d;
+//# sourceMappingURL=custom-elements-runtime.store.cjs.js.map

package/dist/custom-elements-runtime.store.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"custom-elements-runtime.store.cjs.js","sources":["../src/lib/store.ts"],"sourcesContent":["type Listener<T> = (state: T) => void;\n\nimport { devWarn } from './runtime/logger';\n\nconst STORE_LISTENER_WARN_THRESHOLD = 50;\n\nexport interface Store<T extends object> {\n /*\n Subscribe to store updates.\n * Returns an unsubscribe function to remove the listener.\n */\n subscribe(listener: Listener<T>): () => void;\n getState(): T;\n setState(partial: Partial<T> \| ((prev: T) => Partial<T>)): void;\n}\n\nexport function createStore<T extends object>(initial: T): Store<T> {\n let state = { ...initial } as T; // no Proxy needed if we update via setState\n const listeners: Listener<T>[] = [];\n\n function subscribe(listener: Listener<T>) {\n listeners.push(listener);\n if (listeners.length >= STORE_LISTENER_WARN_THRESHOLD) {\n devWarn(\n `[store] ${listeners.length} active subscriptions detected. ` +\n 'This may indicate orphaned listeners from components that were destroyed ' +\n 'without calling their unsubscribe function. Check that every subscribe() ' +\n 'call is paired with the returned unsubscribe in a disconnect/cleanup handler.',\n );\n }\n listener(state); // initial push\n\n // Return unsubscribe function\n return () => {\n const idx = listeners.indexOf(listener);\n if (idx !== -1) listeners.splice(idx, 1);\n };\n }\n\n function getState(): T {\n return state;\n }\n\n function setState(partial: Partial<T> \| ((prev: T) => Partial<T>)) {\n const next = typeof partial === 'function' ? partial(state) : partial;\n\n state = { ...state, ...next };\n notify();\n }\n\n function notify() {\n // Snapshot the listeners array before iterating so that a listener calling\n // setState() (re-entrant notify) cannot corrupt the current iteration.\n const snapshot = listeners.slice();\n for (const fn of snapshot) fn(state);\n }\n\n return { subscribe, getState, setState };\n}\n"],"~~names~~":["~~STORE_LISTENER_WARN_THRESHOLD"~~,~~"createStore"~~,~~"initial","state","listeners","subscribe","listener","devWarn","idx","getState","setState","partial","next","notify","snapshot","fn"],"mappings":"yHAIMA,~~EAAgC,~~GAY/B~~,~~SAASC~~,~~EAA8BC~~,EAAsB,CAClE,~~IAAIC~~,EAAQ,CAAE,~~GAAGD~~,CAAA,EACjB,~~MAAME~~,EAA2B,CAAA,EAEjC,~~SAASC~~,~~EAAUC~~,EAAuB,CACxC,~~OAAAF~~,EAAU,~~KAAKE~~,~~CAAQ~~,~~EACnBF~~,EAAU,~~QAAUJ~~,~~GACtBO~~,~~EAAAA~~,QACE,~~WAAWH~~,EAAU,~~MAAM~~,~~iQAAA~~,~~EAM/BE~~,~~EAASH~~,~~CAAK~~,~~EAGP~~,~~IAAM~~,CACX,~~MAAMK~~,~~EAAMJ~~,EAAU,~~QAAQE~~,~~CAAQ~~,~~EAClCE~~,IAAQ,~~IAAIJ~~,EAAU,~~OAAOI~~,EAAK,~~CAAC~~,~~CACzC~~,~~CACF~~,~~CAEA,SAASC,~~GAAc,CACrB,~~OAAON~~,~~CACT~~,~~CAEA~~,~~SAASO~~,~~EAASC,~~EAAiD,CACjE,~~MAAMC~~,EAAO,~~OAAOD~~,GAAY,~~WAAaA~~,~~EAAQR~~,~~CAAK~~,~~EAAIQ~~,~~EAE9DR~~,EAAQ,CAAE,~~GAAGA~~,EAAO,~~GAAGS~~,~~CAAA~~,~~EACvBC,~~EAAA,~~CACF~~,~~CAEA~~,~~SAASA,~~GAAS,CAGhB,~~MAAMC~~,~~EAAWV~~,EAAU,MAAA,EAC3B,~~UAAWW~~,~~KAAMD~~,~~EAAUC~~,~~EAAGZ~~,~~CAAK~~,~~CACrC~~,~~CAEA,~~MAAO,CAAE,~~UAAAE~~,EAAW,~~SAAAI~~,EAAU,~~SAAAC,CAAA,CAChC~~"}
1	+ {"version":3,"file":"custom-elements-runtime.store.cjs.js","names":[],"sources":["../src/lib/store.ts"],"sourcesContent":["type Listener<T> = (state: T) => void;\n\nimport { devWarn } from './runtime/logger';\n\nconst STORE_LISTENER_WARN_THRESHOLD = 50;\n\nexport interface Store<T extends object> {\n /*\n Subscribe to store updates.\n * Returns an unsubscribe function to remove the listener.\n */\n subscribe(listener: Listener<T>): () => void;\n getState(): T;\n setState(partial: Partial<T> \| ((prev: T) => Partial<T>)): void;\n}\n\nexport function createStore<T extends object>(initial: T): Store<T> {\n let state = { ...initial } as T; // no Proxy needed if we update via setState\n const listeners: Listener<T>[] = [];\n\n function subscribe(listener: Listener<T>) {\n listeners.push(listener);\n if (listeners.length >= STORE_LISTENER_WARN_THRESHOLD) {\n devWarn(\n `[store] ${listeners.length} active subscriptions detected. ` +\n 'This may indicate orphaned listeners from components that were destroyed ' +\n 'without calling their unsubscribe function. Check that every subscribe() ' +\n 'call is paired with the returned unsubscribe in a disconnect/cleanup handler.',\n );\n }\n listener(state); // initial push\n\n // Return unsubscribe function\n return () => {\n const idx = listeners.indexOf(listener);\n if (idx !== -1) listeners.splice(idx, 1);\n };\n }\n\n function getState(): T {\n return state;\n }\n\n function setState(partial: Partial<T> \| ((prev: T) => Partial<T>)) {\n const next = typeof partial === 'function' ? partial(state) : partial;\n\n state = { ...state, ...next };\n notify();\n }\n\n function notify() {\n // Snapshot the listeners array before iterating so that a listener calling\n // setState() (re-entrant notify) cannot corrupt the current iteration.\n const snapshot = listeners.slice();\n for (const fn of snapshot) fn(state);\n }\n\n return { subscribe, getState, setState };\n}\n"],"mappings":"4GAIA,IAAM,EAAgC,GAYtC,SAAgB,EAA8B,EAAsB,CAClE,IAAI,EAAQ,CAAE,GAAG,CAAA,EACjB,MAAM,EAA2B,CAAA,EAEjC,SAAS,EAAU,EAAuB,CACxC,OAAA,EAAU,KAAK,CAAA,EACX,EAAU,QAAU,GACtB,EAAA,QACE,WAAW,EAAU,MAAA,iQAAO,EAMhC,EAAS,CAAA,EAGT,IAAa,CACX,MAAM,EAAM,EAAU,QAAQ,CAAA,EAC1B,IAAQ,IAAI,EAAU,OAAO,EAAK,CAAA,GAI1C,SAAS,GAAc,CACrB,OAAO,EAGT,SAAS,EAAS,EAAiD,CACjE,MAAM,EAAO,OAAO,GAAY,WAAa,EAAQ,CAAA,EAAS,EAE9D,EAAQ,CAAE,GAAG,EAAO,GAAG,GACvB,EAAA,EAGF,SAAS,GAAS,CAGhB,MAAM,EAAW,EAAU,MAAA,EAC3B,UAAW,KAAM,EAAU,EAAG,CAAA,EAGhC,MAAO,CAAE,UAAA,EAAW,SAAA,EAAU,SAAA"}

package/dist/custom-elements-runtime.store.es.js CHANGED Viewed

@@ -1,12 +1,10 @@
-import { a as f } from "./logger-BvkEbVM4.js";
-const a = 50;
-function d(c) {
-  let e = { ...c };
+import { r as f } from "./logger-L25axmB-.js";
+var a = 50;
+function d(i) {
+  let e = { ...i };
   const n = [];
-  function i(t) {
-    return n.push(t), n.length >= a && f(
-      `[store] ${n.length} active subscriptions detected. This may indicate orphaned listeners from components that were destroyed without calling their unsubscribe function. Check that every subscribe() call is paired with the returned unsubscribe in a disconnect/cleanup handler.`
-    ), t(e), () => {
+  function c(t) {
+    return n.push(t), n.length >= a && f(`[store] ${n.length} active subscriptions detected. This may indicate orphaned listeners from components that were destroyed without calling their unsubscribe function. Check that every subscribe() call is paired with the returned unsubscribe in a disconnect/cleanup handler.`), t(e), () => {
       const s = n.indexOf(t);
       s !== -1 && n.splice(s, 1);
     };
@@ -16,15 +14,23 @@ function d(c) {
   }
   function r(t) {
     const s = typeof t == "function" ? t(e) : t;
-    e = { ...e, ...s }, u();
+    e = {
+      ...e,
+      ...s
+    }, u();
   }
   function u() {
     const t = n.slice();
     for (const s of t) s(e);
   }
-  return { subscribe: i, getState: o, setState: r };
+  return {
+    subscribe: c,
+    getState: o,
+    setState: r
+  };
 }
 export {
   d as createStore
 };
-//# sourceMappingURL=custom-elements-runtime.store.es.js.map
+//# sourceMappingURL=custom-elements-runtime.store.es.js.map

package/dist/custom-elements-runtime.store.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"custom-elements-runtime.store.es.js","sources":["../src/lib/store.ts"],"sourcesContent":["type Listener<T> = (state: T) => void;\n\nimport { devWarn } from './runtime/logger';\n\nconst STORE_LISTENER_WARN_THRESHOLD = 50;\n\nexport interface Store<T extends object> {\n /*\n Subscribe to store updates.\n * Returns an unsubscribe function to remove the listener.\n */\n subscribe(listener: Listener<T>): () => void;\n getState(): T;\n setState(partial: Partial<T> \| ((prev: T) => Partial<T>)): void;\n}\n\nexport function createStore<T extends object>(initial: T): Store<T> {\n let state = { ...initial } as T; // no Proxy needed if we update via setState\n const listeners: Listener<T>[] = [];\n\n function subscribe(listener: Listener<T>) {\n listeners.push(listener);\n if (listeners.length >= STORE_LISTENER_WARN_THRESHOLD) {\n devWarn(\n `[store] ${listeners.length} active subscriptions detected. ` +\n 'This may indicate orphaned listeners from components that were destroyed ' +\n 'without calling their unsubscribe function. Check that every subscribe() ' +\n 'call is paired with the returned unsubscribe in a disconnect/cleanup handler.',\n );\n }\n listener(state); // initial push\n\n // Return unsubscribe function\n return () => {\n const idx = listeners.indexOf(listener);\n if (idx !== -1) listeners.splice(idx, 1);\n };\n }\n\n function getState(): T {\n return state;\n }\n\n function setState(partial: Partial<T> \| ((prev: T) => Partial<T>)) {\n const next = typeof partial === 'function' ? partial(state) : partial;\n\n state = { ...state, ...next };\n notify();\n }\n\n function notify() {\n // Snapshot the listeners array before iterating so that a listener calling\n // setState() (re-entrant notify) cannot corrupt the current iteration.\n const snapshot = listeners.slice();\n for (const fn of snapshot) fn(state);\n }\n\n return { subscribe, getState, setState };\n}\n"],"~~names":["STORE_LISTENER_WARN_THRESHOLD","createStore","initial","state","listeners","subscribe","listener","devWarn","idx","getState","setState","partial","next","notify","snapshot","fn"],"~~mappings":";AAIA,~~MAAMA~~,IAAgC;~~AAY/B~~,~~SAASC~~,~~EAA8BC~~,GAAsB;AAClE,~~MAAIC~~,IAAQ,EAAE,~~GAAGD~~,EAAA;AACjB,~~QAAME~~,IAA2B,CAAA;AAEjC,~~WAASC~~,~~EAAUC~~,GAAuB;AACxC,~~WAAAF~~,EAAU,~~KAAKE~~,~~CAAQ~~,~~GACnBF~~,EAAU,~~UAAUJ~~,~~KACtBO;AAAA~~,~~MACE~~,~~WAAWH~~,EAAU,~~MAAM;AAAA~~,~~IAAA~~,~~GAM/BE~~,~~EAASH~~,~~CAAK~~,~~GAGP~~,~~MAAM~~;AACX,~~YAAMK~~,~~IAAMJ~~,EAAU,~~QAAQE~~,~~CAAQ~~;~~AACtC~~,~~MAAIE~~,MAAQ,~~MAAIJ~~,EAAU,~~OAAOI~~,GAAK,~~CAAC~~;AAAA,~~IACzC;AAAA~~,~~EACF;AAEA,WAASC,~~IAAc;AACrB,~~WAAON~~;AAAA~~,EACT~~;~~AAEA~~,~~WAASO~~,~~EAASC~~,GAAiD;AACjE,~~UAAMC~~,IAAO,~~OAAOD~~,KAAY,~~aAAaA~~,~~EAAQR~~,~~CAAK~~,~~IAAIQ~~;AAE9D,~~IAAAR~~,IAAQ,~~EAAE~~,~~GAAGA~~,~~GAAO~~,~~GAAGS~~,~~EAAA~~,~~GACvBC,~~EAAA;AAAA~~,EACF~~;~~AAEA~~,~~WAASA~~,IAAS;AAGhB,~~UAAMC~~,~~IAAWV~~,EAAU,MAAA;AAC3B,~~eAAWW~~,~~KAAMD~~,EAAU,~~CAAAC~~,~~EAAGZ~~,~~CAAK~~;AAAA~~,EACrC~~;~~AAEA~~,SAAO,~~EAAE~~,~~WAAAE~~,~~GAAW~~,~~UAAAI~~,~~GAAU~~,~~UAAAC,EAAA~~;~~AAChC;~~"}
1	+ {"version":3,"file":"custom-elements-runtime.store.es.js","names":[],"sources":["../src/lib/store.ts"],"sourcesContent":["type Listener<T> = (state: T) => void;\n\nimport { devWarn } from './runtime/logger';\n\nconst STORE_LISTENER_WARN_THRESHOLD = 50;\n\nexport interface Store<T extends object> {\n /*\n Subscribe to store updates.\n * Returns an unsubscribe function to remove the listener.\n */\n subscribe(listener: Listener<T>): () => void;\n getState(): T;\n setState(partial: Partial<T> \| ((prev: T) => Partial<T>)): void;\n}\n\nexport function createStore<T extends object>(initial: T): Store<T> {\n let state = { ...initial } as T; // no Proxy needed if we update via setState\n const listeners: Listener<T>[] = [];\n\n function subscribe(listener: Listener<T>) {\n listeners.push(listener);\n if (listeners.length >= STORE_LISTENER_WARN_THRESHOLD) {\n devWarn(\n `[store] ${listeners.length} active subscriptions detected. ` +\n 'This may indicate orphaned listeners from components that were destroyed ' +\n 'without calling their unsubscribe function. Check that every subscribe() ' +\n 'call is paired with the returned unsubscribe in a disconnect/cleanup handler.',\n );\n }\n listener(state); // initial push\n\n // Return unsubscribe function\n return () => {\n const idx = listeners.indexOf(listener);\n if (idx !== -1) listeners.splice(idx, 1);\n };\n }\n\n function getState(): T {\n return state;\n }\n\n function setState(partial: Partial<T> \| ((prev: T) => Partial<T>)) {\n const next = typeof partial === 'function' ? partial(state) : partial;\n\n state = { ...state, ...next };\n notify();\n }\n\n function notify() {\n // Snapshot the listeners array before iterating so that a listener calling\n // setState() (re-entrant notify) cannot corrupt the current iteration.\n const snapshot = listeners.slice();\n for (const fn of snapshot) fn(state);\n }\n\n return { subscribe, getState, setState };\n}\n"],"mappings":";AAIA,IAAM,IAAgC;AAYtC,SAAgB,EAA8B,GAAsB;AAClE,MAAI,IAAQ,EAAE,GAAG,EAAA;AACjB,QAAM,IAA2B,CAAA;AAEjC,WAAS,EAAU,GAAuB;AACxC,WAAA,EAAU,KAAK,CAAA,GACX,EAAU,UAAU,KACtB,EACE,WAAW,EAAU,MAAA,iQAAO,GAMhC,EAAS,CAAA,GAGT,MAAa;AACX,YAAM,IAAM,EAAU,QAAQ,CAAA;AAC9B,MAAI,MAAQ,MAAI,EAAU,OAAO,GAAK,CAAA;AAAA;;AAI1C,WAAS,IAAc;AACrB,WAAO;AAAA;AAGT,WAAS,EAAS,GAAiD;AACjE,UAAM,IAAO,OAAO,KAAY,aAAa,EAAQ,CAAA,IAAS;AAE9D,IAAA,IAAQ;AAAA,MAAE,GAAG;AAAA,MAAO,GAAG;AAAA,OACvB,EAAA;AAAA;AAGF,WAAS,IAAS;AAGhB,UAAM,IAAW,EAAU,MAAA;AAC3B,eAAW,KAAM,EAAU,CAAA,EAAG,CAAA;AAAA;AAGhC,SAAO;AAAA,IAAE,WAAA;AAAA,IAAW,UAAA;AAAA,IAAU,UAAA;AAAA"}

package/dist/custom-elements-runtime.transitions.cjs.js CHANGED Viewed

@@ -1,2 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./custom-elements-runtime.directives.cjs.js"),q=require("./css-utils-RqkyBWft.cjs"),d={fade:{enterFrom:"opacity-0",enterActive:"transition-opacity duration-300 ease-out",enterTo:"opacity-100",leaveFrom:"opacity-100",leaveActive:"transition-opacity duration-200 ease-in",leaveTo:"opacity-0"},"slide-right":{enterFrom:"translate-x-[100%] opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"translate-x-[0%] opacity-100",leaveFrom:"translate-x-[0%] opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"translate-x-[100%] opacity-0"},"slide-left":{enterFrom:"translate-x-[-100%] opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"translate-x-[0%] opacity-100",leaveFrom:"translate-x-[0%] opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"translate-x-[-100%] opacity-0"},"slide-up":{enterFrom:"translate-y-[100%] opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"translate-y-[0%] opacity-100",leaveFrom:"translate-y-[0%] opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"translate-y-[100%] opacity-0"},"slide-down":{enterFrom:"translate-y-[-100%] opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"translate-y-[0%] opacity-100",leaveFrom:"translate-y-[0%] opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"translate-y-[-100%] opacity-0"},scale:{enterFrom:"scale-95 opacity-0",enterActive:"transition-all duration-200 ease-out",enterTo:"scale-100 opacity-100",leaveFrom:"scale-100 opacity-100",leaveActive:"transition-all duration-150 ease-in",leaveTo:"scale-95 opacity-0"},"scale-down":{enterFrom:"scale-105 opacity-0",enterActive:"transition-all duration-200 ease-out",enterTo:"scale-100 opacity-100",leaveFrom:"scale-100 opacity-100",leaveActive:"transition-all duration-150 ease-in",leaveTo:"scale-105 opacity-0"},bounce:{enterFrom:"scale-0 opacity-0",enterActive:"transition-all duration-500 ease-out",enterTo:"scale-100 opacity-100",leaveFrom:"scale-100 opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"scale-0 opacity-0"},zoom:{enterFrom:"scale-0 opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"scale-100 opacity-100",leaveFrom:"scale-100 opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"scale-0 opacity-0"},flip:{enterFrom:"rotate-[90deg] opacity-0",enterActive:"transition-all duration-400 ease-out",enterTo:"rotate-[0deg] opacity-100",leaveFrom:"rotate-[0deg] opacity-100",leaveActive:"transition-all duration-300 ease-in",leaveTo:"rotate-[90deg] opacity-0"}};function N(t,s){const{preset:o,show:e,mode:l="default",duration:k,appear:E=!1,css:b=!0,name:x,enterFrom:f,enterActive:m,enterTo:u,leaveFrom:r,leaveActive:c,leaveTo:v,onBeforeEnter:T,onEnter:A,onAfterEnter:h,onEnterCancelled:F,onBeforeLeave:L,onLeave:j,onAfterLeave:w,onLeaveCancelled:B}=t;let a;o&&d[o]?(a={...d[o]},f&&(a.enterFrom=f),m&&(a.enterActive=m),u&&(a.enterTo=u),r&&(a.leaveFrom=r),c&&(a.leaveActive=c),v&&(a.leaveTo=v)):a={enterFrom:f,enterActive:m,enterTo:u,leaveFrom:r,leaveActive:c,leaveTo:v};const P=e&&typeof s=="function"?s():s,S=x||(o?`transition-${o}`:"transition"),g=_.anchorBlock(e?P:[],S);return g._transition={name:S,classes:a,mode:l,duration:k,appear:E,css:b,state:e?"visible":"hidden",hooks:{onBeforeEnter:T,onEnter:A,onAfterEnter:h,onEnterCancelled:F,onBeforeLeave:L,onLeave:j,onAfterLeave:w,onLeaveCancelled:B}},g}function R(t,s){const{tag:o="div",moveClass:e="transition-transform duration-300",preset:l,show:k=!0,mode:E="default",duration:b,appear:x=!1,css:f=!0,name:m,class:u,style:r,enterFrom:c,enterActive:v,enterTo:T,leaveFrom:A,leaveActive:h,leaveTo:F,onBeforeEnter:L,onEnter:j,onAfterEnter:w,onEnterCancelled:B,onBeforeLeave:a,onLeave:P,onAfterLeave:S,onLeaveCancelled:g}=t;let i;l&&d[l]?(i={...d[l]},c&&(i.enterFrom=c),v&&(i.enterActive=v),T&&(i.enterTo=T),A&&(i.leaveFrom=A),h&&(i.leaveActive=h),F&&(i.leaveTo=F)):i={enterFrom:c,enterActive:v,enterTo:T,leaveFrom:A,leaveActive:h,leaveTo:F};const G=m||(l?`transition-group-${l}`:"transition-group"),C=[];for(const n of k?s:[])if(n&&typeof n=="object"&&n.tag==="#anchor"){const $=Array.isArray(n.children)?n.children:[];for(const p of $)if(p&&typeof p=="object"){const O={...p,key:n.key||p.key,props:{...p.props,_anchorKey:n.key}};C.push(O)}else C.push(p)}else C.push(n);const K=(()=>{if(r)return typeof r=="string"?r:Object.entries(r).map(([n,$])=>`${n}: ${$}`).join("; ")})();return{tag:o,children:C,key:G,props:{attrs:{...u?{class:u}:{},...K?{style:K}:{}},_transitionGroup:{name:G,classes:i,moveClass:e,mode:E,duration:b,appear:x,css:f,hooks:{onBeforeEnter:L,onEnter:j,onAfterEnter:w,onEnterCancelled:B,onBeforeLeave:a,onLeave:P,onAfterLeave:S,onLeaveCancelled:g}}}}}function z(t){return{...t}}let y=null;function H(){if(!y){if(typeof CSSStyleSheet>"u")return y={cssRules:[],replaceSync:()=>{},toString:()=>""},y;const t=[];Object.values(d).forEach(e=>{e.enterFrom&&t.push(e.enterFrom),e.enterActive&&t.push(e.enterActive),e.enterTo&&t.push(e.enterTo),e.leaveFrom&&t.push(e.leaveFrom),e.leaveActive&&t.push(e.leaveActive),e.leaveTo&&t.push(e.leaveTo)});const s=`<div class="${t.join(" ")}"></div>`,o=q.processJITCSS(s);try{y=new CSSStyleSheet,y.replaceSync(o)}catch{y={cssRules:[],replaceSync:()=>{},toString:()=>o||""}}}return y}exports.Transition=N;exports.TransitionGroup=R;exports.createTransitionPreset=z;exports.getTransitionStyleSheet=H;exports.transitionPresets=d;
-//# sourceMappingURL=custom-elements-runtime.transitions.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("./css-utils-mgjmH8qX.cjs"),O=require("./custom-elements-runtime.directives.cjs.js");var p={fade:{enterFrom:"opacity-0",enterActive:"transition-opacity duration-300 ease-out",enterTo:"opacity-100",leaveFrom:"opacity-100",leaveActive:"transition-opacity duration-200 ease-in",leaveTo:"opacity-0"},"slide-right":{enterFrom:"translate-x-[100%] opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"translate-x-[0%] opacity-100",leaveFrom:"translate-x-[0%] opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"translate-x-[100%] opacity-0"},"slide-left":{enterFrom:"translate-x-[-100%] opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"translate-x-[0%] opacity-100",leaveFrom:"translate-x-[0%] opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"translate-x-[-100%] opacity-0"},"slide-up":{enterFrom:"translate-y-[100%] opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"translate-y-[0%] opacity-100",leaveFrom:"translate-y-[0%] opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"translate-y-[100%] opacity-0"},"slide-down":{enterFrom:"translate-y-[-100%] opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"translate-y-[0%] opacity-100",leaveFrom:"translate-y-[0%] opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"translate-y-[-100%] opacity-0"},scale:{enterFrom:"scale-95 opacity-0",enterActive:"transition-all duration-200 ease-out",enterTo:"scale-100 opacity-100",leaveFrom:"scale-100 opacity-100",leaveActive:"transition-all duration-150 ease-in",leaveTo:"scale-95 opacity-0"},"scale-down":{enterFrom:"scale-105 opacity-0",enterActive:"transition-all duration-200 ease-out",enterTo:"scale-100 opacity-100",leaveFrom:"scale-100 opacity-100",leaveActive:"transition-all duration-150 ease-in",leaveTo:"scale-105 opacity-0"},bounce:{enterFrom:"scale-0 opacity-0",enterActive:"transition-all duration-500 ease-out",enterTo:"scale-100 opacity-100",leaveFrom:"scale-100 opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"scale-0 opacity-0"},zoom:{enterFrom:"scale-0 opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"scale-100 opacity-100",leaveFrom:"scale-100 opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"scale-0 opacity-0"},flip:{enterFrom:"rotate-[90deg] opacity-0",enterActive:"transition-all duration-400 ease-out",enterTo:"rotate-[0deg] opacity-100",leaveFrom:"rotate-[0deg] opacity-100",leaveActive:"transition-all duration-300 ease-in",leaveTo:"rotate-[90deg] opacity-0"}};function N(t,i){const{preset:e,show:d,mode:s="default",duration:k,appear:E=!1,css:b=!0,name:x,enterFrom:f,enterActive:m,enterTo:u,leaveFrom:r,leaveActive:l,leaveTo:c,onBeforeEnter:T,onEnter:A,onAfterEnter:h,onEnterCancelled:F,onBeforeLeave:L,onLeave:j,onAfterLeave:_,onLeaveCancelled:w}=t;let a;e&&p[e]?(a={...p[e]},f&&(a.enterFrom=f),m&&(a.enterActive=m),u&&(a.enterTo=u),r&&(a.leaveFrom=r),l&&(a.leaveActive=l),c&&(a.leaveTo=c)):a={enterFrom:f,enterActive:m,enterTo:u,leaveFrom:r,leaveActive:l,leaveTo:c};const B=d&&typeof i=="function"?i():i,S=x||(e?`transition-${e}`:"transition"),g=O.anchorBlock(d?B:[],S);return g._transition={name:S,classes:a,mode:s,duration:k,appear:E,css:b,state:d?"visible":"hidden",hooks:{onBeforeEnter:T,onEnter:A,onAfterEnter:h,onEnterCancelled:F,onBeforeLeave:L,onLeave:j,onAfterLeave:_,onLeaveCancelled:w}},g}function R(t,i){const{tag:e="div",moveClass:d="transition-transform duration-300",preset:s,show:k=!0,mode:E="default",duration:b,appear:x=!1,css:f=!0,name:m,class:u,style:r,enterFrom:l,enterActive:c,enterTo:T,leaveFrom:A,leaveActive:h,leaveTo:F,onBeforeEnter:L,onEnter:j,onAfterEnter:_,onEnterCancelled:w,onBeforeLeave:a,onLeave:B,onAfterLeave:S,onLeaveCancelled:g}=t;let n;s&&p[s]?(n={...p[s]},l&&(n.enterFrom=l),c&&(n.enterActive=c),T&&(n.enterTo=T),A&&(n.leaveFrom=A),h&&(n.leaveActive=h),F&&(n.leaveTo=F)):n={enterFrom:l,enterActive:c,enterTo:T,leaveFrom:A,leaveActive:h,leaveTo:F};const $=m||(s?`transition-group-${s}`:"transition-group"),C=[];for(const o of k?i:[])if(o&&typeof o=="object"&&o.tag==="#anchor"){const P=Array.isArray(o.children)?o.children:[];for(const y of P)if(y&&typeof y=="object"){const G={...y,key:o.key||y.key,props:{...y.props,_anchorKey:o.key}};C.push(G)}else C.push(y)}else C.push(o);const q=(()=>{if(r)return typeof r=="string"?r:Object.entries(r).map(([o,P])=>`${o}: ${P}`).join("; ")})();return{tag:e,children:C,key:$,props:{attrs:{...u?{class:u}:{},...q?{style:q}:{}},_transitionGroup:{name:$,classes:n,moveClass:d,mode:E,duration:b,appear:x,css:f,hooks:{onBeforeEnter:L,onEnter:j,onAfterEnter:_,onEnterCancelled:w,onBeforeLeave:a,onLeave:B,onAfterLeave:S,onLeaveCancelled:g}}}}}function z(t){return{...t}}var v=null;function I(){if(!v){if(typeof CSSStyleSheet>"u")return v={cssRules:[],replaceSync:()=>{},toString:()=>""},v;const t=[];Object.values(p).forEach(e=>{e.enterFrom&&t.push(e.enterFrom),e.enterActive&&t.push(e.enterActive),e.enterTo&&t.push(e.enterTo),e.leaveFrom&&t.push(e.leaveFrom),e.leaveActive&&t.push(e.leaveActive),e.leaveTo&&t.push(e.leaveTo)});const i=K.processJITCSS(`<div class="${t.join(" ")}"></div>`);try{v=new CSSStyleSheet,v.replaceSync(i)}catch{v={cssRules:[],replaceSync:()=>{},toString:()=>i||""}}}return v}exports.Transition=N;exports.TransitionGroup=R;exports.createTransitionPreset=z;exports.getTransitionStyleSheet=I;exports.transitionPresets=p;
+//# sourceMappingURL=custom-elements-runtime.transitions.cjs.js.map