@intlayer/editor 8.4.3 → 8.4.5

package/dist/cjs/_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.cjs

@@ -0,0 +1,11 @@
+
+//#region \0@oxc-project+runtime@0.115.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+exports.__decorate = __decorate;

package/dist/cjs/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,29 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+exports.__toESM = __toESM;

package/dist/cjs/compareUrls.cjs

@@ -1,2 +1,40 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=(e,t)=>{try{let n=new URL(e),r=new URL(t);if(n.protocol!==r.protocol||n.hostname!==r.hostname||n.port!==r.port)return!1;let i=n.pathname.replace(/\/$/,``),a=r.pathname.replace(/\/$/,``);return!(i!==``&&a!==``&&i!==a)}catch(n){return console.error(`Invalid URL(s)`,n,{url1:e,url2:t}),!1}};exports.compareUrls=e;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/compareUrls.ts
+/**
+* Compare two URLs for equality.
+* This function is used to determine if a message originates from the same origin.
+*
+* ```js
+* // Example usage
+* console.log(compareUrls("http://localhost:5173/", "http://localhost:5173")); // true
+* console.log(compareUrls("http://localhost:5173", "http://localhost:5173?myParam=true")); // true
+* console.log(compareUrls("http://localhost:5173/subpath", "http://localhost:5173")); // true
+* console.log(compareUrls("http://localhost:5172", "http://localhost:5173")); // false
+* ```
+*
+* @param url1 - The first URL to compare.
+* @param url2 - The second URL to compare.
+* @returns Whether the two URLs are equal.
+*/
+const compareUrls = (url1, url2) => {
+	try {
+		const parsedUrl1 = new URL(url1);
+		const parsedUrl2 = new URL(url2);
+		if (parsedUrl1.protocol !== parsedUrl2.protocol || parsedUrl1.hostname !== parsedUrl2.hostname || parsedUrl1.port !== parsedUrl2.port) return false;
+		const path1 = parsedUrl1.pathname.replace(/\/$/, "");
+		const path2 = parsedUrl2.pathname.replace(/\/$/, "");
+		if (path1 !== "" && path2 !== "" && path1 !== path2) return false;
+		return true;
+	} catch (error) {
+		console.error("Invalid URL(s)", error, {
+			url1,
+			url2
+		});
+		return false;
+	}
+};
+
+//#endregion
+exports.compareUrls = compareUrls;
 //# sourceMappingURL=compareUrls.cjs.map

package/dist/cjs/compareUrls.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"compareUrls.cjs","names":[],"sources":["../../src/compareUrls.ts"],"sourcesContent":["/**\n * Compare two URLs for equality.\n * This function is used to determine if a message originates from the same origin.\n *\n * ```js\n * // Example usage\n * console.log(compareUrls(\"http://localhost:5173/\", \"http://localhost:5173\")); // true\n * console.log(compareUrls(\"http://localhost:5173\", \"http://localhost:5173?myParam=true\")); // true\n * console.log(compareUrls(\"http://localhost:5173/subpath\", \"http://localhost:5173\")); // true\n * console.log(compareUrls(\"http://localhost:5172\", \"http://localhost:5173\")); // false\n * ```\n *\n * @param url1 - The first URL to compare.\n * @param url2 - The second URL to compare.\n * @returns Whether the two URLs are equal.\n */\nexport const compareUrls = (url1: string, url2: string): boolean => {\n  try {\n    const parsedUrl1 = new URL(url1);\n    const parsedUrl2 = new URL(url2);\n\n    // Compare protocol, hostname, and port\n    if (\n      parsedUrl1.protocol !== parsedUrl2.protocol ||\n      parsedUrl1.hostname !== parsedUrl2.hostname ||\n      parsedUrl1.port !== parsedUrl2.port\n    ) {\n      return false;\n    }\n\n    // One URL should not have a subpath while the other does\n    const path1 = parsedUrl1.pathname.replace(/\\/$/, ''); // Remove trailing slash\n    const path2 = parsedUrl2.pathname.replace(/\\/$/, '');\n\n    if (path1 !== '' && path2 !== '' && path1 !== path2) {\n      return false;\n    }\n\n    return true;\n  } catch (error) {\n    console.error('Invalid URL(s)', error, { url1, url2 });\n    return false;\n  }\n};\n"],"mappings":"mEAgBA,MAAa,GAAe,EAAc,IAA0B,CAClE,GAAI,CACF,IAAM,EAAa,IAAI,IAAI,EAAK,CAC1B,EAAa,IAAI,IAAI,EAAK,CAGhC,GACE,EAAW,WAAa,EAAW,UACnC,EAAW,WAAa,EAAW,UACnC,EAAW,OAAS,EAAW,KAE/B,MAAO,GAIT,IAAM,EAAQ,EAAW,SAAS,QAAQ,MAAO,GAAG,CAC9C,EAAQ,EAAW,SAAS,QAAQ,MAAO,GAAG,CAMpD,MAJA,EAAI,IAAU,IAAM,IAAU,IAAM,IAAU,SAKvC,EAAO,CAEd,OADA,QAAQ,MAAM,iBAAkB,EAAO,CAAE,OAAM,OAAM,CAAC,CAC/C"}
+{"version":3,"file":"compareUrls.cjs","names":[],"sources":["../../src/compareUrls.ts"],"sourcesContent":["/**\n * Compare two URLs for equality.\n * This function is used to determine if a message originates from the same origin.\n *\n * ```js\n * // Example usage\n * console.log(compareUrls(\"http://localhost:5173/\", \"http://localhost:5173\")); // true\n * console.log(compareUrls(\"http://localhost:5173\", \"http://localhost:5173?myParam=true\")); // true\n * console.log(compareUrls(\"http://localhost:5173/subpath\", \"http://localhost:5173\")); // true\n * console.log(compareUrls(\"http://localhost:5172\", \"http://localhost:5173\")); // false\n * ```\n *\n * @param url1 - The first URL to compare.\n * @param url2 - The second URL to compare.\n * @returns Whether the two URLs are equal.\n */\nexport const compareUrls = (url1: string, url2: string): boolean => {\n  try {\n    const parsedUrl1 = new URL(url1);\n    const parsedUrl2 = new URL(url2);\n\n    // Compare protocol, hostname, and port\n    if (\n      parsedUrl1.protocol !== parsedUrl2.protocol ||\n      parsedUrl1.hostname !== parsedUrl2.hostname ||\n      parsedUrl1.port !== parsedUrl2.port\n    ) {\n      return false;\n    }\n\n    // One URL should not have a subpath while the other does\n    const path1 = parsedUrl1.pathname.replace(/\\/$/, ''); // Remove trailing slash\n    const path2 = parsedUrl2.pathname.replace(/\\/$/, '');\n\n    if (path1 !== '' && path2 !== '' && path1 !== path2) {\n      return false;\n    }\n\n    return true;\n  } catch (error) {\n    console.error('Invalid URL(s)', error, { url1, url2 });\n    return false;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,MAAc,SAA0B;AAClE,KAAI;EACF,MAAM,aAAa,IAAI,IAAI,KAAK;EAChC,MAAM,aAAa,IAAI,IAAI,KAAK;AAGhC,MACE,WAAW,aAAa,WAAW,YACnC,WAAW,aAAa,WAAW,YACnC,WAAW,SAAS,WAAW,KAE/B,QAAO;EAIT,MAAM,QAAQ,WAAW,SAAS,QAAQ,OAAO,GAAG;EACpD,MAAM,QAAQ,WAAW,SAAS,QAAQ,OAAO,GAAG;AAEpD,MAAI,UAAU,MAAM,UAAU,MAAM,UAAU,MAC5C,QAAO;AAGT,SAAO;UACA,OAAO;AACd,UAAQ,MAAM,kBAAkB,OAAO;GAAE;GAAM;GAAM,CAAC;AACtD,SAAO"}

package/dist/cjs/components/ContentSelector.cjs

@@ -1 +1,168 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../components-DWu35JEb.cjs`);exports.IntlayerContentSelectorElement=e.t,exports.defineIntlayerElements=e.n;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_decorate = require('../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.cjs');
+const require_components_ContentSelectorWrapper = require('./ContentSelectorWrapper.cjs');
+const require_components_EditedContent = require('./EditedContent.cjs');
+const require_components_IntlayerEditor = require('./IntlayerEditor.cjs');
+let lit = require("lit");
+let lit_decorators_js = require("lit/decorators.js");
+
+//#region src/components/ContentSelector.ts
+const DEFAULT_PRESS_DURATION = 250;
+/**
+* <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).
+*
+* Replaces the per-framework ContentSelector components (React, Svelte, Vue, Solid).
+*
+* @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 lit.LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.isSelecting = false;
+		this.pressDuration = DEFAULT_PRESS_DURATION;
+		this._isHovered = false;
+		this._isSelectingState = false;
+		this._pressTimer = null;
+		this._clickOutsideHandler = null;
+	}
+	static {
+		this.styles = lit.css`
+    :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;
+    }
+  `;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this._clickOutsideHandler = (e) => {
+			if (!e.composedPath().includes(this)) {
+				this._isSelectingState = false;
+				this._dispatch("intlayer:click-outside");
+			}
+		};
+		document.addEventListener("mousedown", this._clickOutsideHandler);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		if (this._clickOutsideHandler) {
+			document.removeEventListener("mousedown", this._clickOutsideHandler);
+			this._clickOutsideHandler = null;
+		}
+		this._clearPressTimer();
+	}
+	_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._dispatch("intlayer:press");
+		}, this.pressDuration);
+	}
+	_handleMouseEnter() {
+		this._isHovered = true;
+		this._dispatch("intlayer:hover");
+	}
+	_handleMouseUpOrLeave() {
+		if (this._isHovered) {
+			this._isHovered = false;
+			this._dispatch("intlayer:unhover");
+		}
+		this._clearPressTimer();
+	}
+	_handleClick(e) {
+		if (this.isSelecting || this._isSelectingState) {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+	}
+	_handleBlur() {
+		this._isSelectingState = false;
+	}
+	render() {
+		return lit.html`
+      <span
+        class="wrapper"
+        ?data-active=${this.isSelecting || this._isSelectingState || this._isHovered}
+        role="button"
+        tabindex="0"
+        @mousedown=${this._handleMouseDown}
+        @mouseup=${this._handleMouseUpOrLeave}
+        @mouseleave=${this._handleMouseUpOrLeave}
+        @mouseenter=${this._handleMouseEnter}
+        @click=${this._handleClick}
+        @touchstart=${this._handleMouseDown}
+        @touchend=${this._handleMouseUpOrLeave}
+        @touchcancel=${this._handleMouseUpOrLeave}
+        @blur=${this._handleBlur}
+        @keyup=${() => {}}
+      >
+        <slot></slot>
+      </span>
+    `;
+	}
+};
+require_decorate.__decorate([(0, lit_decorators_js.property)({
+	type: Boolean,
+	attribute: "is-selecting"
+})], IntlayerContentSelectorElement.prototype, "isSelecting", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.property)({
+	type: Number,
+	attribute: "press-duration"
+})], IntlayerContentSelectorElement.prototype, "pressDuration", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.state)()], IntlayerContentSelectorElement.prototype, "_isHovered", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.state)()], IntlayerContentSelectorElement.prototype, "_isSelectingState", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.query)(".wrapper")], IntlayerContentSelectorElement.prototype, "_wrapper", void 0);
+/**
+* Register all Intlayer custom elements.
+* Call this once at application startup (inside IntlayerEditorProvider or similar).
+* Safe to call multiple times — only registers elements that are not yet defined.
+*/
+const defineIntlayerElements = () => {
+	if (typeof customElements === "undefined") return;
+	if (!customElements.get("intlayer-content-selector")) customElements.define("intlayer-content-selector", IntlayerContentSelectorElement);
+	require_components_ContentSelectorWrapper.defineIntlayerContentSelectorWrapper();
+	require_components_EditedContent.defineIntlayerEditedContent();
+	require_components_IntlayerEditor.defineIntlayerEditorElement();
+};
+
+//#endregion
+exports.IntlayerContentSelectorElement = IntlayerContentSelectorElement;
+exports.defineIntlayerElements = defineIntlayerElements;
+//# sourceMappingURL=ContentSelector.cjs.map

package/dist/cjs/components/ContentSelector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSelector.cjs","names":["LitElement"],"sources":["../../../src/components/ContentSelector.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { defineIntlayerContentSelectorWrapper } from './ContentSelectorWrapper';\nimport { defineIntlayerEditedContent } from './EditedContent';\nimport { defineIntlayerEditorElement } from './IntlayerEditor';\n\nconst DEFAULT_PRESS_DURATION = 250;\n\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 * Replaces the per-framework ContentSelector components (React, Svelte, Vue, Solid).\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 */\nexport class IntlayerContentSelectorElement extends LitElement {\n  static styles = css`\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  `;\n\n  @property({ type: Boolean, attribute: 'is-selecting' })\n  isSelecting = false;\n\n  @property({ type: Number, attribute: 'press-duration' })\n  pressDuration = DEFAULT_PRESS_DURATION;\n\n  @state() private _isHovered = false;\n  @state() private _isSelectingState = false;\n\n  @query('.wrapper') private _wrapper!: HTMLSpanElement;\n\n  private _pressTimer: ReturnType<typeof setTimeout> | null = null;\n  private _clickOutsideHandler: ((e: MouseEvent) => void) | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this._clickOutsideHandler = (e: MouseEvent) => {\n      // composedPath() pierces shadow boundaries\n      if (!e.composedPath().includes(this)) {\n        this._isSelectingState = false;\n        this._dispatch('intlayer:click-outside');\n      }\n    };\n    document.addEventListener('mousedown', this._clickOutsideHandler);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._clickOutsideHandler) {\n      document.removeEventListener('mousedown', this._clickOutsideHandler);\n      this._clickOutsideHandler = null;\n    }\n    this._clearPressTimer();\n  }\n\n  private _clearPressTimer(): void {\n    if (this._pressTimer !== null) {\n      clearTimeout(this._pressTimer);\n      this._pressTimer = null;\n    }\n  }\n\n  private _dispatch(eventName: string): void {\n    this.dispatchEvent(\n      new CustomEvent(eventName, { bubbles: true, composed: true })\n    );\n  }\n\n  private _handleMouseDown(): void {\n    this._clearPressTimer();\n    this._pressTimer = setTimeout(() => {\n      this._isSelectingState = true;\n      this._dispatch('intlayer:press');\n    }, this.pressDuration);\n  }\n\n  private _handleMouseEnter(): void {\n    this._isHovered = true;\n    this._dispatch('intlayer:hover');\n  }\n\n  private _handleMouseUpOrLeave(): void {\n    if (this._isHovered) {\n      this._isHovered = false;\n      this._dispatch('intlayer:unhover');\n    }\n    this._clearPressTimer();\n  }\n\n  private _handleClick(e: MouseEvent): void {\n    if (this.isSelecting || this._isSelectingState) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  private _handleBlur(): void {\n    this._isSelectingState = false;\n  }\n\n  render() {\n    const isActive =\n      this.isSelecting || this._isSelectingState || this._isHovered;\n    return html`\n      <span\n        class=\"wrapper\"\n        ?data-active=${isActive}\n        role=\"button\"\n        tabindex=\"0\"\n        @mousedown=${this._handleMouseDown}\n        @mouseup=${this._handleMouseUpOrLeave}\n        @mouseleave=${this._handleMouseUpOrLeave}\n        @mouseenter=${this._handleMouseEnter}\n        @click=${this._handleClick}\n        @touchstart=${this._handleMouseDown}\n        @touchend=${this._handleMouseUpOrLeave}\n        @touchcancel=${this._handleMouseUpOrLeave}\n        @blur=${this._handleBlur}\n        @keyup=${() => {}}\n      >\n        <slot></slot>\n      </span>\n    `;\n  }\n}\n\n/**\n * Register all Intlayer custom elements.\n * Call this once at application startup (inside IntlayerEditorProvider or similar).\n * Safe to call multiple times — only registers elements that are not yet defined.\n */\nexport const defineIntlayerElements = (): void => {\n  if (typeof customElements === 'undefined') return;\n  if (!customElements.get('intlayer-content-selector')) {\n    customElements.define(\n      'intlayer-content-selector',\n      IntlayerContentSelectorElement\n    );\n  }\n  defineIntlayerContentSelectorWrapper();\n  defineIntlayerEditedContent();\n  defineIntlayerEditorElement();\n};\n"],"mappings":";;;;;;;;;;AAMA,MAAM,yBAAyB;;;;;;;;;;;;;;;;;AAkB/B,IAAa,iCAAb,cAAoDA,eAAW;;;qBAwB/C;uBAGE;oBAEc;2BACO;qBAIuB;8BACK;;;gBAlCjD,OAAG;;;;;;;;;;;;;;;;;;;;;;CAoCnB,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,OAAK,wBAAwB,MAAkB;AAE7C,OAAI,CAAC,EAAE,cAAc,CAAC,SAAS,KAAK,EAAE;AACpC,SAAK,oBAAoB;AACzB,SAAK,UAAU,yBAAyB;;;AAG5C,WAAS,iBAAiB,aAAa,KAAK,qBAAqB;;CAGnE,uBAA6B;AAC3B,QAAM,sBAAsB;AAC5B,MAAI,KAAK,sBAAsB;AAC7B,YAAS,oBAAoB,aAAa,KAAK,qBAAqB;AACpE,QAAK,uBAAuB;;AAE9B,OAAK,kBAAkB;;CAGzB,AAAQ,mBAAyB;AAC/B,MAAI,KAAK,gBAAgB,MAAM;AAC7B,gBAAa,KAAK,YAAY;AAC9B,QAAK,cAAc;;;CAIvB,AAAQ,UAAU,WAAyB;AACzC,OAAK,cACH,IAAI,YAAY,WAAW;GAAE,SAAS;GAAM,UAAU;GAAM,CAAC,CAC9D;;CAGH,AAAQ,mBAAyB;AAC/B,OAAK,kBAAkB;AACvB,OAAK,cAAc,iBAAiB;AAClC,QAAK,oBAAoB;AACzB,QAAK,UAAU,iBAAiB;KAC/B,KAAK,cAAc;;CAGxB,AAAQ,oBAA0B;AAChC,OAAK,aAAa;AAClB,OAAK,UAAU,iBAAiB;;CAGlC,AAAQ,wBAA8B;AACpC,MAAI,KAAK,YAAY;AACnB,QAAK,aAAa;AAClB,QAAK,UAAU,mBAAmB;;AAEpC,OAAK,kBAAkB;;CAGzB,AAAQ,aAAa,GAAqB;AACxC,MAAI,KAAK,eAAe,KAAK,mBAAmB;AAC9C,KAAE,gBAAgB;AAClB,KAAE,iBAAiB;;;CAIvB,AAAQ,cAAoB;AAC1B,OAAK,oBAAoB;;CAG3B,SAAS;AAGP,SAAO,QAAI;;;uBADT,KAAK,eAAe,KAAK,qBAAqB,KAAK,WAIzB;;;qBAGX,KAAK,iBAAiB;mBACxB,KAAK,sBAAsB;sBACxB,KAAK,sBAAsB;sBAC3B,KAAK,kBAAkB;iBAC5B,KAAK,aAAa;sBACb,KAAK,iBAAiB;oBACxB,KAAK,sBAAsB;uBACxB,KAAK,sBAAsB;gBAClC,KAAK,YAAY;uBACV,GAAG;;;;;;;6DAlGd;CAAE,MAAM;CAAS,WAAW;CAAgB,CAAC;6DAG7C;CAAE,MAAM;CAAQ,WAAW;CAAkB,CAAC;2DAGhD;2DACA;0DAED,WAAW;;;;;;AAsGpB,MAAa,+BAAqC;AAChD,KAAI,OAAO,mBAAmB,YAAa;AAC3C,KAAI,CAAC,eAAe,IAAI,4BAA4B,CAClD,gBAAe,OACb,6BACA,+BACD;AAEH,iFAAsC;AACtC,+DAA6B;AAC7B,gEAA6B"}

package/dist/cjs/components/ContentSelectorWrapper.cjs

@@ -1,15 +1,204 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../messageKey.cjs`),t=require(`../core/globalManager.cjs`),n=require(`../decorate-Bg73f0d3.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`),a=require(`@intlayer/core/utils`),o=require(`@intlayer/types/nodeType`);var s=class extends r.LitElement{constructor(...e){super(...e),this.keyPathJson=`[]`,this.dictionaryKey=``,this._editorEnabled=!1,this._isInIframe=!1,this._isSelected=!1,this._editedValue=void 0,this._unsubManager=null,this._unsubEnabled=null,this._unsubFocused=null,this._unsubEditedContent=null}static{this.styles=r.css`
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_messageKey = require('../messageKey.cjs');
+const require_core_globalManager = require('../core/globalManager.cjs');
+const require_decorate = require('../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.cjs');
+let lit = require("lit");
+let lit_decorators_js = require("lit/decorators.js");
+let _intlayer_core_utils = require("@intlayer/core/utils");
+let _intlayer_types_nodeType = require("@intlayer/types/nodeType");
+_intlayer_types_nodeType = require_runtime.__toESM(_intlayer_types_nodeType);
+
+//#region src/components/ContentSelectorWrapper.ts
+/**
+* <intlayer-content-selector-wrapper>
+*
+* Framework-agnostic Lit element 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 lit.LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.keyPathJson = "[]";
+		this.dictionaryKey = "";
+		this._editorEnabled = false;
+		this._isInIframe = false;
+		this._isSelected = false;
+		this._editedValue = void 0;
+		this._unsubManager = null;
+		this._unsubEnabled = null;
+		this._unsubFocused = null;
+		this._unsubEditedContent = null;
+	}
+	static {
+		this.styles = lit.css`
     :host {
       display: contents;
     }
-  `}connectedCallback(){super.connectedCallback(),typeof window<`u`&&(this._isInIframe=window.self!==window.top),this._subscribeToManager()}disconnectedCallback(){super.disconnectedCallback(),this._teardown()}updated(e){if(e.has(`keyPathJson`)||e.has(`dictionaryKey`)){let e=t.getGlobalEditorManager();e&&this._updateEditedValue(e)}}_teardown(){this._unsubManager?.(),this._unsubEnabled?.(),this._unsubFocused?.(),this._unsubEditedContent?.(),this._unsubManager=null,this._unsubEnabled=null,this._unsubFocused=null,this._unsubEditedContent=null}_subscribeToManager(){let e=t.getGlobalEditorManager();e&&this._setupManagerSubscriptions(e),this._unsubManager=t.onGlobalEditorManagerChange(e=>{this._unsubEnabled?.(),this._unsubFocused?.(),this._unsubEditedContent?.(),this._unsubEnabled=null,this._unsubFocused=null,this._unsubEditedContent=null,e?this._setupManagerSubscriptions(e):(this._editorEnabled=!1,this._isSelected=!1,this._editedValue=void 0)})}_setupManagerSubscriptions(e){this._editorEnabled=e.editorEnabled.value??!1,this._updateIsSelected(e.focusedContent.value),this._updateEditedValue(e);let t=e=>{this._editorEnabled=e.detail},n=e=>{this._updateIsSelected(e.detail)},r=()=>{this._updateEditedValue(e)};e.editorEnabled.addEventListener(`change`,t),e.focusedContent.addEventListener(`change`,n),e.editedContent.addEventListener(`change`,r),this._unsubEnabled=()=>e.editorEnabled.removeEventListener(`change`,t),this._unsubFocused=()=>e.focusedContent.removeEventListener(`change`,n),this._unsubEditedContent=()=>e.editedContent.removeEventListener(`change`,r)}_getRawKeyPath(){try{return JSON.parse(this.keyPathJson)}catch{return[]}}_getFilteredKeyPath(){return this._getRawKeyPath().filter(e=>e.type!==o.NodeType.Translation)}_updateEditedValue(e){let t=this._getFilteredKeyPath();if(!this.dictionaryKey||t.length===0){this._editedValue=void 0;return}let n=this._getRawKeyPath(),r=n[n.length-1]?.type;if(r===o.NodeType.Markdown||r===o.NodeType.HTML||r===o.NodeType.Insertion||r===o.NodeType.File){this._editedValue=void 0;return}let i=e.getContentValue(this.dictionaryKey,t);if(typeof i==`object`&&i&&i.nodeType===o.NodeType.Translation){let t=e.currentLocale.value;i=t?i[o.NodeType.Translation][t]:void 0}this._editedValue=i}_updateIsSelected(e){if(!e){this._isSelected=!1;return}let t=this._getFilteredKeyPath();this._isSelected=e.dictionaryKey===this.dictionaryKey&&(e.keyPath?.length??0)>0&&(0,a.isSameKeyPath)(e.keyPath??[],t)}_handlePress(e){e.stopPropagation();let n=t.getGlobalEditorManager();n&&n.focusedContent.set({dictionaryKey:this.dictionaryKey,keyPath:this._getFilteredKeyPath()})}_handleHover(n){n.stopPropagation(),t.getGlobalEditorManager()?.messenger.send(`${e.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,{dictionaryKey:this.dictionaryKey,keyPath:this._getFilteredKeyPath()})}_handleUnhover(n){n.stopPropagation(),t.getGlobalEditorManager()?.messenger.send(`${e.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,null)}render(){if(!this._isInIframe||!this._editorEnabled)return r.html`<slot></slot>`;let e=this._editedValue,t=typeof e==`string`||typeof e==`number`||typeof e==`boolean`?e:r.html`<slot></slot>`;return r.html`
+  `;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		if (typeof window !== "undefined") this._isInIframe = window.self !== window.top;
+		this._subscribeToManager();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this._teardown();
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("keyPathJson") || changedProperties.has("dictionaryKey")) {
+			const manager = require_core_globalManager.getGlobalEditorManager();
+			if (manager) this._updateEditedValue(manager);
+		}
+	}
+	_teardown() {
+		this._unsubManager?.();
+		this._unsubEnabled?.();
+		this._unsubFocused?.();
+		this._unsubEditedContent?.();
+		this._unsubManager = null;
+		this._unsubEnabled = null;
+		this._unsubFocused = null;
+		this._unsubEditedContent = null;
+	}
+	_subscribeToManager() {
+		const manager = require_core_globalManager.getGlobalEditorManager();
+		if (manager) this._setupManagerSubscriptions(manager);
+		this._unsubManager = require_core_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;
+			}
+		});
+	}
+	_setupManagerSubscriptions(manager) {
+		this._editorEnabled = manager.editorEnabled.value ?? false;
+		this._updateIsSelected(manager.focusedContent.value);
+		this._updateEditedValue(manager);
+		const handleEnabledChange = (e) => {
+			this._editorEnabled = e.detail;
+		};
+		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);
+	}
+	_getRawKeyPath() {
+		try {
+			return JSON.parse(this.keyPathJson);
+		} catch {
+			return [];
+		}
+	}
+	_getFilteredKeyPath() {
+		return this._getRawKeyPath().filter((k) => k.type !== _intlayer_types_nodeType.TRANSLATION);
+	}
+	_updateEditedValue(manager) {
+		const filteredKeyPath = this._getFilteredKeyPath();
+		if (!this.dictionaryKey || filteredKeyPath.length === 0) {
+			this._editedValue = void 0;
+			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;
+			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;
+	}
+	_updateIsSelected(focusedContent) {
+		if (!focusedContent) {
+			this._isSelected = false;
+			return;
+		}
+		const keyPath = this._getFilteredKeyPath();
+		this._isSelected = focusedContent.dictionaryKey === this.dictionaryKey && (focusedContent.keyPath?.length ?? 0) > 0 && (0, _intlayer_core_utils.isSameKeyPath)(focusedContent.keyPath ?? [], keyPath);
+	}
+	_handlePress(e) {
+		e.stopPropagation();
+		const manager = require_core_globalManager.getGlobalEditorManager();
+		if (!manager) return;
+		manager.focusedContent.set({
+			dictionaryKey: this.dictionaryKey,
+			keyPath: this._getFilteredKeyPath()
+		});
+	}
+	_handleHover(e) {
+		e.stopPropagation();
+		require_core_globalManager.getGlobalEditorManager()?.messenger.send(`${require_messageKey.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`, {
+			dictionaryKey: this.dictionaryKey,
+			keyPath: this._getFilteredKeyPath()
+		});
+	}
+	_handleUnhover(e) {
+		e.stopPropagation();
+		require_core_globalManager.getGlobalEditorManager()?.messenger.send(`${require_messageKey.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`, null);
+	}
+	render() {
+		if (!this._isInIframe || !this._editorEnabled) return lit.html`<slot></slot>`;
+		const editedValue = this._editedValue;
+		const displayedContent = typeof editedValue === "string" || typeof editedValue === "number" || typeof editedValue === "boolean" ? editedValue : lit.html`<slot></slot>`;
+		return lit.html`
       <intlayer-content-selector
         ?is-selecting=${this._isSelected}
         @intlayer:press=${this._handlePress}
         @intlayer:hover=${this._handleHover}
         @intlayer:unhover=${this._handleUnhover}
       >
-        ${t}
+        ${displayedContent}
       </intlayer-content-selector>
-    `}};n.t([(0,i.property)({type:String,attribute:`key-path`})],s.prototype,`keyPathJson`,void 0),n.t([(0,i.property)({type:String,attribute:`dictionary-key`})],s.prototype,`dictionaryKey`,void 0),n.t([(0,i.state)()],s.prototype,`_editorEnabled`,void 0),n.t([(0,i.state)()],s.prototype,`_isInIframe`,void 0),n.t([(0,i.state)()],s.prototype,`_isSelected`,void 0),n.t([(0,i.state)()],s.prototype,`_editedValue`,void 0);const c=()=>{typeof customElements>`u`||customElements.get(`intlayer-content-selector-wrapper`)||customElements.define(`intlayer-content-selector-wrapper`,s)};exports.IntlayerContentSelectorWrapperElement=s,exports.defineIntlayerContentSelectorWrapper=c;
+    `;
+	}
+};
+require_decorate.__decorate([(0, lit_decorators_js.property)({
+	type: String,
+	attribute: "key-path"
+})], IntlayerContentSelectorWrapperElement.prototype, "keyPathJson", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.property)({
+	type: String,
+	attribute: "dictionary-key"
+})], IntlayerContentSelectorWrapperElement.prototype, "dictionaryKey", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.state)()], IntlayerContentSelectorWrapperElement.prototype, "_editorEnabled", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.state)()], IntlayerContentSelectorWrapperElement.prototype, "_isInIframe", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.state)()], IntlayerContentSelectorWrapperElement.prototype, "_isSelected", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.state)()], IntlayerContentSelectorWrapperElement.prototype, "_editedValue", void 0);
+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/components/ContentSelectorWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSelectorWrapper.cjs","names":["LitElement","getGlobalEditorManager","onGlobalEditorManagerChange","NodeType","MessageKey"],"sources":["../../../src/components/ContentSelectorWrapper.ts"],"sourcesContent":["import { isSameKeyPath } from '@intlayer/core/utils';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { NodeType, type TypedNodeModel } from '@intlayer/types/nodeType';\nimport { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport type {\n  EditorStateManager,\n  FileContent,\n} from '../core/EditorStateManager';\nimport {\n  getGlobalEditorManager,\n  onGlobalEditorManagerChange,\n} from '../core/globalManager';\nimport { MessageKey } from '../messageKey';\n\n/**\n * <intlayer-content-selector-wrapper>\n *\n * Framework-agnostic Lit element 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 */\nexport class IntlayerContentSelectorWrapperElement extends LitElement {\n  static styles = css`\n    :host {\n      display: contents;\n    }\n  `;\n\n  @property({ type: String, attribute: 'key-path' }) keyPathJson = '[]';\n  @property({ type: String, attribute: 'dictionary-key' }) dictionaryKey = '';\n\n  @state() private _editorEnabled = false;\n  @state() private _isInIframe = false;\n  @state() private _isSelected = false;\n  @state() private _editedValue: ContentNode | undefined = undefined;\n\n  private _unsubManager: (() => void) | null = null;\n  private _unsubEnabled: (() => void) | null = null;\n  private _unsubFocused: (() => void) | null = null;\n  private _unsubEditedContent: (() => void) | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (typeof window !== 'undefined') {\n      this._isInIframe = window.self !== window.top;\n    }\n    this._subscribeToManager();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._teardown();\n  }\n\n  updated(changedProperties: Map<string, unknown>): void {\n    if (\n      changedProperties.has('keyPathJson') ||\n      changedProperties.has('dictionaryKey')\n    ) {\n      const manager = getGlobalEditorManager();\n      if (manager) this._updateEditedValue(manager);\n    }\n  }\n\n  private _teardown(): void {\n    this._unsubManager?.();\n    this._unsubEnabled?.();\n    this._unsubFocused?.();\n    this._unsubEditedContent?.();\n    this._unsubManager = null;\n    this._unsubEnabled = null;\n    this._unsubFocused = null;\n    this._unsubEditedContent = null;\n  }\n\n  private _subscribeToManager(): void {\n    const manager = getGlobalEditorManager();\n    if (manager) {\n      this._setupManagerSubscriptions(manager);\n    }\n    // Keep listening for manager changes (handles stop + re-init cycles)\n    this._unsubManager = onGlobalEditorManagerChange((m) => {\n      this._unsubEnabled?.();\n      this._unsubFocused?.();\n      this._unsubEditedContent?.();\n      this._unsubEnabled = null;\n      this._unsubFocused = null;\n      this._unsubEditedContent = null;\n      if (m) {\n        this._setupManagerSubscriptions(m);\n      } else {\n        this._editorEnabled = false;\n        this._isSelected = false;\n        this._editedValue = undefined;\n      }\n    });\n  }\n\n  private _setupManagerSubscriptions(manager: EditorStateManager): void {\n    this._editorEnabled = manager.editorEnabled.value ?? false;\n    this._updateIsSelected(manager.focusedContent.value);\n    this._updateEditedValue(manager);\n\n    const handleEnabledChange = (e: Event) => {\n      this._editorEnabled = (e as CustomEvent<boolean>).detail;\n    };\n    const handleFocusedChange = (e: Event) => {\n      this._updateIsSelected((e as CustomEvent<FileContent | null>).detail);\n    };\n    const handleEditedContentChange = () => {\n      this._updateEditedValue(manager);\n    };\n\n    manager.editorEnabled.addEventListener('change', handleEnabledChange);\n    manager.focusedContent.addEventListener('change', handleFocusedChange);\n    manager.editedContent.addEventListener('change', handleEditedContentChange);\n\n    this._unsubEnabled = () =>\n      manager.editorEnabled.removeEventListener('change', handleEnabledChange);\n    this._unsubFocused = () =>\n      manager.focusedContent.removeEventListener('change', handleFocusedChange);\n    this._unsubEditedContent = () =>\n      manager.editedContent.removeEventListener(\n        'change',\n        handleEditedContentChange\n      );\n  }\n\n  private _getRawKeyPath(): KeyPath[] {\n    try {\n      return JSON.parse(this.keyPathJson) as KeyPath[];\n    } catch {\n      return [];\n    }\n  }\n\n  private _getFilteredKeyPath(): KeyPath[] {\n    return this._getRawKeyPath().filter((k) => k.type !== NodeType.Translation);\n  }\n\n  private _updateEditedValue(manager: EditorStateManager): void {\n    const filteredKeyPath = this._getFilteredKeyPath();\n    if (!this.dictionaryKey || filteredKeyPath.length === 0) {\n      this._editedValue = undefined;\n      return;\n    }\n\n    // Node types whose display requires framework-level rendering (markdown,\n    // HTML, insertion, file): do not override the slot — the framework handles\n    // those. Only plain / translated strings can be substituted here.\n    const rawKeyPath = this._getRawKeyPath();\n    const lastStepType = rawKeyPath[rawKeyPath.length - 1]?.type;\n    if (\n      lastStepType === NodeType.Markdown ||\n      lastStepType === NodeType.HTML ||\n      lastStepType === NodeType.Insertion ||\n      lastStepType === NodeType.File\n    ) {\n      this._editedValue = undefined;\n      return;\n    }\n\n    let value = manager.getContentValue(this.dictionaryKey, filteredKeyPath);\n\n    // getContentNodeByKeyPath resolves translation nodes only at intermediate\n    // steps, not the final leaf. Resolve manually when the returned value is\n    // still a translation object (happens when Translation steps are filtered\n    // out and the leaf IS the translation object).\n    if (\n      value !== null &&\n      value !== undefined &&\n      typeof value === 'object' &&\n      value.nodeType === NodeType.Translation\n    ) {\n      const locale = manager.currentLocale.value as string | undefined;\n      // TypedNodeModel<Translation, …> structurally satisfies TypedNode<BaseNode>\n      // (both have nodeType), so this narrowing cast is sound.\n      const node = value as TypedNodeModel<\n        typeof NodeType.Translation,\n        Record<string, ContentNode>\n      >;\n      value = locale ? node[NodeType.Translation][locale] : undefined;\n    }\n\n    this._editedValue = value;\n  }\n\n  private _updateIsSelected(\n    focusedContent: FileContent | null | undefined\n  ): void {\n    if (!focusedContent) {\n      this._isSelected = false;\n      return;\n    }\n    const keyPath = this._getFilteredKeyPath();\n    this._isSelected =\n      focusedContent.dictionaryKey === this.dictionaryKey &&\n      (focusedContent.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent.keyPath ?? [], keyPath);\n  }\n\n  private _handlePress(e: Event): void {\n    // Stop propagation so nested wrappers don't also fire (composed + bubbles)\n    e.stopPropagation();\n    const manager = getGlobalEditorManager();\n    if (!manager) return;\n    manager.focusedContent.set({\n      dictionaryKey: this.dictionaryKey,\n      keyPath: this._getFilteredKeyPath(),\n    });\n  }\n\n  private _handleHover(e: Event): void {\n    e.stopPropagation();\n    getGlobalEditorManager()?.messenger.send(\n      `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n      { dictionaryKey: this.dictionaryKey, keyPath: this._getFilteredKeyPath() }\n    );\n  }\n\n  private _handleUnhover(e: Event): void {\n    e.stopPropagation();\n    getGlobalEditorManager()?.messenger.send(\n      `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n      null\n    );\n  }\n\n  render() {\n    if (!this._isInIframe || !this._editorEnabled) {\n      return html`<slot></slot>`;\n    }\n\n    const editedValue = this._editedValue;\n    const displayedContent =\n      typeof editedValue === 'string' ||\n      typeof editedValue === 'number' ||\n      typeof editedValue === 'boolean'\n        ? editedValue\n        : html`<slot></slot>`;\n\n    return html`\n      <intlayer-content-selector\n        ?is-selecting=${this._isSelected}\n        @intlayer:press=${this._handlePress}\n        @intlayer:hover=${this._handleHover}\n        @intlayer:unhover=${this._handleUnhover}\n      >\n        ${displayedContent}\n      </intlayer-content-selector>\n    `;\n  }\n}\n\nexport const defineIntlayerContentSelectorWrapper = (): void => {\n  if (typeof customElements === 'undefined') return;\n\n  if (!customElements.get('intlayer-content-selector-wrapper')) {\n    customElements.define(\n      'intlayer-content-selector-wrapper',\n      IntlayerContentSelectorWrapperElement\n    );\n  }\n};\n"],"mappings":"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"}
+{"version":3,"file":"ContentSelectorWrapper.cjs","names":["LitElement","getGlobalEditorManager","onGlobalEditorManagerChange","NodeTypes","MessageKey"],"sources":["../../../src/components/ContentSelectorWrapper.ts"],"sourcesContent":["import { isSameKeyPath } from '@intlayer/core/utils';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { TypedNodeModel } from '@intlayer/types/nodeType';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport type {\n  EditorStateManager,\n  FileContent,\n} from '../core/EditorStateManager';\nimport {\n  getGlobalEditorManager,\n  onGlobalEditorManagerChange,\n} from '../core/globalManager';\nimport { MessageKey } from '../messageKey';\n\n/**\n * <intlayer-content-selector-wrapper>\n *\n * Framework-agnostic Lit element 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 */\nexport class IntlayerContentSelectorWrapperElement extends LitElement {\n  static styles = css`\n    :host {\n      display: contents;\n    }\n  `;\n\n  @property({ type: String, attribute: 'key-path' }) keyPathJson = '[]';\n  @property({ type: String, attribute: 'dictionary-key' }) dictionaryKey = '';\n\n  @state() private _editorEnabled = false;\n  @state() private _isInIframe = false;\n  @state() private _isSelected = false;\n  @state() private _editedValue: ContentNode | undefined = undefined;\n\n  private _unsubManager: (() => void) | null = null;\n  private _unsubEnabled: (() => void) | null = null;\n  private _unsubFocused: (() => void) | null = null;\n  private _unsubEditedContent: (() => void) | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (typeof window !== 'undefined') {\n      this._isInIframe = window.self !== window.top;\n    }\n    this._subscribeToManager();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._teardown();\n  }\n\n  updated(changedProperties: Map<string, unknown>): void {\n    if (\n      changedProperties.has('keyPathJson') ||\n      changedProperties.has('dictionaryKey')\n    ) {\n      const manager = getGlobalEditorManager();\n      if (manager) this._updateEditedValue(manager);\n    }\n  }\n\n  private _teardown(): void {\n    this._unsubManager?.();\n    this._unsubEnabled?.();\n    this._unsubFocused?.();\n    this._unsubEditedContent?.();\n    this._unsubManager = null;\n    this._unsubEnabled = null;\n    this._unsubFocused = null;\n    this._unsubEditedContent = null;\n  }\n\n  private _subscribeToManager(): void {\n    const manager = getGlobalEditorManager();\n    if (manager) {\n      this._setupManagerSubscriptions(manager);\n    }\n    // Keep listening for manager changes (handles stop + re-init cycles)\n    this._unsubManager = onGlobalEditorManagerChange((m) => {\n      this._unsubEnabled?.();\n      this._unsubFocused?.();\n      this._unsubEditedContent?.();\n      this._unsubEnabled = null;\n      this._unsubFocused = null;\n      this._unsubEditedContent = null;\n      if (m) {\n        this._setupManagerSubscriptions(m);\n      } else {\n        this._editorEnabled = false;\n        this._isSelected = false;\n        this._editedValue = undefined;\n      }\n    });\n  }\n\n  private _setupManagerSubscriptions(manager: EditorStateManager): void {\n    this._editorEnabled = manager.editorEnabled.value ?? false;\n    this._updateIsSelected(manager.focusedContent.value);\n    this._updateEditedValue(manager);\n\n    const handleEnabledChange = (e: Event) => {\n      this._editorEnabled = (e as CustomEvent<boolean>).detail;\n    };\n    const handleFocusedChange = (e: Event) => {\n      this._updateIsSelected((e as CustomEvent<FileContent | null>).detail);\n    };\n    const handleEditedContentChange = () => {\n      this._updateEditedValue(manager);\n    };\n\n    manager.editorEnabled.addEventListener('change', handleEnabledChange);\n    manager.focusedContent.addEventListener('change', handleFocusedChange);\n    manager.editedContent.addEventListener('change', handleEditedContentChange);\n\n    this._unsubEnabled = () =>\n      manager.editorEnabled.removeEventListener('change', handleEnabledChange);\n    this._unsubFocused = () =>\n      manager.focusedContent.removeEventListener('change', handleFocusedChange);\n    this._unsubEditedContent = () =>\n      manager.editedContent.removeEventListener(\n        'change',\n        handleEditedContentChange\n      );\n  }\n\n  private _getRawKeyPath(): KeyPath[] {\n    try {\n      return JSON.parse(this.keyPathJson) as KeyPath[];\n    } catch {\n      return [];\n    }\n  }\n\n  private _getFilteredKeyPath(): KeyPath[] {\n    return this._getRawKeyPath().filter(\n      (k) => k.type !== NodeTypes.TRANSLATION\n    );\n  }\n\n  private _updateEditedValue(manager: EditorStateManager): void {\n    const filteredKeyPath = this._getFilteredKeyPath();\n    if (!this.dictionaryKey || filteredKeyPath.length === 0) {\n      this._editedValue = undefined;\n      return;\n    }\n\n    // Node types whose display requires framework-level rendering (markdown,\n    // HTML, insertion, file): do not override the slot — the framework handles\n    // those. Only plain / translated strings can be substituted here.\n    const rawKeyPath = this._getRawKeyPath();\n    const lastStepType = rawKeyPath[rawKeyPath.length - 1]?.type;\n    if (\n      lastStepType === NodeTypes.MARKDOWN ||\n      lastStepType === NodeTypes.HTML ||\n      lastStepType === NodeTypes.INSERTION ||\n      lastStepType === NodeTypes.FILE\n    ) {\n      this._editedValue = undefined;\n      return;\n    }\n\n    let value = manager.getContentValue(this.dictionaryKey, filteredKeyPath);\n\n    // getContentNodeByKeyPath resolves translation nodes only at intermediate\n    // steps, not the final leaf. Resolve manually when the returned value is\n    // still a translation object (happens when Translation steps are filtered\n    // out and the leaf IS the translation object).\n    if (\n      value !== null &&\n      value !== undefined &&\n      typeof value === 'object' &&\n      value.nodeType === NodeTypes.TRANSLATION\n    ) {\n      const locale = manager.currentLocale.value as string | undefined;\n      // TypedNodeModel<Translation, …> structurally satisfies TypedNode<BaseNode>\n      // (both have nodeType), so this narrowing cast is sound.\n      const node = value as TypedNodeModel<\n        typeof NodeTypes.TRANSLATION,\n        Record<string, ContentNode>\n      >;\n      value = locale ? node[NodeTypes.TRANSLATION][locale] : undefined;\n    }\n\n    this._editedValue = value;\n  }\n\n  private _updateIsSelected(\n    focusedContent: FileContent | null | undefined\n  ): void {\n    if (!focusedContent) {\n      this._isSelected = false;\n      return;\n    }\n    const keyPath = this._getFilteredKeyPath();\n    this._isSelected =\n      focusedContent.dictionaryKey === this.dictionaryKey &&\n      (focusedContent.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent.keyPath ?? [], keyPath);\n  }\n\n  private _handlePress(e: Event): void {\n    // Stop propagation so nested wrappers don't also fire (composed + bubbles)\n    e.stopPropagation();\n    const manager = getGlobalEditorManager();\n    if (!manager) return;\n    manager.focusedContent.set({\n      dictionaryKey: this.dictionaryKey,\n      keyPath: this._getFilteredKeyPath(),\n    });\n  }\n\n  private _handleHover(e: Event): void {\n    e.stopPropagation();\n    getGlobalEditorManager()?.messenger.send(\n      `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n      { dictionaryKey: this.dictionaryKey, keyPath: this._getFilteredKeyPath() }\n    );\n  }\n\n  private _handleUnhover(e: Event): void {\n    e.stopPropagation();\n    getGlobalEditorManager()?.messenger.send(\n      `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n      null\n    );\n  }\n\n  render() {\n    if (!this._isInIframe || !this._editorEnabled) {\n      return html`<slot></slot>`;\n    }\n\n    const editedValue = this._editedValue;\n    const displayedContent =\n      typeof editedValue === 'string' ||\n      typeof editedValue === 'number' ||\n      typeof editedValue === 'boolean'\n        ? editedValue\n        : html`<slot></slot>`;\n\n    return html`\n      <intlayer-content-selector\n        ?is-selecting=${this._isSelected}\n        @intlayer:press=${this._handlePress}\n        @intlayer:hover=${this._handleHover}\n        @intlayer:unhover=${this._handleUnhover}\n      >\n        ${displayedContent}\n      </intlayer-content-selector>\n    `;\n  }\n}\n\nexport const defineIntlayerContentSelectorWrapper = (): void => {\n  if (typeof customElements === 'undefined') return;\n\n  if (!customElements.get('intlayer-content-selector-wrapper')) {\n    customElements.define(\n      'intlayer-content-selector-wrapper',\n      IntlayerContentSelectorWrapperElement\n    );\n  }\n};\n"],"mappings":"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"}