@intlayer/editor 8.4.4 → 8.4.5

package/dist/cjs/core/index.cjs

@@ -1 +1,20 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./globalManager.cjs`),t=require(`./CrossFrameMessenger.cjs`),n=require(`./CrossFrameStateManager.cjs`),r=require(`./IframeClickInterceptor.cjs`),i=require(`./UrlStateManager.cjs`),a=require(`./EditorStateManager.cjs`),o=require(`../components-DWu35JEb.cjs`);exports.CrossFrameMessenger=t.CrossFrameMessenger,exports.CrossFrameStateManager=n.CrossFrameStateManager,exports.EditorStateManager=a.EditorStateManager,exports.IframeClickInterceptor=r.IframeClickInterceptor,exports.UrlStateManager=i.UrlStateManager,exports.buildClientMessengerConfig=o.a,exports.getGlobalEditorManager=e.getGlobalEditorManager,exports.initEditorClient=o.o,exports.onGlobalEditorManagerChange=e.onGlobalEditorManagerChange,exports.setGlobalEditorManager=e.setGlobalEditorManager,exports.stopEditorClient=o.s;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_core_globalManager = require('./globalManager.cjs');
+const require_core_CrossFrameMessenger = require('./CrossFrameMessenger.cjs');
+const require_core_CrossFrameStateManager = require('./CrossFrameStateManager.cjs');
+const require_core_IframeClickInterceptor = require('./IframeClickInterceptor.cjs');
+const require_core_UrlStateManager = require('./UrlStateManager.cjs');
+const require_core_EditorStateManager = require('./EditorStateManager.cjs');
+const require_core_initEditorClient = require('./initEditorClient.cjs');
+
+exports.CrossFrameMessenger = require_core_CrossFrameMessenger.CrossFrameMessenger;
+exports.CrossFrameStateManager = require_core_CrossFrameStateManager.CrossFrameStateManager;
+exports.EditorStateManager = require_core_EditorStateManager.EditorStateManager;
+exports.IframeClickInterceptor = require_core_IframeClickInterceptor.IframeClickInterceptor;
+exports.UrlStateManager = require_core_UrlStateManager.UrlStateManager;
+exports.buildClientMessengerConfig = require_core_initEditorClient.buildClientMessengerConfig;
+exports.getGlobalEditorManager = require_core_globalManager.getGlobalEditorManager;
+exports.initEditorClient = require_core_initEditorClient.initEditorClient;
+exports.onGlobalEditorManagerChange = require_core_globalManager.onGlobalEditorManagerChange;
+exports.setGlobalEditorManager = require_core_globalManager.setGlobalEditorManager;
+exports.stopEditorClient = require_core_initEditorClient.stopEditorClient;

package/dist/cjs/core/initEditorClient.cjs

@@ -1 +1,58 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../components-DWu35JEb.cjs`);exports.buildClientMessengerConfig=e.a,exports.initEditorClient=e.o,exports.stopEditorClient=e.s;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_core_globalManager = require('./globalManager.cjs');
+const require_core_EditorStateManager = require('./EditorStateManager.cjs');
+const require_components_ContentSelector = require('../components/ContentSelector.cjs');
+let _intlayer_config_built = require("@intlayer/config/built");
+_intlayer_config_built = require_runtime.__toESM(_intlayer_config_built);
+
+//#region src/core/initEditorClient.ts
+const buildClientMessengerConfig = () => {
+	const { editor } = _intlayer_config_built.default ?? {};
+	return {
+		allowedOrigins: [editor?.editorURL, editor?.cmsURL].filter(Boolean),
+		postMessageFn: (payload, origin) => {
+			if (typeof window === "undefined") return;
+			if (!(window.self !== window.top)) return;
+			window.parent?.postMessage(payload, origin);
+		}
+	};
+};
+/** Reference count — tracks how many providers have called initEditorClient. */
+let _clientRefCount = 0;
+/**
+* Initialize the Intlayer editor client singleton.
+* Safe to call multiple times — returns the existing manager if already initialized.
+* Increments a reference counter so nested providers don't destroy the manager
+* prematurely when the inner provider unmounts.
+*/
+const initEditorClient = () => {
+	_clientRefCount++;
+	const existing = require_core_globalManager.getGlobalEditorManager();
+	if (existing) return existing;
+	const manager = new require_core_EditorStateManager.EditorStateManager({
+		mode: "client",
+		messenger: buildClientMessengerConfig(),
+		configuration: _intlayer_config_built.default
+	});
+	require_core_globalManager.setGlobalEditorManager(manager);
+	require_components_ContentSelector.defineIntlayerElements();
+	manager.start();
+	return manager;
+};
+/**
+* Decrement the reference count and stop the global editor client singleton
+* only when the last provider unmounts.
+*/
+const stopEditorClient = () => {
+	_clientRefCount = Math.max(0, _clientRefCount - 1);
+	if (_clientRefCount > 0) return;
+	require_core_globalManager.getGlobalEditorManager()?.stop();
+	require_core_globalManager.setGlobalEditorManager(null);
+};
+
+//#endregion
+exports.buildClientMessengerConfig = buildClientMessengerConfig;
+exports.initEditorClient = initEditorClient;
+exports.stopEditorClient = stopEditorClient;
+//# sourceMappingURL=initEditorClient.cjs.map

package/dist/cjs/core/initEditorClient.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"initEditorClient.cjs","names":["configuration","getGlobalEditorManager","EditorStateManager"],"sources":["../../../src/core/initEditorClient.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport { defineIntlayerElements } from '../components';\nimport type { MessengerConfig } from './CrossFrameMessenger';\nimport { EditorStateManager } from './EditorStateManager';\nimport {\n  getGlobalEditorManager,\n  setGlobalEditorManager,\n} from './globalManager';\n\nexport const buildClientMessengerConfig = (): MessengerConfig => {\n  const { editor } = configuration ?? {};\n\n  return {\n    allowedOrigins: [editor?.editorURL, editor?.cmsURL].filter(\n      Boolean\n    ) as string[],\n    postMessageFn: (payload: unknown, origin: string) => {\n      if (typeof window === 'undefined') return;\n\n      const isInIframe = window.self !== window.top;\n\n      if (!isInIframe) return;\n      window.parent?.postMessage(payload, origin);\n    },\n  };\n};\n\n/** Reference count — tracks how many providers have called initEditorClient. */\nlet _clientRefCount = 0;\n\n/**\n * Initialize the Intlayer editor client singleton.\n * Safe to call multiple times — returns the existing manager if already initialized.\n * Increments a reference counter so nested providers don't destroy the manager\n * prematurely when the inner provider unmounts.\n */\nexport const initEditorClient = (): EditorStateManager => {\n  _clientRefCount++;\n\n  const existing = getGlobalEditorManager();\n  if (existing) return existing;\n\n  const manager = new EditorStateManager({\n    mode: 'client',\n    messenger: buildClientMessengerConfig(),\n    configuration,\n  });\n\n  setGlobalEditorManager(manager);\n  defineIntlayerElements();\n  manager.start();\n\n  return manager;\n};\n\n/**\n * Decrement the reference count and stop the global editor client singleton\n * only when the last provider unmounts.\n */\nexport const stopEditorClient = (): void => {\n  _clientRefCount = Math.max(0, _clientRefCount - 1);\n\n  if (_clientRefCount > 0) return;\n\n  const manager = getGlobalEditorManager();\n  manager?.stop();\n  setGlobalEditorManager(null);\n};\n"],"mappings":";;;;;;;;;AASA,MAAa,mCAAoD;CAC/D,MAAM,EAAE,WAAWA,kCAAiB,EAAE;AAEtC,QAAO;EACL,gBAAgB,CAAC,QAAQ,WAAW,QAAQ,OAAO,CAAC,OAClD,QACD;EACD,gBAAgB,SAAkB,WAAmB;AACnD,OAAI,OAAO,WAAW,YAAa;AAInC,OAAI,EAFe,OAAO,SAAS,OAAO,KAEzB;AACjB,UAAO,QAAQ,YAAY,SAAS,OAAO;;EAE9C;;;AAIH,IAAI,kBAAkB;;;;;;;AAQtB,MAAa,yBAA6C;AACxD;CAEA,MAAM,WAAWC,mDAAwB;AACzC,KAAI,SAAU,QAAO;CAErB,MAAM,UAAU,IAAIC,mDAAmB;EACrC,MAAM;EACN,WAAW,4BAA4B;EACvC;EACD,CAAC;AAEF,mDAAuB,QAAQ;AAC/B,4DAAwB;AACxB,SAAQ,OAAO;AAEf,QAAO;;;;;;AAOT,MAAa,yBAA+B;AAC1C,mBAAkB,KAAK,IAAI,GAAG,kBAAkB,EAAE;AAElD,KAAI,kBAAkB,EAAG;AAGzB,CADgBD,mDAAwB,EAC/B,MAAM;AACf,mDAAuB,KAAK"}

package/dist/cjs/index.cjs

@@ -1 +1,38 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./compareUrls.cjs`),t=require(`./messageKey.cjs`),n=require(`./mergeIframeClick.cjs`),r=require(`./core/globalManager.cjs`),i=require(`./components/ContentSelectorWrapper.cjs`),a=require(`./components/EditedContent.cjs`),o=require(`./core/CrossFrameMessenger.cjs`),s=require(`./core/CrossFrameStateManager.cjs`),c=require(`./core/IframeClickInterceptor.cjs`),l=require(`./core/UrlStateManager.cjs`),u=require(`./core/EditorStateManager.cjs`),d=require(`./components-DWu35JEb.cjs`);require(`./core/index.cjs`),exports.CrossFrameMessenger=o.CrossFrameMessenger,exports.CrossFrameStateManager=s.CrossFrameStateManager,exports.EditorStateManager=u.EditorStateManager,exports.IframeClickInterceptor=c.IframeClickInterceptor,exports.IntlayerContentSelectorElement=d.t,exports.IntlayerContentSelectorWrapperElement=i.IntlayerContentSelectorWrapperElement,exports.IntlayerEditedContentElement=a.IntlayerEditedContentElement,exports.IntlayerEditorElement=d.r,exports.MessageKey=t.MessageKey,exports.UrlStateManager=l.UrlStateManager,exports.buildClientMessengerConfig=d.a,exports.compareUrls=e.compareUrls,exports.defineIntlayerContentSelectorWrapper=i.defineIntlayerContentSelectorWrapper,exports.defineIntlayerEditedContent=a.defineIntlayerEditedContent,exports.defineIntlayerEditorElement=d.i,exports.defineIntlayerElements=d.n,exports.getGlobalEditorManager=r.getGlobalEditorManager,exports.initEditorClient=d.o,exports.mergeIframeClick=n.mergeIframeClick,exports.onGlobalEditorManagerChange=r.onGlobalEditorManagerChange,exports.setGlobalEditorManager=r.setGlobalEditorManager,exports.stopEditorClient=d.s;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_compareUrls = require('./compareUrls.cjs');
+const require_messageKey = require('./messageKey.cjs');
+const require_mergeIframeClick = require('./mergeIframeClick.cjs');
+const require_core_globalManager = require('./core/globalManager.cjs');
+const require_components_ContentSelectorWrapper = require('./components/ContentSelectorWrapper.cjs');
+const require_components_EditedContent = require('./components/EditedContent.cjs');
+const require_core_CrossFrameMessenger = require('./core/CrossFrameMessenger.cjs');
+const require_core_CrossFrameStateManager = require('./core/CrossFrameStateManager.cjs');
+const require_core_IframeClickInterceptor = require('./core/IframeClickInterceptor.cjs');
+const require_core_UrlStateManager = require('./core/UrlStateManager.cjs');
+const require_core_EditorStateManager = require('./core/EditorStateManager.cjs');
+const require_core_initEditorClient = require('./core/initEditorClient.cjs');
+const require_components_IntlayerEditor = require('./components/IntlayerEditor.cjs');
+const require_components_ContentSelector = require('./components/ContentSelector.cjs');
+
+exports.CrossFrameMessenger = require_core_CrossFrameMessenger.CrossFrameMessenger;
+exports.CrossFrameStateManager = require_core_CrossFrameStateManager.CrossFrameStateManager;
+exports.EditorStateManager = require_core_EditorStateManager.EditorStateManager;
+exports.IframeClickInterceptor = require_core_IframeClickInterceptor.IframeClickInterceptor;
+exports.IntlayerContentSelectorElement = require_components_ContentSelector.IntlayerContentSelectorElement;
+exports.IntlayerContentSelectorWrapperElement = require_components_ContentSelectorWrapper.IntlayerContentSelectorWrapperElement;
+exports.IntlayerEditedContentElement = require_components_EditedContent.IntlayerEditedContentElement;
+exports.IntlayerEditorElement = require_components_IntlayerEditor.IntlayerEditorElement;
+exports.MessageKey = require_messageKey.MessageKey;
+exports.UrlStateManager = require_core_UrlStateManager.UrlStateManager;
+exports.buildClientMessengerConfig = require_core_initEditorClient.buildClientMessengerConfig;
+exports.compareUrls = require_compareUrls.compareUrls;
+exports.defineIntlayerContentSelectorWrapper = require_components_ContentSelectorWrapper.defineIntlayerContentSelectorWrapper;
+exports.defineIntlayerEditedContent = require_components_EditedContent.defineIntlayerEditedContent;
+exports.defineIntlayerEditorElement = require_components_IntlayerEditor.defineIntlayerEditorElement;
+exports.defineIntlayerElements = require_components_ContentSelector.defineIntlayerElements;
+exports.getGlobalEditorManager = require_core_globalManager.getGlobalEditorManager;
+exports.initEditorClient = require_core_initEditorClient.initEditorClient;
+exports.mergeIframeClick = require_mergeIframeClick.mergeIframeClick;
+exports.onGlobalEditorManagerChange = require_core_globalManager.onGlobalEditorManagerChange;
+exports.setGlobalEditorManager = require_core_globalManager.setGlobalEditorManager;
+exports.stopEditorClient = require_core_initEditorClient.stopEditorClient;

package/dist/cjs/isEnabled.cjs

@@ -1,2 +1,11 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@intlayer/config/built`);t=e.t(t);const n=t.default.editor?.enabled&&typeof window<`u`&&window.self!==window.top;exports.isEnabled=n;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('./_virtual/_rolldown/runtime.cjs');
+let _intlayer_config_built = require("@intlayer/config/built");
+_intlayer_config_built = require_runtime.__toESM(_intlayer_config_built);
+
+//#region src/isEnabled.ts
+const isEnabled = _intlayer_config_built.default.editor?.enabled && typeof window !== "undefined" && window.self !== window.top;
+
+//#endregion
+exports.isEnabled = isEnabled;
 //# sourceMappingURL=isEnabled.cjs.map

package/dist/cjs/isEnabled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"isEnabled.cjs","names":["configuration"],"sources":["../../src/isEnabled.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nexport const isEnabled =\n  configuration.editor?.enabled && // Editor enabled in config\n  typeof window !== 'undefined' && // Client side\n  window.self !== window.top; // Is in iframe\n"],"mappings":"4JAEA,MAAa,EACXA,EAAAA,QAAc,QAAQ,SACtB,OAAO,OAAW,KAClB,OAAO,OAAS,OAAO"}
+{"version":3,"file":"isEnabled.cjs","names":["configuration"],"sources":["../../src/isEnabled.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nexport const isEnabled =\n  configuration.editor?.enabled && // Editor enabled in config\n  typeof window !== 'undefined' && // Client side\n  window.self !== window.top; // Is in iframe\n"],"mappings":";;;;;;AAEA,MAAa,YACXA,+BAAc,QAAQ,WACtB,OAAO,WAAW,eAClB,OAAO,SAAS,OAAO"}

package/dist/cjs/mergeIframeClick.cjs

@@ -1,2 +1,23 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=e=>{let t=new MouseEvent(`mousedown`,{bubbles:!0,cancelable:!0,view:window}),n=new MouseEvent(`click`,{bubbles:!0,cancelable:!0,view:window});Object.assign(n,{iframeData:e}),Object.assign(t,{iframeData:e}),window.dispatchEvent(n),window.dispatchEvent(t)};exports.mergeIframeClick=e;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/mergeIframeClick.ts
+const mergeIframeClick = (event) => {
+	const simulatedMouseDownEvent = new MouseEvent("mousedown", {
+		bubbles: true,
+		cancelable: true,
+		view: window
+	});
+	const simulatedClickEvent = new MouseEvent("click", {
+		bubbles: true,
+		cancelable: true,
+		view: window
+	});
+	Object.assign(simulatedClickEvent, { iframeData: event });
+	Object.assign(simulatedMouseDownEvent, { iframeData: event });
+	window.dispatchEvent(simulatedClickEvent);
+	window.dispatchEvent(simulatedMouseDownEvent);
+};
+
+//#endregion
+exports.mergeIframeClick = mergeIframeClick;
 //# sourceMappingURL=mergeIframeClick.cjs.map

package/dist/cjs/mergeIframeClick.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mergeIframeClick.cjs","names":[],"sources":["../../src/mergeIframeClick.ts"],"sourcesContent":["// Listener for messages from the iframe\nexport const mergeIframeClick = (event: MessageEvent) => {\n  // Simulate or merge the iframe message with a click event\n  const simulatedMouseDownEvent = new MouseEvent('mousedown', {\n    bubbles: true,\n    cancelable: true,\n    view: window,\n  });\n  const simulatedClickEvent = new MouseEvent('click', {\n    bubbles: true,\n    cancelable: true,\n    view: window,\n  });\n\n  // Optionally attach additional properties from the iframe message\n  Object.assign(simulatedClickEvent, { iframeData: event });\n  Object.assign(simulatedMouseDownEvent, { iframeData: event });\n\n  // Dispatch the simulated click event on the window or a specific element\n  window.dispatchEvent(simulatedClickEvent);\n  window.dispatchEvent(simulatedMouseDownEvent);\n};\n"],"mappings":"mEACA,MAAa,EAAoB,GAAwB,CAEvD,IAAM,EAA0B,IAAI,WAAW,YAAa,CAC1D,QAAS,GACT,WAAY,GACZ,KAAM,OACP,CAAC,CACI,EAAsB,IAAI,WAAW,QAAS,CAClD,QAAS,GACT,WAAY,GACZ,KAAM,OACP,CAAC,CAGF,OAAO,OAAO,EAAqB,CAAE,WAAY,EAAO,CAAC,CACzD,OAAO,OAAO,EAAyB,CAAE,WAAY,EAAO,CAAC,CAG7D,OAAO,cAAc,EAAoB,CACzC,OAAO,cAAc,EAAwB"}
+{"version":3,"file":"mergeIframeClick.cjs","names":[],"sources":["../../src/mergeIframeClick.ts"],"sourcesContent":["// Listener for messages from the iframe\nexport const mergeIframeClick = (event: MessageEvent) => {\n  // Simulate or merge the iframe message with a click event\n  const simulatedMouseDownEvent = new MouseEvent('mousedown', {\n    bubbles: true,\n    cancelable: true,\n    view: window,\n  });\n  const simulatedClickEvent = new MouseEvent('click', {\n    bubbles: true,\n    cancelable: true,\n    view: window,\n  });\n\n  // Optionally attach additional properties from the iframe message\n  Object.assign(simulatedClickEvent, { iframeData: event });\n  Object.assign(simulatedMouseDownEvent, { iframeData: event });\n\n  // Dispatch the simulated click event on the window or a specific element\n  window.dispatchEvent(simulatedClickEvent);\n  window.dispatchEvent(simulatedMouseDownEvent);\n};\n"],"mappings":";;;AACA,MAAa,oBAAoB,UAAwB;CAEvD,MAAM,0BAA0B,IAAI,WAAW,aAAa;EAC1D,SAAS;EACT,YAAY;EACZ,MAAM;EACP,CAAC;CACF,MAAM,sBAAsB,IAAI,WAAW,SAAS;EAClD,SAAS;EACT,YAAY;EACZ,MAAM;EACP,CAAC;AAGF,QAAO,OAAO,qBAAqB,EAAE,YAAY,OAAO,CAAC;AACzD,QAAO,OAAO,yBAAyB,EAAE,YAAY,OAAO,CAAC;AAG7D,QAAO,cAAc,oBAAoB;AACzC,QAAO,cAAc,wBAAwB"}

package/dist/cjs/messageKey.cjs

@@ -1,2 +1,31 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=function(e){return e.INTLAYER_CLIENT_READY=`INTLAYER_CLIENT_READY`,e.INTLAYER_ARE_YOU_THERE=`INTLAYER_ARE_YOU_THERE`,e.INTLAYER_EDITOR_ACTIVATE=`INTLAYER_EDITOR_ACTIVATE`,e.INTLAYER_EDITOR_ENABLED=`INTLAYER_EDITOR_ENABLED`,e.INTLAYER_CONFIGURATION=`INTLAYER_CONFIGURATION`,e.INTLAYER_CURRENT_LOCALE=`INTLAYER_CURRENT_LOCALE`,e.INTLAYER_URL_CHANGE=`INTLAYER_URL_CHANGE`,e.INTLAYER_LOCALE_DICTIONARIES_CHANGED=`INTLAYER_LOCALE_DICTIONARIES_CHANGED`,e.INTLAYER_DISTANT_DICTIONARIES_CHANGED=`INTLAYER_DISTANT_DICTIONARIES_CHANGED`,e.INTLAYER_HOVERED_CONTENT_CHANGED=`INTLAYER_HOVERED_CONTENT_CHANGED`,e.INTLAYER_FOCUSED_CONTENT_CHANGED=`INTLAYER_FOCUSED_CONTENT_CHANGED`,e.INTLAYER_EDITED_CONTENT_CHANGED=`INTLAYER_EDITED_CONTENT_CHANGED`,e.INTLAYER_IFRAME_CLICKED=`INTLAYER_IFRAME_CLICKED`,e}({});exports.MessageKey=e;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/messageKey.ts
+let MessageKey = /* @__PURE__ */ function(MessageKey) {
+	/** Client → editor: announces the client is ready (also used as response to ARE_YOU_THERE) */
+	MessageKey["INTLAYER_CLIENT_READY"] = "INTLAYER_CLIENT_READY";
+	/** Editor → client: asks if the client is still alive */
+	MessageKey["INTLAYER_ARE_YOU_THERE"] = "INTLAYER_ARE_YOU_THERE";
+	/** Editor → client: instructs the client to activate the editor selector */
+	MessageKey["INTLAYER_EDITOR_ACTIVATE"] = "INTLAYER_EDITOR_ACTIVATE";
+	/** Client → editor: instructs the editor that the client is enabled */
+	MessageKey["INTLAYER_EDITOR_ENABLED"] = "INTLAYER_EDITOR_ENABLED";
+	/** Client → editor: send information related the app */
+	MessageKey["INTLAYER_CONFIGURATION"] = "INTLAYER_CONFIGURATION";
+	MessageKey["INTLAYER_CURRENT_LOCALE"] = "INTLAYER_CURRENT_LOCALE";
+	MessageKey["INTLAYER_URL_CHANGE"] = "INTLAYER_URL_CHANGE";
+	/** Client → editor: load and update content */
+	MessageKey["INTLAYER_LOCALE_DICTIONARIES_CHANGED"] = "INTLAYER_LOCALE_DICTIONARIES_CHANGED";
+	MessageKey["INTLAYER_DISTANT_DICTIONARIES_CHANGED"] = "INTLAYER_DISTANT_DICTIONARIES_CHANGED";
+	/** Client → editor & Editor → client: Update focus and changed content */
+	MessageKey["INTLAYER_HOVERED_CONTENT_CHANGED"] = "INTLAYER_HOVERED_CONTENT_CHANGED";
+	MessageKey["INTLAYER_FOCUSED_CONTENT_CHANGED"] = "INTLAYER_FOCUSED_CONTENT_CHANGED";
+	MessageKey["INTLAYER_EDITED_CONTENT_CHANGED"] = "INTLAYER_EDITED_CONTENT_CHANGED";
+	/** Client → editor: Helper to sync iframe client reactivity on click client */
+	MessageKey["INTLAYER_IFRAME_CLICKED"] = "INTLAYER_IFRAME_CLICKED";
+	return MessageKey;
+}({});
+
+//#endregion
+exports.MessageKey = MessageKey;
 //# sourceMappingURL=messageKey.cjs.map

package/dist/cjs/messageKey.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"messageKey.cjs","names":[],"sources":["../../src/messageKey.ts"],"sourcesContent":["export enum MessageKey {\n  /** Client → editor: announces the client is ready (also used as response to ARE_YOU_THERE) */\n  INTLAYER_CLIENT_READY = 'INTLAYER_CLIENT_READY',\n  /** Editor → client: asks if the client is still alive */\n  INTLAYER_ARE_YOU_THERE = 'INTLAYER_ARE_YOU_THERE',\n  /** Editor → client: instructs the client to activate the editor selector */\n  INTLAYER_EDITOR_ACTIVATE = 'INTLAYER_EDITOR_ACTIVATE',\n  /** Client → editor: instructs the editor that the client is enabled */\n  INTLAYER_EDITOR_ENABLED = 'INTLAYER_EDITOR_ENABLED',\n\n  /** Client → editor: send information related the app */\n  INTLAYER_CONFIGURATION = 'INTLAYER_CONFIGURATION',\n  INTLAYER_CURRENT_LOCALE = 'INTLAYER_CURRENT_LOCALE',\n  INTLAYER_URL_CHANGE = 'INTLAYER_URL_CHANGE',\n\n  /** Client → editor: load and update content */\n  INTLAYER_LOCALE_DICTIONARIES_CHANGED = 'INTLAYER_LOCALE_DICTIONARIES_CHANGED',\n  INTLAYER_DISTANT_DICTIONARIES_CHANGED = 'INTLAYER_DISTANT_DICTIONARIES_CHANGED',\n\n  /** Client → editor & Editor → client: Update focus and changed content */\n  INTLAYER_HOVERED_CONTENT_CHANGED = 'INTLAYER_HOVERED_CONTENT_CHANGED',\n  INTLAYER_FOCUSED_CONTENT_CHANGED = 'INTLAYER_FOCUSED_CONTENT_CHANGED',\n  INTLAYER_EDITED_CONTENT_CHANGED = 'INTLAYER_EDITED_CONTENT_CHANGED',\n\n  /** Client → editor: Helper to sync iframe client reactivity on click client */\n  INTLAYER_IFRAME_CLICKED = 'INTLAYER_IFRAME_CLICKED',\n}\n"],"mappings":"mEAAA,IAAY,EAAL,SAAA,EAAA,OAEL,GAAA,sBAAA,wBAEA,EAAA,uBAAA,yBAEA,EAAA,yBAAA,2BAEA,EAAA,wBAAA,0BAGA,EAAA,uBAAA,yBACA,EAAA,wBAAA,0BACA,EAAA,oBAAA,sBAGA,EAAA,qCAAA,uCACA,EAAA,sCAAA,wCAGA,EAAA,iCAAA,mCACA,EAAA,iCAAA,mCACA,EAAA,gCAAA,kCAGA,EAAA,wBAAA,gCACD"}
+{"version":3,"file":"messageKey.cjs","names":[],"sources":["../../src/messageKey.ts"],"sourcesContent":["export enum MessageKey {\n  /** Client → editor: announces the client is ready (also used as response to ARE_YOU_THERE) */\n  INTLAYER_CLIENT_READY = 'INTLAYER_CLIENT_READY',\n  /** Editor → client: asks if the client is still alive */\n  INTLAYER_ARE_YOU_THERE = 'INTLAYER_ARE_YOU_THERE',\n  /** Editor → client: instructs the client to activate the editor selector */\n  INTLAYER_EDITOR_ACTIVATE = 'INTLAYER_EDITOR_ACTIVATE',\n  /** Client → editor: instructs the editor that the client is enabled */\n  INTLAYER_EDITOR_ENABLED = 'INTLAYER_EDITOR_ENABLED',\n\n  /** Client → editor: send information related the app */\n  INTLAYER_CONFIGURATION = 'INTLAYER_CONFIGURATION',\n  INTLAYER_CURRENT_LOCALE = 'INTLAYER_CURRENT_LOCALE',\n  INTLAYER_URL_CHANGE = 'INTLAYER_URL_CHANGE',\n\n  /** Client → editor: load and update content */\n  INTLAYER_LOCALE_DICTIONARIES_CHANGED = 'INTLAYER_LOCALE_DICTIONARIES_CHANGED',\n  INTLAYER_DISTANT_DICTIONARIES_CHANGED = 'INTLAYER_DISTANT_DICTIONARIES_CHANGED',\n\n  /** Client → editor & Editor → client: Update focus and changed content */\n  INTLAYER_HOVERED_CONTENT_CHANGED = 'INTLAYER_HOVERED_CONTENT_CHANGED',\n  INTLAYER_FOCUSED_CONTENT_CHANGED = 'INTLAYER_FOCUSED_CONTENT_CHANGED',\n  INTLAYER_EDITED_CONTENT_CHANGED = 'INTLAYER_EDITED_CONTENT_CHANGED',\n\n  /** Client → editor: Helper to sync iframe client reactivity on click client */\n  INTLAYER_IFRAME_CLICKED = 'INTLAYER_IFRAME_CLICKED',\n}\n"],"mappings":";;;AAAA,IAAY,aAAL;;AAEL;;AAEA;;AAEA;;AAEA;;AAGA;AACA;AACA;;AAGA;AACA;;AAGA;AACA;AACA;;AAGA;;KACD"}

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

@@ -0,0 +1,10 @@
+//#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
+export { __decorate };

package/dist/esm/compareUrls.mjs

@@ -1,2 +1,38 @@
-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}};export{e as compareUrls};
+//#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
+export { compareUrls };
 //# sourceMappingURL=compareUrls.mjs.map

package/dist/esm/compareUrls.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"compareUrls.mjs","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,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.mjs","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/esm/components/ContentSelector.mjs

@@ -1 +1,165 @@
-import{n as e,t}from"../components-RtOXxg9h.mjs";export{t as IntlayerContentSelectorElement,e as defineIntlayerElements};
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.mjs";
+import { defineIntlayerContentSelectorWrapper } from "./ContentSelectorWrapper.mjs";
+import { defineIntlayerEditedContent } from "./EditedContent.mjs";
+import { defineIntlayerEditorElement } from "./IntlayerEditor.mjs";
+import { LitElement, css, html } from "lit";
+import { property, query, state } from "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 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 = 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 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>
+    `;
+	}
+};
+__decorate([property({
+	type: Boolean,
+	attribute: "is-selecting"
+})], IntlayerContentSelectorElement.prototype, "isSelecting", void 0);
+__decorate([property({
+	type: Number,
+	attribute: "press-duration"
+})], IntlayerContentSelectorElement.prototype, "pressDuration", void 0);
+__decorate([state()], IntlayerContentSelectorElement.prototype, "_isHovered", void 0);
+__decorate([state()], IntlayerContentSelectorElement.prototype, "_isSelectingState", void 0);
+__decorate([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);
+	defineIntlayerContentSelectorWrapper();
+	defineIntlayerEditedContent();
+	defineIntlayerEditorElement();
+};
+
+//#endregion
+export { IntlayerContentSelectorElement, defineIntlayerElements };
+//# sourceMappingURL=ContentSelector.mjs.map

package/dist/esm/components/ContentSelector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSelector.mjs","names":[],"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,cAAoD,WAAW;;;qBAwB/C;uBAGE;oBAEc;2BACO;qBAIuB;8BACK;;;gBAlCjD,GAAG;;;;;;;;;;;;;;;;;;;;;;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,IAAI;;;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;;;;;;;YAlGvB,SAAS;CAAE,MAAM;CAAS,WAAW;CAAgB,CAAC;YAGtD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAkB,CAAC;YAGvD,OAAO;YACP,OAAO;YAEP,MAAM,WAAW;;;;;;AAsGpB,MAAa,+BAAqC;AAChD,KAAI,OAAO,mBAAmB,YAAa;AAC3C,KAAI,CAAC,eAAe,IAAI,4BAA4B,CAClD,gBAAe,OACb,6BACA,+BACD;AAEH,uCAAsC;AACtC,8BAA6B;AAC7B,8BAA6B"}