angular-intlayer 6.1.6 → 7.0.0-canary.0

package/dist/cjs/editor/useCrossFrameState.cjs

@@ -1,95 +1,115 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useCrossFrameState_exports = {};
-__export(useCrossFrameState_exports, {
-  useCrossFrameState: () => useCrossFrameState
-});
-module.exports = __toCommonJS(useCrossFrameState_exports);
-var import_core = require("@angular/core");
-var import_communicator = require('./communicator.cjs');
-var import_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_editor_communicator = require('./communicator.cjs');
+const require_editor_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
+let __angular_core = require("@angular/core");
+__angular_core = require_rolldown_runtime.__toESM(__angular_core);
+
+//#region src/editor/useCrossFrameState.ts
 const crossFrameStateCache = /* @__PURE__ */ new Map();
+/**
+* Utility to resolve either a value or an updater function (mirrors React's `setState`).
+*/
 const resolveState = (state, prevState) => {
-  if (typeof state === "function") {
-    return state(prevState);
-  }
-  return state;
+	if (typeof state === "function") return state(prevState);
+	return state;
 };
+/**
+* Creates a plain object copy that can be safely serialized
+* for postMessage communication
+*/
 const toSerializable = (obj) => {
-  if (obj === null || obj === void 0) return obj;
-  return JSON.parse(JSON.stringify(obj));
+	if (obj === null || obj === void 0) return obj;
+	return JSON.parse(JSON.stringify(obj));
 };
-const useCrossFrameState = (key, initialState, options = { emit: true, receive: true }) => {
-  if (crossFrameStateCache.has(key)) {
-    const { state, setState: setState2, postState: postState2 } = crossFrameStateCache.get(key);
-    return [state, setState2, postState2];
-  }
-  const { emit = true, receive = true } = options;
-  const stateSignal = (0, import_core.signal)(resolveState(initialState));
-  const { postMessage, senderId } = (0, import_communicator.useCommunicator)();
-  const broadcastState = (value) => {
-    if (!emit || typeof postMessage !== "function" || typeof value === "undefined")
-      return;
-    postMessage({
-      type: `${key}/post`,
-      data: value,
-      senderId
-    });
-  };
-  const setState = (valueOrUpdater) => {
-    const next = resolveState(valueOrUpdater, stateSignal());
-    const serialised = toSerializable(next);
-    stateSignal.set(serialised);
-    broadcastState(serialised);
-  };
-  const postState = () => {
-    if (typeof postMessage !== "function") return;
-    postMessage({
-      type: `${key}/post`,
-      data: stateSignal(),
-      senderId
-    });
-  };
-  broadcastState(stateSignal());
-  if (receive && typeof postMessage === "function" && typeof stateSignal() === "undefined") {
-    postMessage({ type: `${key}/get`, senderId });
-  }
-  (0, import_useCrossFrameMessageListener.useCrossFrameMessageListener)(
-    `${key}/post`,
-    receive ? (data) => {
-      stateSignal.set(data);
-    } : void 0
-  );
-  const handleGetMessage = (_, originSenderId) => {
-    if (!emit) return;
-    if (originSenderId === senderId) return;
-    broadcastState(stateSignal());
-  };
-  (0, import_useCrossFrameMessageListener.useCrossFrameMessageListener)(
-    `${key}/get`,
-    emit ? handleGetMessage : void 0
-  );
-  crossFrameStateCache.set(key, { state: stateSignal, setState, postState });
-  return [stateSignal, setState, postState];
+/**
+* Angular replacement for Vue's cross-frame state composable.
+* It synchronises a reactive value across frames/windows via the `postMessage` API.
+*
+* @template S The type of the state being synchronised.
+* @param key          Unique key identifying this state channel.
+* @param initialState Initial value (or lazy factory) for the state.
+* @param options      Control flags for emitting/receiving updates.
+*
+* @returns `[stateSignal, setState, postState]`
+*          - `stateSignal` – Angular `Signal<S | undefined>` holding the current state.
+*          - `setState`    – Setter with the same API as React's `setState`.
+*          - `postState`   – Manually broadcast the current state (useful after mutations outside `setState`).
+*/
+const useCrossFrameState = (key, initialState, options = {
+	emit: true,
+	receive: true
+}) => {
+	if (crossFrameStateCache.has(key)) {
+		const { state, setState: setState$1, postState: postState$1 } = crossFrameStateCache.get(key);
+		return [
+			state,
+			setState$1,
+			postState$1
+		];
+	}
+	const { emit = true, receive = true } = options;
+	/**
+	* Internal reactive state using Angular signals.
+	* We resolve the initial value here to avoid one extra render (same idea as in the React version).
+	*/
+	const stateSignal = (0, __angular_core.signal)(resolveState(initialState));
+	const { postMessage, senderId } = require_editor_communicator.useCommunicator();
+	/**
+	* Broadcast the given value if emitting is allowed and the communicator is ready.
+	*/
+	const broadcastState = (value) => {
+		if (!emit || typeof postMessage !== "function" || typeof value === "undefined") return;
+		postMessage({
+			type: `${key}/post`,
+			data: value,
+			senderId
+		});
+	};
+	/**
+	* Setter that mirrors React's `setState` signature (supports value or updater fn).
+	*/
+	const setState = (valueOrUpdater) => {
+		const serialised = toSerializable(resolveState(valueOrUpdater, stateSignal()));
+		stateSignal.set(serialised);
+		broadcastState(serialised);
+	};
+	/**
+	* Manually broadcast the current state to peers.
+	*/
+	const postState = () => {
+		if (typeof postMessage !== "function") return;
+		postMessage({
+			type: `${key}/post`,
+			data: stateSignal(),
+			senderId
+		});
+	};
+	broadcastState(stateSignal());
+	if (receive && typeof postMessage === "function" && typeof stateSignal() === "undefined") postMessage({
+		type: `${key}/get`,
+		senderId
+	});
+	require_editor_useCrossFrameMessageListener.useCrossFrameMessageListener(`${key}/post`, receive ? (data) => {
+		stateSignal.set(data);
+	} : void 0);
+	const handleGetMessage = (_, originSenderId) => {
+		if (!emit) return;
+		if (originSenderId === senderId) return;
+		broadcastState(stateSignal());
+	};
+	require_editor_useCrossFrameMessageListener.useCrossFrameMessageListener(`${key}/get`, emit ? handleGetMessage : void 0);
+	crossFrameStateCache.set(key, {
+		state: stateSignal,
+		setState,
+		postState
+	});
+	return [
+		stateSignal,
+		setState,
+		postState
+	];
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useCrossFrameState
-});
+
+//#endregion
+exports.useCrossFrameState = useCrossFrameState;
 //# sourceMappingURL=useCrossFrameState.cjs.map

package/dist/cjs/editor/useCrossFrameState.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/useCrossFrameState.ts"],"sourcesContent":["import { signal, Signal } from '@angular/core';\nimport { type MessageKey } from '@intlayer/editor';\nimport { useCommunicator } from './communicator';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport type CrossFrameStateOptions = {\n  /** Whether to broadcast state changes to other instances (default: true) */\n  emit?: boolean;\n  /** Whether to listen for state updates from other instances (default: true) */\n  receive?: boolean;\n};\n\nconst crossFrameStateCache = new Map<\n  string,\n  {\n    state: Signal<any>;\n    setState: (v: any | ((prev: any) => any)) => void;\n    postState: () => void;\n  }\n>();\n\n/**\n * Utility to resolve either a value or an updater function (mirrors React's `setState`).\n */\nconst resolveState = <S>(\n  state: S | ((prev?: S) => S) | undefined,\n  prevState?: S\n): S | undefined => {\n  if (typeof state === 'function') {\n    return (state as (prev?: S) => S)(prevState);\n  }\n  return state as S;\n};\n\n/**\n * Creates a plain object copy that can be safely serialized\n * for postMessage communication\n */\nconst toSerializable = <T>(obj: T): T => {\n  if (obj === null || obj === undefined) return obj;\n  // Using parse/stringify for a quick deep clone to remove reactivity\n  return JSON.parse(JSON.stringify(obj));\n};\n\n/**\n * Angular replacement for Vue's cross-frame state composable.\n * It synchronises a reactive value across frames/windows via the `postMessage` API.\n *\n * @template S The type of the state being synchronised.\n * @param key          Unique key identifying this state channel.\n * @param initialState Initial value (or lazy factory) for the state.\n * @param options      Control flags for emitting/receiving updates.\n *\n * @returns `[stateSignal, setState, postState]`\n *          - `stateSignal` – Angular `Signal<S | undefined>` holding the current state.\n *          - `setState`    – Setter with the same API as React's `setState`.\n *          - `postState`   – Manually broadcast the current state (useful after mutations outside `setState`).\n */\nexport const useCrossFrameState = <S>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options: CrossFrameStateOptions = { emit: true, receive: true }\n): [\n  Signal<S | undefined>,\n  (v: S | ((prev: S | undefined) => S)) => void,\n  () => void,\n] => {\n  if (crossFrameStateCache.has(key)) {\n    // Return the existing instance\n    const { state, setState, postState } = crossFrameStateCache.get(key)!;\n    return [state, setState, postState];\n  }\n\n  const { emit = true, receive = true } = options;\n\n  /**\n   * Internal reactive state using Angular signals.\n   * We resolve the initial value here to avoid one extra render (same idea as in the React version).\n   */\n  const stateSignal = signal<S | undefined>(resolveState<S>(initialState));\n\n  // Get communicator within injection context\n  const { postMessage, senderId } = useCommunicator();\n\n  /**\n   * Broadcast the given value if emitting is allowed and the communicator is ready.\n   */\n  const broadcastState = (value: S | undefined) => {\n    if (\n      !emit ||\n      typeof postMessage !== 'function' ||\n      typeof value === 'undefined'\n    )\n      return;\n    postMessage({\n      type: `${key}/post`,\n      data: value,\n      senderId,\n    });\n  };\n\n  /**\n   * Setter that mirrors React's `setState` signature (supports value or updater fn).\n   */\n  const setState = (valueOrUpdater: S | ((prev: S | undefined) => S)) => {\n    const next = resolveState<S>(valueOrUpdater as any, stateSignal());\n    const serialised = toSerializable(next);\n    stateSignal.set(serialised);\n    broadcastState(serialised);\n  };\n\n  /**\n   * Manually broadcast the current state to peers.\n   */\n  const postState = () => {\n    if (typeof postMessage !== 'function') return;\n    postMessage({\n      type: `${key}/post`,\n      data: stateSignal(),\n      senderId,\n    });\n  };\n\n  // Emit the initial state (if any) right away so that peers can pick it up.\n  broadcastState(stateSignal());\n\n  // If we are in receive mode but have no state yet, ask peers for theirs.\n  if (\n    receive &&\n    typeof postMessage === 'function' &&\n    typeof stateSignal() === 'undefined'\n  ) {\n    postMessage({ type: `${key}/get`, senderId });\n  }\n\n  /* ───────────────────── Incoming messages ───────────────────── */\n\n  // 1. Updates posted by other frames\n  useCrossFrameMessageListener<S>(\n    `${key}/post`,\n    receive\n      ? (data) => {\n          stateSignal.set(data);\n        }\n      : undefined\n  );\n\n  // 2. Requests from peers asking for our current value\n  const handleGetMessage = (_: unknown, originSenderId?: string) => {\n    if (!emit) return;\n    if (originSenderId === senderId) return; // Don't respond to our own request\n    broadcastState(stateSignal());\n  };\n\n  useCrossFrameMessageListener(\n    `${key}/get`,\n    emit ? handleGetMessage : undefined\n  );\n\n  // Cache this instance\n  crossFrameStateCache.set(key, { state: stateSignal, setState, postState });\n\n  return [stateSignal as Signal<S | undefined>, setState, postState];\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA+B;AAE/B,0BAAgC;AAChC,0CAA6C;AAS7C,MAAM,uBAAuB,oBAAI,IAO/B;AAKF,MAAM,eAAe,CACnB,OACA,cACkB;AAClB,MAAI,OAAO,UAAU,YAAY;AAC/B,WAAQ,MAA0B,SAAS;AAAA,EAC7C;AACA,SAAO;AACT;AAMA,MAAM,iBAAiB,CAAI,QAAc;AACvC,MAAI,QAAQ,QAAQ,QAAQ,OAAW,QAAO;AAE9C,SAAO,KAAK,MAAM,KAAK,UAAU,GAAG,CAAC;AACvC;AAgBO,MAAM,qBAAqB,CAChC,KACA,cACA,UAAkC,EAAE,MAAM,MAAM,SAAS,KAAK,MAK3D;AACH,MAAI,qBAAqB,IAAI,GAAG,GAAG;AAEjC,UAAM,EAAE,OAAO,UAAAA,WAAU,WAAAC,WAAU,IAAI,qBAAqB,IAAI,GAAG;AACnE,WAAO,CAAC,OAAOD,WAAUC,UAAS;AAAA,EACpC;AAEA,QAAM,EAAE,OAAO,MAAM,UAAU,KAAK,IAAI;AAMxC,QAAM,kBAAc,oBAAsB,aAAgB,YAAY,CAAC;AAGvE,QAAM,EAAE,aAAa,SAAS,QAAI,qCAAgB;AAKlD,QAAM,iBAAiB,CAAC,UAAyB;AAC/C,QACE,CAAC,QACD,OAAO,gBAAgB,cACvB,OAAO,UAAU;AAEjB;AACF,gBAAY;AAAA,MACV,MAAM,GAAG,GAAG;AAAA,MACZ,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,EACH;AAKA,QAAM,WAAW,CAAC,mBAAqD;AACrE,UAAM,OAAO,aAAgB,gBAAuB,YAAY,CAAC;AACjE,UAAM,aAAa,eAAe,IAAI;AACtC,gBAAY,IAAI,UAAU;AAC1B,mBAAe,UAAU;AAAA,EAC3B;AAKA,QAAM,YAAY,MAAM;AACtB,QAAI,OAAO,gBAAgB,WAAY;AACvC,gBAAY;AAAA,MACV,MAAM,GAAG,GAAG;AAAA,MACZ,MAAM,YAAY;AAAA,MAClB;AAAA,IACF,CAAC;AAAA,EACH;AAGA,iBAAe,YAAY,CAAC;AAG5B,MACE,WACA,OAAO,gBAAgB,cACvB,OAAO,YAAY,MAAM,aACzB;AACA,gBAAY,EAAE,MAAM,GAAG,GAAG,QAAQ,SAAS,CAAC;AAAA,EAC9C;AAKA;AAAA,IACE,GAAG,GAAG;AAAA,IACN,UACI,CAAC,SAAS;AACR,kBAAY,IAAI,IAAI;AAAA,IACtB,IACA;AAAA,EACN;AAGA,QAAM,mBAAmB,CAAC,GAAY,mBAA4B;AAChE,QAAI,CAAC,KAAM;AACX,QAAI,mBAAmB,SAAU;AACjC,mBAAe,YAAY,CAAC;AAAA,EAC9B;AAEA;AAAA,IACE,GAAG,GAAG;AAAA,IACN,OAAO,mBAAmB;AAAA,EAC5B;AAGA,uBAAqB,IAAI,KAAK,EAAE,OAAO,aAAa,UAAU,UAAU,CAAC;AAEzE,SAAO,CAAC,aAAsC,UAAU,SAAS;AACnE;","names":["setState","postState"]}
+{"version":3,"file":"useCrossFrameState.cjs","names":["setState","postState","useCommunicator"],"sources":["../../../src/editor/useCrossFrameState.ts"],"sourcesContent":["import { type Signal, signal } from '@angular/core';\nimport type { MessageKey } from '@intlayer/editor';\nimport { useCommunicator } from './communicator';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport type CrossFrameStateOptions = {\n  /** Whether to broadcast state changes to other instances (default: true) */\n  emit?: boolean;\n  /** Whether to listen for state updates from other instances (default: true) */\n  receive?: boolean;\n};\n\nconst crossFrameStateCache = new Map<\n  string,\n  {\n    state: Signal<any>;\n    setState: (v: any | ((prev: any) => any)) => void;\n    postState: () => void;\n  }\n>();\n\n/**\n * Utility to resolve either a value or an updater function (mirrors React's `setState`).\n */\nconst resolveState = <S>(\n  state: S | ((prev?: S) => S) | undefined,\n  prevState?: S\n): S | undefined => {\n  if (typeof state === 'function') {\n    return (state as (prev?: S) => S)(prevState);\n  }\n  return state as S;\n};\n\n/**\n * Creates a plain object copy that can be safely serialized\n * for postMessage communication\n */\nconst toSerializable = <T>(obj: T): T => {\n  if (obj === null || obj === undefined) return obj;\n  // Using parse/stringify for a quick deep clone to remove reactivity\n  return JSON.parse(JSON.stringify(obj));\n};\n\n/**\n * Angular replacement for Vue's cross-frame state composable.\n * It synchronises a reactive value across frames/windows via the `postMessage` API.\n *\n * @template S The type of the state being synchronised.\n * @param key          Unique key identifying this state channel.\n * @param initialState Initial value (or lazy factory) for the state.\n * @param options      Control flags for emitting/receiving updates.\n *\n * @returns `[stateSignal, setState, postState]`\n *          - `stateSignal` – Angular `Signal<S | undefined>` holding the current state.\n *          - `setState`    – Setter with the same API as React's `setState`.\n *          - `postState`   – Manually broadcast the current state (useful after mutations outside `setState`).\n */\nexport const useCrossFrameState = <S>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options: CrossFrameStateOptions = { emit: true, receive: true }\n): [\n  Signal<S | undefined>,\n  (v: S | ((prev: S | undefined) => S)) => void,\n  () => void,\n] => {\n  if (crossFrameStateCache.has(key)) {\n    // Return the existing instance\n    const { state, setState, postState } = crossFrameStateCache.get(key)!;\n    return [state, setState, postState];\n  }\n\n  const { emit = true, receive = true } = options;\n\n  /**\n   * Internal reactive state using Angular signals.\n   * We resolve the initial value here to avoid one extra render (same idea as in the React version).\n   */\n  const stateSignal = signal<S | undefined>(resolveState<S>(initialState));\n\n  // Get communicator within injection context\n  const { postMessage, senderId } = useCommunicator();\n\n  /**\n   * Broadcast the given value if emitting is allowed and the communicator is ready.\n   */\n  const broadcastState = (value: S | undefined) => {\n    if (\n      !emit ||\n      typeof postMessage !== 'function' ||\n      typeof value === 'undefined'\n    )\n      return;\n    postMessage({\n      type: `${key}/post`,\n      data: value,\n      senderId,\n    });\n  };\n\n  /**\n   * Setter that mirrors React's `setState` signature (supports value or updater fn).\n   */\n  const setState = (valueOrUpdater: S | ((prev: S | undefined) => S)) => {\n    const next = resolveState<S>(valueOrUpdater as any, stateSignal());\n    const serialised = toSerializable(next);\n    stateSignal.set(serialised);\n    broadcastState(serialised);\n  };\n\n  /**\n   * Manually broadcast the current state to peers.\n   */\n  const postState = () => {\n    if (typeof postMessage !== 'function') return;\n    postMessage({\n      type: `${key}/post`,\n      data: stateSignal(),\n      senderId,\n    });\n  };\n\n  // Emit the initial state (if any) right away so that peers can pick it up.\n  broadcastState(stateSignal());\n\n  // If we are in receive mode but have no state yet, ask peers for theirs.\n  if (\n    receive &&\n    typeof postMessage === 'function' &&\n    typeof stateSignal() === 'undefined'\n  ) {\n    postMessage({ type: `${key}/get`, senderId });\n  }\n\n  /* ───────────────────── Incoming messages ───────────────────── */\n\n  // 1. Updates posted by other frames\n  useCrossFrameMessageListener<S>(\n    `${key}/post`,\n    receive\n      ? (data) => {\n          stateSignal.set(data);\n        }\n      : undefined\n  );\n\n  // 2. Requests from peers asking for our current value\n  const handleGetMessage = (_: unknown, originSenderId?: string) => {\n    if (!emit) return;\n    if (originSenderId === senderId) return; // Don't respond to our own request\n    broadcastState(stateSignal());\n  };\n\n  useCrossFrameMessageListener(\n    `${key}/get`,\n    emit ? handleGetMessage : undefined\n  );\n\n  // Cache this instance\n  crossFrameStateCache.set(key, { state: stateSignal, setState, postState });\n\n  return [stateSignal as Signal<S | undefined>, setState, postState];\n};\n"],"mappings":";;;;;;;AAYA,MAAM,uCAAuB,IAAI,KAO9B;;;;AAKH,MAAM,gBACJ,OACA,cACkB;AAClB,KAAI,OAAO,UAAU,WACnB,QAAQ,MAA0B,UAAU;AAE9C,QAAO;;;;;;AAOT,MAAM,kBAAqB,QAAc;AACvC,KAAI,QAAQ,QAAQ,QAAQ,OAAW,QAAO;AAE9C,QAAO,KAAK,MAAM,KAAK,UAAU,IAAI,CAAC;;;;;;;;;;;;;;;;AAiBxC,MAAa,sBACX,KACA,cACA,UAAkC;CAAE,MAAM;CAAM,SAAS;CAAM,KAK5D;AACH,KAAI,qBAAqB,IAAI,IAAI,EAAE;EAEjC,MAAM,EAAE,OAAO,sBAAU,2BAAc,qBAAqB,IAAI,IAAI;AACpE,SAAO;GAAC;GAAOA;GAAUC;GAAU;;CAGrC,MAAM,EAAE,OAAO,MAAM,UAAU,SAAS;;;;;CAMxC,MAAM,yCAAoC,aAAgB,aAAa,CAAC;CAGxE,MAAM,EAAE,aAAa,aAAaC,6CAAiB;;;;CAKnD,MAAM,kBAAkB,UAAyB;AAC/C,MACE,CAAC,QACD,OAAO,gBAAgB,cACvB,OAAO,UAAU,YAEjB;AACF,cAAY;GACV,MAAM,GAAG,IAAI;GACb,MAAM;GACN;GACD,CAAC;;;;;CAMJ,MAAM,YAAY,mBAAqD;EAErE,MAAM,aAAa,eADN,aAAgB,gBAAuB,aAAa,CAAC,CAC3B;AACvC,cAAY,IAAI,WAAW;AAC3B,iBAAe,WAAW;;;;;CAM5B,MAAM,kBAAkB;AACtB,MAAI,OAAO,gBAAgB,WAAY;AACvC,cAAY;GACV,MAAM,GAAG,IAAI;GACb,MAAM,aAAa;GACnB;GACD,CAAC;;AAIJ,gBAAe,aAAa,CAAC;AAG7B,KACE,WACA,OAAO,gBAAgB,cACvB,OAAO,aAAa,KAAK,YAEzB,aAAY;EAAE,MAAM,GAAG,IAAI;EAAO;EAAU,CAAC;AAM/C,0EACE,GAAG,IAAI,QACP,WACK,SAAS;AACR,cAAY,IAAI,KAAK;KAEvB,OACL;CAGD,MAAM,oBAAoB,GAAY,mBAA4B;AAChE,MAAI,CAAC,KAAM;AACX,MAAI,mBAAmB,SAAU;AACjC,iBAAe,aAAa,CAAC;;AAG/B,0EACE,GAAG,IAAI,OACP,OAAO,mBAAmB,OAC3B;AAGD,sBAAqB,IAAI,KAAK;EAAE,OAAO;EAAa;EAAU;EAAW,CAAC;AAE1E,QAAO;EAAC;EAAsC;EAAU;EAAU"}

package/dist/cjs/editor/useCrossURLPathState.cjs

@@ -1,72 +1,67 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useCrossURLPathState_exports = {};
-__export(useCrossURLPathState_exports, {
-  useCrossURLPathSetter: () => useCrossURLPathSetter,
-  useCrossURLPathState: () => useCrossURLPathState
-});
-module.exports = __toCommonJS(useCrossURLPathState_exports);
-var import_core = require("@angular/core");
-var import_editor = require("@intlayer/editor");
-var import_useCrossFrameState = require('./useCrossFrameState.cjs');
-const useCrossURLPathState = (initial, opts) => (0, import_useCrossFrameState.useCrossFrameState)(import_editor.MessageKey.INTLAYER_URL_CHANGE, initial, opts);
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_editor_useCrossFrameState = require('./useCrossFrameState.cjs');
+let __angular_core = require("@angular/core");
+__angular_core = require_rolldown_runtime.__toESM(__angular_core);
+let __intlayer_editor = require("@intlayer/editor");
+__intlayer_editor = require_rolldown_runtime.__toESM(__intlayer_editor);
+
+//#region src/editor/useCrossURLPathState.ts
+/**
+* Hook to create and manage a cross-frame synchronized URL path state
+* @param initial - The initial URL path
+* @param opts - Options for controlling emit and receive behavior
+* @returns A tuple containing [state signal, setState function, forceSync function]
+*/
+const useCrossURLPathState = (initial, opts) => require_editor_useCrossFrameState.useCrossFrameState(__intlayer_editor.MessageKey.INTLAYER_URL_CHANGE, initial, opts);
+/**
+* Hook for host applications to push URL path changes into the shared state
+* This also monkey patches history methods to capture navigation events
+* @param initial - The initial URL path
+* @returns A tuple containing [state signal, setState function]
+*/
 const useCrossURLPathSetter = (initial) => {
-  const [state, setState] = useCrossURLPathState(initial, {
-    emit: true,
-    receive: false
-  });
-  let originalPushState;
-  let originalReplaceState;
-  const update = () => setState(window.location.pathname);
-  try {
-    const destroyRef = (0, import_core.inject)(import_core.DestroyRef, { optional: true });
-    if (destroyRef && typeof window !== "undefined") {
-      originalPushState = history.pushState;
-      originalReplaceState = history.replaceState;
-      const wrap = (fn) => (...args) => {
-        fn.apply(history, args);
-        window.dispatchEvent(new Event("locationchange"));
-      };
-      history.pushState = wrap(originalPushState);
-      history.replaceState = wrap(originalReplaceState);
-      window.addEventListener("locationchange", update);
-      window.addEventListener("popstate", update);
-      window.addEventListener("hashchange", update);
-      update();
-      destroyRef.onDestroy(() => {
-        window.removeEventListener("locationchange", update);
-        window.removeEventListener("popstate", update);
-        window.removeEventListener("hashchange", update);
-        if (originalPushState) history.pushState = originalPushState;
-        if (originalReplaceState) history.replaceState = originalReplaceState;
-      });
-    }
-  } catch {
-    console.warn(
-      "useCrossURLPathSetter called outside injection context; URL path synchronization may not be available."
-    );
-  }
-  return [state, setState];
+	const [state, setState] = useCrossURLPathState(initial, {
+		emit: true,
+		receive: false
+	});
+	let originalPushState;
+	let originalReplaceState;
+	const update = () => setState(window.location.pathname);
+	try {
+		const destroyRef = (0, __angular_core.inject)(__angular_core.DestroyRef, { optional: true });
+		if (destroyRef && typeof window !== "undefined") {
+			originalPushState = history.pushState;
+			originalReplaceState = history.replaceState;
+			/**
+			* Wraps a history function to dispatch a custom event when called
+			* @param fn - The history function to wrap
+			* @returns The wrapped function
+			*/
+			const wrap = (fn) => (...args) => {
+				fn.apply(history, args);
+				window.dispatchEvent(new Event("locationchange"));
+			};
+			history.pushState = wrap(originalPushState);
+			history.replaceState = wrap(originalReplaceState);
+			window.addEventListener("locationchange", update);
+			window.addEventListener("popstate", update);
+			window.addEventListener("hashchange", update);
+			update();
+			destroyRef.onDestroy(() => {
+				window.removeEventListener("locationchange", update);
+				window.removeEventListener("popstate", update);
+				window.removeEventListener("hashchange", update);
+				if (originalPushState) history.pushState = originalPushState;
+				if (originalReplaceState) history.replaceState = originalReplaceState;
+			});
+		}
+	} catch {
+		console.warn("useCrossURLPathSetter called outside injection context; URL path synchronization may not be available.");
+	}
+	return [state, setState];
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useCrossURLPathSetter,
-  useCrossURLPathState
-});
+
+//#endregion
+exports.useCrossURLPathSetter = useCrossURLPathSetter;
+exports.useCrossURLPathState = useCrossURLPathState;
 //# sourceMappingURL=useCrossURLPathState.cjs.map

package/dist/cjs/editor/useCrossURLPathState.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/useCrossURLPathState.ts"],"sourcesContent":["import { DestroyRef, inject } from '@angular/core';\nimport { MessageKey } from '@intlayer/editor';\nimport { useCrossFrameState } from './useCrossFrameState';\n\n/**\n * Hook to create and manage a cross-frame synchronized URL path state\n * @param initial - The initial URL path\n * @param opts - Options for controlling emit and receive behavior\n * @returns A tuple containing [state signal, setState function, forceSync function]\n */\nexport const useCrossURLPathState = (\n  initial?: string,\n  opts?: Parameters<typeof useCrossFrameState>[2]\n) => useCrossFrameState<string>(MessageKey.INTLAYER_URL_CHANGE, initial, opts);\n\n/**\n * Hook for host applications to push URL path changes into the shared state\n * This also monkey patches history methods to capture navigation events\n * @param initial - The initial URL path\n * @returns A tuple containing [state signal, setState function]\n */\nexport const useCrossURLPathSetter = (initial?: string) => {\n  const [state, setState] = useCrossURLPathState(initial, {\n    emit: true,\n    receive: false,\n  });\n\n  // Original history methods\n  let originalPushState: typeof history.pushState;\n  let originalReplaceState: typeof history.replaceState;\n\n  // Function to update state with current pathname\n  const update = () => setState(window.location.pathname);\n\n  // Use Angular's DestroyRef for cleanup instead of Vue lifecycle hooks\n  try {\n    const destroyRef = inject(DestroyRef, { optional: true });\n\n    if (destroyRef && typeof window !== 'undefined') {\n      // Save original methods\n      originalPushState = history.pushState;\n      originalReplaceState = history.replaceState;\n\n      /**\n       * Wraps a history function to dispatch a custom event when called\n       * @param fn - The history function to wrap\n       * @returns The wrapped function\n       */\n      const wrap =\n        (fn: typeof history.pushState) =>\n        (...args: Parameters<typeof history.pushState>) => {\n          fn.apply(history, args);\n          window.dispatchEvent(new Event('locationchange'));\n        };\n\n      // Patch history methods\n      history.pushState = wrap(originalPushState);\n      history.replaceState = wrap(originalReplaceState);\n\n      // Add event listeners\n      window.addEventListener('locationchange', update);\n      window.addEventListener('popstate', update);\n      window.addEventListener('hashchange', update);\n\n      // Initialize immediately\n      update();\n\n      // Clean up on destroy\n      destroyRef.onDestroy(() => {\n        window.removeEventListener('locationchange', update);\n        window.removeEventListener('popstate', update);\n        window.removeEventListener('hashchange', update);\n\n        // Restore original history methods\n        if (originalPushState) history.pushState = originalPushState;\n        if (originalReplaceState) history.replaceState = originalReplaceState;\n      });\n    }\n  } catch {\n    console.warn(\n      'useCrossURLPathSetter called outside injection context; ' +\n        'URL path synchronization may not be available.'\n    );\n  }\n\n  return [state, setState] as const;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmC;AACnC,oBAA2B;AAC3B,gCAAmC;AAQ5B,MAAM,uBAAuB,CAClC,SACA,aACG,8CAA2B,yBAAW,qBAAqB,SAAS,IAAI;AAQtE,MAAM,wBAAwB,CAAC,YAAqB;AACzD,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAAqB,SAAS;AAAA,IACtD,MAAM;AAAA,IACN,SAAS;AAAA,EACX,CAAC;AAGD,MAAI;AACJ,MAAI;AAGJ,QAAM,SAAS,MAAM,SAAS,OAAO,SAAS,QAAQ;AAGtD,MAAI;AACF,UAAM,iBAAa,oBAAO,wBAAY,EAAE,UAAU,KAAK,CAAC;AAExD,QAAI,cAAc,OAAO,WAAW,aAAa;AAE/C,0BAAoB,QAAQ;AAC5B,6BAAuB,QAAQ;AAO/B,YAAM,OACJ,CAAC,OACD,IAAI,SAA+C;AACjD,WAAG,MAAM,SAAS,IAAI;AACtB,eAAO,cAAc,IAAI,MAAM,gBAAgB,CAAC;AAAA,MAClD;AAGF,cAAQ,YAAY,KAAK,iBAAiB;AAC1C,cAAQ,eAAe,KAAK,oBAAoB;AAGhD,aAAO,iBAAiB,kBAAkB,MAAM;AAChD,aAAO,iBAAiB,YAAY,MAAM;AAC1C,aAAO,iBAAiB,cAAc,MAAM;AAG5C,aAAO;AAGP,iBAAW,UAAU,MAAM;AACzB,eAAO,oBAAoB,kBAAkB,MAAM;AACnD,eAAO,oBAAoB,YAAY,MAAM;AAC7C,eAAO,oBAAoB,cAAc,MAAM;AAG/C,YAAI,kBAAmB,SAAQ,YAAY;AAC3C,YAAI,qBAAsB,SAAQ,eAAe;AAAA,MACnD,CAAC;AAAA,IACH;AAAA,EACF,QAAQ;AACN,YAAQ;AAAA,MACN;AAAA,IAEF;AAAA,EACF;AAEA,SAAO,CAAC,OAAO,QAAQ;AACzB;","names":[]}
+{"version":3,"file":"useCrossURLPathState.cjs","names":["useCrossFrameState","MessageKey","originalPushState: typeof history.pushState","originalReplaceState: typeof history.replaceState","DestroyRef"],"sources":["../../../src/editor/useCrossURLPathState.ts"],"sourcesContent":["import { DestroyRef, inject } from '@angular/core';\nimport { MessageKey } from '@intlayer/editor';\nimport { useCrossFrameState } from './useCrossFrameState';\n\n/**\n * Hook to create and manage a cross-frame synchronized URL path state\n * @param initial - The initial URL path\n * @param opts - Options for controlling emit and receive behavior\n * @returns A tuple containing [state signal, setState function, forceSync function]\n */\nexport const useCrossURLPathState = (\n  initial?: string,\n  opts?: Parameters<typeof useCrossFrameState>[2]\n) => useCrossFrameState<string>(MessageKey.INTLAYER_URL_CHANGE, initial, opts);\n\n/**\n * Hook for host applications to push URL path changes into the shared state\n * This also monkey patches history methods to capture navigation events\n * @param initial - The initial URL path\n * @returns A tuple containing [state signal, setState function]\n */\nexport const useCrossURLPathSetter = (initial?: string) => {\n  const [state, setState] = useCrossURLPathState(initial, {\n    emit: true,\n    receive: false,\n  });\n\n  // Original history methods\n  let originalPushState: typeof history.pushState;\n  let originalReplaceState: typeof history.replaceState;\n\n  // Function to update state with current pathname\n  const update = () => setState(window.location.pathname);\n\n  // Use Angular's DestroyRef for cleanup instead of Vue lifecycle hooks\n  try {\n    const destroyRef = inject(DestroyRef, { optional: true });\n\n    if (destroyRef && typeof window !== 'undefined') {\n      // Save original methods\n      originalPushState = history.pushState;\n      originalReplaceState = history.replaceState;\n\n      /**\n       * Wraps a history function to dispatch a custom event when called\n       * @param fn - The history function to wrap\n       * @returns The wrapped function\n       */\n      const wrap =\n        (fn: typeof history.pushState) =>\n        (...args: Parameters<typeof history.pushState>) => {\n          fn.apply(history, args);\n          window.dispatchEvent(new Event('locationchange'));\n        };\n\n      // Patch history methods\n      history.pushState = wrap(originalPushState);\n      history.replaceState = wrap(originalReplaceState);\n\n      // Add event listeners\n      window.addEventListener('locationchange', update);\n      window.addEventListener('popstate', update);\n      window.addEventListener('hashchange', update);\n\n      // Initialize immediately\n      update();\n\n      // Clean up on destroy\n      destroyRef.onDestroy(() => {\n        window.removeEventListener('locationchange', update);\n        window.removeEventListener('popstate', update);\n        window.removeEventListener('hashchange', update);\n\n        // Restore original history methods\n        if (originalPushState) history.pushState = originalPushState;\n        if (originalReplaceState) history.replaceState = originalReplaceState;\n      });\n    }\n  } catch {\n    console.warn(\n      'useCrossURLPathSetter called outside injection context; ' +\n        'URL path synchronization may not be available.'\n    );\n  }\n\n  return [state, setState] as const;\n};\n"],"mappings":";;;;;;;;;;;;;;AAUA,MAAa,wBACX,SACA,SACGA,qDAA2BC,6BAAW,qBAAqB,SAAS,KAAK;;;;;;;AAQ9E,MAAa,yBAAyB,YAAqB;CACzD,MAAM,CAAC,OAAO,YAAY,qBAAqB,SAAS;EACtD,MAAM;EACN,SAAS;EACV,CAAC;CAGF,IAAIC;CACJ,IAAIC;CAGJ,MAAM,eAAe,SAAS,OAAO,SAAS,SAAS;AAGvD,KAAI;EACF,MAAM,wCAAoBC,2BAAY,EAAE,UAAU,MAAM,CAAC;AAEzD,MAAI,cAAc,OAAO,WAAW,aAAa;AAE/C,uBAAoB,QAAQ;AAC5B,0BAAuB,QAAQ;;;;;;GAO/B,MAAM,QACH,QACA,GAAG,SAA+C;AACjD,OAAG,MAAM,SAAS,KAAK;AACvB,WAAO,cAAc,IAAI,MAAM,iBAAiB,CAAC;;AAIrD,WAAQ,YAAY,KAAK,kBAAkB;AAC3C,WAAQ,eAAe,KAAK,qBAAqB;AAGjD,UAAO,iBAAiB,kBAAkB,OAAO;AACjD,UAAO,iBAAiB,YAAY,OAAO;AAC3C,UAAO,iBAAiB,cAAc,OAAO;AAG7C,WAAQ;AAGR,cAAW,gBAAgB;AACzB,WAAO,oBAAoB,kBAAkB,OAAO;AACpD,WAAO,oBAAoB,YAAY,OAAO;AAC9C,WAAO,oBAAoB,cAAc,OAAO;AAGhD,QAAI,kBAAmB,SAAQ,YAAY;AAC3C,QAAI,qBAAsB,SAAQ,eAAe;KACjD;;SAEE;AACN,UAAQ,KACN,yGAED;;AAGH,QAAO,CAAC,OAAO,SAAS"}

package/dist/cjs/editor/useEditedContentRenderer.cjs

@@ -1,58 +1,29 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __angular_core = require("@angular/core");
+__angular_core = require_rolldown_runtime.__toESM(__angular_core);
+
+//#region src/editor/useEditedContentRenderer.ts
+const EDITED_CONTENT_ACTIONS_TOKEN = new __angular_core.InjectionToken("editedContentActions");
+var EditedContentRendererService = @((0, __angular_core.Injectable)({ providedIn: "root" })) class {
+	/**
+	* Mirrors the React hook one-for-one.
+	*/
+	useEditedContentRenderer(dictionaryKey, keyPath, fallback) {
+		const editedContentContext = (0, __angular_core.inject)(EDITED_CONTENT_ACTIONS_TOKEN, { optional: true });
+		return (0, __angular_core.computed)(() => {
+			return editedContentContext?.getEditedContentValue(dictionaryKey, keyPath) ?? fallback;
+		});
+	}
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useEditedContentRenderer_exports = {};
-__export(useEditedContentRenderer_exports, {
-  EDITED_CONTENT_ACTIONS_TOKEN: () => EDITED_CONTENT_ACTIONS_TOKEN,
-  EditedContentRendererService: () => EditedContentRendererService,
-  useEditedContentRenderer: () => useEditedContentRenderer
-});
-module.exports = __toCommonJS(useEditedContentRenderer_exports);
-var import_core = require("@angular/core");
-const EDITED_CONTENT_ACTIONS_TOKEN = new import_core.InjectionToken("editedContentActions");
-@((0, import_core.Injectable)({
-  providedIn: "root"
-}))
-class EditedContentRendererService {
-  /**
-   * Mirrors the React hook one-for-one.
-   */
-  useEditedContentRenderer(dictionaryKey, keyPath, fallback) {
-    const editedContentContext = (0, import_core.inject)(EDITED_CONTENT_ACTIONS_TOKEN, {
-      optional: true
-    });
-    return (0, import_core.computed)(() => {
-      const edited = editedContentContext?.getEditedContentValue(
-        dictionaryKey,
-        keyPath
-      );
-      return edited ?? fallback;
-    });
-  }
-}
+/**
+* Standalone function that can be used like the Vue composable
+*/
 const useEditedContentRenderer = (dictionaryKey, keyPath, fallback) => {
-  const service = (0, import_core.inject)(EditedContentRendererService);
-  return service.useEditedContentRenderer(dictionaryKey, keyPath, fallback);
+	return (0, __angular_core.inject)(EditedContentRendererService).useEditedContentRenderer(dictionaryKey, keyPath, fallback);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  EDITED_CONTENT_ACTIONS_TOKEN,
-  EditedContentRendererService,
-  useEditedContentRenderer
-});
+
+//#endregion
+exports.EDITED_CONTENT_ACTIONS_TOKEN = EDITED_CONTENT_ACTIONS_TOKEN;
+exports.EditedContentRendererService = EditedContentRendererService;
+exports.useEditedContentRenderer = useEditedContentRenderer;
 //# sourceMappingURL=useEditedContentRenderer.cjs.map

package/dist/cjs/editor/useEditedContentRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/useEditedContentRenderer.ts"],"sourcesContent":["import {\n  computed,\n  inject,\n  Injectable,\n  InjectionToken,\n  Signal,\n} from '@angular/core';\nimport { type KeyPath } from '@intlayer/core';\n\nexport interface EditedContentActions {\n  getEditedContentValue(dictionaryKey: string, keyPath: KeyPath[]): unknown;\n}\n\nexport const EDITED_CONTENT_ACTIONS_TOKEN =\n  new InjectionToken<EditedContentActions | null>('editedContentActions');\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class EditedContentRendererService {\n  /**\n   * Mirrors the React hook one-for-one.\n   */\n  useEditedContentRenderer(\n    dictionaryKey: string,\n    keyPath: KeyPath[],\n    fallback: unknown\n  ): Signal<unknown> {\n    const editedContentContext = inject(EDITED_CONTENT_ACTIONS_TOKEN, {\n      optional: true,\n    });\n\n    return computed(() => {\n      const edited = editedContentContext?.getEditedContentValue(\n        dictionaryKey,\n        keyPath\n      ) as string | undefined;\n\n      return edited ?? fallback;\n    });\n  }\n}\n\n/**\n * Standalone function that can be used like the Vue composable\n */\nexport const useEditedContentRenderer = (\n  dictionaryKey: string,\n  keyPath: KeyPath[],\n  fallback: unknown\n): Signal<unknown> => {\n  const service = inject(EditedContentRendererService);\n  return service.useEditedContentRenderer(dictionaryKey, keyPath, fallback);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO;AAOA,MAAM,+BACX,IAAI,2BAA4C,sBAAsB;AAExE,MAAC,wBAAW;AAAA,EACV,YAAY;AACd,CAAC;AACM,MAAM,6BAA6B;AAAA;AAAA;AAAA;AAAA,EAIxC,yBACE,eACA,SACA,UACiB;AACjB,UAAM,2BAAuB,oBAAO,8BAA8B;AAAA,MAChE,UAAU;AAAA,IACZ,CAAC;AAED,eAAO,sBAAS,MAAM;AACpB,YAAM,SAAS,sBAAsB;AAAA,QACnC;AAAA,QACA;AAAA,MACF;AAEA,aAAO,UAAU;AAAA,IACnB,CAAC;AAAA,EACH;AACF;AAKO,MAAM,2BAA2B,CACtC,eACA,SACA,aACoB;AACpB,QAAM,cAAU,oBAAO,4BAA4B;AACnD,SAAO,QAAQ,yBAAyB,eAAe,SAAS,QAAQ;AAC1E;","names":[]}
+{"version":3,"file":"useEditedContentRenderer.cjs","names":["InjectionToken"],"sources":["../../../src/editor/useEditedContentRenderer.ts"],"sourcesContent":["import {\n  computed,\n  Injectable,\n  InjectionToken,\n  inject,\n  type Signal,\n} from '@angular/core';\nimport type { KeyPath } from '@intlayer/types';\n\nexport interface EditedContentActions {\n  getEditedContentValue(dictionaryKey: string, keyPath: KeyPath[]): unknown;\n}\n\nexport const EDITED_CONTENT_ACTIONS_TOKEN =\n  new InjectionToken<EditedContentActions | null>('editedContentActions');\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class EditedContentRendererService {\n  /**\n   * Mirrors the React hook one-for-one.\n   */\n  useEditedContentRenderer(\n    dictionaryKey: string,\n    keyPath: KeyPath[],\n    fallback: unknown\n  ): Signal<unknown> {\n    const editedContentContext = inject(EDITED_CONTENT_ACTIONS_TOKEN, {\n      optional: true,\n    });\n\n    return computed(() => {\n      const edited = editedContentContext?.getEditedContentValue(\n        dictionaryKey,\n        keyPath\n      ) as string | undefined;\n\n      return edited ?? fallback;\n    });\n  }\n}\n\n/**\n * Standalone function that can be used like the Vue composable\n */\nexport const useEditedContentRenderer = (\n  dictionaryKey: string,\n  keyPath: KeyPath[],\n  fallback: unknown\n): Signal<unknown> => {\n  const service = inject(EditedContentRendererService);\n  return service.useEditedContentRenderer(dictionaryKey, keyPath, fallback);\n};\n"],"mappings":";;;;;AAaA,MAAa,+BACX,IAAIA,8BAA4C,uBAAuB;AAKzE,IAAa,+BAHb,iCAAY,EACV,YAAY,QACb,CAAC,EACF,MAA0C;;;;CAIxC,yBACE,eACA,SACA,UACiB;EACjB,MAAM,kDAA8B,8BAA8B,EAChE,UAAU,MACX,CAAC;AAEF,4CAAsB;AAMpB,UALe,sBAAsB,sBACnC,eACA,QACD,IAEgB;IACjB;;;;;;AAON,MAAa,4BACX,eACA,SACA,aACoB;AAEpB,mCADuB,6BAA6B,CACrC,yBAAyB,eAAe,SAAS,SAAS"}

package/dist/cjs/editor/useEditor.cjs

@@ -1,46 +1,24 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useEditor_exports = {};
-__export(useEditor_exports, {
-  useEditor: () => useEditor
-});
-module.exports = __toCommonJS(useEditor_exports);
-var import_configuration = require('./configuration.cjs');
-var import_createSharedComposable = require('./createSharedComposable.cjs');
-var import_dictionariesRecord = require('./dictionariesRecord.cjs');
-var import_editorEnabled = require('./editorEnabled.cjs');
-var import_editorLocale = require('./editorLocale.cjs');
-var import_focusDictionary = require('./focusDictionary.cjs');
-var import_useCrossURLPathState = require('./useCrossURLPathState.cjs');
-var import_useIframeClickInterceptor = require('./useIframeClickInterceptor.cjs');
-const useEditor = (0, import_createSharedComposable.createSharedComposable)(() => {
-  (0, import_configuration.useConfiguration)();
-  (0, import_editorEnabled.useEditorEnabled)();
-  (0, import_focusDictionary.useFocusDictionary)();
-  (0, import_useIframeClickInterceptor.useIframeClickMerger)();
-  (0, import_useCrossURLPathState.useCrossURLPathSetter)();
-  (0, import_editorLocale.useEditorLocale)();
-  (0, import_dictionariesRecord.useDictionariesRecord)();
-  (0, import_editorLocale.useEditorLocale)();
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useEditor
+const require_editor_createSharedComposable = require('./createSharedComposable.cjs');
+const require_editor_editorEnabled = require('./editorEnabled.cjs');
+const require_editor_focusDictionary = require('./focusDictionary.cjs');
+const require_editor_configuration = require('./configuration.cjs');
+const require_editor_dictionariesRecord = require('./dictionariesRecord.cjs');
+const require_editor_editorLocale = require('./editorLocale.cjs');
+const require_editor_useCrossURLPathState = require('./useCrossURLPathState.cjs');
+const require_editor_useIframeClickInterceptor = require('./useIframeClickInterceptor.cjs');
+
+//#region src/editor/useEditor.ts
+const useEditor = require_editor_createSharedComposable.createSharedComposable(() => {
+	require_editor_configuration.useConfiguration();
+	require_editor_editorEnabled.useEditorEnabled();
+	require_editor_focusDictionary.useFocusDictionary();
+	require_editor_useIframeClickInterceptor.useIframeClickMerger();
+	require_editor_useCrossURLPathState.useCrossURLPathSetter();
+	require_editor_editorLocale.useEditorLocale();
+	require_editor_dictionariesRecord.useDictionariesRecord();
+	require_editor_editorLocale.useEditorLocale();
 });
+
+//#endregion
+exports.useEditor = useEditor;
 //# sourceMappingURL=useEditor.cjs.map

package/dist/cjs/editor/useEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/useEditor.ts"],"sourcesContent":["import { useConfiguration } from './configuration';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useDictionariesRecord } from './dictionariesRecord';\nimport { useEditorEnabled } from './editorEnabled';\nimport { useEditorLocale } from './editorLocale';\nimport { useFocusDictionary } from './focusDictionary';\nimport { useCrossURLPathSetter } from './useCrossURLPathState';\nimport { useIframeClickMerger } from './useIframeClickInterceptor';\n\nexport const useEditor = createSharedComposable(() => {\n  useConfiguration();\n  useEditorEnabled();\n  useFocusDictionary();\n  useIframeClickMerger();\n  useCrossURLPathSetter();\n  useEditorLocale();\n  useDictionariesRecord();\n  useEditorLocale();\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAiC;AACjC,oCAAuC;AACvC,gCAAsC;AACtC,2BAAiC;AACjC,0BAAgC;AAChC,6BAAmC;AACnC,kCAAsC;AACtC,uCAAqC;AAE9B,MAAM,gBAAY,sDAAuB,MAAM;AACpD,6CAAiB;AACjB,6CAAiB;AACjB,iDAAmB;AACnB,6DAAqB;AACrB,yDAAsB;AACtB,2CAAgB;AAChB,uDAAsB;AACtB,2CAAgB;AAClB,CAAC;","names":[]}
+{"version":3,"file":"useEditor.cjs","names":["createSharedComposable"],"sources":["../../../src/editor/useEditor.ts"],"sourcesContent":["import { useConfiguration } from './configuration';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useDictionariesRecord } from './dictionariesRecord';\nimport { useEditorEnabled } from './editorEnabled';\nimport { useEditorLocale } from './editorLocale';\nimport { useFocusDictionary } from './focusDictionary';\nimport { useCrossURLPathSetter } from './useCrossURLPathState';\nimport { useIframeClickMerger } from './useIframeClickInterceptor';\n\nexport const useEditor = createSharedComposable(() => {\n  useConfiguration();\n  useEditorEnabled();\n  useFocusDictionary();\n  useIframeClickMerger();\n  useCrossURLPathSetter();\n  useEditorLocale();\n  useDictionariesRecord();\n  useEditorLocale();\n});\n"],"mappings":";;;;;;;;;;AASA,MAAa,YAAYA,mEAA6B;AACpD,gDAAkB;AAClB,gDAAkB;AAClB,oDAAoB;AACpB,gEAAsB;AACtB,4DAAuB;AACvB,8CAAiB;AACjB,0DAAuB;AACvB,8CAAiB;EACjB"}