@intlayer/next-i18next 8.12.5-canary.0

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/ContentSelector.cjs

@@ -0,0 +1,161 @@
+
+//#region ../../packages/@intlayer/editor/dist/esm/components/ContentSelector.mjs
+const DEFAULT_PRESS_DURATION = 250;
+const STYLES = `
+  :host {
+    display: contents;
+  }
+
+  .wrapper {
+    display: inline-block;
+    cursor: pointer;
+    user-select: none;
+    border-radius: 0.375rem;
+    outline-width: 2px;
+    outline-offset: 4px;
+    outline-style: solid;
+    outline-color: transparent;
+    transition: all 100ms 50ms ease-in-out;
+  }
+
+  .wrapper[data-active] {
+    outline-color: inherit;
+  }
+`;
+const _HTMLElement = typeof HTMLElement !== "undefined" ? HTMLElement : class {};
+/**
+* <intlayer-content-selector>
+*
+* A framework-agnostic web component that wraps content with Intlayer editor
+* selection UI (hover outline, long-press to select, click-outside to deselect).
+*
+* @fires intlayer:press     - Fired after a long press (pressDuration ms). Bubbles.
+* @fires intlayer:hover     - Fired on mouseenter. Bubbles.
+* @fires intlayer:unhover   - Fired on mouseleave / mouseup. Bubbles.
+* @fires intlayer:click-outside - Fired when a click occurs outside the element. Bubbles.
+*
+* @prop {boolean} isSelecting   - Whether this element is currently selected (external state)
+* @prop {number}  pressDuration - Long-press threshold in ms. Default: 250
+*/
+var IntlayerContentSelectorElement = class extends _HTMLElement {
+	_isSelecting = false;
+	_pressDuration = DEFAULT_PRESS_DURATION;
+	_isHovered = false;
+	_isSelectingState = false;
+	_wrapper;
+	_pressTimer = null;
+	_clickOutsideHandler = null;
+	static get observedAttributes() {
+		return ["is-selecting", "press-duration"];
+	}
+	get isSelecting() {
+		return this._isSelecting;
+	}
+	set isSelecting(v) {
+		this._isSelecting = v;
+		this._updateActiveState();
+	}
+	get pressDuration() {
+		return this._pressDuration;
+	}
+	set pressDuration(v) {
+		this._pressDuration = v;
+	}
+	constructor() {
+		super();
+		const shadow = this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = STYLES;
+		shadow.appendChild(style);
+		const wrapper = document.createElement("span");
+		wrapper.className = "wrapper";
+		wrapper.setAttribute("role", "button");
+		wrapper.setAttribute("tabindex", "0");
+		wrapper.appendChild(document.createElement("slot"));
+		shadow.appendChild(wrapper);
+		this._wrapper = wrapper;
+		wrapper.addEventListener("mousedown", () => this._handleMouseDown());
+		wrapper.addEventListener("mouseup", () => this._handleMouseUpOrLeave());
+		wrapper.addEventListener("mouseleave", () => this._handleMouseUpOrLeave());
+		wrapper.addEventListener("mouseenter", () => this._handleMouseEnter());
+		wrapper.addEventListener("click", (e) => this._handleClick(e));
+		wrapper.addEventListener("touchstart", () => this._handleMouseDown());
+		wrapper.addEventListener("touchend", () => this._handleMouseUpOrLeave());
+		wrapper.addEventListener("touchcancel", () => this._handleMouseUpOrLeave());
+		wrapper.addEventListener("blur", () => this._handleBlur());
+	}
+	attributeChangedCallback(name, _oldVal, newVal) {
+		if (name === "is-selecting") {
+			this._isSelecting = newVal !== null;
+			this._updateActiveState();
+		} else if (name === "press-duration") this._pressDuration = newVal !== null ? parseInt(newVal, 10) : DEFAULT_PRESS_DURATION;
+	}
+	connectedCallback() {
+		this._clickOutsideHandler = (e) => {
+			if (!e.composedPath().includes(this)) {
+				this._isSelectingState = false;
+				this._dispatch("intlayer:click-outside");
+				this._updateActiveState();
+			}
+		};
+		document.addEventListener("mousedown", this._clickOutsideHandler);
+	}
+	disconnectedCallback() {
+		if (this._clickOutsideHandler) {
+			document.removeEventListener("mousedown", this._clickOutsideHandler);
+			this._clickOutsideHandler = null;
+		}
+		this._clearPressTimer();
+	}
+	_updateActiveState() {
+		if (this._isSelecting || this._isSelectingState || this._isHovered) this._wrapper.setAttribute("data-active", "");
+		else this._wrapper.removeAttribute("data-active");
+	}
+	_clearPressTimer() {
+		if (this._pressTimer !== null) {
+			clearTimeout(this._pressTimer);
+			this._pressTimer = null;
+		}
+	}
+	_dispatch(eventName) {
+		this.dispatchEvent(new CustomEvent(eventName, {
+			bubbles: true,
+			composed: true
+		}));
+	}
+	_handleMouseDown() {
+		this._clearPressTimer();
+		this._pressTimer = setTimeout(() => {
+			this._isSelectingState = true;
+			this._updateActiveState();
+			this._dispatch("intlayer:press");
+		}, this._pressDuration);
+	}
+	_handleMouseEnter() {
+		this._isHovered = true;
+		this._updateActiveState();
+		this._dispatch("intlayer:hover");
+	}
+	_handleMouseUpOrLeave() {
+		if (this._isHovered) {
+			this._isHovered = false;
+			this._dispatch("intlayer:unhover");
+		}
+		this._clearPressTimer();
+		this._updateActiveState();
+	}
+	_handleClick(e) {
+		if (this._isSelecting || this._isSelectingState) {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+	}
+	_handleBlur() {
+		this._isSelectingState = false;
+		this._updateActiveState();
+	}
+};
+
+//#endregion
+exports.IntlayerContentSelectorElement = IntlayerContentSelectorElement;
+//# sourceMappingURL=ContentSelector.cjs.map

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/ContentSelector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSelector.cjs","names":[],"sources":["../../../../../../../../../../packages/@intlayer/editor/dist/esm/components/ContentSelector.mjs"],"sourcesContent":["//#region src/components/ContentSelector.ts\nconst DEFAULT_PRESS_DURATION = 250;\nconst STYLES = `\n  :host {\n    display: contents;\n  }\n\n  .wrapper {\n    display: inline-block;\n    cursor: pointer;\n    user-select: none;\n    border-radius: 0.375rem;\n    outline-width: 2px;\n    outline-offset: 4px;\n    outline-style: solid;\n    outline-color: transparent;\n    transition: all 100ms 50ms ease-in-out;\n  }\n\n  .wrapper[data-active] {\n    outline-color: inherit;\n  }\n`;\nconst _HTMLElement = typeof HTMLElement !== \"undefined\" ? HTMLElement : class {};\n/**\n* <intlayer-content-selector>\n*\n* A framework-agnostic web component that wraps content with Intlayer editor\n* selection UI (hover outline, long-press to select, click-outside to deselect).\n*\n* @fires intlayer:press     - Fired after a long press (pressDuration ms). Bubbles.\n* @fires intlayer:hover     - Fired on mouseenter. Bubbles.\n* @fires intlayer:unhover   - Fired on mouseleave / mouseup. Bubbles.\n* @fires intlayer:click-outside - Fired when a click occurs outside the element. Bubbles.\n*\n* @prop {boolean} isSelecting   - Whether this element is currently selected (external state)\n* @prop {number}  pressDuration - Long-press threshold in ms. Default: 250\n*/\nvar IntlayerContentSelectorElement = class extends _HTMLElement {\n\t_isSelecting = false;\n\t_pressDuration = DEFAULT_PRESS_DURATION;\n\t_isHovered = false;\n\t_isSelectingState = false;\n\t_wrapper;\n\t_pressTimer = null;\n\t_clickOutsideHandler = null;\n\tstatic get observedAttributes() {\n\t\treturn [\"is-selecting\", \"press-duration\"];\n\t}\n\tget isSelecting() {\n\t\treturn this._isSelecting;\n\t}\n\tset isSelecting(v) {\n\t\tthis._isSelecting = v;\n\t\tthis._updateActiveState();\n\t}\n\tget pressDuration() {\n\t\treturn this._pressDuration;\n\t}\n\tset pressDuration(v) {\n\t\tthis._pressDuration = v;\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tconst shadow = this.attachShadow({ mode: \"open\" });\n\t\tconst style = document.createElement(\"style\");\n\t\tstyle.textContent = STYLES;\n\t\tshadow.appendChild(style);\n\t\tconst wrapper = document.createElement(\"span\");\n\t\twrapper.className = \"wrapper\";\n\t\twrapper.setAttribute(\"role\", \"button\");\n\t\twrapper.setAttribute(\"tabindex\", \"0\");\n\t\twrapper.appendChild(document.createElement(\"slot\"));\n\t\tshadow.appendChild(wrapper);\n\t\tthis._wrapper = wrapper;\n\t\twrapper.addEventListener(\"mousedown\", () => this._handleMouseDown());\n\t\twrapper.addEventListener(\"mouseup\", () => this._handleMouseUpOrLeave());\n\t\twrapper.addEventListener(\"mouseleave\", () => this._handleMouseUpOrLeave());\n\t\twrapper.addEventListener(\"mouseenter\", () => this._handleMouseEnter());\n\t\twrapper.addEventListener(\"click\", (e) => this._handleClick(e));\n\t\twrapper.addEventListener(\"touchstart\", () => this._handleMouseDown());\n\t\twrapper.addEventListener(\"touchend\", () => this._handleMouseUpOrLeave());\n\t\twrapper.addEventListener(\"touchcancel\", () => this._handleMouseUpOrLeave());\n\t\twrapper.addEventListener(\"blur\", () => this._handleBlur());\n\t}\n\tattributeChangedCallback(name, _oldVal, newVal) {\n\t\tif (name === \"is-selecting\") {\n\t\t\tthis._isSelecting = newVal !== null;\n\t\t\tthis._updateActiveState();\n\t\t} else if (name === \"press-duration\") this._pressDuration = newVal !== null ? parseInt(newVal, 10) : DEFAULT_PRESS_DURATION;\n\t}\n\tconnectedCallback() {\n\t\tthis._clickOutsideHandler = (e) => {\n\t\t\tif (!e.composedPath().includes(this)) {\n\t\t\t\tthis._isSelectingState = false;\n\t\t\t\tthis._dispatch(\"intlayer:click-outside\");\n\t\t\t\tthis._updateActiveState();\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener(\"mousedown\", this._clickOutsideHandler);\n\t}\n\tdisconnectedCallback() {\n\t\tif (this._clickOutsideHandler) {\n\t\t\tdocument.removeEventListener(\"mousedown\", this._clickOutsideHandler);\n\t\t\tthis._clickOutsideHandler = null;\n\t\t}\n\t\tthis._clearPressTimer();\n\t}\n\t_updateActiveState() {\n\t\tif (this._isSelecting || this._isSelectingState || this._isHovered) this._wrapper.setAttribute(\"data-active\", \"\");\n\t\telse this._wrapper.removeAttribute(\"data-active\");\n\t}\n\t_clearPressTimer() {\n\t\tif (this._pressTimer !== null) {\n\t\t\tclearTimeout(this._pressTimer);\n\t\t\tthis._pressTimer = null;\n\t\t}\n\t}\n\t_dispatch(eventName) {\n\t\tthis.dispatchEvent(new CustomEvent(eventName, {\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}));\n\t}\n\t_handleMouseDown() {\n\t\tthis._clearPressTimer();\n\t\tthis._pressTimer = setTimeout(() => {\n\t\t\tthis._isSelectingState = true;\n\t\t\tthis._updateActiveState();\n\t\t\tthis._dispatch(\"intlayer:press\");\n\t\t}, this._pressDuration);\n\t}\n\t_handleMouseEnter() {\n\t\tthis._isHovered = true;\n\t\tthis._updateActiveState();\n\t\tthis._dispatch(\"intlayer:hover\");\n\t}\n\t_handleMouseUpOrLeave() {\n\t\tif (this._isHovered) {\n\t\t\tthis._isHovered = false;\n\t\t\tthis._dispatch(\"intlayer:unhover\");\n\t\t}\n\t\tthis._clearPressTimer();\n\t\tthis._updateActiveState();\n\t}\n\t_handleClick(e) {\n\t\tif (this._isSelecting || this._isSelectingState) {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t}\n\t}\n\t_handleBlur() {\n\t\tthis._isSelectingState = false;\n\t\tthis._updateActiveState();\n\t}\n};\n\n//#endregion\nexport { IntlayerContentSelectorElement };\n//# sourceMappingURL=ContentSelector.mjs.map"],"mappings":";;AACA,MAAM,yBAAyB;AAC/B,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;AAqBf,MAAM,eAAe,OAAO,gBAAgB,cAAc,cAAc,MAAM;;;;;;;;;;;;;;;AAe9E,IAAI,iCAAiC,cAAc,aAAa;CAC/D,eAAe;CACf,iBAAiB;CACjB,aAAa;CACb,oBAAoB;CACpB;CACA,cAAc;CACd,uBAAuB;CACvB,WAAW,qBAAqB;AAC/B,SAAO,CAAC,gBAAgB,iBAAiB;;CAE1C,IAAI,cAAc;AACjB,SAAO,KAAK;;CAEb,IAAI,YAAY,GAAG;AAClB,OAAK,eAAe;AACpB,OAAK,oBAAoB;;CAE1B,IAAI,gBAAgB;AACnB,SAAO,KAAK;;CAEb,IAAI,cAAc,GAAG;AACpB,OAAK,iBAAiB;;CAEvB,cAAc;AACb,SAAO;EACP,MAAM,SAAS,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;EAClD,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAC7C,QAAM,cAAc;AACpB,SAAO,YAAY,MAAM;EACzB,MAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,UAAQ,YAAY;AACpB,UAAQ,aAAa,QAAQ,SAAS;AACtC,UAAQ,aAAa,YAAY,IAAI;AACrC,UAAQ,YAAY,SAAS,cAAc,OAAO,CAAC;AACnD,SAAO,YAAY,QAAQ;AAC3B,OAAK,WAAW;AAChB,UAAQ,iBAAiB,mBAAmB,KAAK,kBAAkB,CAAC;AACpE,UAAQ,iBAAiB,iBAAiB,KAAK,uBAAuB,CAAC;AACvE,UAAQ,iBAAiB,oBAAoB,KAAK,uBAAuB,CAAC;AAC1E,UAAQ,iBAAiB,oBAAoB,KAAK,mBAAmB,CAAC;AACtE,UAAQ,iBAAiB,UAAU,MAAM,KAAK,aAAa,EAAE,CAAC;AAC9D,UAAQ,iBAAiB,oBAAoB,KAAK,kBAAkB,CAAC;AACrE,UAAQ,iBAAiB,kBAAkB,KAAK,uBAAuB,CAAC;AACxE,UAAQ,iBAAiB,qBAAqB,KAAK,uBAAuB,CAAC;AAC3E,UAAQ,iBAAiB,cAAc,KAAK,aAAa,CAAC;;CAE3D,yBAAyB,MAAM,SAAS,QAAQ;AAC/C,MAAI,SAAS,gBAAgB;AAC5B,QAAK,eAAe,WAAW;AAC/B,QAAK,oBAAoB;aACf,SAAS,iBAAkB,MAAK,iBAAiB,WAAW,OAAO,SAAS,QAAQ,GAAG,GAAG;;CAEtG,oBAAoB;AACnB,OAAK,wBAAwB,MAAM;AAClC,OAAI,CAAC,EAAE,cAAc,CAAC,SAAS,KAAK,EAAE;AACrC,SAAK,oBAAoB;AACzB,SAAK,UAAU,yBAAyB;AACxC,SAAK,oBAAoB;;;AAG3B,WAAS,iBAAiB,aAAa,KAAK,qBAAqB;;CAElE,uBAAuB;AACtB,MAAI,KAAK,sBAAsB;AAC9B,YAAS,oBAAoB,aAAa,KAAK,qBAAqB;AACpE,QAAK,uBAAuB;;AAE7B,OAAK,kBAAkB;;CAExB,qBAAqB;AACpB,MAAI,KAAK,gBAAgB,KAAK,qBAAqB,KAAK,WAAY,MAAK,SAAS,aAAa,eAAe,GAAG;MAC5G,MAAK,SAAS,gBAAgB,cAAc;;CAElD,mBAAmB;AAClB,MAAI,KAAK,gBAAgB,MAAM;AAC9B,gBAAa,KAAK,YAAY;AAC9B,QAAK,cAAc;;;CAGrB,UAAU,WAAW;AACpB,OAAK,cAAc,IAAI,YAAY,WAAW;GAC7C,SAAS;GACT,UAAU;GACV,CAAC,CAAC;;CAEJ,mBAAmB;AAClB,OAAK,kBAAkB;AACvB,OAAK,cAAc,iBAAiB;AACnC,QAAK,oBAAoB;AACzB,QAAK,oBAAoB;AACzB,QAAK,UAAU,iBAAiB;KAC9B,KAAK,eAAe;;CAExB,oBAAoB;AACnB,OAAK,aAAa;AAClB,OAAK,oBAAoB;AACzB,OAAK,UAAU,iBAAiB;;CAEjC,wBAAwB;AACvB,MAAI,KAAK,YAAY;AACpB,QAAK,aAAa;AAClB,QAAK,UAAU,mBAAmB;;AAEnC,OAAK,kBAAkB;AACvB,OAAK,oBAAoB;;CAE1B,aAAa,GAAG;AACf,MAAI,KAAK,gBAAgB,KAAK,mBAAmB;AAChD,KAAE,gBAAgB;AAClB,KAAE,iBAAiB;;;CAGrB,cAAc;AACb,OAAK,oBAAoB;AACzB,OAAK,oBAAoB"}

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/ContentSelectorWrapper.cjs

@@ -0,0 +1,269 @@
+const require_runtime = require('../../../../../../_virtual/_rolldown/runtime.cjs');
+const require_globalManager = require('../core/globalManager.cjs');
+let _intlayer_types_nodeType = require("@intlayer/types/nodeType");
+_intlayer_types_nodeType = require_runtime.__toESM(_intlayer_types_nodeType, 1);
+let _intlayer_core_utils = require("@intlayer/core/utils");
+
+//#region ../../packages/@intlayer/editor/dist/esm/components/ContentSelectorWrapper.mjs
+const _HTMLElement = typeof HTMLElement !== "undefined" ? HTMLElement : class {};
+/**
+* <intlayer-content-selector-wrapper>
+*
+* Framework-agnostic web component that wraps content with the Intlayer editor
+* selection UI. It replaces the per-framework ContentSelectorWrapper components
+* (Vue, Svelte, Solid, Preact).
+*
+* It reads from the global EditorStateManager singleton (set by initEditorClient)
+* and conditionally renders <intlayer-content-selector> around its slot content
+* when the editor is active and the app is running inside an iframe.
+*
+* @attr {string} key-path        - JSON-serialized KeyPath[] for this content node
+* @attr {string} dictionary-key  - The dictionary key owning this content node
+*/
+var IntlayerContentSelectorWrapperElement = class extends _HTMLElement {
+	_keyPathJson = "[]";
+	_dictionaryKey = "";
+	_editorEnabled = false;
+	_isInIframe = false;
+	_isSelected = false;
+	_editedValue = void 0;
+	_renderState = null;
+	_selector = null;
+	_unsubManager = null;
+	_unsubEnabled = null;
+	_unsubFocused = null;
+	_unsubEditedContent = null;
+	static get observedAttributes() {
+		return ["key-path", "dictionary-key"];
+	}
+	get keyPathJson() {
+		return this._keyPathJson;
+	}
+	set keyPathJson(v) {
+		this._keyPathJson = v;
+		const manager = require_globalManager.getGlobalEditorManager();
+		if (manager) this._updateEditedValue(manager);
+	}
+	get dictionaryKey() {
+		return this._dictionaryKey;
+	}
+	set dictionaryKey(v) {
+		this._dictionaryKey = v;
+		const manager = require_globalManager.getGlobalEditorManager();
+		if (manager) this._updateEditedValue(manager);
+	}
+	constructor() {
+		super();
+		const shadow = this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = ":host { display: contents; }";
+		shadow.appendChild(style);
+	}
+	attributeChangedCallback(name, _oldVal, newVal) {
+		if (name === "key-path") {
+			this._keyPathJson = newVal ?? "[]";
+			const manager = require_globalManager.getGlobalEditorManager();
+			if (manager) this._updateEditedValue(manager);
+		} else if (name === "dictionary-key") {
+			this._dictionaryKey = newVal ?? "";
+			const manager = require_globalManager.getGlobalEditorManager();
+			if (manager) this._updateEditedValue(manager);
+		}
+	}
+	connectedCallback() {
+		if (typeof window !== "undefined") this._isInIframe = window.self !== window.top;
+		this._subscribeToManager();
+		this._render();
+	}
+	disconnectedCallback() {
+		this._teardown();
+	}
+	_teardown() {
+		this._unsubManager?.();
+		this._unsubEnabled?.();
+		this._unsubFocused?.();
+		this._unsubEditedContent?.();
+		this._unsubManager = null;
+		this._unsubEnabled = null;
+		this._unsubFocused = null;
+		this._unsubEditedContent = null;
+	}
+	_getRawKeyPath() {
+		try {
+			return JSON.parse(this._keyPathJson);
+		} catch {
+			return [];
+		}
+	}
+	_getFilteredKeyPath() {
+		return this._getRawKeyPath().filter((keyPath) => keyPath.type !== _intlayer_types_nodeType.TRANSLATION);
+	}
+	_updateEditedValue(manager) {
+		const filteredKeyPath = this._getFilteredKeyPath();
+		if (!this._dictionaryKey || filteredKeyPath.length === 0) {
+			this._editedValue = void 0;
+			this._render();
+			return;
+		}
+		const rawKeyPath = this._getRawKeyPath();
+		const lastStepType = rawKeyPath[rawKeyPath.length - 1]?.type;
+		if (lastStepType === _intlayer_types_nodeType.MARKDOWN || lastStepType === _intlayer_types_nodeType.HTML || lastStepType === _intlayer_types_nodeType.INSERTION || lastStepType === _intlayer_types_nodeType.FILE) {
+			this._editedValue = void 0;
+			this._render();
+			return;
+		}
+		let value = manager.getContentValue(this._dictionaryKey, filteredKeyPath);
+		if (value !== null && value !== void 0 && typeof value === "object" && value.nodeType === _intlayer_types_nodeType.TRANSLATION) {
+			const locale = manager.currentLocale.value;
+			value = locale ? value[_intlayer_types_nodeType.TRANSLATION][locale] : void 0;
+		}
+		this._editedValue = value;
+		this._render();
+	}
+	_updateIsSelected(focusedContent) {
+		if (!focusedContent) {
+			this._isSelected = false;
+			this._updateSelectorAttr();
+			return;
+		}
+		const keyPath = this._getFilteredKeyPath();
+		const wasSelected = this._isSelected;
+		this._isSelected = focusedContent.dictionaryKey === this._dictionaryKey && (focusedContent.keyPath?.length ?? 0) > 0 && (0, _intlayer_core_utils.isSameKeyPath)(focusedContent.keyPath ?? [], keyPath);
+		this._updateSelectorAttr();
+		if (this._isSelected && !wasSelected) this._scrollIntoViewIfNeeded();
+	}
+	_scrollIntoViewIfNeeded() {
+		try {
+			let rect;
+			if (this._selector) {
+				const innerWrapper = this._selector.shadowRoot?.querySelector(".wrapper");
+				if (innerWrapper) {
+					const r = innerWrapper.getBoundingClientRect();
+					if (r.width > 0 || r.height > 0) rect = r;
+				}
+			}
+			if (!rect && this.childNodes.length > 0) {
+				const range = document.createRange();
+				range.selectNodeContents(this);
+				const r = range.getBoundingClientRect();
+				if (r.width > 0 || r.height > 0) rect = r;
+			}
+			if (!rect) rect = this.getBoundingClientRect();
+			const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
+			const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
+			if (!(rect.width > 0 && rect.height > 0 && rect.bottom > 0 && rect.right > 0 && rect.top < viewportHeight && rect.left < viewportWidth)) {
+				const scrollY = window.scrollY ?? document.documentElement.scrollTop;
+				const targetScrollY = rect.top + scrollY - viewportHeight * .25;
+				window.scrollTo({
+					top: Math.max(0, targetScrollY),
+					behavior: "smooth"
+				});
+			}
+		} catch {}
+	}
+	_updateSelectorAttr() {
+		if (!this._selector) return;
+		if (this._isSelected) this._selector.setAttribute("is-selecting", "");
+		else this._selector.removeAttribute("is-selecting");
+	}
+	_subscribeToManager() {
+		const manager = require_globalManager.getGlobalEditorManager();
+		if (manager) this._setupManagerSubscriptions(manager);
+		this._unsubManager = require_globalManager.onGlobalEditorManagerChange((m) => {
+			this._unsubEnabled?.();
+			this._unsubFocused?.();
+			this._unsubEditedContent?.();
+			this._unsubEnabled = null;
+			this._unsubFocused = null;
+			this._unsubEditedContent = null;
+			if (m) this._setupManagerSubscriptions(m);
+			else {
+				this._editorEnabled = false;
+				this._isSelected = false;
+				this._editedValue = void 0;
+				this._render();
+			}
+		});
+	}
+	_setupManagerSubscriptions(manager) {
+		this._editorEnabled = manager.editorEnabled.value ?? false;
+		this._updateIsSelected(manager.focusedContent.value);
+		this._updateEditedValue(manager);
+		const handleEnabledChange = (e) => {
+			this._editorEnabled = e.detail;
+			this._render();
+		};
+		const handleFocusedChange = (e) => {
+			this._updateIsSelected(e.detail);
+		};
+		const handleEditedContentChange = () => {
+			this._updateEditedValue(manager);
+		};
+		manager.editorEnabled.addEventListener("change", handleEnabledChange);
+		manager.focusedContent.addEventListener("change", handleFocusedChange);
+		manager.editedContent.addEventListener("change", handleEditedContentChange);
+		this._unsubEnabled = () => manager.editorEnabled.removeEventListener("change", handleEnabledChange);
+		this._unsubFocused = () => manager.focusedContent.removeEventListener("change", handleFocusedChange);
+		this._unsubEditedContent = () => manager.editedContent.removeEventListener("change", handleEditedContentChange);
+	}
+	_handlePress(e) {
+		e.stopPropagation();
+		const manager = require_globalManager.getGlobalEditorManager();
+		if (!manager) return;
+		manager.focusedContent.set({
+			dictionaryKey: this._dictionaryKey,
+			keyPath: this._getFilteredKeyPath()
+		});
+	}
+	_handleHover(e) {
+		e.stopPropagation();
+		require_globalManager.getGlobalEditorManager()?.messenger.send(`INTLAYER_HOVERED_CONTENT_CHANGED/post`, {
+			dictionaryKey: this._dictionaryKey,
+			keyPath: this._getFilteredKeyPath()
+		});
+	}
+	_handleUnhover(e) {
+		e.stopPropagation();
+		require_globalManager.getGlobalEditorManager()?.messenger.send(`INTLAYER_HOVERED_CONTENT_CHANGED/post`, null);
+	}
+	_render() {
+		const useWrapper = this._isInIframe && this._editorEnabled;
+		const editedValue = this._editedValue;
+		const newState = !useWrapper ? "simple" : typeof editedValue === "string" || typeof editedValue === "number" || typeof editedValue === "boolean" ? "wrapped-text" : "wrapped-slot";
+		if (this._renderState !== newState) {
+			this._rebuildContent(newState);
+			return;
+		}
+		if (newState !== "simple" && this._selector) {
+			this._updateSelectorAttr();
+			if (newState === "wrapped-text" && this._selector.firstChild?.nodeType === Node.TEXT_NODE) this._selector.firstChild.data = String(editedValue);
+		}
+	}
+	_rebuildContent(state) {
+		const shadow = this.shadowRoot;
+		while (shadow.childNodes.length > 1) shadow.removeChild(shadow.lastChild);
+		this._selector = null;
+		if (state === "simple") shadow.appendChild(document.createElement("slot"));
+		else {
+			const selector = document.createElement("intlayer-content-selector");
+			this._selector = selector;
+			if (this._isSelected) selector.setAttribute("is-selecting", "");
+			selector.addEventListener("intlayer:press", (e) => this._handlePress(e));
+			selector.addEventListener("intlayer:hover", (e) => this._handleHover(e));
+			selector.addEventListener("intlayer:unhover", (e) => this._handleUnhover(e));
+			if (state === "wrapped-text") selector.appendChild(document.createTextNode(String(this._editedValue)));
+			else selector.appendChild(document.createElement("slot"));
+			shadow.appendChild(selector);
+		}
+		this._renderState = state;
+	}
+};
+const defineIntlayerContentSelectorWrapper = () => {
+	if (typeof customElements === "undefined") return;
+	if (!customElements.get("intlayer-content-selector-wrapper")) customElements.define("intlayer-content-selector-wrapper", IntlayerContentSelectorWrapperElement);
+};
+
+//#endregion
+exports.IntlayerContentSelectorWrapperElement = IntlayerContentSelectorWrapperElement;
+exports.defineIntlayerContentSelectorWrapper = defineIntlayerContentSelectorWrapper;
+//# sourceMappingURL=ContentSelectorWrapper.cjs.map

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/ContentSelectorWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSelectorWrapper.cjs","names":["getGlobalEditorManager","NodeTypes","onGlobalEditorManagerChange"],"sources":["../../../../../../../../../../packages/@intlayer/editor/dist/esm/components/ContentSelectorWrapper.mjs"],"sourcesContent":["import { MessageKey } from \"../messageKey.mjs\";\nimport { getGlobalEditorManager, onGlobalEditorManagerChange } from \"../core/globalManager.mjs\";\nimport { isSameKeyPath } from \"@intlayer/core/utils\";\nimport * as NodeTypes from \"@intlayer/types/nodeType\";\n\n//#region src/components/ContentSelectorWrapper.ts\nconst _HTMLElement = typeof HTMLElement !== \"undefined\" ? HTMLElement : class {};\n/**\n* <intlayer-content-selector-wrapper>\n*\n* Framework-agnostic web component that wraps content with the Intlayer editor\n* selection UI. It replaces the per-framework ContentSelectorWrapper components\n* (Vue, Svelte, Solid, Preact).\n*\n* It reads from the global EditorStateManager singleton (set by initEditorClient)\n* and conditionally renders <intlayer-content-selector> around its slot content\n* when the editor is active and the app is running inside an iframe.\n*\n* @attr {string} key-path        - JSON-serialized KeyPath[] for this content node\n* @attr {string} dictionary-key  - The dictionary key owning this content node\n*/\nvar IntlayerContentSelectorWrapperElement = class extends _HTMLElement {\n\t_keyPathJson = \"[]\";\n\t_dictionaryKey = \"\";\n\t_editorEnabled = false;\n\t_isInIframe = false;\n\t_isSelected = false;\n\t_editedValue = void 0;\n\t_renderState = null;\n\t_selector = null;\n\t_unsubManager = null;\n\t_unsubEnabled = null;\n\t_unsubFocused = null;\n\t_unsubEditedContent = null;\n\tstatic get observedAttributes() {\n\t\treturn [\"key-path\", \"dictionary-key\"];\n\t}\n\tget keyPathJson() {\n\t\treturn this._keyPathJson;\n\t}\n\tset keyPathJson(v) {\n\t\tthis._keyPathJson = v;\n\t\tconst manager = getGlobalEditorManager();\n\t\tif (manager) this._updateEditedValue(manager);\n\t}\n\tget dictionaryKey() {\n\t\treturn this._dictionaryKey;\n\t}\n\tset dictionaryKey(v) {\n\t\tthis._dictionaryKey = v;\n\t\tconst manager = getGlobalEditorManager();\n\t\tif (manager) this._updateEditedValue(manager);\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tconst shadow = this.attachShadow({ mode: \"open\" });\n\t\tconst style = document.createElement(\"style\");\n\t\tstyle.textContent = \":host { display: contents; }\";\n\t\tshadow.appendChild(style);\n\t}\n\tattributeChangedCallback(name, _oldVal, newVal) {\n\t\tif (name === \"key-path\") {\n\t\t\tthis._keyPathJson = newVal ?? \"[]\";\n\t\t\tconst manager = getGlobalEditorManager();\n\t\t\tif (manager) this._updateEditedValue(manager);\n\t\t} else if (name === \"dictionary-key\") {\n\t\t\tthis._dictionaryKey = newVal ?? \"\";\n\t\t\tconst manager = getGlobalEditorManager();\n\t\t\tif (manager) this._updateEditedValue(manager);\n\t\t}\n\t}\n\tconnectedCallback() {\n\t\tif (typeof window !== \"undefined\") this._isInIframe = window.self !== window.top;\n\t\tthis._subscribeToManager();\n\t\tthis._render();\n\t}\n\tdisconnectedCallback() {\n\t\tthis._teardown();\n\t}\n\t_teardown() {\n\t\tthis._unsubManager?.();\n\t\tthis._unsubEnabled?.();\n\t\tthis._unsubFocused?.();\n\t\tthis._unsubEditedContent?.();\n\t\tthis._unsubManager = null;\n\t\tthis._unsubEnabled = null;\n\t\tthis._unsubFocused = null;\n\t\tthis._unsubEditedContent = null;\n\t}\n\t_getRawKeyPath() {\n\t\ttry {\n\t\t\treturn JSON.parse(this._keyPathJson);\n\t\t} catch {\n\t\t\treturn [];\n\t\t}\n\t}\n\t_getFilteredKeyPath() {\n\t\treturn this._getRawKeyPath().filter((keyPath) => keyPath.type !== NodeTypes.TRANSLATION);\n\t}\n\t_updateEditedValue(manager) {\n\t\tconst filteredKeyPath = this._getFilteredKeyPath();\n\t\tif (!this._dictionaryKey || filteredKeyPath.length === 0) {\n\t\t\tthis._editedValue = void 0;\n\t\t\tthis._render();\n\t\t\treturn;\n\t\t}\n\t\tconst rawKeyPath = this._getRawKeyPath();\n\t\tconst lastStepType = rawKeyPath[rawKeyPath.length - 1]?.type;\n\t\tif (lastStepType === NodeTypes.MARKDOWN || lastStepType === NodeTypes.HTML || lastStepType === NodeTypes.INSERTION || lastStepType === NodeTypes.FILE) {\n\t\t\tthis._editedValue = void 0;\n\t\t\tthis._render();\n\t\t\treturn;\n\t\t}\n\t\tlet value = manager.getContentValue(this._dictionaryKey, filteredKeyPath);\n\t\tif (value !== null && value !== void 0 && typeof value === \"object\" && value.nodeType === NodeTypes.TRANSLATION) {\n\t\t\tconst locale = manager.currentLocale.value;\n\t\t\tvalue = locale ? value[NodeTypes.TRANSLATION][locale] : void 0;\n\t\t}\n\t\tthis._editedValue = value;\n\t\tthis._render();\n\t}\n\t_updateIsSelected(focusedContent) {\n\t\tif (!focusedContent) {\n\t\t\tthis._isSelected = false;\n\t\t\tthis._updateSelectorAttr();\n\t\t\treturn;\n\t\t}\n\t\tconst keyPath = this._getFilteredKeyPath();\n\t\tconst wasSelected = this._isSelected;\n\t\tthis._isSelected = focusedContent.dictionaryKey === this._dictionaryKey && (focusedContent.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent.keyPath ?? [], keyPath);\n\t\tthis._updateSelectorAttr();\n\t\tif (this._isSelected && !wasSelected) this._scrollIntoViewIfNeeded();\n\t}\n\t_scrollIntoViewIfNeeded() {\n\t\ttry {\n\t\t\tlet rect;\n\t\t\tif (this._selector) {\n\t\t\t\tconst innerWrapper = this._selector.shadowRoot?.querySelector(\".wrapper\");\n\t\t\t\tif (innerWrapper) {\n\t\t\t\t\tconst r = innerWrapper.getBoundingClientRect();\n\t\t\t\t\tif (r.width > 0 || r.height > 0) rect = r;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (!rect && this.childNodes.length > 0) {\n\t\t\t\tconst range = document.createRange();\n\t\t\t\trange.selectNodeContents(this);\n\t\t\t\tconst r = range.getBoundingClientRect();\n\t\t\t\tif (r.width > 0 || r.height > 0) rect = r;\n\t\t\t}\n\t\t\tif (!rect) rect = this.getBoundingClientRect();\n\t\t\tconst viewportHeight = window.innerHeight || document.documentElement.clientHeight;\n\t\t\tconst viewportWidth = window.innerWidth || document.documentElement.clientWidth;\n\t\t\tif (!(rect.width > 0 && rect.height > 0 && rect.bottom > 0 && rect.right > 0 && rect.top < viewportHeight && rect.left < viewportWidth)) {\n\t\t\t\tconst scrollY = window.scrollY ?? document.documentElement.scrollTop;\n\t\t\t\tconst targetScrollY = rect.top + scrollY - viewportHeight * .25;\n\t\t\t\twindow.scrollTo({\n\t\t\t\t\ttop: Math.max(0, targetScrollY),\n\t\t\t\t\tbehavior: \"smooth\"\n\t\t\t\t});\n\t\t\t}\n\t\t} catch {}\n\t}\n\t_updateSelectorAttr() {\n\t\tif (!this._selector) return;\n\t\tif (this._isSelected) this._selector.setAttribute(\"is-selecting\", \"\");\n\t\telse this._selector.removeAttribute(\"is-selecting\");\n\t}\n\t_subscribeToManager() {\n\t\tconst manager = getGlobalEditorManager();\n\t\tif (manager) this._setupManagerSubscriptions(manager);\n\t\tthis._unsubManager = onGlobalEditorManagerChange((m) => {\n\t\t\tthis._unsubEnabled?.();\n\t\t\tthis._unsubFocused?.();\n\t\t\tthis._unsubEditedContent?.();\n\t\t\tthis._unsubEnabled = null;\n\t\t\tthis._unsubFocused = null;\n\t\t\tthis._unsubEditedContent = null;\n\t\t\tif (m) this._setupManagerSubscriptions(m);\n\t\t\telse {\n\t\t\t\tthis._editorEnabled = false;\n\t\t\t\tthis._isSelected = false;\n\t\t\t\tthis._editedValue = void 0;\n\t\t\t\tthis._render();\n\t\t\t}\n\t\t});\n\t}\n\t_setupManagerSubscriptions(manager) {\n\t\tthis._editorEnabled = manager.editorEnabled.value ?? false;\n\t\tthis._updateIsSelected(manager.focusedContent.value);\n\t\tthis._updateEditedValue(manager);\n\t\tconst handleEnabledChange = (e) => {\n\t\t\tthis._editorEnabled = e.detail;\n\t\t\tthis._render();\n\t\t};\n\t\tconst handleFocusedChange = (e) => {\n\t\t\tthis._updateIsSelected(e.detail);\n\t\t};\n\t\tconst handleEditedContentChange = () => {\n\t\t\tthis._updateEditedValue(manager);\n\t\t};\n\t\tmanager.editorEnabled.addEventListener(\"change\", handleEnabledChange);\n\t\tmanager.focusedContent.addEventListener(\"change\", handleFocusedChange);\n\t\tmanager.editedContent.addEventListener(\"change\", handleEditedContentChange);\n\t\tthis._unsubEnabled = () => manager.editorEnabled.removeEventListener(\"change\", handleEnabledChange);\n\t\tthis._unsubFocused = () => manager.focusedContent.removeEventListener(\"change\", handleFocusedChange);\n\t\tthis._unsubEditedContent = () => manager.editedContent.removeEventListener(\"change\", handleEditedContentChange);\n\t}\n\t_handlePress(e) {\n\t\te.stopPropagation();\n\t\tconst manager = getGlobalEditorManager();\n\t\tif (!manager) return;\n\t\tmanager.focusedContent.set({\n\t\t\tdictionaryKey: this._dictionaryKey,\n\t\t\tkeyPath: this._getFilteredKeyPath()\n\t\t});\n\t}\n\t_handleHover(e) {\n\t\te.stopPropagation();\n\t\tgetGlobalEditorManager()?.messenger.send(`${\"INTLAYER_HOVERED_CONTENT_CHANGED\"}/post`, {\n\t\t\tdictionaryKey: this._dictionaryKey,\n\t\t\tkeyPath: this._getFilteredKeyPath()\n\t\t});\n\t}\n\t_handleUnhover(e) {\n\t\te.stopPropagation();\n\t\tgetGlobalEditorManager()?.messenger.send(`${\"INTLAYER_HOVERED_CONTENT_CHANGED\"}/post`, null);\n\t}\n\t_render() {\n\t\tconst useWrapper = this._isInIframe && this._editorEnabled;\n\t\tconst editedValue = this._editedValue;\n\t\tconst newState = !useWrapper ? \"simple\" : typeof editedValue === \"string\" || typeof editedValue === \"number\" || typeof editedValue === \"boolean\" ? \"wrapped-text\" : \"wrapped-slot\";\n\t\tif (this._renderState !== newState) {\n\t\t\tthis._rebuildContent(newState);\n\t\t\treturn;\n\t\t}\n\t\tif (newState !== \"simple\" && this._selector) {\n\t\t\tthis._updateSelectorAttr();\n\t\t\tif (newState === \"wrapped-text\" && this._selector.firstChild?.nodeType === Node.TEXT_NODE) this._selector.firstChild.data = String(editedValue);\n\t\t}\n\t}\n\t_rebuildContent(state) {\n\t\tconst shadow = this.shadowRoot;\n\t\twhile (shadow.childNodes.length > 1) shadow.removeChild(shadow.lastChild);\n\t\tthis._selector = null;\n\t\tif (state === \"simple\") shadow.appendChild(document.createElement(\"slot\"));\n\t\telse {\n\t\t\tconst selector = document.createElement(\"intlayer-content-selector\");\n\t\t\tthis._selector = selector;\n\t\t\tif (this._isSelected) selector.setAttribute(\"is-selecting\", \"\");\n\t\t\tselector.addEventListener(\"intlayer:press\", (e) => this._handlePress(e));\n\t\t\tselector.addEventListener(\"intlayer:hover\", (e) => this._handleHover(e));\n\t\t\tselector.addEventListener(\"intlayer:unhover\", (e) => this._handleUnhover(e));\n\t\t\tif (state === \"wrapped-text\") selector.appendChild(document.createTextNode(String(this._editedValue)));\n\t\t\telse selector.appendChild(document.createElement(\"slot\"));\n\t\t\tshadow.appendChild(selector);\n\t\t}\n\t\tthis._renderState = state;\n\t}\n};\nconst defineIntlayerContentSelectorWrapper = () => {\n\tif (typeof customElements === \"undefined\") return;\n\tif (!customElements.get(\"intlayer-content-selector-wrapper\")) customElements.define(\"intlayer-content-selector-wrapper\", IntlayerContentSelectorWrapperElement);\n};\n\n//#endregion\nexport { IntlayerContentSelectorWrapperElement, defineIntlayerContentSelectorWrapper };\n//# sourceMappingURL=ContentSelectorWrapper.mjs.map"],"mappings":"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"}

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/EditedContent.cjs

@@ -0,0 +1,161 @@
+const require_runtime = require('../../../../../../_virtual/_rolldown/runtime.cjs');
+const require_globalManager = require('../core/globalManager.cjs');
+let _intlayer_core_interpreter = require("@intlayer/core/interpreter");
+
+//#region ../../packages/@intlayer/editor/dist/esm/components/EditedContent.mjs
+const _HTMLElement = typeof HTMLElement !== "undefined" ? HTMLElement : class {};
+/**
+* <intlayer-edited-content>
+*
+* Framework-agnostic web component that displays edited content from the Intlayer
+* editor. When the editor has an edited value for the given dictionary key and
+* key path, it renders the edited value; otherwise it renders the original
+* content via a slot.
+*
+* Always wraps content in <intlayer-content-selector-wrapper> for selection UI.
+*
+* @attr {string} dictionary-key  - The dictionary key owning this content node
+* @attr {string} key-path        - JSON-serialized KeyPath[] for this content node
+* @attr {string} locale          - The current locale string
+*/
+var IntlayerEditedContentElement = class extends _HTMLElement {
+	_dictionaryKey = "";
+	_keyPathJson = "[]";
+	_locale = "";
+	_editedText = null;
+	_unsubManager = null;
+	_unsubEditedContent = null;
+	_selectorWrapper;
+	_slot;
+	static get observedAttributes() {
+		return [
+			"dictionary-key",
+			"key-path",
+			"locale"
+		];
+	}
+	get dictionaryKey() {
+		return this._dictionaryKey;
+	}
+	set dictionaryKey(v) {
+		this._dictionaryKey = v;
+		this._selectorWrapper.setAttribute("dictionary-key", v);
+	}
+	get keyPathJson() {
+		return this._keyPathJson;
+	}
+	set keyPathJson(v) {
+		this._keyPathJson = v;
+		this._selectorWrapper.setAttribute("key-path", v);
+	}
+	get locale() {
+		return this._locale;
+	}
+	set locale(v) {
+		this._locale = v;
+	}
+	constructor() {
+		super();
+		const shadow = this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = ":host { display: contents; }";
+		shadow.appendChild(style);
+		this._selectorWrapper = document.createElement("intlayer-content-selector-wrapper");
+		this._slot = document.createElement("slot");
+		this._selectorWrapper.appendChild(this._slot);
+		shadow.appendChild(this._selectorWrapper);
+	}
+	attributeChangedCallback(name, _oldVal, newVal) {
+		const val = newVal ?? "";
+		if (name === "dictionary-key") {
+			this._dictionaryKey = val;
+			this._selectorWrapper.setAttribute("dictionary-key", val);
+		} else if (name === "key-path") {
+			this._keyPathJson = val || "[]";
+			this._selectorWrapper.setAttribute("key-path", this._keyPathJson);
+		} else if (name === "locale") this._locale = val;
+	}
+	connectedCallback() {
+		this._subscribeToManager();
+	}
+	disconnectedCallback() {
+		this._teardown();
+	}
+	_teardown() {
+		this._unsubManager?.();
+		this._unsubEditedContent?.();
+		this._unsubManager = null;
+		this._unsubEditedContent = null;
+	}
+	_getKeyPath() {
+		try {
+			return JSON.parse(this._keyPathJson);
+		} catch {
+			return [];
+		}
+	}
+	_render() {
+		while (this._selectorWrapper.firstChild) this._selectorWrapper.removeChild(this._selectorWrapper.firstChild);
+		if (this._editedText !== null) this._selectorWrapper.appendChild(document.createTextNode(this._editedText));
+		else this._selectorWrapper.appendChild(this._slot);
+	}
+	_resolveEditedText(manager) {
+		const keyPath = this._getKeyPath();
+		const editedValue = manager.getContentValue(this._dictionaryKey, keyPath);
+		if (editedValue === void 0 || editedValue === null) {
+			this._editedText = null;
+			this._render();
+			return;
+		}
+		if (typeof editedValue === "string" || typeof editedValue === "number") {
+			this._editedText = String(editedValue);
+			this._render();
+			return;
+		}
+		if (typeof editedValue === "object") {
+			const locale = this._locale || void 0;
+			const transformed = (0, _intlayer_core_interpreter.getContent)(editedValue, {
+				locale,
+				dictionaryKey: this._dictionaryKey,
+				keyPath
+			}, (0, _intlayer_core_interpreter.getBasePlugins)(locale));
+			if (typeof transformed === "string" || typeof transformed === "number") this._editedText = String(transformed);
+			else {
+				console.error(`[intlayer-edited-content] Incorrect edited content format. Expected string. Value: ${JSON.stringify(transformed)}`);
+				this._editedText = null;
+			}
+			this._render();
+			return;
+		}
+		this._editedText = null;
+		this._render();
+	}
+	_setupManagerSubscriptions(manager) {
+		this._resolveEditedText(manager);
+		const handleChange = () => this._resolveEditedText(manager);
+		manager.editedContent.addEventListener("change", handleChange);
+		this._unsubEditedContent = () => manager.editedContent.removeEventListener("change", handleChange);
+	}
+	_subscribeToManager() {
+		const manager = require_globalManager.getGlobalEditorManager();
+		if (manager) this._setupManagerSubscriptions(manager);
+		this._unsubManager = require_globalManager.onGlobalEditorManagerChange((m) => {
+			this._unsubEditedContent?.();
+			this._unsubEditedContent = null;
+			if (m) this._setupManagerSubscriptions(m);
+			else {
+				this._editedText = null;
+				this._render();
+			}
+		});
+	}
+};
+const defineIntlayerEditedContent = () => {
+	if (typeof customElements === "undefined") return;
+	if (!customElements.get("intlayer-edited-content")) customElements.define("intlayer-edited-content", IntlayerEditedContentElement);
+};
+
+//#endregion
+exports.IntlayerEditedContentElement = IntlayerEditedContentElement;
+exports.defineIntlayerEditedContent = defineIntlayerEditedContent;
+//# sourceMappingURL=EditedContent.cjs.map

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/EditedContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditedContent.cjs","names":["getGlobalEditorManager","onGlobalEditorManagerChange"],"sources":["../../../../../../../../../../packages/@intlayer/editor/dist/esm/components/EditedContent.mjs"],"sourcesContent":["import { getGlobalEditorManager, onGlobalEditorManagerChange } from \"../core/globalManager.mjs\";\nimport { getBasePlugins, getContent } from \"@intlayer/core/interpreter\";\n\n//#region src/components/EditedContent.ts\nconst _HTMLElement = typeof HTMLElement !== \"undefined\" ? HTMLElement : class {};\n/**\n* <intlayer-edited-content>\n*\n* Framework-agnostic web component that displays edited content from the Intlayer\n* editor. When the editor has an edited value for the given dictionary key and\n* key path, it renders the edited value; otherwise it renders the original\n* content via a slot.\n*\n* Always wraps content in <intlayer-content-selector-wrapper> for selection UI.\n*\n* @attr {string} dictionary-key  - The dictionary key owning this content node\n* @attr {string} key-path        - JSON-serialized KeyPath[] for this content node\n* @attr {string} locale          - The current locale string\n*/\nvar IntlayerEditedContentElement = class extends _HTMLElement {\n\t_dictionaryKey = \"\";\n\t_keyPathJson = \"[]\";\n\t_locale = \"\";\n\t_editedText = null;\n\t_unsubManager = null;\n\t_unsubEditedContent = null;\n\t_selectorWrapper;\n\t_slot;\n\tstatic get observedAttributes() {\n\t\treturn [\n\t\t\t\"dictionary-key\",\n\t\t\t\"key-path\",\n\t\t\t\"locale\"\n\t\t];\n\t}\n\tget dictionaryKey() {\n\t\treturn this._dictionaryKey;\n\t}\n\tset dictionaryKey(v) {\n\t\tthis._dictionaryKey = v;\n\t\tthis._selectorWrapper.setAttribute(\"dictionary-key\", v);\n\t}\n\tget keyPathJson() {\n\t\treturn this._keyPathJson;\n\t}\n\tset keyPathJson(v) {\n\t\tthis._keyPathJson = v;\n\t\tthis._selectorWrapper.setAttribute(\"key-path\", v);\n\t}\n\tget locale() {\n\t\treturn this._locale;\n\t}\n\tset locale(v) {\n\t\tthis._locale = v;\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tconst shadow = this.attachShadow({ mode: \"open\" });\n\t\tconst style = document.createElement(\"style\");\n\t\tstyle.textContent = \":host { display: contents; }\";\n\t\tshadow.appendChild(style);\n\t\tthis._selectorWrapper = document.createElement(\"intlayer-content-selector-wrapper\");\n\t\tthis._slot = document.createElement(\"slot\");\n\t\tthis._selectorWrapper.appendChild(this._slot);\n\t\tshadow.appendChild(this._selectorWrapper);\n\t}\n\tattributeChangedCallback(name, _oldVal, newVal) {\n\t\tconst val = newVal ?? \"\";\n\t\tif (name === \"dictionary-key\") {\n\t\t\tthis._dictionaryKey = val;\n\t\t\tthis._selectorWrapper.setAttribute(\"dictionary-key\", val);\n\t\t} else if (name === \"key-path\") {\n\t\t\tthis._keyPathJson = val || \"[]\";\n\t\t\tthis._selectorWrapper.setAttribute(\"key-path\", this._keyPathJson);\n\t\t} else if (name === \"locale\") this._locale = val;\n\t}\n\tconnectedCallback() {\n\t\tthis._subscribeToManager();\n\t}\n\tdisconnectedCallback() {\n\t\tthis._teardown();\n\t}\n\t_teardown() {\n\t\tthis._unsubManager?.();\n\t\tthis._unsubEditedContent?.();\n\t\tthis._unsubManager = null;\n\t\tthis._unsubEditedContent = null;\n\t}\n\t_getKeyPath() {\n\t\ttry {\n\t\t\treturn JSON.parse(this._keyPathJson);\n\t\t} catch {\n\t\t\treturn [];\n\t\t}\n\t}\n\t_render() {\n\t\twhile (this._selectorWrapper.firstChild) this._selectorWrapper.removeChild(this._selectorWrapper.firstChild);\n\t\tif (this._editedText !== null) this._selectorWrapper.appendChild(document.createTextNode(this._editedText));\n\t\telse this._selectorWrapper.appendChild(this._slot);\n\t}\n\t_resolveEditedText(manager) {\n\t\tconst keyPath = this._getKeyPath();\n\t\tconst editedValue = manager.getContentValue(this._dictionaryKey, keyPath);\n\t\tif (editedValue === void 0 || editedValue === null) {\n\t\t\tthis._editedText = null;\n\t\t\tthis._render();\n\t\t\treturn;\n\t\t}\n\t\tif (typeof editedValue === \"string\" || typeof editedValue === \"number\") {\n\t\t\tthis._editedText = String(editedValue);\n\t\t\tthis._render();\n\t\t\treturn;\n\t\t}\n\t\tif (typeof editedValue === \"object\") {\n\t\t\tconst locale = this._locale || void 0;\n\t\t\tconst transformed = getContent(editedValue, {\n\t\t\t\tlocale,\n\t\t\t\tdictionaryKey: this._dictionaryKey,\n\t\t\t\tkeyPath\n\t\t\t}, getBasePlugins(locale));\n\t\t\tif (typeof transformed === \"string\" || typeof transformed === \"number\") this._editedText = String(transformed);\n\t\t\telse {\n\t\t\t\tconsole.error(`[intlayer-edited-content] Incorrect edited content format. Expected string. Value: ${JSON.stringify(transformed)}`);\n\t\t\t\tthis._editedText = null;\n\t\t\t}\n\t\t\tthis._render();\n\t\t\treturn;\n\t\t}\n\t\tthis._editedText = null;\n\t\tthis._render();\n\t}\n\t_setupManagerSubscriptions(manager) {\n\t\tthis._resolveEditedText(manager);\n\t\tconst handleChange = () => this._resolveEditedText(manager);\n\t\tmanager.editedContent.addEventListener(\"change\", handleChange);\n\t\tthis._unsubEditedContent = () => manager.editedContent.removeEventListener(\"change\", handleChange);\n\t}\n\t_subscribeToManager() {\n\t\tconst manager = getGlobalEditorManager();\n\t\tif (manager) this._setupManagerSubscriptions(manager);\n\t\tthis._unsubManager = onGlobalEditorManagerChange((m) => {\n\t\t\tthis._unsubEditedContent?.();\n\t\t\tthis._unsubEditedContent = null;\n\t\t\tif (m) this._setupManagerSubscriptions(m);\n\t\t\telse {\n\t\t\t\tthis._editedText = null;\n\t\t\t\tthis._render();\n\t\t\t}\n\t\t});\n\t}\n};\nconst defineIntlayerEditedContent = () => {\n\tif (typeof customElements === \"undefined\") return;\n\tif (!customElements.get(\"intlayer-edited-content\")) customElements.define(\"intlayer-edited-content\", IntlayerEditedContentElement);\n};\n\n//#endregion\nexport { IntlayerEditedContentElement, defineIntlayerEditedContent };\n//# sourceMappingURL=EditedContent.mjs.map"],"mappings":"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"}