@intlayer/editor 8.4.0-canary.0 → 8.4.1

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

@@ -1 +1 @@
-{"version":3,"file":"ContentSelectorWrapper.mjs","names":[],"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.mjs","names":[],"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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"}

package/dist/esm/components/EditedContent.mjs

@@ -1,4 +1,4 @@
-import{getGlobalEditorManager as e,onGlobalEditorManagerChange as t}from"../core/globalManager.mjs";import{__decorate as n}from"../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.mjs";import{LitElement as r,css as i,html as a}from"lit";import{property as o,state as s}from"lit/decorators.js";import{getBasePlugins as c,getContent as l}from"@intlayer/core/interpreter";var u=class extends r{constructor(...e){super(...e),this.dictionaryKey=``,this.keyPathJson=`[]`,this.locale=``,this._editedText=null,this._unsubManager=null,this._unsubEditedContent=null}static{this.styles=i`
+import{getGlobalEditorManager as e,onGlobalEditorManagerChange as t}from"../core/globalManager.mjs";import{t as n}from"../decorate-BWURH4oJ.mjs";import{LitElement as r,css as i,html as a}from"lit";import{property as o,state as s}from"lit/decorators.js";import{getBasePlugins as c,getContent as l}from"@intlayer/core/interpreter";var u=class extends r{constructor(...e){super(...e),this.dictionaryKey=``,this.keyPathJson=`[]`,this.locale=``,this._editedText=null,this._unsubManager=null,this._unsubEditedContent=null}static{this.styles=i`
     :host {
       display: contents;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"EditedContent.mjs","names":[],"sources":["../../../src/components/EditedContent.ts"],"sourcesContent":["import { getBasePlugins, getContent } from '@intlayer/core/interpreter';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport type { EditorStateManager } from '../core/EditorStateManager';\nimport {\n  getGlobalEditorManager,\n  onGlobalEditorManagerChange,\n} from '../core/globalManager';\n\n/**\n * <intlayer-edited-content>\n *\n * Framework-agnostic Lit element that displays edited content from the Intlayer\n * editor. When the editor has an edited value for the given dictionary key and\n * key path, it renders the edited value; otherwise it renders the original\n * content via a slot.\n *\n * Always wraps content in <intlayer-content-selector-wrapper> for selection UI.\n *\n * @attr {string} dictionary-key  - The dictionary key owning this content node\n * @attr {string} key-path        - JSON-serialized KeyPath[] for this content node\n * @attr {string} locale          - The current locale string\n */\nexport class IntlayerEditedContentElement extends LitElement {\n  static styles = css`\n    :host {\n      display: contents;\n    }\n  `;\n\n  @property({ type: String, attribute: 'dictionary-key' }) dictionaryKey = '';\n  @property({ type: String, attribute: 'key-path' }) keyPathJson = '[]';\n  @property({ type: String, attribute: 'locale' }) locale = '';\n\n  @state() private _editedText: string | null = null;\n\n  private _unsubManager: (() => void) | null = null;\n  private _unsubEditedContent: (() => void) | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this._subscribeToManager();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._teardown();\n  }\n\n  private _teardown(): void {\n    this._unsubManager?.();\n    this._unsubEditedContent?.();\n    this._unsubManager = null;\n    this._unsubEditedContent = null;\n  }\n\n  private _getKeyPath(): KeyPath[] {\n    try {\n      return JSON.parse(this.keyPathJson);\n    } catch {\n      return [];\n    }\n  }\n\n  private _resolveEditedText(manager: EditorStateManager): void {\n    const keyPath = this._getKeyPath();\n    const editedValue = manager.getContentValue(this.dictionaryKey, keyPath);\n\n    if (editedValue === undefined || editedValue === null) {\n      this._editedText = null;\n      return;\n    }\n\n    if (typeof editedValue === 'string' || typeof editedValue === 'number') {\n      this._editedText = String(editedValue);\n      return;\n    }\n\n    if (typeof editedValue === 'object') {\n      const locale = this.locale || undefined;\n      const transformed = getContent(\n        editedValue,\n        {\n          locale: locale as any,\n          dictionaryKey: this.dictionaryKey,\n          keyPath,\n        },\n        getBasePlugins(locale as any)\n      );\n      if (typeof transformed === 'string' || typeof transformed === 'number') {\n        this._editedText = String(transformed);\n      } else {\n        console.error(\n          `[intlayer-edited-content] Incorrect edited content format. Expected string. Value: ${JSON.stringify(transformed)}`\n        );\n        this._editedText = null;\n      }\n      return;\n    }\n\n    this._editedText = null;\n  }\n\n  private _setupManagerSubscriptions(manager: EditorStateManager): void {\n    this._resolveEditedText(manager);\n\n    const handleChange = () => this._resolveEditedText(manager);\n    manager.editedContent.addEventListener('change', handleChange);\n\n    this._unsubEditedContent = () =>\n      manager.editedContent.removeEventListener('change', handleChange);\n  }\n\n  private _subscribeToManager(): void {\n    const manager = getGlobalEditorManager();\n    if (manager) {\n      this._setupManagerSubscriptions(manager);\n    }\n\n    this._unsubManager = onGlobalEditorManagerChange((m) => {\n      this._unsubEditedContent?.();\n      this._unsubEditedContent = null;\n      if (m) {\n        this._setupManagerSubscriptions(m);\n      } else {\n        this._editedText = null;\n      }\n    });\n  }\n\n  render() {\n    return html`\n      <intlayer-content-selector-wrapper\n        key-path=${this.keyPathJson}\n        dictionary-key=${this.dictionaryKey}\n      >\n        ${this._editedText !== null ? this._editedText : html`<slot></slot>`}\n      </intlayer-content-selector-wrapper>\n    `;\n  }\n}\n\nexport const defineIntlayerEditedContent = (): void => {\n  if (typeof customElements === 'undefined') return;\n\n  if (!customElements.get('intlayer-edited-content')) {\n    customElements.define(\n      'intlayer-edited-content',\n      IntlayerEditedContentElement\n    );\n  }\n};\n"],"mappings":"wXAwBA,IAAa,EAAb,cAAkD,CAAW,kDAOc,oBACR,iBACP,oBAEZ,wBAED,8BACM,wBAbnC,CAAG;;;;IAenB,mBAA0B,CACxB,MAAM,mBAAmB,CACzB,KAAK,qBAAqB,CAG5B,sBAA6B,CAC3B,MAAM,sBAAsB,CAC5B,KAAK,WAAW,CAGlB,WAA0B,CACxB,KAAK,iBAAiB,CACtB,KAAK,uBAAuB,CAC5B,KAAK,cAAgB,KACrB,KAAK,oBAAsB,KAG7B,aAAiC,CAC/B,GAAI,CACF,OAAO,KAAK,MAAM,KAAK,YAAY,MAC7B,CACN,MAAO,EAAE,EAIb,mBAA2B,EAAmC,CAC5D,IAAM,EAAU,KAAK,aAAa,CAC5B,EAAc,EAAQ,gBAAgB,KAAK,cAAe,EAAQ,CAExE,GAAI,GAA6C,KAAM,CACrD,KAAK,YAAc,KACnB,OAGF,GAAI,OAAO,GAAgB,UAAY,OAAO,GAAgB,SAAU,CACtE,KAAK,YAAc,OAAO,EAAY,CACtC,OAGF,GAAI,OAAO,GAAgB,SAAU,CACnC,IAAM,EAAS,KAAK,QAAU,IAAA,GACxB,EAAc,EAClB,EACA,CACU,SACR,cAAe,KAAK,cACpB,UACD,CACD,EAAe,EAAc,CAC9B,CACG,OAAO,GAAgB,UAAY,OAAO,GAAgB,SAC5D,KAAK,YAAc,OAAO,EAAY,EAEtC,QAAQ,MACN,sFAAsF,KAAK,UAAU,EAAY,GAClH,CACD,KAAK,YAAc,MAErB,OAGF,KAAK,YAAc,KAGrB,2BAAmC,EAAmC,CACpE,KAAK,mBAAmB,EAAQ,CAEhC,IAAM,MAAqB,KAAK,mBAAmB,EAAQ,CAC3D,EAAQ,cAAc,iBAAiB,SAAU,EAAa,CAE9D,KAAK,wBACH,EAAQ,cAAc,oBAAoB,SAAU,EAAa,CAGrE,qBAAoC,CAClC,IAAM,EAAU,GAAwB,CACpC,GACF,KAAK,2BAA2B,EAAQ,CAG1C,KAAK,cAAgB,EAA6B,GAAM,CACtD,KAAK,uBAAuB,CAC5B,KAAK,oBAAsB,KACvB,EACF,KAAK,2BAA2B,EAAE,CAElC,KAAK,YAAc,MAErB,CAGJ,QAAS,CACP,MAAO,EAAI;;mBAEI,KAAK,YAAY;yBACX,KAAK,cAAc;;UAElC,KAAK,cAAgB,KAA0B,CAAI,gBAAvB,KAAK,YAAkC;;WA1G1E,EAAS,CAAE,KAAM,OAAQ,UAAW,iBAAkB,CAAC,CAAA,CAAA,EAAA,UAAA,gBAAA,IAAA,GAAA,IACvD,EAAS,CAAE,KAAM,OAAQ,UAAW,WAAY,CAAC,CAAA,CAAA,EAAA,UAAA,cAAA,IAAA,GAAA,IACjD,EAAS,CAAE,KAAM,OAAQ,UAAW,SAAU,CAAC,CAAA,CAAA,EAAA,UAAA,SAAA,IAAA,GAAA,IAE/C,GAAO,CAAA,CAAA,EAAA,UAAA,cAAA,IAAA,GAAA,CA4GV,MAAa,MAA0C,CACjD,OAAO,eAAmB,KAEzB,eAAe,IAAI,0BAA0B,EAChD,eAAe,OACb,0BACA,EACD"}
+{"version":3,"file":"EditedContent.mjs","names":[],"sources":["../../../src/components/EditedContent.ts"],"sourcesContent":["import { getBasePlugins, getContent } from '@intlayer/core/interpreter';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport type { EditorStateManager } from '../core/EditorStateManager';\nimport {\n  getGlobalEditorManager,\n  onGlobalEditorManagerChange,\n} from '../core/globalManager';\n\n/**\n * <intlayer-edited-content>\n *\n * Framework-agnostic Lit element that displays edited content from the Intlayer\n * editor. When the editor has an edited value for the given dictionary key and\n * key path, it renders the edited value; otherwise it renders the original\n * content via a slot.\n *\n * Always wraps content in <intlayer-content-selector-wrapper> for selection UI.\n *\n * @attr {string} dictionary-key  - The dictionary key owning this content node\n * @attr {string} key-path        - JSON-serialized KeyPath[] for this content node\n * @attr {string} locale          - The current locale string\n */\nexport class IntlayerEditedContentElement extends LitElement {\n  static styles = css`\n    :host {\n      display: contents;\n    }\n  `;\n\n  @property({ type: String, attribute: 'dictionary-key' }) dictionaryKey = '';\n  @property({ type: String, attribute: 'key-path' }) keyPathJson = '[]';\n  @property({ type: String, attribute: 'locale' }) locale = '';\n\n  @state() private _editedText: string | null = null;\n\n  private _unsubManager: (() => void) | null = null;\n  private _unsubEditedContent: (() => void) | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this._subscribeToManager();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._teardown();\n  }\n\n  private _teardown(): void {\n    this._unsubManager?.();\n    this._unsubEditedContent?.();\n    this._unsubManager = null;\n    this._unsubEditedContent = null;\n  }\n\n  private _getKeyPath(): KeyPath[] {\n    try {\n      return JSON.parse(this.keyPathJson);\n    } catch {\n      return [];\n    }\n  }\n\n  private _resolveEditedText(manager: EditorStateManager): void {\n    const keyPath = this._getKeyPath();\n    const editedValue = manager.getContentValue(this.dictionaryKey, keyPath);\n\n    if (editedValue === undefined || editedValue === null) {\n      this._editedText = null;\n      return;\n    }\n\n    if (typeof editedValue === 'string' || typeof editedValue === 'number') {\n      this._editedText = String(editedValue);\n      return;\n    }\n\n    if (typeof editedValue === 'object') {\n      const locale = this.locale || undefined;\n      const transformed = getContent(\n        editedValue,\n        {\n          locale: locale as any,\n          dictionaryKey: this.dictionaryKey,\n          keyPath,\n        },\n        getBasePlugins(locale as any)\n      );\n      if (typeof transformed === 'string' || typeof transformed === 'number') {\n        this._editedText = String(transformed);\n      } else {\n        console.error(\n          `[intlayer-edited-content] Incorrect edited content format. Expected string. Value: ${JSON.stringify(transformed)}`\n        );\n        this._editedText = null;\n      }\n      return;\n    }\n\n    this._editedText = null;\n  }\n\n  private _setupManagerSubscriptions(manager: EditorStateManager): void {\n    this._resolveEditedText(manager);\n\n    const handleChange = () => this._resolveEditedText(manager);\n    manager.editedContent.addEventListener('change', handleChange);\n\n    this._unsubEditedContent = () =>\n      manager.editedContent.removeEventListener('change', handleChange);\n  }\n\n  private _subscribeToManager(): void {\n    const manager = getGlobalEditorManager();\n    if (manager) {\n      this._setupManagerSubscriptions(manager);\n    }\n\n    this._unsubManager = onGlobalEditorManagerChange((m) => {\n      this._unsubEditedContent?.();\n      this._unsubEditedContent = null;\n      if (m) {\n        this._setupManagerSubscriptions(m);\n      } else {\n        this._editedText = null;\n      }\n    });\n  }\n\n  render() {\n    return html`\n      <intlayer-content-selector-wrapper\n        key-path=${this.keyPathJson}\n        dictionary-key=${this.dictionaryKey}\n      >\n        ${this._editedText !== null ? this._editedText : html`<slot></slot>`}\n      </intlayer-content-selector-wrapper>\n    `;\n  }\n}\n\nexport const defineIntlayerEditedContent = (): void => {\n  if (typeof customElements === 'undefined') return;\n\n  if (!customElements.get('intlayer-edited-content')) {\n    customElements.define(\n      'intlayer-edited-content',\n      IntlayerEditedContentElement\n    );\n  }\n};\n"],"mappings":"yUAwBA,IAAa,EAAb,cAAkD,CAAW,kDAOc,oBACR,iBACP,oBAEZ,wBAED,8BACM,wBAbnC,CAAG;;;;IAenB,mBAA0B,CACxB,MAAM,mBAAmB,CACzB,KAAK,qBAAqB,CAG5B,sBAA6B,CAC3B,MAAM,sBAAsB,CAC5B,KAAK,WAAW,CAGlB,WAA0B,CACxB,KAAK,iBAAiB,CACtB,KAAK,uBAAuB,CAC5B,KAAK,cAAgB,KACrB,KAAK,oBAAsB,KAG7B,aAAiC,CAC/B,GAAI,CACF,OAAO,KAAK,MAAM,KAAK,YAAY,MAC7B,CACN,MAAO,EAAE,EAIb,mBAA2B,EAAmC,CAC5D,IAAM,EAAU,KAAK,aAAa,CAC5B,EAAc,EAAQ,gBAAgB,KAAK,cAAe,EAAQ,CAExE,GAAI,GAA6C,KAAM,CACrD,KAAK,YAAc,KACnB,OAGF,GAAI,OAAO,GAAgB,UAAY,OAAO,GAAgB,SAAU,CACtE,KAAK,YAAc,OAAO,EAAY,CACtC,OAGF,GAAI,OAAO,GAAgB,SAAU,CACnC,IAAM,EAAS,KAAK,QAAU,IAAA,GACxB,EAAc,EAClB,EACA,CACU,SACR,cAAe,KAAK,cACpB,UACD,CACD,EAAe,EAAc,CAC9B,CACG,OAAO,GAAgB,UAAY,OAAO,GAAgB,SAC5D,KAAK,YAAc,OAAO,EAAY,EAEtC,QAAQ,MACN,sFAAsF,KAAK,UAAU,EAAY,GAClH,CACD,KAAK,YAAc,MAErB,OAGF,KAAK,YAAc,KAGrB,2BAAmC,EAAmC,CACpE,KAAK,mBAAmB,EAAQ,CAEhC,IAAM,MAAqB,KAAK,mBAAmB,EAAQ,CAC3D,EAAQ,cAAc,iBAAiB,SAAU,EAAa,CAE9D,KAAK,wBACH,EAAQ,cAAc,oBAAoB,SAAU,EAAa,CAGrE,qBAAoC,CAClC,IAAM,EAAU,GAAwB,CACpC,GACF,KAAK,2BAA2B,EAAQ,CAG1C,KAAK,cAAgB,EAA6B,GAAM,CACtD,KAAK,uBAAuB,CAC5B,KAAK,oBAAsB,KACvB,EACF,KAAK,2BAA2B,EAAE,CAElC,KAAK,YAAc,MAErB,CAGJ,QAAS,CACP,MAAO,EAAI;;mBAEI,KAAK,YAAY;yBACX,KAAK,cAAc;;UAElC,KAAK,cAAgB,KAA0B,CAAI,gBAAvB,KAAK,YAAkC;;WA1G1E,EAAS,CAAE,KAAM,OAAQ,UAAW,iBAAkB,CAAC,CAAA,CAAA,EAAA,UAAA,gBAAA,IAAA,GAAA,IACvD,EAAS,CAAE,KAAM,OAAQ,UAAW,WAAY,CAAC,CAAA,CAAA,EAAA,UAAA,cAAA,IAAA,GAAA,IACjD,EAAS,CAAE,KAAM,OAAQ,UAAW,SAAU,CAAC,CAAA,CAAA,EAAA,UAAA,SAAA,IAAA,GAAA,IAE/C,GAAO,CAAA,CAAA,EAAA,UAAA,cAAA,IAAA,GAAA,CA4GV,MAAa,MAA0C,CACjD,OAAO,eAAmB,KAEzB,eAAe,IAAI,0BAA0B,EAChD,eAAe,OACb,0BACA,EACD"}

package/dist/esm/components/IntlayerEditor.mjs

@@ -1,2 +1 @@
-import{getGlobalEditorManager as e,onGlobalEditorManagerChange as t}from"../core/globalManager.mjs";import{__decorate as n}from"../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.mjs";import{initEditorClient as r,stopEditorClient as i}from"../core/initEditorClient.mjs";import{LitElement as a}from"lit";import{property as o}from"lit/decorators.js";var s=class extends a{constructor(...e){super(...e),this._initialized=!1,this._unsubManager=null}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._init()}disconnectedCallback(){super.disconnectedCallback(),this._unsubManager?.(),this._unsubManager=null,this._initialized&&=(i(),!1)}updated(e){e.has(`configuration`)&&!this._initialized&&this._init(),e.has(`locale`)&&this.locale&&this._syncLocale(this.locale)}_init(){this._initialized||(r(),this._initialized=!0,this.locale&&this._syncLocale(this.locale))}_syncLocale(n){let r=e();r?r.currentLocale.set(n):(this._unsubManager?.(),this._unsubManager=t(e=>{e&&(this._unsubManager?.(),this._unsubManager=null,e.currentLocale.set(n))}))}};n([o({attribute:!1})],s.prototype,`configuration`,void 0),n([o({type:String})],s.prototype,`locale`,void 0);const c=()=>{typeof customElements>`u`||customElements.get(`intlayer-editor`)||customElements.define(`intlayer-editor`,s)};export{s as IntlayerEditorElement,c as defineIntlayerEditorElement};
-//# sourceMappingURL=IntlayerEditor.mjs.map
+import{i as e,r as t}from"../components-RtOXxg9h.mjs";export{t as IntlayerEditorElement,e as defineIntlayerEditorElement};

package/dist/esm/components/index.mjs

@@ -1 +1 @@
-import{IntlayerContentSelectorWrapperElement as e,defineIntlayerContentSelectorWrapper as t}from"./ContentSelectorWrapper.mjs";import{IntlayerEditedContentElement as n,defineIntlayerEditedContent as r}from"./EditedContent.mjs";import{IntlayerEditorElement as i,defineIntlayerEditorElement as a}from"./IntlayerEditor.mjs";import{IntlayerContentSelectorElement as o,defineIntlayerElements as s}from"./ContentSelector.mjs";export{o as IntlayerContentSelectorElement,e as IntlayerContentSelectorWrapperElement,n as IntlayerEditedContentElement,i as IntlayerEditorElement,t as defineIntlayerContentSelectorWrapper,r as defineIntlayerEditedContent,a as defineIntlayerEditorElement,s as defineIntlayerElements};
+import{IntlayerContentSelectorWrapperElement as e,defineIntlayerContentSelectorWrapper as t}from"./ContentSelectorWrapper.mjs";import{IntlayerEditedContentElement as n,defineIntlayerEditedContent as r}from"./EditedContent.mjs";import{i,n as a,r as o,t as s}from"../components-RtOXxg9h.mjs";export{s as IntlayerContentSelectorElement,e as IntlayerContentSelectorWrapperElement,n as IntlayerEditedContentElement,o as IntlayerEditorElement,t as defineIntlayerContentSelectorWrapper,r as defineIntlayerEditedContent,i as defineIntlayerEditorElement,a as defineIntlayerElements};

package/dist/esm/components-RtOXxg9h.mjs

@@ -0,0 +1,41 @@
+import{getGlobalEditorManager as e,onGlobalEditorManagerChange as t,setGlobalEditorManager as n}from"./core/globalManager.mjs";import{t as r}from"./decorate-BWURH4oJ.mjs";import{defineIntlayerContentSelectorWrapper as i}from"./components/ContentSelectorWrapper.mjs";import{defineIntlayerEditedContent as a}from"./components/EditedContent.mjs";import{EditorStateManager as o}from"./core/EditorStateManager.mjs";import s from"@intlayer/config/built";import{LitElement as c,css as l,html as u}from"lit";import{property as d,query as f,state as p}from"lit/decorators.js";const m=()=>{let{editor:e}=s??{};return{allowedOrigins:[e?.editorURL,e?.cmsURL].filter(Boolean),postMessageFn:(e,t)=>{typeof window>`u`||window.self!==window.top&&window.parent?.postMessage(e,t)}}};let h=0;const g=()=>{h++;let t=e();if(t)return t;let r=new o({mode:`client`,messenger:m(),configuration:s});return n(r),x(),r.start(),r},_=()=>{h=Math.max(0,h-1),!(h>0)&&(e()?.stop(),n(null))};var v=class extends c{constructor(...e){super(...e),this._initialized=!1,this._unsubManager=null}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._init()}disconnectedCallback(){super.disconnectedCallback(),this._unsubManager?.(),this._unsubManager=null,this._initialized&&=(_(),!1)}updated(e){e.has(`configuration`)&&!this._initialized&&this._init(),e.has(`locale`)&&this.locale&&this._syncLocale(this.locale)}_init(){this._initialized||(g(),this._initialized=!0,this.locale&&this._syncLocale(this.locale))}_syncLocale(n){let r=e();r?r.currentLocale.set(n):(this._unsubManager?.(),this._unsubManager=t(e=>{e&&(this._unsubManager?.(),this._unsubManager=null,e.currentLocale.set(n))}))}};r([d({attribute:!1})],v.prototype,`configuration`,void 0),r([d({type:String})],v.prototype,`locale`,void 0);const y=()=>{typeof customElements>`u`||customElements.get(`intlayer-editor`)||customElements.define(`intlayer-editor`,v)};var b=class extends c{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=l`
+    :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 u`
+      <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>
+    `}};r([d({type:Boolean,attribute:`is-selecting`})],b.prototype,`isSelecting`,void 0),r([d({type:Number,attribute:`press-duration`})],b.prototype,`pressDuration`,void 0),r([p()],b.prototype,`_isHovered`,void 0),r([p()],b.prototype,`_isSelectingState`,void 0),r([f(`.wrapper`)],b.prototype,`_wrapper`,void 0);const x=()=>{typeof customElements>`u`||(customElements.get(`intlayer-content-selector`)||customElements.define(`intlayer-content-selector`,b),i(),a(),y())};export{m as a,y as i,x as n,g as o,v as r,_ as s,b as t};
+//# sourceMappingURL=components-RtOXxg9h.mjs.map

package/dist/esm/components-RtOXxg9h.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-RtOXxg9h.mjs","names":[],"sources":["../../src/core/initEditorClient.ts","../../src/components/IntlayerEditor.ts","../../src/components/ContentSelector.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","import type { Locale } from '@intlayer/types/allLocales';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport {\n  getGlobalEditorManager,\n  onGlobalEditorManagerChange,\n} from '../core/globalManager';\nimport { initEditorClient, stopEditorClient } from '../core/initEditorClient';\n\n/**\n * <intlayer-editor>\n *\n * A framework-agnostic Lit element that manages the Intlayer editor singleton\n * lifecycle and keeps the current locale in sync with the EditorStateManager.\n *\n * Drop this element once at the root of your application to activate the editor.\n * It renders no UI (display: contents, empty shadow root).\n *\n * @prop {IntlayerConfig} configuration  - The Intlayer config (required; set as property, not attribute)\n * @prop {string}         locale         - The active application locale (attribute/property)\n *\n * @example\n * // Svelte\n * <intlayer-editor .configuration={config} locale={$locale} />\n *\n * // Vue\n * <intlayer-editor :configuration=\"config\" :locale=\"currentLocale\" />\n */\nexport class IntlayerEditorElement extends LitElement {\n  /** No visible UI — render nothing into the shadow root */\n  createRenderRoot(): this {\n    return this;\n  }\n\n  @property({ attribute: false }) configuration?: IntlayerConfig;\n\n  @property({ type: String }) locale?: string;\n\n  private _initialized = false;\n  private _unsubManager: (() => void) | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this._init();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._unsubManager?.();\n    this._unsubManager = null;\n\n    if (this._initialized) {\n      stopEditorClient();\n      this._initialized = false;\n    }\n  }\n\n  updated(changedProperties: Map<string | symbol, unknown>): void {\n    if (changedProperties.has('configuration') && !this._initialized) {\n      this._init();\n    }\n\n    if (changedProperties.has('locale') && this.locale) {\n      this._syncLocale(this.locale);\n    }\n  }\n\n  private _init(): void {\n    if (this._initialized) return;\n\n    initEditorClient();\n\n    this._initialized = true;\n\n    // Sync locale immediately after init if it is already set\n    if (this.locale) {\n      this._syncLocale(this.locale);\n    }\n  }\n\n  private _syncLocale(locale: string): void {\n    const manager = getGlobalEditorManager();\n\n    if (manager) {\n      manager.currentLocale.set(locale as Locale);\n    } else {\n      // Manager may not be ready yet — wait for it\n      this._unsubManager?.();\n      this._unsubManager = onGlobalEditorManagerChange((manager) => {\n        if (manager) {\n          this._unsubManager?.();\n          this._unsubManager = null;\n\n          manager.currentLocale.set(locale as Locale);\n        }\n      });\n    }\n  }\n}\n\nexport const defineIntlayerEditorElement = (): void => {\n  if (typeof customElements === 'undefined') return;\n\n  if (!customElements.get('intlayer-editor')) {\n    customElements.define('intlayer-editor', IntlayerEditorElement);\n  }\n};\n","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":"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"}

package/dist/esm/core/index.mjs

@@ -1 +1 @@
-import{getGlobalEditorManager as e,onGlobalEditorManagerChange as t,setGlobalEditorManager as n}from"./globalManager.mjs";import{CrossFrameMessenger as r}from"./CrossFrameMessenger.mjs";import{CrossFrameStateManager as i}from"./CrossFrameStateManager.mjs";import{IframeClickInterceptor as a}from"./IframeClickInterceptor.mjs";import{UrlStateManager as o}from"./UrlStateManager.mjs";import{EditorStateManager as s}from"./EditorStateManager.mjs";import{buildClientMessengerConfig as c,initEditorClient as l,stopEditorClient as u}from"./initEditorClient.mjs";export{r as CrossFrameMessenger,i as CrossFrameStateManager,s as EditorStateManager,a as IframeClickInterceptor,o as UrlStateManager,c as buildClientMessengerConfig,e as getGlobalEditorManager,l as initEditorClient,t as onGlobalEditorManagerChange,n as setGlobalEditorManager,u as stopEditorClient};
+import{getGlobalEditorManager as e,onGlobalEditorManagerChange as t,setGlobalEditorManager as n}from"./globalManager.mjs";import{CrossFrameMessenger as r}from"./CrossFrameMessenger.mjs";import{CrossFrameStateManager as i}from"./CrossFrameStateManager.mjs";import{IframeClickInterceptor as a}from"./IframeClickInterceptor.mjs";import{UrlStateManager as o}from"./UrlStateManager.mjs";import{EditorStateManager as s}from"./EditorStateManager.mjs";import{a as c,o as l,s as u}from"../components-RtOXxg9h.mjs";export{r as CrossFrameMessenger,i as CrossFrameStateManager,s as EditorStateManager,a as IframeClickInterceptor,o as UrlStateManager,c as buildClientMessengerConfig,e as getGlobalEditorManager,l as initEditorClient,t as onGlobalEditorManagerChange,n as setGlobalEditorManager,u as stopEditorClient};

package/dist/esm/core/initEditorClient.mjs

@@ -1,2 +1 @@
-import{getGlobalEditorManager as e,setGlobalEditorManager as t}from"./globalManager.mjs";import{EditorStateManager as n}from"./EditorStateManager.mjs";import{defineIntlayerElements as r}from"../components/ContentSelector.mjs";import i from"@intlayer/config/built";const a=()=>{let{editor:e}=i??{};return{allowedOrigins:[e?.editorURL,e?.cmsURL].filter(Boolean),postMessageFn:(e,t)=>{typeof window>`u`||window.self!==window.top&&window.parent?.postMessage(e,t)}}};let o=0;const s=()=>{o++;let s=e();if(s)return s;let c=new n({mode:`client`,messenger:a(),configuration:i});return t(c),r(),c.start(),c},c=()=>{o=Math.max(0,o-1),!(o>0)&&(e()?.stop(),t(null))};export{a as buildClientMessengerConfig,s as initEditorClient,c as stopEditorClient};
-//# sourceMappingURL=initEditorClient.mjs.map
+import{a as e,o as t,s as n}from"../components-RtOXxg9h.mjs";export{e as buildClientMessengerConfig,t as initEditorClient,n as stopEditorClient};

package/dist/{cjs/_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.cjs → esm/decorate-BWURH4oJ.mjs}

@@ -1 +1 @@
-function e(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}exports.__decorate=e;
+function e(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}export{e as t};

package/dist/esm/index.mjs

@@ -1 +1 @@
-import{compareUrls as e}from"./compareUrls.mjs";import{MessageKey as t}from"./messageKey.mjs";import{mergeIframeClick as n}from"./mergeIframeClick.mjs";import{getGlobalEditorManager as r,onGlobalEditorManagerChange as i,setGlobalEditorManager as a}from"./core/globalManager.mjs";import{IntlayerContentSelectorWrapperElement as o,defineIntlayerContentSelectorWrapper as s}from"./components/ContentSelectorWrapper.mjs";import{IntlayerEditedContentElement as c,defineIntlayerEditedContent as l}from"./components/EditedContent.mjs";import{CrossFrameMessenger as u}from"./core/CrossFrameMessenger.mjs";import{CrossFrameStateManager as d}from"./core/CrossFrameStateManager.mjs";import{IframeClickInterceptor as f}from"./core/IframeClickInterceptor.mjs";import{UrlStateManager as p}from"./core/UrlStateManager.mjs";import{EditorStateManager as m}from"./core/EditorStateManager.mjs";import{buildClientMessengerConfig as h,initEditorClient as g,stopEditorClient as _}from"./core/initEditorClient.mjs";import{IntlayerEditorElement as v,defineIntlayerEditorElement as y}from"./components/IntlayerEditor.mjs";import{IntlayerContentSelectorElement as b,defineIntlayerElements as x}from"./components/ContentSelector.mjs";export{u as CrossFrameMessenger,d as CrossFrameStateManager,m as EditorStateManager,f as IframeClickInterceptor,b as IntlayerContentSelectorElement,o as IntlayerContentSelectorWrapperElement,c as IntlayerEditedContentElement,v as IntlayerEditorElement,t as MessageKey,p as UrlStateManager,h as buildClientMessengerConfig,e as compareUrls,s as defineIntlayerContentSelectorWrapper,l as defineIntlayerEditedContent,y as defineIntlayerEditorElement,x as defineIntlayerElements,r as getGlobalEditorManager,g as initEditorClient,n as mergeIframeClick,i as onGlobalEditorManagerChange,a as setGlobalEditorManager,_ as stopEditorClient};
+import{compareUrls as e}from"./compareUrls.mjs";import{MessageKey as t}from"./messageKey.mjs";import{mergeIframeClick as n}from"./mergeIframeClick.mjs";import{getGlobalEditorManager as r,onGlobalEditorManagerChange as i,setGlobalEditorManager as a}from"./core/globalManager.mjs";import{IntlayerContentSelectorWrapperElement as o,defineIntlayerContentSelectorWrapper as s}from"./components/ContentSelectorWrapper.mjs";import{IntlayerEditedContentElement as c,defineIntlayerEditedContent as l}from"./components/EditedContent.mjs";import{CrossFrameMessenger as u}from"./core/CrossFrameMessenger.mjs";import{CrossFrameStateManager as d}from"./core/CrossFrameStateManager.mjs";import{IframeClickInterceptor as f}from"./core/IframeClickInterceptor.mjs";import{UrlStateManager as p}from"./core/UrlStateManager.mjs";import{EditorStateManager as m}from"./core/EditorStateManager.mjs";import{a as h,i as g,n as _,o as v,r as y,s as b,t as x}from"./components-RtOXxg9h.mjs";import"./core/index.mjs";export{u as CrossFrameMessenger,d as CrossFrameStateManager,m as EditorStateManager,f as IframeClickInterceptor,x as IntlayerContentSelectorElement,o as IntlayerContentSelectorWrapperElement,c as IntlayerEditedContentElement,y as IntlayerEditorElement,t as MessageKey,p as UrlStateManager,h as buildClientMessengerConfig,e as compareUrls,s as defineIntlayerContentSelectorWrapper,l as defineIntlayerEditedContent,g as defineIntlayerEditorElement,_ as defineIntlayerElements,r as getGlobalEditorManager,v as initEditorClient,n as mergeIframeClick,i as onGlobalEditorManagerChange,a as setGlobalEditorManager,b as stopEditorClient};

package/dist/types/ContentSelector-sIfZu4Dd.d.ts

@@ -0,0 +1,49 @@
+import * as lit from "lit";
+import { LitElement } from "lit";
+
+//#region src/components/ContentSelector.d.ts
+/**
+ * <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
+ */
+declare class IntlayerContentSelectorElement extends LitElement {
+  static styles: lit.CSSResult;
+  isSelecting: boolean;
+  pressDuration: number;
+  private _isHovered;
+  private _isSelectingState;
+  private _wrapper;
+  private _pressTimer;
+  private _clickOutsideHandler;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private _clearPressTimer;
+  private _dispatch;
+  private _handleMouseDown;
+  private _handleMouseEnter;
+  private _handleMouseUpOrLeave;
+  private _handleClick;
+  private _handleBlur;
+  render(): lit.TemplateResult<1>;
+}
+/**
+ * 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.
+ */
+declare const defineIntlayerElements: () => void;
+//#endregion
+export { defineIntlayerElements as n, IntlayerContentSelectorElement as t };
+//# sourceMappingURL=ContentSelector-sIfZu4Dd.d.ts.map

package/dist/types/ContentSelector-sIfZu4Dd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSelector-sIfZu4Dd.d.ts","names":[],"sources":["../../src/components/ContentSelector.ts"],"mappings":";;;;;;;AAwBA;;;;;;;;;;;;;cAAa,8BAAA,SAAuC,UAAA;EAAA,OAC3C,MAAA,EADmC,GAAA,CAC7B,SAAA;EAuBb,WAAA;EAGA,aAAA;EAAA,QAEiB,UAAA;EAAA,QACA,iBAAA;EAAA,QAEU,QAAA;EAAA,QAEnB,WAAA;EAAA,QACA,oBAAA;EAER,iBAAA,CAAA;EAYA,oBAAA,CAAA;EAAA,QASQ,gBAAA;EAAA,QAOA,SAAA;EAAA,QAMA,gBAAA;EAAA,QAQA,iBAAA;EAAA,QAKA,qBAAA;EAAA,QAQA,YAAA;EAAA,QAOA,WAAA;EAIR,MAAA,CAAA,GAtGa,GAAA,CAsGP,cAAA;AAAA;;;;;;cA+BK,sBAAA"}

package/dist/types/ContentSelectorWrapper-CID6anMf.d.ts

@@ -0,0 +1,49 @@
+import * as lit from "lit";
+import { LitElement } from "lit";
+
+//#region src/components/ContentSelectorWrapper.d.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
+ */
+declare class IntlayerContentSelectorWrapperElement extends LitElement {
+  static styles: lit.CSSResult;
+  keyPathJson: string;
+  dictionaryKey: string;
+  private _editorEnabled;
+  private _isInIframe;
+  private _isSelected;
+  private _editedValue;
+  private _unsubManager;
+  private _unsubEnabled;
+  private _unsubFocused;
+  private _unsubEditedContent;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  updated(changedProperties: Map<string, unknown>): void;
+  private _teardown;
+  private _subscribeToManager;
+  private _setupManagerSubscriptions;
+  private _getRawKeyPath;
+  private _getFilteredKeyPath;
+  private _updateEditedValue;
+  private _updateIsSelected;
+  private _handlePress;
+  private _handleHover;
+  private _handleUnhover;
+  render(): lit.TemplateResult<1>;
+}
+declare const defineIntlayerContentSelectorWrapper: () => void;
+//#endregion
+export { defineIntlayerContentSelectorWrapper as n, IntlayerContentSelectorWrapperElement as t };
+//# sourceMappingURL=ContentSelectorWrapper-CID6anMf.d.ts.map

package/dist/types/ContentSelectorWrapper-CID6anMf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSelectorWrapper-CID6anMf.d.ts","names":[],"sources":["../../src/components/ContentSelectorWrapper.ts"],"mappings":";;;;;;;AA8BA;;;;;;;;;;;cAAa,qCAAA,SAA8C,UAAA;EAAA,OAClD,MAAA,EAD0C,GAAA,CACpC,SAAA;EAMsC,WAAA;EACM,aAAA;EAAA,QAExC,cAAA;EAAA,QACA,WAAA;EAAA,QACA,WAAA;EAAA,QACA,YAAA;EAAA,QAET,aAAA;EAAA,QACA,aAAA;EAAA,QACA,aAAA;EAAA,QACA,mBAAA;EAER,iBAAA,CAAA;EAQA,oBAAA,CAAA;EAKA,OAAA,CAAQ,iBAAA,EAAmB,GAAA;EAAA,QAUnB,SAAA;EAAA,QAWA,mBAAA;EAAA,QAuBA,0BAAA;EAAA,QA8BA,cAAA;EAAA,QAQA,mBAAA;EAAA,QAIA,kBAAA;EAAA,QA+CA,iBAAA;EAAA,QAcA,YAAA;EAAA,QAWA,YAAA;EAAA,QAQA,cAAA;EAQR,MAAA,CAAA,GA9K8B,GAAA,CA8KxB,cAAA;AAAA;AAAA,cA0BK,oCAAA"}

package/dist/types/CrossFrameMessenger-CPt3Bu8S.d.ts

@@ -0,0 +1,51 @@
+//#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 { MessagePayload as n, MessengerConfig as r, CrossFrameMessenger as t };
+//# sourceMappingURL=CrossFrameMessenger-CPt3Bu8S.d.ts.map

package/dist/types/CrossFrameMessenger-CPt3Bu8S.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossFrameMessenger-CPt3Bu8S.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/CrossFrameStateManager-CW1DPY_Z.d.ts

@@ -0,0 +1,44 @@
+import { t as CrossFrameMessenger } from "./CrossFrameMessenger-CPt3Bu8S.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 { CrossFrameStateOptions as n, CrossFrameStateManager as t };
+//# sourceMappingURL=CrossFrameStateManager-CW1DPY_Z.d.ts.map

package/dist/types/CrossFrameStateManager-CW1DPY_Z.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossFrameStateManager-CW1DPY_Z.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/EditedContent-2kq4wk4R.d.ts

@@ -0,0 +1,39 @@
+import * as lit from "lit";
+import { LitElement } from "lit";
+
+//#region src/components/EditedContent.d.ts
+/**
+ * <intlayer-edited-content>
+ *
+ * Framework-agnostic Lit element that displays edited content from the Intlayer
+ * editor. When the editor has an edited value for the given dictionary key and
+ * key path, it renders the edited value; otherwise it renders the original
+ * content via a slot.
+ *
+ * Always wraps content in <intlayer-content-selector-wrapper> for selection UI.
+ *
+ * @attr {string} dictionary-key  - The dictionary key owning this content node
+ * @attr {string} key-path        - JSON-serialized KeyPath[] for this content node
+ * @attr {string} locale          - The current locale string
+ */
+declare class IntlayerEditedContentElement extends LitElement {
+  static styles: lit.CSSResult;
+  dictionaryKey: string;
+  keyPathJson: string;
+  locale: string;
+  private _editedText;
+  private _unsubManager;
+  private _unsubEditedContent;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private _teardown;
+  private _getKeyPath;
+  private _resolveEditedText;
+  private _setupManagerSubscriptions;
+  private _subscribeToManager;
+  render(): lit.TemplateResult<1>;
+}
+declare const defineIntlayerEditedContent: () => void;
+//#endregion
+export { defineIntlayerEditedContent as n, IntlayerEditedContentElement as t };
+//# sourceMappingURL=EditedContent-2kq4wk4R.d.ts.map

package/dist/types/EditedContent-2kq4wk4R.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditedContent-2kq4wk4R.d.ts","names":[],"sources":["../../src/components/EditedContent.ts"],"mappings":";;;;;;;AAwBA;;;;;;;;;;;cAAa,4BAAA,SAAqC,UAAA;EAAA,OACzC,MAAA,EADiC,GAAA,CAC3B,SAAA;EAM4C,aAAA;EACN,WAAA;EACF,MAAA;EAAA,QAEhC,WAAA;EAAA,QAET,aAAA;EAAA,QACA,mBAAA;EAER,iBAAA,CAAA;EAKA,oBAAA,CAAA;EAAA,QAKQ,SAAA;EAAA,QAOA,WAAA;EAAA,QAQA,kBAAA;EAAA,QAuCA,0BAAA;EAAA,QAUA,mBAAA;EAiBR,MAAA,CAAA,GA1Ga,GAAA,CA0GP,cAAA;AAAA;AAAA,cAYK,2BAAA"}

package/dist/types/EditorStateManager-Y9j0SYCd.d.ts

@@ -0,0 +1,73 @@
+import { r as MessengerConfig, t as CrossFrameMessenger } from "./CrossFrameMessenger-CPt3Bu8S.js";
+import { t as CrossFrameStateManager } from "./CrossFrameStateManager-CW1DPY_Z.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 { FileContent as i, EditorStateManager as n, EditorStateManagerConfig as r, DictionaryContent as t };
+//# sourceMappingURL=EditorStateManager-Y9j0SYCd.d.ts.map

package/dist/types/EditorStateManager-Y9j0SYCd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorStateManager-Y9j0SYCd.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/IframeClickInterceptor-Cm89LRcI.d.ts

@@ -0,0 +1,26 @@
+import { t as CrossFrameMessenger } from "./CrossFrameMessenger-CPt3Bu8S.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 as t };
+//# sourceMappingURL=IframeClickInterceptor-Cm89LRcI.d.ts.map

package/dist/types/IframeClickInterceptor-Cm89LRcI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IframeClickInterceptor-Cm89LRcI.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"}