lit-intlayer 8.4.10 → 8.5.1

package/dist/esm/format/useIntl.mjs

@@ -1,4 +1,4 @@
-import { getIntlayerClient as e } from "../client/installIntlayer.mjs";
+import { r as e } from "../../installIntlayer-3Fpy-rFd.mjs";
 import { bindIntl as t } from "@intlayer/core/utils";
 //#region src/format/useIntl.ts
 var n = class {

package/dist/esm/format/useList.mjs

@@ -0,0 +1,29 @@
+import { r as e } from "../../installIntlayer-3Fpy-rFd.mjs";
+import { list as t } from "@intlayer/core/formatters";
+//#region src/format/useList.ts
+var n = class {
+	host;
+	_unsubscribe = null;
+	value;
+	constructor(n) {
+		this.host = n;
+		let r = e();
+		this.value = (...e) => t(e[0], {
+			...e[1],
+			locale: e[1]?.locale ?? r.locale
+		}), n.addController(this);
+	}
+	hostConnected() {
+		this._unsubscribe = e().subscribe((e) => {
+			this.value = (...n) => t(n[0], {
+				...n[1],
+				locale: n[1]?.locale ?? e
+			}), this.host.requestUpdate();
+		});
+	}
+	hostDisconnected() {
+		this._unsubscribe?.(), this._unsubscribe = null;
+	}
+}, r = (e) => new n(e);
+//#endregion
+export { r as useList };

package/dist/esm/format/useNumber.mjs

@@ -0,0 +1,29 @@
+import { r as e } from "../../installIntlayer-3Fpy-rFd.mjs";
+import { number as t } from "@intlayer/core/formatters";
+//#region src/format/useNumber.ts
+var n = class {
+	host;
+	_unsubscribe = null;
+	value;
+	constructor(n) {
+		this.host = n;
+		let r = e();
+		this.value = (...e) => t(e[0], {
+			...e[1],
+			locale: e[1]?.locale ?? r.locale
+		}), n.addController(this);
+	}
+	hostConnected() {
+		this._unsubscribe = e().subscribe((e) => {
+			this.value = (...n) => t(n[0], {
+				...n[1],
+				locale: n[1]?.locale ?? e
+			}), this.host.requestUpdate();
+		});
+	}
+	hostDisconnected() {
+		this._unsubscribe?.(), this._unsubscribe = null;
+	}
+}, r = (e) => new n(e);
+//#endregion
+export { r as useNumber };

package/dist/esm/format/usePercentage.mjs

@@ -0,0 +1,29 @@
+import { r as e } from "../../installIntlayer-3Fpy-rFd.mjs";
+import { percentage as t } from "@intlayer/core/formatters";
+//#region src/format/usePercentage.ts
+var n = class {
+	host;
+	_unsubscribe = null;
+	value;
+	constructor(n) {
+		this.host = n;
+		let r = e();
+		this.value = (...e) => t(e[0], {
+			...e[1],
+			locale: e[1]?.locale ?? r.locale
+		}), n.addController(this);
+	}
+	hostConnected() {
+		this._unsubscribe = e().subscribe((e) => {
+			this.value = (...n) => t(n[0], {
+				...n[1],
+				locale: n[1]?.locale ?? e
+			}), this.host.requestUpdate();
+		});
+	}
+	hostDisconnected() {
+		this._unsubscribe?.(), this._unsubscribe = null;
+	}
+}, r = (e) => new n(e);
+//#endregion
+export { r as usePercentage };

package/dist/esm/format/useRelativeTime.mjs

@@ -0,0 +1,29 @@
+import { r as e } from "../../installIntlayer-3Fpy-rFd.mjs";
+import { relativeTime as t } from "@intlayer/core/formatters";
+//#region src/format/useRelativeTime.ts
+var n = class {
+	host;
+	_unsubscribe = null;
+	value;
+	constructor(n) {
+		this.host = n;
+		let r = e();
+		this.value = (...e) => t(e[0], e[1], {
+			...e[2],
+			locale: e[2]?.locale ?? r.locale
+		}), n.addController(this);
+	}
+	hostConnected() {
+		this._unsubscribe = e().subscribe((e) => {
+			this.value = (...n) => t(n[0], n[1], {
+				...n[2],
+				locale: n[2]?.locale ?? e
+			}), this.host.requestUpdate();
+		});
+	}
+	hostDisconnected() {
+		this._unsubscribe?.(), this._unsubscribe = null;
+	}
+}, r = (e) => new n(e);
+//#endregion
+export { r as useRelativeTime };

package/dist/esm/format/useUnit.mjs

@@ -0,0 +1,29 @@
+import { r as e } from "../../installIntlayer-3Fpy-rFd.mjs";
+import { units as t } from "@intlayer/core/formatters";
+//#region src/format/useUnit.ts
+var n = class {
+	host;
+	_unsubscribe = null;
+	value;
+	constructor(n) {
+		this.host = n;
+		let r = e();
+		this.value = (...e) => t(e[0], {
+			...e[1],
+			locale: e[1]?.locale ?? r.locale
+		}), n.addController(this);
+	}
+	hostConnected() {
+		this._unsubscribe = e().subscribe((e) => {
+			this.value = (...n) => t(n[0], {
+				...n[1],
+				locale: n[1]?.locale ?? e
+			}), this.host.requestUpdate();
+		});
+	}
+	hostDisconnected() {
+		this._unsubscribe?.(), this._unsubscribe = null;
+	}
+}, r = (e) => new n(e);
+//#endregion
+export { r as useUnit };

package/dist/esm/html/HTMLRenderer.mjs

@@ -1,11 +1,11 @@
 import { useHTML as e } from "./installIntlayerHTML.mjs";
-import { LitElement as t, html as n, nothing as r } from "lit";
-import { unsafeHTML as i } from "lit/directives/unsafe-html.js";
+import { unsafeHTML as t } from "lit/directives/unsafe-html.js";
+import { LitElement as n, html as r, nothing as i } from "lit";
 //#region src/html/HTMLRenderer.ts
 var a = (e, t = {}) => e, o = ({ components: t } = {}) => {
 	let n = e();
 	return (e) => n.renderHTML(e, { components: t });
-}, s = class extends t {
+}, s = class extends n {
 	static properties = {
 		content: { type: String },
 		components: { attribute: !1 }
@@ -16,7 +16,7 @@ var a = (e, t = {}) => e, o = ({ components: t } = {}) => {
 		return this;
 	}
 	render() {
-		return this.content ? n`${i(o({ components: this.components })(this.content))}` : r;
+		return this.content ? r`${t(o({ components: this.components })(this.content))}` : i;
 	}
 };
 customElements.get("intlayer-html-renderer") || customElements.define("intlayer-html-renderer", s);

package/dist/esm/html/index.mjs

@@ -1,3 +1,3 @@
-import { createIntlayerHTMLClient as e, installIntlayerHTML as t, useHTML as n } from "./installIntlayerHTML.mjs";
-import { HTMLRenderer as r, renderHTML as i, useHTMLRenderer as a } from "./HTMLRenderer.mjs";
-export { r as HTMLRenderer, e as createIntlayerHTMLClient, t as installIntlayerHTML, i as renderHTML, n as useHTML, a as useHTMLRenderer };
+import { installIntlayerHTML as e, installIntlayerHTMLDynamic as t, useHTML as n } from "./installIntlayerHTML.mjs";
+import { renderHTML as r, useHTMLRenderer as i } from "./HTMLRenderer.mjs";
+export { e as installIntlayerHTML, t as installIntlayerHTMLDynamic, r as renderHTML, n as useHTML, i as useHTMLRenderer };

package/dist/esm/html/installIntlayerHTML.mjs

@@ -13,6 +13,6 @@ var e = null, t = (t) => e || (e = { renderHTML: t }, e), n = (e) => {
 		});
 	}
 	return t(n);
-}, r = () => e || { renderHTML: (e) => e };
+}, r = () => e || { renderHTML: (e) => e }, i = async (t) => e || n(await t());
 //#endregion
-export { t as createIntlayerHTMLClient, n as installIntlayerHTML, r as useHTML };
+export { t as createIntlayerHTMLClient, n as installIntlayerHTML, i as installIntlayerHTMLDynamic, r as useHTML };

package/dist/esm/index.mjs

@@ -1,21 +1,13 @@
 import { getPlugins as e, htmlPlugin as t, insertionPlugin as n, intlayerNodePlugins as r, markdownPlugin as i, markdownStringPlugin as a } from "./plugins.mjs";
 import { getDictionary as o } from "./getDictionary.mjs";
 import { getIntlayer as s } from "./getIntlayer.mjs";
-import { IntlayerClient as c, createIntlayerClient as l, getIntlayerClient as u, installIntlayer as d } from "./client/installIntlayer.mjs";
-import { useDictionary as f } from "./client/useDictionary.mjs";
-import { useIntlayer as p } from "./client/useIntlayer.mjs";
-import { localeCookie as m, localeInStorage as h, setLocaleCookie as g, setLocaleInStorage as _, useLocaleCookie as v, useLocaleStorage as y } from "./client/useLocaleStorage.mjs";
-import { LocaleController as b, useLocale as x } from "./client/useLocale.mjs";
-import { useRewriteURL as S } from "./client/useRewriteURL.mjs";
+import { a as c, i as l, n as u, r as d, t as f } from "../installIntlayer-3Fpy-rFd.mjs";
+import { IntlayerBinding as p } from "./client/IntlayerBinding.mjs";
+import { useDictionary as m } from "./client/useDictionary.mjs";
+import { useDictionaryDynamic as h } from "./client/useDictionaryDynamic.mjs";
+import { useIntlayer as g } from "./client/useIntlayer.mjs";
+import { localeCookie as _, localeInStorage as v, setLocaleCookie as y, setLocaleInStorage as b, useLocaleCookie as x, useLocaleStorage as S } from "./client/useLocaleStorage.mjs";
+import { LocaleController as C, useLocale as w } from "./client/useLocale.mjs";
+import { useRewriteURL as T } from "./client/useRewriteURL.mjs";
 import "./client/index.mjs";
-import { useEditor as C } from "./editor/useEditor.mjs";
-import { useIntl as w } from "./format/useIntl.mjs";
-import { createIntlayerHTMLClient as T, installIntlayerHTML as E, useHTML as D } from "./html/installIntlayerHTML.mjs";
-import { HTMLRenderer as O, renderHTML as k, useHTMLRenderer as A } from "./html/HTMLRenderer.mjs";
-import "./html/index.mjs";
-import j, { createLitRuntime as M } from "./markdown/runtime.mjs";
-import { RuleType as N, compile as P, compileMarkdown as F, compiler as I, sanitizer as L, slugify as R } from "./markdown/compiler.mjs";
-import { createIntlayerMarkdownClient as z, installIntlayerMarkdown as B, useMarkdown as V } from "./markdown/installIntlayerMarkdown.mjs";
-import { MarkdownRenderer as H, renderMarkdown as U, useMarkdownRenderer as W } from "./markdown/MarkdownRenderer.mjs";
-import "./markdown/index.mjs";
-export { O as HTMLRenderer, c as IntlayerClient, b as LocaleController, H as MarkdownRenderer, N as RuleType, P as compile, F as compileMarkdown, I as compiler, l as createIntlayerClient, T as createIntlayerHTMLClient, z as createIntlayerMarkdownClient, M as createLitRuntime, o as getDictionary, s as getIntlayer, u as getIntlayerClient, e as getPlugins, t as htmlPlugin, n as insertionPlugin, d as installIntlayer, E as installIntlayerHTML, B as installIntlayerMarkdown, r as intlayerNodePlugins, j as litRuntime, m as localeCookie, h as localeInStorage, i as markdownPlugin, a as markdownStringPlugin, k as renderHTML, U as renderMarkdown, L as sanitizer, g as setLocaleCookie, _ as setLocaleInStorage, R as slugify, f as useDictionary, C as useEditor, D as useHTML, A as useHTMLRenderer, w as useIntl, p as useIntlayer, x as useLocale, v as useLocaleCookie, y as useLocaleStorage, V as useMarkdown, W as useMarkdownRenderer, S as useRewriteURL };
+export { p as IntlayerBinding, f as IntlayerClient, C as LocaleController, u as createIntlayerClient, o as getDictionary, s as getIntlayer, d as getIntlayerClient, e as getPlugins, t as htmlPlugin, n as insertionPlugin, l as installIntlayer, r as intlayerNodePlugins, _ as localeCookie, v as localeInStorage, i as markdownPlugin, a as markdownStringPlugin, y as setLocaleCookie, b as setLocaleInStorage, m as useDictionary, h as useDictionaryDynamic, c as useEditor, g as useIntlayer, w as useLocale, x as useLocaleCookie, S as useLocaleStorage, T as useRewriteURL };

package/dist/esm/markdown/MarkdownRenderer.mjs

@@ -1,7 +1,7 @@
 import { compileMarkdown as e } from "./compiler.mjs";
 import { useMarkdown as t } from "./installIntlayerMarkdown.mjs";
-import { LitElement as n, html as r, nothing as i } from "lit";
-import { unsafeHTML as a } from "lit/directives/unsafe-html.js";
+import { unsafeHTML as n } from "lit/directives/unsafe-html.js";
+import { LitElement as r, html as i, nothing as a } from "lit";
 //#region src/markdown/MarkdownRenderer.ts
 var o = (t, { forceBlock: n, forceInline: r, preserveFrontmatter: i, tagfilter: a } = {}) => e(t, {
 	forceBlock: n,
@@ -16,7 +16,7 @@ var o = (t, { forceBlock: n, forceInline: r, preserveFrontmatter: i, tagfilter:
 		preserveFrontmatter: e.preserveFrontmatter,
 		tagfilter: e.tagfilter
 	}, e.components, e.wrapper);
-}, c = class extends n {
+}, c = class extends r {
 	static properties = {
 		content: { type: String },
 		forceBlock: { type: Boolean },
@@ -35,7 +35,7 @@ var o = (t, { forceBlock: n, forceInline: r, preserveFrontmatter: i, tagfilter:
 		return this;
 	}
 	render() {
-		if (!this.content) return i;
+		if (!this.content) return a;
 		let e;
 		return e = this.renderMarkdownFn ? this.renderMarkdownFn(this.content, {
 			forceBlock: this.forceBlock,
@@ -47,7 +47,7 @@ var o = (t, { forceBlock: n, forceInline: r, preserveFrontmatter: i, tagfilter:
 			forceInline: this.forceInline,
 			preserveFrontmatter: this.preserveFrontmatter,
 			tagfilter: this.tagfilter
-		})(this.content), r`${a(e)}`;
+		})(this.content), i`${n(e)}`;
 	}
 };
 customElements.get("intlayer-markdown-renderer") || customElements.define("intlayer-markdown-renderer", c);

package/dist/esm/markdown/index.mjs

@@ -1,5 +1,4 @@
-import e, { createLitRuntime as t } from "./runtime.mjs";
-import { RuleType as n, compile as r, compileMarkdown as i, compiler as a, sanitizer as o, slugify as s } from "./compiler.mjs";
-import { createIntlayerMarkdownClient as c, installIntlayerMarkdown as l, useMarkdown as u } from "./installIntlayerMarkdown.mjs";
-import { MarkdownRenderer as d, renderMarkdown as f, useMarkdownRenderer as p } from "./MarkdownRenderer.mjs";
-export { d as MarkdownRenderer, n as RuleType, r as compile, i as compileMarkdown, a as compiler, c as createIntlayerMarkdownClient, t as createLitRuntime, l as installIntlayerMarkdown, e as litRuntime, f as renderMarkdown, o as sanitizer, s as slugify, u as useMarkdown, p as useMarkdownRenderer };
+import { compileMarkdown as e } from "./compiler.mjs";
+import { installIntlayerMarkdown as t, installIntlayerMarkdownDynamic as n, useMarkdown as r } from "./installIntlayerMarkdown.mjs";
+import { renderMarkdown as i, useMarkdownRenderer as a } from "./MarkdownRenderer.mjs";
+export { e as compileMarkdown, t as installIntlayerMarkdown, n as installIntlayerMarkdownDynamic, i as renderMarkdown, r as useMarkdown, a as useMarkdownRenderer };

package/dist/esm/markdown/installIntlayerMarkdown.mjs

@@ -26,6 +26,6 @@ var t = null, n = (e, n) => t || (t = {
 		}
 	}
 	return n(r, i);
-}, i = () => t || { renderMarkdown: (t) => e(t) };
+}, i = () => t || { renderMarkdown: (t) => e(t) }, a = async (e) => t || r(await e());
 //#endregion
-export { n as createIntlayerMarkdownClient, r as installIntlayerMarkdown, i as useMarkdown };
+export { n as createIntlayerMarkdownClient, r as installIntlayerMarkdown, a as installIntlayerMarkdownDynamic, i as useMarkdown };

package/dist/esm/markdown/runtime.mjs

@@ -14,7 +14,7 @@ var e = new Set([
 	"source",
 	"track",
 	"wbr"
-]), t = (e) => e ? Object.entries(e).filter(([, e]) => e != null).map(([e, t]) => typeof t == "boolean" ? t ? e : "" : e === "_innerHTML" ? "" : `${e}="${String(t).replace(/&/g, "&").replace(/"/g, """)}"`).filter(Boolean).join(" ") : "", n = "__lit_fragment__", r = {
+]), t = (e) => e ? Object.entries(e).filter(([e, t]) => t != null && e !== "key").map(([e, t]) => typeof t == "boolean" ? t ? e : "" : e === "_innerHTML" ? "" : `${e}="${String(t).replace(/&/g, "&").replace(/"/g, """)}"`).filter(Boolean).join(" ") : "", n = "__lit_fragment__", r = {
 	createElement: (r, i, ...a) => {
 		let o = a.flat(Infinity).join("");
 		if (r === n) return o;

package/dist/esm/plugins.mjs

@@ -1,22 +1,38 @@
-import { renderIntlayerNode as e } from "./renderIntlayerNode.mjs";
-import { conditionPlugin as t, enumerationPlugin as n, filePlugin as r, genderPlugin as i, nestedPlugin as a, splitInsertionTemplate as o, translationPlugin as s } from "@intlayer/core/interpreter";
-import c from "@intlayer/config/built";
-import { getMarkdownMetadata as l } from "@intlayer/core/markdown";
-import * as u from "@intlayer/types/nodeType";
+import e from "./markdown/runtime.mjs";
+import { renderIntlayerNode as t } from "./renderIntlayerNode.mjs";
+import { conditionPlugin as n, enumerationPlugin as r, filePlugin as i, genderPlugin as a, nestedPlugin as o, splitInsertionTemplate as s, translationPlugin as c } from "@intlayer/core/interpreter";
+import l from "@intlayer/config/built";
+import { compileWithOptions as u, getMarkdownMetadata as d } from "@intlayer/core/markdown";
+import { isEnabled as f } from "@intlayer/editor/isEnabled";
+import * as p from "@intlayer/types/nodeType";
+import { unsafeHTML as m } from "lit/directives/unsafe-html.js";
 //#region src/plugins.ts
-var d = {
+var h = (t = "", n = {}) => u(t, e, n), g = (e, t = e, n = {}) => {
+	let r = m(e);
+	return new Proxy(r, { get(e, r, i) {
+		if (r === "value" || r === "raw") return t;
+		if (r === "toString" || r === Symbol.toPrimitive) return () => t;
+		if (r !== Symbol.iterator) return r === "__update" ? () => {} : Object.hasOwn(n, r) ? n[r] : Reflect.get(e, r, i);
+	} });
+}, _ = (e) => e.replace(/&/g, "&amp;").replace(/"/g, "&quot;"), v = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), y = {
 	id: "intlayer-node-plugin",
 	canHandle: (e) => typeof e == "bigint" || typeof e == "string" || typeof e == "number",
-	transform: (t, { children: n, ...r }) => e({
-		...r,
-		value: n,
-		children: n
-	})
-}, f = {
+	transform: (e, { children: n, keyPath: r, dictionaryKey: i, ...a }) => {
+		if (f) {
+			let e = String(n ?? "");
+			return g(`<intlayer-content-selector-wrapper key-path="${_(JSON.stringify(r ?? []))}" dictionary-key="${_(String(i ?? ""))}">${v(e)}</intlayer-content-selector-wrapper>`, e);
+		}
+		return t({
+			...a,
+			value: n,
+			children: n
+		});
+	}
+}, b = {
 	id: "insertion-plugin",
-	canHandle: (e) => typeof e == "object" && e?.nodeType === u.INSERTION,
+	canHandle: (e) => typeof e == "object" && e?.nodeType === p.INSERTION,
 	transform: (e, t, n) => {
-		let r = [...t.keyPath, { type: u.INSERTION }], i = e[u.INSERTION], a = {
+		let r = [...t.keyPath, { type: p.INSERTION }], i = e[p.INSERTION], a = {
 			id: "insertion-string-plugin",
 			canHandle: (e) => typeof e == "string",
 			transform: (e, n, r) => {
@@ -26,84 +42,77 @@ var d = {
 					plugins: (t.plugins ?? []).filter((e) => e.id !== "intlayer-node-plugin")
 				});
 				return (e) => {
-					let a = o(i, e), s = a.isSimple ? a.parts : a.parts.join("");
-					return r(s, {
+					let a = s(i, e), o = a.isSimple ? a.parts : a.parts.join("");
+					return r(o, {
 						...n,
 						plugins: t.plugins,
-						children: s
+						children: o
 					});
 				};
 			}
-		};
-		return n(i, {
+		}, o = n(i, {
 			...t,
 			children: i,
 			keyPath: r,
 			plugins: [a, ...t.plugins ?? []]
 		});
+		return typeof i == "object" && i && "nodeType" in i && [p.ENUMERATION, p.CONDITION].includes(i.nodeType) ? (e) => (t) => {
+			let n = o(t);
+			return typeof n == "function" ? n(e) : n;
+		} : o;
 	}
-}, p = {
+}, x = {
 	id: "markdown-string-plugin",
 	canHandle: (e) => typeof e == "string",
-	transform: (t, n, r) => {
-		let { plugins: i, ...a } = n, o = r(l(t) ?? {}, {
+	transform: (e, n, r) => {
+		let { plugins: i, ...a } = n, o = r(d(e) ?? {}, {
 			plugins: [{
 				id: "markdown-metadata-plugin",
 				canHandle: (e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || !e,
-				transform: (n, r) => e({
+				transform: (n, r) => t({
 					...r,
 					value: n,
-					children: t
+					children: e
 				})
 			}],
 			dictionaryKey: a.dictionaryKey,
 			keyPath: []
-		});
-		return e({
-			...n,
-			value: t,
-			children: t,
-			additionalProps: {
-				metadata: o,
-				use: (e) => t
-			}
+		}), s = h(e);
+		return g(s, e, {
+			metadata: o,
+			use: (e) => s
 		});
 	}
-}, m = {
+}, S = {
 	id: "markdown-plugin",
-	canHandle: (e) => typeof e == "object" && e?.nodeType === u.MARKDOWN,
+	canHandle: (e) => typeof e == "object" && e?.nodeType === p.MARKDOWN,
 	transform: (e, t, n) => {
-		let r = [...t.keyPath, { type: u.MARKDOWN }], i = e[u.MARKDOWN];
+		let r = [...t.keyPath, { type: p.MARKDOWN }], i = e[p.MARKDOWN];
 		return n(i, {
 			...t,
 			children: i,
 			keyPath: r,
-			plugins: [p, ...t.plugins ?? []]
+			plugins: [x, ...t.plugins ?? []]
 		});
 	}
-}, h = {
+}, C = {
 	id: "html-plugin",
-	canHandle: (e) => typeof e == "object" && e?.nodeType === u.HTML,
-	transform: (t, n) => {
-		let r = t[u.HTML];
-		return e({
-			...n,
-			value: r,
-			children: r,
-			additionalProps: { use: (e) => r }
-		});
+	canHandle: (e) => typeof e == "object" && e?.nodeType === p.HTML,
+	transform: (e) => {
+		let t = e[p.HTML];
+		return g(t, t, { use: (e) => t });
 	}
-}, g = (e, o = !0) => [
-	s(e ?? c.internationalization.defaultLocale, o ? c.internationalization.defaultLocale : void 0),
-	n,
-	t,
-	a(e ?? c.internationalization.defaultLocale),
+}, w = (e, t = !0) => [
+	c(e ?? l.internationalization.defaultLocale, t ? l.internationalization.defaultLocale : void 0),
 	r,
+	n,
+	o(e ?? l.internationalization.defaultLocale),
 	i,
-	d,
-	f,
-	m,
-	h
+	a,
+	y,
+	b,
+	S,
+	C
 ];
 //#endregion
-export { g as getPlugins, h as htmlPlugin, f as insertionPlugin, d as intlayerNodePlugins, m as markdownPlugin, p as markdownStringPlugin };
+export { w as getPlugins, C as htmlPlugin, b as insertionPlugin, y as intlayerNodePlugins, S as markdownPlugin, x as markdownStringPlugin };

package/dist/esm/renderIntlayerNode.mjs

@@ -4,6 +4,7 @@ var e = ({ value: e, additionalProps: t = {} }) => {
 		toString: () => String(n ?? ""),
 		valueOf: () => n,
 		[Symbol.toPrimitive]: () => n,
+		[Symbol.iterator]: void 0,
 		toJSON: () => n,
 		get raw() {
 			return n;

package/dist/installIntlayer-3Fpy-rFd.mjs

@@ -0,0 +1,71 @@
+import e from "@intlayer/config/built";
+import { isEnabled as t } from "@intlayer/editor/isEnabled";
+//#region src/editor/useEditor.ts
+var n = class {
+	host;
+	_stopped = !1;
+	_unsubscribeLocale = null;
+	constructor(e) {
+		this.host = e, e.addController(this);
+	}
+	hostConnected() {
+		this._stopped = !1, t && import("@intlayer/editor").then(({ initEditorClient: e }) => {
+			if (this._stopped) return;
+			let t = e(), n = s();
+			t.currentLocale.set(n.locale), this._unsubscribeLocale = n.subscribe((e) => {
+				t.currentLocale.set(e);
+			});
+		});
+	}
+	hostDisconnected() {
+		this._stopped = !0, this._unsubscribeLocale?.(), this._unsubscribeLocale = null, import("@intlayer/editor").then(({ stopEditorClient: e }) => {
+			e();
+		});
+	}
+};
+function r(e) {
+	if (!t) return e ? void 0 : () => {};
+	if (!e) {
+		let e = !1, t = null;
+		return import("@intlayer/editor").then(({ initEditorClient: n }) => {
+			if (e) return;
+			let r = n(), i = s();
+			r.currentLocale.set(i.locale), t = i.subscribe((e) => {
+				r.currentLocale.set(e);
+			});
+		}), () => {
+			e = !0, t?.(), import("@intlayer/editor").then(({ stopEditorClient: e }) => {
+				e();
+			});
+		};
+	}
+	new n(e);
+}
+//#endregion
+//#region src/client/installIntlayer.ts
+var i = class {
+	_locale;
+	_listeners = /* @__PURE__ */ new Set();
+	isCookieEnabled;
+	constructor(t, n = !0) {
+		let { defaultLocale: r } = e.internationalization ?? {};
+		this._locale = t ?? r, this.isCookieEnabled = n;
+	}
+	get locale() {
+		return this._locale;
+	}
+	setLocale(e) {
+		this._locale = e;
+		for (let t of this._listeners) t(e);
+	}
+	subscribe(e) {
+		return this._listeners.add(e), () => {
+			this._listeners.delete(e);
+		};
+	}
+}, a = null, o = (e, t = !0) => a || (a = new i(e, t), a), s = () => (a ||= new i(), a), c = ({ locale: e, isCookieEnabled: t } = {}) => {
+	let n = o(e, t);
+	return r(), n;
+};
+//#endregion
+export { r as a, c as i, o as n, s as r, i as t };

package/dist/installIntlayer-CkFmSJJA.js

@@ -0,0 +1 @@
+const e=require(`./chunk-C91j1N6u.js`);let t=require(`@intlayer/config/built`);t=e.t(t);let n=require(`@intlayer/editor/isEnabled`);var r=class{host;_stopped=!1;_unsubscribeLocale=null;constructor(e){this.host=e,e.addController(this)}hostConnected(){this._stopped=!1,n.isEnabled&&import(`@intlayer/editor`).then(({initEditorClient:e})=>{if(this._stopped)return;let t=e(),n=c();t.currentLocale.set(n.locale),this._unsubscribeLocale=n.subscribe(e=>{t.currentLocale.set(e)})})}hostDisconnected(){this._stopped=!0,this._unsubscribeLocale?.(),this._unsubscribeLocale=null,import(`@intlayer/editor`).then(({stopEditorClient:e})=>{e()})}};function i(e){if(!n.isEnabled)return e?void 0:()=>{};if(!e){let e=!1,t=null;return import(`@intlayer/editor`).then(({initEditorClient:n})=>{if(e)return;let r=n(),i=c();r.currentLocale.set(i.locale),t=i.subscribe(e=>{r.currentLocale.set(e)})}),()=>{e=!0,t?.(),import(`@intlayer/editor`).then(({stopEditorClient:e})=>{e()})}}new r(e)}var a=class{_locale;_listeners=new Set;isCookieEnabled;constructor(e,n=!0){let{defaultLocale:r}=t.default.internationalization??{};this._locale=e??r,this.isCookieEnabled=n}get locale(){return this._locale}setLocale(e){this._locale=e;for(let t of this._listeners)t(e)}subscribe(e){return this._listeners.add(e),()=>{this._listeners.delete(e)}}},o=null,s=(e,t=!0)=>o||(o=new a(e,t),o),c=()=>(o||=new a,o),l=({locale:e,isCookieEnabled:t}={})=>{let n=s(e,t);return i(),n};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/types/client/IntlayerBinding.d.ts

@@ -0,0 +1,40 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+/**
+ * Proxy type returned by every `use*` hook in `lit-intlayer`.
+ *
+ * Wraps the translated content object with a reactive `.observe()` method so
+ * Lit elements participate in the reactive update cycle via a
+ * {@link IntlayerBinding} `ReactiveController`.
+ *
+ * ```ts
+ * private content = useIntlayer('app').observe(this);
+ * private content = useDictionary(_hash).observe(this);
+ * private content = useDictionaryDynamic(_dyn, 'app').observe(this);
+ * ```
+ */
+export type IntlayerLitProxy<T> = T & {
+    observe: (host: ReactiveControllerHost) => IntlayerLitProxy<T>;
+};
+/**
+ * `ReactiveController` that keeps a Lit element in sync with Intlayer locale
+ * changes and, optionally, async dictionary load events.
+ *
+ * Registered automatically by `.observe(this)` — you should never need to
+ * instantiate it directly.
+ *
+ * @param host         - The Lit element to update.
+ * @param onConnect    - Called inside `hostConnected` (after locale subscription
+ *                       is set up). Useful for triggering an immediate update
+ *                       when the dictionary is already cached.
+ * @param onDisconnect - Called inside `hostDisconnected`. Useful for removing
+ *                       the host from a dictionary's update-host registry.
+ */
+export declare class IntlayerBinding implements ReactiveController {
+    private host;
+    private unsubscribeLocale;
+    private readonly onConnect?;
+    private readonly onDisconnect?;
+    constructor(host: ReactiveControllerHost, onConnect?: () => void, onDisconnect?: () => void);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/dist/types/{src/client → client}/index.d.ts

@@ -1,5 +1,7 @@
+export * from './IntlayerBinding';
 export * from './installIntlayer';
 export * from './useDictionary';
+export * from './useDictionaryDynamic';
 export * from './useIntlayer';
 export * from './useLocale';
 export * from './useLocaleStorage';

package/dist/types/{src/client → client}/installIntlayer.d.ts

@@ -22,16 +22,32 @@ export declare const getIntlayerClient: () => IntlayerClient;
  *
  * Call this once at application startup before any Lit elements are rendered.
  *
+ * When called with a `config` argument, `window.INTLAYER_CONFIG` is set so
+ * that `@intlayer/config/built` resolves the correct values in the browser
+ * without requiring module aliasing in the bundler configuration.
+ *
  * @param locale - Initial locale (defaults to config defaultLocale).
  * @param isCookieEnabled - Whether to persist locale in cookies/localStorage.
+ * @param config - Optional Intlayer configuration. When provided, sets
+ *   `window.INTLAYER_CONFIG` with the browser-safe subset of the config so
+ *   the application works without a Vite/webpack plugin alias.
  * @returns The IntlayerClient singleton.
  *
  * @example
  * ```ts
  * import { installIntlayer } from 'lit-intlayer';
  *
+ * // With explicit config (no build plugin alias needed):
+ * installIntlayer('en', true, {
+ *   internationalization: { locales: ['en', 'fr'], defaultLocale: 'en' },
+ * });
+ *
+ * // With build plugin (alias handles config automatically):
  * installIntlayer('en');
  * ```
  */
-export declare const installIntlayer: (locale?: LocalesValues, isCookieEnabled?: boolean) => IntlayerClient;
+export declare const installIntlayer: ({ locale, isCookieEnabled, }?: {
+    locale?: LocalesValues;
+    isCookieEnabled?: boolean;
+}) => IntlayerClient;
 export {};