@intlayer/editor 8.3.4 → 8.4.0-canary.0

package/dist/types/components/IntlayerEditor.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from "lit";
+import { IntlayerConfig } from "@intlayer/types/config";
+
+//#region src/components/IntlayerEditor.d.ts
+/**
+ * <intlayer-editor>
+ *
+ * A framework-agnostic Lit element that manages the Intlayer editor singleton
+ * lifecycle and keeps the current locale in sync with the EditorStateManager.
+ *
+ * Drop this element once at the root of your application to activate the editor.
+ * It renders no UI (display: contents, empty shadow root).
+ *
+ * @prop {IntlayerConfig} configuration  - The Intlayer config (required; set as property, not attribute)
+ * @prop {string}         locale         - The active application locale (attribute/property)
+ *
+ * @example
+ * // Svelte
+ * <intlayer-editor .configuration={config} locale={$locale} />
+ *
+ * // Vue
+ * <intlayer-editor :configuration="config" :locale="currentLocale" />
+ */
+declare class IntlayerEditorElement extends LitElement {
+  /** No visible UI — render nothing into the shadow root */
+  createRenderRoot(): this;
+  configuration?: IntlayerConfig;
+  locale?: string;
+  private _initialized;
+  private _unsubManager;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  updated(changedProperties: Map<string | symbol, unknown>): void;
+  private _init;
+  private _syncLocale;
+}
+declare const defineIntlayerEditorElement: () => void;
+//#endregion
+export { IntlayerEditorElement, defineIntlayerEditorElement };
+//# sourceMappingURL=IntlayerEditor.d.ts.map

package/dist/types/components/IntlayerEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntlayerEditor.d.ts","names":[],"sources":["../../../src/components/IntlayerEditor.ts"],"mappings":";;;;;;AA6BA;;;;;;;;;;;;;;;;;cAAa,qBAAA,SAA8B,UAAA;EA6Bd;EA3B3B,gBAAA,CAAA;EAIgC,aAAA,GAAgB,cAAA;EAEpB,MAAA;EAAA,QAEpB,YAAA;EAAA,QACA,aAAA;EAER,iBAAA,CAAA;EAKA,oBAAA,CAAA;EAWA,OAAA,CAAQ,iBAAA,EAAmB,GAAA;EAAA,QAUnB,KAAA;EAAA,QAaA,WAAA;AAAA;AAAA,cAoBG,2BAAA"}

package/dist/types/components/index.d.ts

@@ -1,2 +1,5 @@
-import { n as defineIntlayerElements, t as IntlayerContentSelectorElement } from "../ContentSelector-rBO8c1Kp.js";
-export { IntlayerContentSelectorElement, defineIntlayerElements };
+import { IntlayerContentSelectorElement, defineIntlayerElements } from "./ContentSelector.js";
+import { IntlayerContentSelectorWrapperElement, defineIntlayerContentSelectorWrapper } from "./ContentSelectorWrapper.js";
+import { IntlayerEditedContentElement, defineIntlayerEditedContent } from "./EditedContent.js";
+import { IntlayerEditorElement, defineIntlayerEditorElement } from "./IntlayerEditor.js";
+export { IntlayerContentSelectorElement, IntlayerContentSelectorWrapperElement, IntlayerEditedContentElement, IntlayerEditorElement, defineIntlayerContentSelectorWrapper, defineIntlayerEditedContent, defineIntlayerEditorElement, defineIntlayerElements };

package/dist/types/core/CrossFrameMessenger.d.ts

@@ -1,2 +1,51 @@
-import { n as MessagePayload, r as MessengerConfig, t as CrossFrameMessenger } from "../CrossFrameMessenger-CAAHntwS.js";
-export { CrossFrameMessenger, MessagePayload, MessengerConfig };
+//#region src/core/CrossFrameMessenger.d.ts
+type MessagePayload = {
+  type: string;
+  data?: unknown;
+  senderId?: string; /** Unique ID per send() call — used to deduplicate when the same payload arrives via multiple target origins */
+  messageId?: string;
+};
+type MessengerConfig = {
+  /**
+   * Origins allowed to send messages to this instance.
+   * Use '*' to allow all origins (not recommended for production).
+   */
+  allowedOrigins: string[];
+  /**
+   * Function used to send messages to other frames.
+   * Injected so the messenger is agnostic to the frame topology.
+   */
+  postMessageFn: (payload: MessagePayload, origin: string) => void;
+};
+type MessageHandler<T = unknown> = (data: T, senderId?: string) => void;
+/**
+ * CrossFrameMessenger manages all cross-frame postMessage communication.
+ * It owns a single window message listener and routes incoming messages to
+ * type-specific subscribers.
+ *
+ * Replaces CommunicatorContext + useCrossFrameMessageListener across all frameworks.
+ */
+declare class CrossFrameMessenger {
+  readonly senderId: string;
+  private readonly _config;
+  private readonly _subscribers;
+  private _windowHandler;
+  /** Tracks recently processed messageIds to discard duplicates (same payload sent to multiple origins) */
+  private readonly _seenMessageIds;
+  constructor(config: MessengerConfig);
+  /** Start listening for incoming messages on window. */
+  start(): void;
+  /** Stop listening and clean up. */
+  stop(): void;
+  /** Send a message payload to all configured target origins. */
+  send(type: string, data?: unknown): void;
+  /**
+   * Subscribe to messages of a given type.
+   * Returns an unsubscribe function.
+   */
+  subscribe<T = unknown>(type: string, handler: MessageHandler<T>): () => void;
+  private _handleMessage;
+}
+//#endregion
+export { CrossFrameMessenger, MessagePayload, MessengerConfig };
+//# sourceMappingURL=CrossFrameMessenger.d.ts.map

package/dist/types/core/CrossFrameMessenger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossFrameMessenger.d.ts","names":[],"sources":["../../../src/core/CrossFrameMessenger.ts"],"mappings":";KAIY,cAAA;EACV,IAAA;EACA,IAAA;EACA,QAAA,WAHwB;EAKxB,SAAA;AAAA;AAAA,KAGU,eAAA;EAHV;;;AAGF;EAKE,cAAA;;;;;EAKA,aAAA,GAAgB,OAAA,EAAS,cAAA,EAAgB,MAAA;AAAA;AAAA,KAGtC,cAAA,iBAA+B,IAAA,EAAM,CAAA,EAAG,QAAA;;;AAF3C;;;;;cAWW,mBAAA;EAAA,SACF,QAAA;EAAA,iBACQ,OAAA;EAAA,iBACA,YAAA;EAAA,QAET,cAAA;EALG;EAAA,iBAOM,eAAA;cAEL,MAAA,EAAQ,eAAA;EAAA;EAMpB,KAAA,CAAA;EAqC8C;EA3B9C,IAAA,CAAA;EA2B4D;EAnB5D,IAAA,CAAK,IAAA,UAAc,IAAA;EA/BF;;;;EAkDjB,SAAA,aAAA,CAAuB,IAAA,UAAc,OAAA,EAAS,cAAA,CAAe,CAAA;EAAA,QAUrD,cAAA;AAAA"}

package/dist/types/core/CrossFrameStateManager.d.ts

@@ -1,2 +1,44 @@
-import { n as CrossFrameStateOptions, t as CrossFrameStateManager } from "../CrossFrameStateManager-DxgxsAmo.js";
-export { CrossFrameStateManager, CrossFrameStateOptions };
+import { CrossFrameMessenger } from "./CrossFrameMessenger.js";
+
+//#region src/core/CrossFrameStateManager.d.ts
+type CrossFrameStateOptions = {
+  /** Whether to broadcast state changes to other frames. Default: true */emit?: boolean; /** Whether to listen for state updates from other frames. Default: true */
+  receive?: boolean;
+};
+/**
+ * CrossFrameStateManager synchronizes a single named value across frames using
+ * the postMessage API via CrossFrameMessenger.
+ *
+ * Protocol:
+ *   `{key}/post` — broadcast a new value
+ *   `{key}/get`  — request the current value from other frames
+ *
+ * Replaces useCrossFrameState across all frameworks.
+ *
+ * @fires change — CustomEvent<T> dispatched whenever the value changes (local set or received)
+ */
+declare class CrossFrameStateManager<T> extends EventTarget {
+  private _value;
+  private readonly _key;
+  private readonly _messenger;
+  private readonly _options;
+  private readonly _unsubscribers;
+  constructor(key: string, messenger: CrossFrameMessenger, options?: CrossFrameStateOptions & {
+    initialValue?: T;
+  });
+  get value(): T | undefined;
+  /** Update the value locally and broadcast it to other frames if emit is enabled. */
+  set(newValue: T): void;
+  /**
+   * Start listening for incoming state updates and responding to /get requests.
+   * If receive=true and no initial value is set, sends a /get to request the current value.
+   */
+  start(): void;
+  /** Stop all listeners. */
+  stop(): void;
+  /** Broadcast the current value to all frames (useful after reconnect). */
+  postCurrentValue(): void;
+}
+//#endregion
+export { CrossFrameStateManager, CrossFrameStateOptions };
+//# sourceMappingURL=CrossFrameStateManager.d.ts.map

package/dist/types/core/CrossFrameStateManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossFrameStateManager.d.ts","names":[],"sources":["../../../src/core/CrossFrameStateManager.ts"],"mappings":";;;KAEY,sBAAA;0EAEV,IAAA,YAFgC;EAIhC,OAAA;AAAA;;AAeF;;;;;;;;;;;cAAa,sBAAA,YAAkC,WAAA;EAAA,QACrC,MAAA;EAAA,iBACS,IAAA;EAAA,iBACA,UAAA;EAAA,iBACA,QAAA;EAAA,iBACA,cAAA;cAGf,GAAA,UACA,SAAA,EAAW,mBAAA,EACX,OAAA,GAAS,sBAAA;IAA2B,YAAA,GAAe,CAAA;EAAA;EAAA,IAcjD,KAAA,CAAA,GAAS,CAAA;EAfX;EAoBF,GAAA,CAAI,QAAA,EAAU,CAAA;EAnBwB;;;;EA+BtC,KAAA,CAAA;EAZA;EA4CA,IAAA,CAAA;EA5CI;EAkDJ,gBAAA,CAAA;AAAA"}

package/dist/types/core/EditorStateManager.d.ts

@@ -1,2 +1,73 @@
-import { i as FileContent, n as EditorStateManager, r as EditorStateManagerConfig, t as DictionaryContent } from "../EditorStateManager-Ym8YfMiG.js";
-export { DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent };
+import { CrossFrameMessenger, MessengerConfig } from "./CrossFrameMessenger.js";
+import { CrossFrameStateManager } from "./CrossFrameStateManager.js";
+import { IntlayerConfig } from "@intlayer/types/config";
+import { Locale } from "@intlayer/types/allLocales";
+import { ContentNode, Dictionary, LocalDictionaryId } from "@intlayer/types/dictionary";
+import { KeyPath } from "@intlayer/types/keyPath";
+
+//#region src/core/EditorStateManager.d.ts
+type DictionaryContent = Record<LocalDictionaryId, Dictionary>;
+type FileContent = {
+  dictionaryKey: string;
+  dictionaryLocalId?: LocalDictionaryId;
+  keyPath?: KeyPath[];
+};
+type EditorStateManagerConfig = {
+  /** 'client' = the app running inside the iframe; 'editor' = the editor wrapping the app */mode: 'editor' | 'client'; /** Cross-frame messaging configuration */
+  messenger: MessengerConfig; /** Optional initial Intlayer configuration to broadcast */
+  configuration?: IntlayerConfig;
+};
+/**
+ * EditorStateManager is the single entry point for all Intlayer editor state.
+ * It is framework-agnostic: instantiate one instance at the root of the application
+ * and subscribe to its EventTarget-based events from any framework adapter.
+ *
+ * Replaces all context providers, hooks and store files across React, Preact,
+ * Solid, Svelte, and Vue integrations.
+ */
+declare class EditorStateManager {
+  readonly messenger: CrossFrameMessenger;
+  readonly editorEnabled: CrossFrameStateManager<boolean>;
+  readonly focusedContent: CrossFrameStateManager<FileContent | null>;
+  readonly localeDictionaries: CrossFrameStateManager<DictionaryContent>;
+  readonly editedContent: CrossFrameStateManager<DictionaryContent>;
+  readonly configuration: CrossFrameStateManager<IntlayerConfig>;
+  readonly currentLocale: CrossFrameStateManager<Locale | undefined>;
+  private readonly _urlManager;
+  private readonly _iframeInterceptor;
+  private readonly _mode;
+  private readonly _configuration;
+  private _unsubAreYouThere;
+  private _unsubActivate;
+  private _unsubClientReady;
+  constructor(config: EditorStateManagerConfig);
+  start(): void;
+  stop(): void;
+  /**
+   * EDITOR mode: re-send ARE_YOU_THERE to attempt re-connection with the client.
+   * Call this when the user clicks "Enable Editor" or when the iframe reloads.
+   */
+  pingClient(): void;
+  setFocusedContentKeyPath(keyPath: KeyPath[]): void;
+  setLocaleDictionary(dictionary: Dictionary): void;
+  setEditedDictionary(newDict: Dictionary): void;
+  setEditedContent(localDictionaryId: LocalDictionaryId, newValue: Dictionary['content']): void;
+  addContent(localDictionaryId: LocalDictionaryId, newValue: ContentNode, keyPath?: KeyPath[], overwrite?: boolean): void;
+  renameContent(localDictionaryId: LocalDictionaryId, newKey: KeyPath['key'], keyPath?: KeyPath[]): void;
+  removeContent(localDictionaryId: LocalDictionaryId, keyPath: KeyPath[]): void;
+  restoreContent(localDictionaryId: LocalDictionaryId): void;
+  clearContent(localDictionaryId: LocalDictionaryId): void;
+  clearAllContent(): void;
+  getContentValue(localDictionaryIdOrKey: LocalDictionaryId | string, keyPath: KeyPath[]): ContentNode | undefined;
+  /**
+   * EDITOR mode: listen for CLIENT_READY and respond with EDITOR_ACTIVATE.
+   * Also pings the client immediately in case it loaded before the editor.
+   */
+  private _setupEditorHandshake;
+  private _setupActivationHandshake;
+  private _broadcastData;
+  private _loadDictionaries;
+}
+//#endregion
+export { DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent };
+//# sourceMappingURL=EditorStateManager.d.ts.map

package/dist/types/core/EditorStateManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorStateManager.d.ts","names":[],"sources":["../../../src/core/EditorStateManager.ts"],"mappings":";;;;;;;;KAuBY,iBAAA,GAAoB,MAAA,CAAO,iBAAA,EAAmB,UAAA;AAAA,KAE9C,WAAA;EACV,aAAA;EACA,iBAAA,GAAoB,iBAAA;EACpB,OAAA,GAAU,OAAA;AAAA;AAAA,KAGA,wBAAA;EARoB,2FAU9B,IAAA,uBAVoC;EAYpC,SAAA,EAAW,eAAA,EAZ0B;EAcrC,aAAA,GAAgB,cAAA;AAAA;;AAZlB;;;;;;;cAuBa,kBAAA;EAAA,SACF,SAAA,EAAW,mBAAA;EAAA,SACX,aAAA,EAAe,sBAAA;EAAA,SACf,cAAA,EAAgB,sBAAA,CAAuB,WAAA;EAAA,SACvC,kBAAA,EAAoB,sBAAA,CAAuB,iBAAA;EAAA,SAC3C,aAAA,EAAe,sBAAA,CAAuB,iBAAA;EAAA,SACtC,aAAA,EAAe,sBAAA,CAAuB,cAAA;EAAA,SACtC,aAAA,EAAe,sBAAA,CAAuB,MAAA;EAAA,iBAE9B,WAAA;EAAA,iBACA,kBAAA;EAAA,iBACA,KAAA;EAAA,iBACA,cAAA;EAAA,QAGT,iBAAA;EAAA,QACA,cAAA;EAAA,QAEA,iBAAA;cAEI,MAAA,EAAQ,wBAAA;EAoDpB,KAAA,CAAA;EAyBA,IAAA,CAAA;EAhGoB;;;;EAyHpB,UAAA,CAAA;EAQA,wBAAA,CAAyB,OAAA,EAAS,OAAA;EAWlC,mBAAA,CAAoB,UAAA,EAAY,UAAA;EAYhC,mBAAA,CAAoB,OAAA,EAAS,UAAA;EAa7B,gBAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,QAAA,EAAU,UAAA;EAaZ,UAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,QAAA,EAAU,WAAA,EACV,OAAA,GAAS,OAAA,IACT,SAAA;EAgDF,aAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,MAAA,EAAQ,OAAA,SACR,OAAA,GAAS,OAAA;EAmBX,aAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,OAAA,EAAS,OAAA;EAwBX,cAAA,CAAe,iBAAA,EAAmB,iBAAA;EASlC,YAAA,CAAa,iBAAA,EAAmB,iBAAA;EAShC,eAAA,CAAA;EAIA,eAAA,CACE,sBAAA,EAAwB,iBAAA,WACxB,OAAA,EAAS,OAAA,KACR,WAAA;EA3IkB;;;;EAAA,QAmMb,qBAAA;EAAA,QAcA,yBAAA;EAAA,QAsBA,cAAA;EAAA,QA2BM,iBAAA;AAAA"}

package/dist/types/core/IframeClickInterceptor.d.ts

@@ -1,2 +1,26 @@
-import { t as IframeClickInterceptor } from "../IframeClickInterceptor-Dy1raFvk.js";
-export { IframeClickInterceptor };
+import { CrossFrameMessenger } from "./CrossFrameMessenger.js";
+
+//#region src/core/IframeClickInterceptor.d.ts
+/**
+ * IframeClickInterceptor handles click events across iframe boundaries.
+ *
+ * - startInterceptor(): called in the client (iframe) — broadcasts mousedown to parent
+ * - startMerger(): called in the editor (parent) — merges received clicks into DOM events
+ *
+ * Replaces useIframeClickInterceptor / useIframeClickMerger across all frameworks.
+ */
+declare class IframeClickInterceptor {
+  private readonly _messenger;
+  private _mousedownHandler;
+  private _unsubscribeMerge;
+  constructor(messenger: CrossFrameMessenger);
+  /** Called on the client side (inside iframe). Broadcasts click events to parent. */
+  startInterceptor(): void;
+  /** Called on the editor side (parent frame). Merges incoming iframe clicks into DOM. */
+  startMerger(): void;
+  stopInterceptor(): void;
+  stopMerger(): void;
+}
+//#endregion
+export { IframeClickInterceptor };
+//# sourceMappingURL=IframeClickInterceptor.d.ts.map

package/dist/types/core/IframeClickInterceptor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IframeClickInterceptor.d.ts","names":[],"sources":["../../../src/core/IframeClickInterceptor.ts"],"mappings":";;;;;AAYA;;;;;;cAAa,sBAAA;EAAA,iBACM,UAAA;EAAA,QACT,iBAAA;EAAA,QACA,iBAAA;cAEI,SAAA,EAAW,mBAAA;EAcvB;EATA,gBAAA,CAAA;EAuBA;EAdA,WAAA,CAAA;EAOA,eAAA,CAAA;EAOA,UAAA,CAAA;AAAA"}

package/dist/types/core/UrlStateManager.d.ts

@@ -1,2 +1,21 @@
-import { t as UrlStateManager } from "../UrlStateManager-Bq87v4hY.js";
-export { UrlStateManager };
+import { CrossFrameMessenger } from "./CrossFrameMessenger.js";
+
+//#region src/core/UrlStateManager.d.ts
+/**
+ * UrlStateManager patches window.history and broadcasts URL path changes
+ * across frames via postMessage.
+ *
+ * Replaces useCrossURLPathSetter / useCrossURLPathState across all frameworks.
+ */
+declare class UrlStateManager {
+  private readonly _messenger;
+  private _originalPushState;
+  private _originalReplaceState;
+  private _listeners;
+  constructor(messenger: CrossFrameMessenger);
+  start(): void;
+  stop(): void;
+}
+//#endregion
+export { UrlStateManager };
+//# sourceMappingURL=UrlStateManager.d.ts.map

package/dist/types/core/UrlStateManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlStateManager.d.ts","names":[],"sources":["../../../src/core/UrlStateManager.ts"],"mappings":";;;;;AASA;;;;cAAa,eAAA;EAAA,iBACM,UAAA;EAAA,QACT,kBAAA;EAAA,QACA,qBAAA;EAAA,QACA,UAAA;cAEI,SAAA,EAAW,mBAAA;EAIvB,KAAA,CAAA;EA2CA,IAAA,CAAA;AAAA"}

package/dist/types/core/globalManager.d.ts

@@ -0,0 +1,39 @@
+import { EditorStateManager } from "./EditorStateManager.js";
+
+//#region src/core/globalManager.d.ts
+/**
+ * Retrieves the global editor state manager instance.
+ * Returns null if no manager has been set or in SSR environments where
+ * window is undefined.
+ *
+ * @returns The global EditorStateManager instance or null if not set
+ */
+declare const getGlobalEditorManager: () => EditorStateManager | null;
+/**
+ * Sets the global editor state manager instance and notifies all listeners
+ * of the change through a CustomEvent.
+ *
+ * @param manager - The EditorStateManager instance to set globally, or null to clear it
+ */
+declare const setGlobalEditorManager: (manager: EditorStateManager | null) => void;
+/**
+ * Registers a callback function to be invoked whenever the global editor
+ * manager changes. Useful for reactive updates across the application.
+ *
+ * @param changeCallback - Function to invoke with the new manager state whenever it changes
+ * @returns An unsubscribe function that removes the listener when called
+ *
+ * @example
+ * ```typescript
+ * const unsubscribe = onGlobalEditorManagerChange((manager) => {
+ *   console.log('Manager updated:', manager);
+ * });
+ *
+ * // Later, clean up the listener
+ * unsubscribe();
+ * ```
+ */
+declare const onGlobalEditorManagerChange: (changeCallback: (manager: EditorStateManager | null) => void) => (() => void);
+//#endregion
+export { getGlobalEditorManager, onGlobalEditorManagerChange, setGlobalEditorManager };
+//# sourceMappingURL=globalManager.d.ts.map

package/dist/types/core/globalManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalManager.d.ts","names":[],"sources":["../../../src/core/globalManager.ts"],"mappings":";;;;;AAmDA;;;;;cAAa,sBAAA,QAA6B,kBAAA;;;;;AAiD1C;;cAhCa,sBAAA,GACX,OAAA,EAAS,kBAAA;;;;;;;;;;;;;;;;;;cA+BE,2BAAA,GACX,cAAA,GAAiB,OAAA,EAAS,kBAAA"}

package/dist/types/core/index.d.ts

@@ -1,6 +1,8 @@
-import { n as MessagePayload, r as MessengerConfig, t as CrossFrameMessenger } from "../CrossFrameMessenger-CAAHntwS.js";
-import { n as CrossFrameStateOptions, t as CrossFrameStateManager } from "../CrossFrameStateManager-DxgxsAmo.js";
-import { i as FileContent, n as EditorStateManager, r as EditorStateManagerConfig, t as DictionaryContent } from "../EditorStateManager-Ym8YfMiG.js";
-import { t as IframeClickInterceptor } from "../IframeClickInterceptor-Dy1raFvk.js";
-import { t as UrlStateManager } from "../UrlStateManager-Bq87v4hY.js";
-export { CrossFrameMessenger, CrossFrameStateManager, CrossFrameStateOptions, DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent, IframeClickInterceptor, MessagePayload, MessengerConfig, UrlStateManager };
+import { CrossFrameMessenger, MessagePayload, MessengerConfig } from "./CrossFrameMessenger.js";
+import { CrossFrameStateManager, CrossFrameStateOptions } from "./CrossFrameStateManager.js";
+import { DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent } from "./EditorStateManager.js";
+import { IframeClickInterceptor } from "./IframeClickInterceptor.js";
+import { UrlStateManager } from "./UrlStateManager.js";
+import { getGlobalEditorManager, onGlobalEditorManagerChange, setGlobalEditorManager } from "./globalManager.js";
+import { buildClientMessengerConfig, initEditorClient, stopEditorClient } from "./initEditorClient.js";
+export { CrossFrameMessenger, CrossFrameStateManager, CrossFrameStateOptions, DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent, IframeClickInterceptor, MessagePayload, MessengerConfig, UrlStateManager, buildClientMessengerConfig, getGlobalEditorManager, initEditorClient, onGlobalEditorManagerChange, setGlobalEditorManager, stopEditorClient };

package/dist/types/core/initEditorClient.d.ts

@@ -0,0 +1,20 @@
+import { MessengerConfig } from "./CrossFrameMessenger.js";
+import { EditorStateManager } from "./EditorStateManager.js";
+
+//#region src/core/initEditorClient.d.ts
+declare const buildClientMessengerConfig: () => MessengerConfig;
+/**
+ * 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.
+ */
+declare const initEditorClient: () => EditorStateManager;
+/**
+ * Decrement the reference count and stop the global editor client singleton
+ * only when the last provider unmounts.
+ */
+declare const stopEditorClient: () => void;
+//#endregion
+export { buildClientMessengerConfig, initEditorClient, stopEditorClient };
+//# sourceMappingURL=initEditorClient.d.ts.map

package/dist/types/core/initEditorClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"initEditorClient.d.ts","names":[],"sources":["../../../src/core/initEditorClient.ts"],"mappings":";;;;cASa,0BAAA,QAAiC,eAAA;;AAA9C;;;;;cA2Ba,gBAAA,QAAuB,kBAAA;;;;;cAuBvB,gBAAA"}

package/dist/types/index.d.ts

@@ -1,10 +1,15 @@
 import { compareUrls } from "./compareUrls.js";
-import { n as defineIntlayerElements, t as IntlayerContentSelectorElement } from "./ContentSelector-rBO8c1Kp.js";
-import { n as MessagePayload, r as MessengerConfig, t as CrossFrameMessenger } from "./CrossFrameMessenger-CAAHntwS.js";
-import { n as CrossFrameStateOptions, t as CrossFrameStateManager } from "./CrossFrameStateManager-DxgxsAmo.js";
-import { i as FileContent, n as EditorStateManager, r as EditorStateManagerConfig, t as DictionaryContent } from "./EditorStateManager-Ym8YfMiG.js";
-import { t as IframeClickInterceptor } from "./IframeClickInterceptor-Dy1raFvk.js";
-import { t as UrlStateManager } from "./UrlStateManager-Bq87v4hY.js";
+import { IntlayerContentSelectorElement, defineIntlayerElements } from "./components/ContentSelector.js";
+import { IntlayerContentSelectorWrapperElement, defineIntlayerContentSelectorWrapper } from "./components/ContentSelectorWrapper.js";
+import { IntlayerEditedContentElement, defineIntlayerEditedContent } from "./components/EditedContent.js";
+import { IntlayerEditorElement, defineIntlayerEditorElement } from "./components/IntlayerEditor.js";
+import { CrossFrameMessenger, MessagePayload, MessengerConfig } from "./core/CrossFrameMessenger.js";
+import { CrossFrameStateManager, CrossFrameStateOptions } from "./core/CrossFrameStateManager.js";
+import { DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent } from "./core/EditorStateManager.js";
+import { IframeClickInterceptor } from "./core/IframeClickInterceptor.js";
+import { UrlStateManager } from "./core/UrlStateManager.js";
+import { getGlobalEditorManager, onGlobalEditorManagerChange, setGlobalEditorManager } from "./core/globalManager.js";
+import { buildClientMessengerConfig, initEditorClient, stopEditorClient } from "./core/initEditorClient.js";
 import { mergeIframeClick } from "./mergeIframeClick.js";
-import { MessageKey } from "./messagesKeys.js";
-export { CrossFrameMessenger, CrossFrameStateManager, CrossFrameStateOptions, DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent, IframeClickInterceptor, IntlayerContentSelectorElement, MessageKey, MessagePayload, MessengerConfig, UrlStateManager, compareUrls, defineIntlayerElements, mergeIframeClick };
+import { MessageKey } from "./messageKey.js";
+export { CrossFrameMessenger, CrossFrameStateManager, CrossFrameStateOptions, DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent, IframeClickInterceptor, IntlayerContentSelectorElement, IntlayerContentSelectorWrapperElement, IntlayerEditedContentElement, IntlayerEditorElement, MessageKey, MessagePayload, MessengerConfig, UrlStateManager, buildClientMessengerConfig, compareUrls, defineIntlayerContentSelectorWrapper, defineIntlayerEditedContent, defineIntlayerEditorElement, defineIntlayerElements, getGlobalEditorManager, initEditorClient, mergeIframeClick, onGlobalEditorManagerChange, setGlobalEditorManager, stopEditorClient };

package/dist/types/isEnabled.d.ts

@@ -0,0 +1,5 @@
+//#region src/isEnabled.d.ts
+declare const isEnabled: boolean;
+//#endregion
+export { isEnabled };
+//# sourceMappingURL=isEnabled.d.ts.map

package/dist/types/isEnabled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isEnabled.d.ts","names":[],"sources":["../../src/isEnabled.ts"],"mappings":";cAEa,SAAA"}

package/dist/types/messageKey.d.ts

@@ -0,0 +1,27 @@
+//#region src/messageKey.d.ts
+declare enum MessageKey {
+  /** Client → editor: announces the client is ready (also used as response to ARE_YOU_THERE) */
+  INTLAYER_CLIENT_READY = "INTLAYER_CLIENT_READY",
+  /** Editor → client: asks if the client is still alive */
+  INTLAYER_ARE_YOU_THERE = "INTLAYER_ARE_YOU_THERE",
+  /** Editor → client: instructs the client to activate the editor selector */
+  INTLAYER_EDITOR_ACTIVATE = "INTLAYER_EDITOR_ACTIVATE",
+  /** Client → editor: instructs the editor that the client is enabled */
+  INTLAYER_EDITOR_ENABLED = "INTLAYER_EDITOR_ENABLED",
+  /** Client → editor: send information related the app */
+  INTLAYER_CONFIGURATION = "INTLAYER_CONFIGURATION",
+  INTLAYER_CURRENT_LOCALE = "INTLAYER_CURRENT_LOCALE",
+  INTLAYER_URL_CHANGE = "INTLAYER_URL_CHANGE",
+  /** Client → editor: load and update content */
+  INTLAYER_LOCALE_DICTIONARIES_CHANGED = "INTLAYER_LOCALE_DICTIONARIES_CHANGED",
+  INTLAYER_DISTANT_DICTIONARIES_CHANGED = "INTLAYER_DISTANT_DICTIONARIES_CHANGED",
+  /** Client → editor & Editor → client: Update focus and changed content */
+  INTLAYER_HOVERED_CONTENT_CHANGED = "INTLAYER_HOVERED_CONTENT_CHANGED",
+  INTLAYER_FOCUSED_CONTENT_CHANGED = "INTLAYER_FOCUSED_CONTENT_CHANGED",
+  INTLAYER_EDITED_CONTENT_CHANGED = "INTLAYER_EDITED_CONTENT_CHANGED",
+  /** Client → editor: Helper to sync iframe client reactivity on click client */
+  INTLAYER_IFRAME_CLICKED = "INTLAYER_IFRAME_CLICKED"
+}
+//#endregion
+export { MessageKey };
+//# sourceMappingURL=messageKey.d.ts.map

package/dist/types/messageKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageKey.d.ts","names":[],"sources":["../../src/messageKey.ts"],"mappings":";aAAY,UAAA;EAAA;EAEV,qBAAA;;EAEA,sBAAA;EAFA;EAIA,wBAAA;EAAA;EAEA,uBAAA;EAGA;EAAA,sBAAA;EACA,uBAAA;EACA,mBAAA;EAIA;EADA,oCAAA;EACA,qCAAA;EAKA;EAFA,gCAAA;EACA,gCAAA;EACA,+BAAA;;EAGA,uBAAA;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/editor",
-  "version": "8.3.4",
+  "version": "8.4.0-canary.0",
   "private": false,
   "description": "Provides the utilities to interface the application with the Intlayer editor and manipulate dictionaries",
   "keywords": [
@@ -38,6 +38,11 @@
       "require": "./dist/cjs/index.cjs",
       "import": "./dist/esm/index.mjs"
     },
+    "./isEnabled": {
+      "types": "./dist/types/isEnabled.d.ts",
+      "require": "./dist/cjs/isEnabled.cjs",
+      "import": "./dist/esm/isEnabled.mjs"
+    },
     "./package.json": "./package.json"
   },
   "main": "dist/cjs/index.cjs",
@@ -73,9 +78,10 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/core": "8.3.4",
-    "@intlayer/types": "8.3.4",
-    "@intlayer/unmerged-dictionaries-entry": "8.3.4",
+    "@intlayer/config": "8.4.0-canary.0",
+    "@intlayer/core": "8.4.0-canary.0",
+    "@intlayer/types": "8.4.0-canary.0",
+    "@intlayer/unmerged-dictionaries-entry": "8.4.0-canary.0",
     "lit": "^3.3.2"
   },
   "devDependencies": {

package/dist/cjs/ContentSelector-BXawqqyE.cjs

@@ -1,41 +0,0 @@
-let e=require(`lit`),t=require(`lit/decorators.js`);function n(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var r=class extends e.LitElement{constructor(...e){super(...e),this.isSelecting=!1,this.pressDuration=250,this._isHovered=!1,this._isSelectingState=!1,this._pressTimer=null,this._clickOutsideHandler=null}static{this.styles=e.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=>{e.composedPath().includes(this)||(this._isSelectingState=!1,this._dispatch(`intlayer:click-outside`))},document.addEventListener(`mousedown`,this._clickOutsideHandler)}disconnectedCallback(){super.disconnectedCallback(),this._clickOutsideHandler&&=(document.removeEventListener(`mousedown`,this._clickOutsideHandler),null),this._clearPressTimer()}_clearPressTimer(){this._pressTimer!==null&&(clearTimeout(this._pressTimer),this._pressTimer=null)}_dispatch(e){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0}))}_handleMouseDown(){this._clearPressTimer(),this._pressTimer=setTimeout(()=>{this._isSelectingState=!0,this._dispatch(`intlayer:press`)},this.pressDuration)}_handleMouseEnter(){this._isHovered=!0,this._dispatch(`intlayer:hover`)}_handleMouseUpOrLeave(){this._isHovered&&(this._isHovered=!1,this._dispatch(`intlayer:unhover`)),this._clearPressTimer()}_handleClick(e){(this.isSelecting||this._isSelectingState)&&(e.preventDefault(),e.stopPropagation())}_handleBlur(){this._isSelectingState=!1}render(){return e.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>
-    `}};n([(0,t.property)({type:Boolean,attribute:`is-selecting`})],r.prototype,`isSelecting`,void 0),n([(0,t.property)({type:Number,attribute:`press-duration`})],r.prototype,`pressDuration`,void 0),n([(0,t.state)()],r.prototype,`_isHovered`,void 0),n([(0,t.state)()],r.prototype,`_isSelectingState`,void 0),n([(0,t.query)(`.wrapper`)],r.prototype,`_wrapper`,void 0);const i=()=>{typeof customElements>`u`||customElements.get(`intlayer-content-selector`)||customElements.define(`intlayer-content-selector`,r)};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
-//# sourceMappingURL=ContentSelector-BXawqqyE.cjs.map

package/dist/cjs/ContentSelector-BXawqqyE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentSelector-BXawqqyE.cjs","names":["LitElement"],"sources":["../../src/components/ContentSelector.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\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 the <intlayer-content-selector> custom element.\n * Call this once at application startup (inside IntlayerEditorProvider or similar).\n * Safe to call multiple times — only registers if not already 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};\n"],"mappings":"yXAqBA,IAAa,EAAb,cAAoDA,EAAAA,UAAW,gDAwB/C,sBAGE,oBAEc,0BACO,oBAIuB,+BACK,wBAlCjD,EAAA,GAAG;;;;;;;;;;;;;;;;;;;;IAoCnB,mBAA0B,CACxB,MAAM,mBAAmB,CACzB,KAAK,qBAAwB,GAAkB,CAExC,EAAE,cAAc,CAAC,SAAS,KAAK,GAClC,KAAK,kBAAoB,GACzB,KAAK,UAAU,yBAAyB,GAG5C,SAAS,iBAAiB,YAAa,KAAK,qBAAqB,CAGnE,sBAA6B,CAC3B,MAAM,sBAAsB,CAC5B,AAEE,KAAK,wBADL,SAAS,oBAAoB,YAAa,KAAK,qBAAqB,CACxC,MAE9B,KAAK,kBAAkB,CAGzB,kBAAiC,CAC3B,KAAK,cAAgB,OACvB,aAAa,KAAK,YAAY,CAC9B,KAAK,YAAc,MAIvB,UAAkB,EAAyB,CACzC,KAAK,cACH,IAAI,YAAY,EAAW,CAAE,QAAS,GAAM,SAAU,GAAM,CAAC,CAC9D,CAGH,kBAAiC,CAC/B,KAAK,kBAAkB,CACvB,KAAK,YAAc,eAAiB,CAClC,KAAK,kBAAoB,GACzB,KAAK,UAAU,iBAAiB,EAC/B,KAAK,cAAc,CAGxB,mBAAkC,CAChC,KAAK,WAAa,GAClB,KAAK,UAAU,iBAAiB,CAGlC,uBAAsC,CAChC,KAAK,aACP,KAAK,WAAa,GAClB,KAAK,UAAU,mBAAmB,EAEpC,KAAK,kBAAkB,CAGzB,aAAqB,EAAqB,EACpC,KAAK,aAAe,KAAK,qBAC3B,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,EAIvB,aAA4B,CAC1B,KAAK,kBAAoB,GAG3B,QAAS,CAGP,MAAO,GAAA,IAAI;;;uBADT,KAAK,aAAe,KAAK,mBAAqB,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;qBACV,GAAG;;;;0BAlGd,CAAE,KAAM,QAAS,UAAW,eAAgB,CAAC,CAAA,CAAA,EAAA,UAAA,cAAA,IAAA,GAAA,mBAG7C,CAAE,KAAM,OAAQ,UAAW,iBAAkB,CAAC,CAAA,CAAA,EAAA,UAAA,gBAAA,IAAA,GAAA,iBAGhD,CAAA,CAAA,EAAA,UAAA,aAAA,IAAA,GAAA,iBACA,CAAA,CAAA,EAAA,UAAA,oBAAA,IAAA,GAAA,gBAED,WAAW,CAAA,CAAA,EAAA,UAAA,WAAA,IAAA,GAAA,CAsGpB,MAAa,MAAqC,CAC5C,OAAO,eAAmB,KACzB,eAAe,IAAI,4BAA4B,EAClD,eAAe,OACb,4BACA,EACD"}

package/dist/cjs/messagesKeys.cjs

@@ -1,2 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=function(e){return e.INTLAYER_CONFIGURATION=`INTLAYER_CONFIGURATION`,e.INTLAYER_CURRENT_LOCALE=`INTLAYER_CURRENT_LOCALE`,e.INTLAYER_EDITOR_ENABLED=`INTLAYER_EDITOR_ENABLED`,e.INTLAYER_URL_CHANGE=`INTLAYER_URL_CHANGE`,e.INTLAYER_HOVERED_CONTENT_CHANGED=`INTLAYER_HOVERED_CONTENT_CHANGED`,e.INTLAYER_FOCUSED_CONTENT_CHANGED=`INTLAYER_FOCUSED_CONTENT_CHANGED`,e.INTLAYER_LOCALE_DICTIONARIES_CHANGED=`INTLAYER_LOCALE_DICTIONARIES_CHANGED`,e.INTLAYER_DISTANT_DICTIONARIES_CHANGED=`INTLAYER_DISTANT_DICTIONARIES_CHANGED`,e.INTLAYER_EDITED_CONTENT_CHANGED=`INTLAYER_EDITED_CONTENT_CHANGED`,e.INTLAYER_IFRAME_CLICKED=`INTLAYER_IFRAME_CLICKED`,e}({});exports.MessageKey=e;
-//# sourceMappingURL=messagesKeys.cjs.map

package/dist/cjs/messagesKeys.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"messagesKeys.cjs","names":[],"sources":["../../src/messagesKeys.ts"],"sourcesContent":["export enum MessageKey {\n  INTLAYER_CONFIGURATION = 'INTLAYER_CONFIGURATION',\n  INTLAYER_CURRENT_LOCALE = 'INTLAYER_CURRENT_LOCALE',\n  INTLAYER_EDITOR_ENABLED = 'INTLAYER_EDITOR_ENABLED',\n  INTLAYER_URL_CHANGE = 'INTLAYER_URL_CHANGE',\n  INTLAYER_HOVERED_CONTENT_CHANGED = 'INTLAYER_HOVERED_CONTENT_CHANGED',\n  INTLAYER_FOCUSED_CONTENT_CHANGED = 'INTLAYER_FOCUSED_CONTENT_CHANGED',\n  INTLAYER_LOCALE_DICTIONARIES_CHANGED = 'INTLAYER_LOCALE_DICTIONARIES_CHANGED',\n  INTLAYER_DISTANT_DICTIONARIES_CHANGED = 'INTLAYER_DISTANT_DICTIONARIES_CHANGED',\n  INTLAYER_EDITED_CONTENT_CHANGED = 'INTLAYER_EDITED_CONTENT_CHANGED',\n  INTLAYER_IFRAME_CLICKED = 'INTLAYER_IFRAME_CLICKED',\n}\n"],"mappings":"mEAAA,IAAY,EAAL,SAAA,EAAA,OACL,GAAA,uBAAA,yBACA,EAAA,wBAAA,0BACA,EAAA,wBAAA,0BACA,EAAA,oBAAA,sBACA,EAAA,iCAAA,mCACA,EAAA,iCAAA,mCACA,EAAA,qCAAA,uCACA,EAAA,sCAAA,wCACA,EAAA,gCAAA,kCACA,EAAA,wBAAA,gCACD"}

package/dist/esm/ContentSelector-QN8BYkA9.mjs

@@ -1,41 +0,0 @@
-import{LitElement as e,css as t,html as n}from"lit";import{property as r,query as i,state as a}from"lit/decorators.js";function o(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var s=class extends e{constructor(...e){super(...e),this.isSelecting=!1,this.pressDuration=250,this._isHovered=!1,this._isSelectingState=!1,this._pressTimer=null,this._clickOutsideHandler=null}static{this.styles=t`
-    :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=>{e.composedPath().includes(this)||(this._isSelectingState=!1,this._dispatch(`intlayer:click-outside`))},document.addEventListener(`mousedown`,this._clickOutsideHandler)}disconnectedCallback(){super.disconnectedCallback(),this._clickOutsideHandler&&=(document.removeEventListener(`mousedown`,this._clickOutsideHandler),null),this._clearPressTimer()}_clearPressTimer(){this._pressTimer!==null&&(clearTimeout(this._pressTimer),this._pressTimer=null)}_dispatch(e){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0}))}_handleMouseDown(){this._clearPressTimer(),this._pressTimer=setTimeout(()=>{this._isSelectingState=!0,this._dispatch(`intlayer:press`)},this.pressDuration)}_handleMouseEnter(){this._isHovered=!0,this._dispatch(`intlayer:hover`)}_handleMouseUpOrLeave(){this._isHovered&&(this._isHovered=!1,this._dispatch(`intlayer:unhover`)),this._clearPressTimer()}_handleClick(e){(this.isSelecting||this._isSelectingState)&&(e.preventDefault(),e.stopPropagation())}_handleBlur(){this._isSelectingState=!1}render(){return n`
-      <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>
-    `}};o([r({type:Boolean,attribute:`is-selecting`})],s.prototype,`isSelecting`,void 0),o([r({type:Number,attribute:`press-duration`})],s.prototype,`pressDuration`,void 0),o([a()],s.prototype,`_isHovered`,void 0),o([a()],s.prototype,`_isSelectingState`,void 0),o([i(`.wrapper`)],s.prototype,`_wrapper`,void 0);const c=()=>{typeof customElements>`u`||customElements.get(`intlayer-content-selector`)||customElements.define(`intlayer-content-selector`,s)};export{c as n,s as t};
-//# sourceMappingURL=ContentSelector-QN8BYkA9.mjs.map