angular-intlayer 5.5.8 → 5.5.10

package/dist/cjs/plugins.cjs

@@ -18,29 +18,29 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var plugins_exports = {};
 __export(plugins_exports, {
-  angularTemplatePlugin: () => angularTemplatePlugin,
   intlayerNodePlugins: () => intlayerNodePlugins,
   markdownPlugin: () => markdownPlugin,
   markdownStringPlugin: () => markdownStringPlugin
 });
 module.exports = __toCommonJS(plugins_exports);
 var import_core = require("@intlayer/core");
+var import_editor = require('./editor/index.cjs');
+var import_installIntlayerMarkdown = require('./markdown/installIntlayerMarkdown.cjs');
+var import_renderIntlayerNode = require('./renderIntlayerNode.cjs');
 const intlayerNodePlugins = {
   id: "intlayer-node-plugin",
   canHandle: (node) => typeof node === "bigint" || typeof node === "string" || typeof node === "number",
-  transform: (_node, { children, ...rest }) => ({
+  transform: (_node, { children, ...rest }) => (0, import_renderIntlayerNode.renderIntlayerNode)({
     ...rest,
     value: children,
-    children
-  })
-};
-const angularTemplatePlugin = {
-  id: "angular-template-plugin",
-  canHandle: (node) => typeof node === "object" && node && typeof node.createEmbeddedView === "function",
-  transform: (node, { plugins, ...rest }) => ({
-    ...rest,
-    value: "[[angular-template]]",
-    children: node
+    children: () => ({
+      component: import_editor.ContentSelectorWrapperComponent,
+      props: {
+        dictionaryKey: rest.dictionaryKey,
+        keyPath: rest.keyPath
+      },
+      children
+    })
   })
 };
 const markdownStringPlugin = {
@@ -49,14 +49,14 @@ const markdownStringPlugin = {
   transform: (node, props, deepTransformNode) => {
     const {
       plugins,
-      // Removed to avoid circular dependencies
+      // Removed to avoid next error - Functions cannot be passed directly to Client Components
       ...rest
     } = props;
     const metadata = (0, import_core.getMarkdownMetadata)(node);
     const metadataPlugins = {
       id: "markdown-metadata-plugin",
       canHandle: (metadataNode) => typeof metadataNode === "string" || typeof metadataNode === "number" || typeof metadataNode === "boolean" || !metadataNode,
-      transform: (metadataNode, props2) => ({
+      transform: (metadataNode, props2) => (0, import_renderIntlayerNode.renderIntlayerNode)({
         ...props2,
         value: metadataNode,
         children: node
@@ -67,14 +67,24 @@ const markdownStringPlugin = {
       dictionaryKey: rest.dictionaryKey,
       keyPath: []
     });
-    return {
+    return (0, import_renderIntlayerNode.renderIntlayerNode)({
       ...props,
       value: node,
-      children: node,
+      children: () => ({
+        component: import_editor.ContentSelectorWrapperComponent,
+        props: {
+          dictionaryKey: rest.dictionaryKey,
+          keyPath: rest.keyPath
+        },
+        children: () => {
+          const { renderMarkdown } = (0, import_installIntlayerMarkdown.useMarkdown)();
+          return renderMarkdown(node);
+        }
+      }),
       additionalProps: {
         metadata: metadataNodes
       }
-    };
+    });
   }
 };
 const markdownPlugin = {
@@ -98,7 +108,6 @@ const markdownPlugin = {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  angularTemplatePlugin,
   intlayerNodePlugins,
   markdownPlugin,
   markdownStringPlugin

package/dist/cjs/plugins.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plugins.ts"],"sourcesContent":["import type { TemplateRef } from '@angular/core';\nimport {\n  getMarkdownMetadata,\n  KeyPath,\n  MarkdownContent,\n  NodeType,\n  type DeepTransformContent as DeepTransformContentCore,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type Plugins,\n} from '@intlayer/core';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\nexport interface IntlayerNode<T, P = {}> {\n  value: T;\n  children?: any;\n  additionalProps?: P;\n}\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (_node, { children, ...rest }) => ({\n    ...rest,\n    value: children,\n    children,\n  }),\n};\n\n/** ---------------------------------------------\n *  ANGULAR TEMPLATE PLUGIN\n *  --------------------------------------------- */\n\nexport type AngularTemplateCond<T> =\n  T extends TemplateRef<any> ? TemplateRef<any> : never;\n\n/** Angular template plugin. Handles Angular TemplateRef objects. */\nexport const angularTemplatePlugin: Plugins = {\n  id: 'angular-template-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' &&\n    node &&\n    typeof node.createEmbeddedView === 'function',\n  transform: (node, { plugins, ...rest }) => ({\n    ...rest,\n    value: '[[angular-template]]',\n    children: node,\n  }),\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<string, { metadata: DeepTransformContent<string> }>\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid circular dependencies\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) => ({\n        ...props,\n        value: metadataNode,\n        children: node,\n      }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    return {\n      ...props,\n      value: node,\n      children: node,\n      additionalProps: {\n        metadata: metadataNodes,\n      },\n    };\n  },\n};\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  metadata?: infer U;\n}\n  ? IntlayerNode<DeepTransformContent<M>, { metadata: DeepTransformContent<U> }>\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport interface IInterpreterPluginAngular<T> {\n  angularTemplate: AngularTemplateCond<T>;\n  intlayerNode: IntlayerNodeCond<T>;\n  markdown: MarkdownCond<T>;\n}\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `angular-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = IInterpreterPluginStateCore & {\n  angularTemplate: true;\n  intlayerNode: true;\n  markdown: true;\n};\n\nexport type DeepTransformContent<T> = DeepTransformContentCore<\n  T,\n  IInterpreterPluginState\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAQO;AAiBA,MAAM,sBAA+B;AAAA,EAC1C,IAAI;AAAA,EACJ,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,OAAO,SAAS,YAChB,OAAO,SAAS;AAAA,EAClB,WAAW,CAAC,OAAO,EAAE,UAAU,GAAG,KAAK,OAAO;AAAA,IAC5C,GAAG;AAAA,IACH,OAAO;AAAA,IACP;AAAA,EACF;AACF;AAUO,MAAM,wBAAiC;AAAA,EAC5C,IAAI;AAAA,EACJ,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,QACA,OAAO,KAAK,uBAAuB;AAAA,EACrC,WAAW,CAAC,MAAM,EAAE,SAAS,GAAG,KAAK,OAAO;AAAA,IAC1C,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AACF;AAWO,MAAM,uBAAgC;AAAA,EAC3C,IAAI;AAAA,EACJ,WAAW,CAAC,SAAS,OAAO,SAAS;AAAA,EACrC,WAAW,CAAC,MAAc,OAAO,sBAAsB;AACrD,UAAM;AAAA,MACJ;AAAA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,eAAW,iCAAoB,IAAI;AAEzC,UAAM,kBAA2B;AAAA,MAC/B,IAAI;AAAA,MACJ,WAAW,CAAC,iBACV,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,aACxB,CAAC;AAAA,MACH,WAAW,CAAC,cAAcA,YAAW;AAAA,QACnC,GAAGA;AAAA,QACH,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,IACF;AAGA,UAAM,gBAAgB,kBAAkB,UAAU;AAAA,MAChD,SAAS,CAAC,eAAe;AAAA,MACzB,eAAe,KAAK;AAAA,MACpB,SAAS,CAAC;AAAA,IACZ,CAAC;AAED,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO;AAAA,MACP,UAAU;AAAA,MACV,iBAAiB;AAAA,QACf,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF;AAUO,MAAM,iBAA0B;AAAA,EACrC,IAAI;AAAA,EACJ,WAAW,CAAC,SACV,OAAO,SAAS,YAAY,MAAM,aAAa,qBAAS;AAAA,EAC1D,WAAW,CAAC,MAAuB,OAAO,sBAAsB;AAC9D,UAAM,aAAwB;AAAA,MAC5B,GAAG,MAAM;AAAA,MACT;AAAA,QACE,MAAM,qBAAS;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,WAAW,KAAK,qBAAS,QAAQ;AAEvC,WAAO,kBAAkB,UAAU;AAAA,MACjC,GAAG;AAAA,MACH;AAAA,MACA,SAAS;AAAA,MACT,SAAS,CAAC,sBAAsB,GAAI,MAAM,WAAW,CAAC,CAAE;AAAA,IAC1D,CAAC;AAAA,EACH;AACF;","names":["props"]}
+{"version":3,"sources":["../../src/plugins.ts"],"sourcesContent":["import {\n  getMarkdownMetadata,\n  KeyPath,\n  MarkdownContent,\n  NodeType,\n  type DeepTransformContent as DeepTransformContentCore,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type Plugins,\n} from '@intlayer/core';\nimport { ContentSelectorWrapperComponent } from './editor';\nimport { useMarkdown } from './markdown/installIntlayerMarkdown';\nimport { renderIntlayerNode } from './renderIntlayerNode';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\nexport interface IntlayerNode<T, P = {}> {\n  value: T;\n  children?: any;\n  additionalProps?: P;\n}\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (_node, { children, ...rest }) =>\n    renderIntlayerNode({\n      ...rest,\n      value: children,\n      children: () => ({\n        component: ContentSelectorWrapperComponent,\n        props: {\n          dictionaryKey: rest.dictionaryKey,\n          keyPath: rest.keyPath,\n        },\n        children: children,\n      }),\n    }),\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<string, { metadata: DeepTransformContent<string> }>\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: node,\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    return renderIntlayerNode({\n      ...props,\n      value: node,\n      children: () => ({\n        component: ContentSelectorWrapperComponent,\n        props: {\n          dictionaryKey: rest.dictionaryKey,\n          keyPath: rest.keyPath,\n        },\n        children: () => {\n          const { renderMarkdown } = useMarkdown();\n          return renderMarkdown(node);\n        },\n      }),\n      additionalProps: {\n        metadata: metadataNodes,\n      },\n    });\n  },\n};\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  metadata?: infer U;\n}\n  ? IntlayerNode<DeepTransformContent<M>, { metadata: DeepTransformContent<U> }>\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport interface IInterpreterPluginAngular<T> {\n  intlayerNode: IntlayerNodeCond<T>;\n  markdown: MarkdownCond<T>;\n}\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `angular-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = IInterpreterPluginStateCore & {\n  intlayerNode: true;\n  markdown: true;\n};\n\nexport type DeepTransformContent<T> = DeepTransformContentCore<\n  T,\n  IInterpreterPluginState\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAQO;AACP,oBAAgD;AAChD,qCAA4B;AAC5B,gCAAmC;AAiB5B,MAAM,sBAA+B;AAAA,EAC1C,IAAI;AAAA,EACJ,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,OAAO,SAAS,YAChB,OAAO,SAAS;AAAA,EAClB,WAAW,CAAC,OAAO,EAAE,UAAU,GAAG,KAAK,UACrC,8CAAmB;AAAA,IACjB,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UAAU,OAAO;AAAA,MACf,WAAW;AAAA,MACX,OAAO;AAAA,QACL,eAAe,KAAK;AAAA,QACpB,SAAS,KAAK;AAAA,MAChB;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AACL;AAWO,MAAM,uBAAgC;AAAA,EAC3C,IAAI;AAAA,EACJ,WAAW,CAAC,SAAS,OAAO,SAAS;AAAA,EACrC,WAAW,CAAC,MAAc,OAAO,sBAAsB;AACrD,UAAM;AAAA,MACJ;AAAA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,eAAW,iCAAoB,IAAI;AAEzC,UAAM,kBAA2B;AAAA,MAC/B,IAAI;AAAA,MACJ,WAAW,CAAC,iBACV,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,aACxB,CAAC;AAAA,MACH,WAAW,CAAC,cAAcA,eACxB,8CAAmB;AAAA,QACjB,GAAGA;AAAA,QACH,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC;AAAA,IACL;AAGA,UAAM,gBAAgB,kBAAkB,UAAU;AAAA,MAChD,SAAS,CAAC,eAAe;AAAA,MACzB,eAAe,KAAK;AAAA,MACpB,SAAS,CAAC;AAAA,IACZ,CAAC;AAED,eAAO,8CAAmB;AAAA,MACxB,GAAG;AAAA,MACH,OAAO;AAAA,MACP,UAAU,OAAO;AAAA,QACf,WAAW;AAAA,QACX,OAAO;AAAA,UACL,eAAe,KAAK;AAAA,UACpB,SAAS,KAAK;AAAA,QAChB;AAAA,QACA,UAAU,MAAM;AACd,gBAAM,EAAE,eAAe,QAAI,4CAAY;AACvC,iBAAO,eAAe,IAAI;AAAA,QAC5B;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,QACf,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAUO,MAAM,iBAA0B;AAAA,EACrC,IAAI;AAAA,EACJ,WAAW,CAAC,SACV,OAAO,SAAS,YAAY,MAAM,aAAa,qBAAS;AAAA,EAC1D,WAAW,CAAC,MAAuB,OAAO,sBAAsB;AAC9D,UAAM,aAAwB;AAAA,MAC5B,GAAG,MAAM;AAAA,MACT;AAAA,QACE,MAAM,qBAAS;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,WAAW,KAAK,qBAAS,QAAQ;AAEvC,WAAO,kBAAkB,UAAU;AAAA,MACjC,GAAG;AAAA,MACH;AAAA,MACA,SAAS;AAAA,MACT,SAAS,CAAC,sBAAsB,GAAI,MAAM,WAAW,CAAC,CAAE;AAAA,IAC1D,CAAC;AAAA,EACH;AACF;","names":["props"]}

package/dist/cjs/renderIntlayerNode.cjs

@@ -0,0 +1,58 @@
+"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 renderIntlayerNode_exports = {};
+__export(renderIntlayerNode_exports, {
+  renderIntlayerNode: () => renderIntlayerNode
+});
+module.exports = __toCommonJS(renderIntlayerNode_exports);
+const renderIntlayerNode = ({
+  children,
+  value,
+  additionalProps = {}
+}) => {
+  if (children == null) {
+    return new Proxy({}, {
+      get(target, prop, receiver) {
+        if (prop === "value") {
+          return value;
+        }
+        if (additionalProps && Object.keys(additionalProps).includes(prop)) {
+          return additionalProps[prop];
+        }
+        return Reflect.get(target, prop, receiver);
+      }
+    });
+  }
+  return new Proxy(children, {
+    get(target, prop, receiver) {
+      if (prop === "value") {
+        return value;
+      }
+      if (additionalProps && Object.keys(additionalProps).includes(prop)) {
+        return additionalProps[prop];
+      }
+      return Reflect.get(target, prop, receiver);
+    }
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  renderIntlayerNode
+});
+//# sourceMappingURL=renderIntlayerNode.cjs.map

package/dist/cjs/renderIntlayerNode.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/renderIntlayerNode.ts"],"sourcesContent":["export type IntlayerNode<T = string, AdditionalProps = {}> = any & {\n  value: T;\n} & AdditionalProps;\n\ntype RenderIntlayerNodeProps<T> = {\n  value: T;\n  children: any;\n  additionalProps?: { [key: string]: any };\n};\n\nexport const renderIntlayerNode = <\n  T extends number | string | boolean | undefined | null,\n>({\n  children,\n  value,\n  additionalProps = {},\n}: RenderIntlayerNodeProps<T>): IntlayerNode<T> => {\n  // If children is null or undefined, return a simple object with the value\n  if (children == null) {\n    return new Proxy({} as any, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return value;\n        }\n\n        if (\n          additionalProps &&\n          Object.keys(additionalProps).includes(prop as string)\n        ) {\n          return additionalProps[prop as keyof typeof additionalProps];\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as IntlayerNode<T>;\n  }\n\n  // Return a Proxy that pretends to be the original content\n  // but also has a .value getter and additional props.\n  return new Proxy(children, {\n    get(target, prop, receiver) {\n      if (prop === 'value') {\n        return value;\n      }\n\n      if (\n        additionalProps &&\n        Object.keys(additionalProps).includes(prop as string)\n      ) {\n        return additionalProps[prop as keyof typeof additionalProps];\n      }\n\n      return Reflect.get(target, prop, receiver);\n    },\n  }) as IntlayerNode<T>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,MAAM,qBAAqB,CAEhC;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB,CAAC;AACrB,MAAmD;AAEjD,MAAI,YAAY,MAAM;AACpB,WAAO,IAAI,MAAM,CAAC,GAAU;AAAA,MAC1B,IAAI,QAAQ,MAAM,UAAU;AAC1B,YAAI,SAAS,SAAS;AACpB,iBAAO;AAAA,QACT;AAEA,YACE,mBACA,OAAO,KAAK,eAAe,EAAE,SAAS,IAAc,GACpD;AACA,iBAAO,gBAAgB,IAAoC;AAAA,QAC7D;AAEA,eAAO,QAAQ,IAAI,QAAQ,MAAM,QAAQ;AAAA,MAC3C;AAAA,IACF,CAAC;AAAA,EACH;AAIA,SAAO,IAAI,MAAM,UAAU;AAAA,IACzB,IAAI,QAAQ,MAAM,UAAU;AAC1B,UAAI,SAAS,SAAS;AACpB,eAAO;AAAA,MACT;AAEA,UACE,mBACA,OAAO,KAAK,eAAe,EAAE,SAAS,IAAc,GACpD;AACA,eAAO,gBAAgB,IAAoC;AAAA,MAC7D;AAEA,aAAO,QAAQ,IAAI,QAAQ,MAAM,QAAQ;AAAA,IAC3C;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/cjs/{client/getLocale.cjs → webpack/index.cjs}

@@ -3,10 +3,6 @@ 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))
@@ -15,17 +11,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var getLocale_exports = {};
-__export(getLocale_exports, {
-  getLocale: () => getLocale
-});
-module.exports = __toCommonJS(getLocale_exports);
-const getLocale = () => {
-  return "en";
-};
+var webpack_exports = {};
+module.exports = __toCommonJS(webpack_exports);
+__reExport(webpack_exports, require('./mergeConfig.cjs'), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getLocale
+  ...require('./mergeConfig.cjs')
 });
-//# sourceMappingURL=getLocale.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/webpack/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/webpack/index.ts"],"sourcesContent":["export * from './mergeConfig';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAc,0BAAd;","names":[]}

package/dist/cjs/webpack/mergeConfig.cjs

@@ -0,0 +1,83 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var mergeConfig_exports = {};
+__export(mergeConfig_exports, {
+  mergeConfig: () => mergeConfig
+});
+module.exports = __toCommonJS(mergeConfig_exports);
+var import_config = require("@intlayer/config");
+var import_webpack = require("@intlayer/webpack");
+var import_deepmerge = __toESM(require("deepmerge"));
+var import_path = require("path");
+const mergeConfig = (baseConfig) => {
+  const intlayerConfig = (0, import_config.getConfiguration)();
+  const { mainDir, configDir, baseDir } = intlayerConfig.content;
+  const dictionariesPath = (0, import_path.join)(mainDir, "dictionaries.mjs");
+  const relativeDictionariesPath = (0, import_path.relative)(baseDir, dictionariesPath);
+  const unmergedDictionariesPath = (0, import_path.join)(mainDir, "unmerged_dictionaries.mjs");
+  const relativeUnmergedDictionariesPath = (0, import_path.relative)(
+    baseDir,
+    unmergedDictionariesPath
+  );
+  const configurationPath = (0, import_path.join)(configDir, "configuration.json");
+  const relativeConfigurationPath = (0, import_path.relative)(baseDir, configurationPath);
+  const config = {
+    resolve: {
+      alias: {
+        "@intlayer/dictionaries-entry": (0, import_path.resolve)(relativeDictionariesPath),
+        "@intlayer/unmerged-dictionaries-entry": (0, import_path.resolve)(
+          relativeUnmergedDictionariesPath
+        ),
+        "@intlayer/config/built": (0, import_path.resolve)(relativeConfigurationPath)
+      }
+    },
+    externals: {
+      esbuild: "esbuild",
+      module: "module",
+      fs: "fs",
+      chokidar: "chokidar",
+      fsevents: "fsevents"
+    },
+    module: {
+      rules: [
+        {
+          test: /\.node$/,
+          loader: "node-loader"
+        }
+      ]
+    },
+    plugins: [new import_webpack.IntlayerPlugin()]
+  };
+  return (0, import_deepmerge.default)(baseConfig, config);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  mergeConfig
+});
+//# sourceMappingURL=mergeConfig.cjs.map

package/dist/cjs/webpack/mergeConfig.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/webpack/mergeConfig.ts"],"sourcesContent":["import { getConfiguration } from '@intlayer/config';\nimport { IntlayerPlugin } from '@intlayer/webpack'; // adjust path if needed\nimport merge from 'deepmerge';\nimport { join, relative, resolve } from 'path';\nimport type { Configuration as WebpackConfig } from 'webpack';\n\nexport const mergeConfig = (baseConfig: WebpackConfig): WebpackConfig => {\n  const intlayerConfig = getConfiguration();\n\n  // Format all configuration values as environment variables\n  const { mainDir, configDir, baseDir } = intlayerConfig.content;\n\n  const dictionariesPath = join(mainDir, 'dictionaries.mjs');\n  const relativeDictionariesPath = relative(baseDir, dictionariesPath);\n\n  const unmergedDictionariesPath = join(mainDir, 'unmerged_dictionaries.mjs');\n  const relativeUnmergedDictionariesPath = relative(\n    baseDir,\n    unmergedDictionariesPath\n  );\n\n  const configurationPath = join(configDir, 'configuration.json');\n  const relativeConfigurationPath = relative(baseDir, configurationPath);\n\n  const config = {\n    resolve: {\n      alias: {\n        '@intlayer/dictionaries-entry': resolve(relativeDictionariesPath),\n        '@intlayer/unmerged-dictionaries-entry': resolve(\n          relativeUnmergedDictionariesPath\n        ),\n        '@intlayer/config/built': resolve(relativeConfigurationPath),\n      },\n    },\n    externals: {\n      esbuild: 'esbuild',\n      module: 'module',\n      fs: 'fs',\n      chokidar: 'chokidar',\n      fsevents: 'fsevents',\n    },\n    module: {\n      rules: [\n        {\n          test: /\\.node$/,\n          loader: 'node-loader',\n        },\n      ],\n    },\n    plugins: [new IntlayerPlugin()],\n  };\n\n  return merge(baseConfig, config);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAiC;AACjC,qBAA+B;AAC/B,uBAAkB;AAClB,kBAAwC;AAGjC,MAAM,cAAc,CAAC,eAA6C;AACvE,QAAM,qBAAiB,gCAAiB;AAGxC,QAAM,EAAE,SAAS,WAAW,QAAQ,IAAI,eAAe;AAEvD,QAAM,uBAAmB,kBAAK,SAAS,kBAAkB;AACzD,QAAM,+BAA2B,sBAAS,SAAS,gBAAgB;AAEnE,QAAM,+BAA2B,kBAAK,SAAS,2BAA2B;AAC1E,QAAM,uCAAmC;AAAA,IACvC;AAAA,IACA;AAAA,EACF;AAEA,QAAM,wBAAoB,kBAAK,WAAW,oBAAoB;AAC9D,QAAM,gCAA4B,sBAAS,SAAS,iBAAiB;AAErE,QAAM,SAAS;AAAA,IACb,SAAS;AAAA,MACP,OAAO;AAAA,QACL,oCAAgC,qBAAQ,wBAAwB;AAAA,QAChE,6CAAyC;AAAA,UACvC;AAAA,QACF;AAAA,QACA,8BAA0B,qBAAQ,yBAAyB;AAAA,MAC7D;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,MACN,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,IACA,SAAS,CAAC,IAAI,8BAAe,CAAC;AAAA,EAChC;AAEA,aAAO,iBAAAA,SAAM,YAAY,MAAM;AACjC;","names":["merge"]}

package/dist/esm/UI/ContentSelector.component.mjs

@@ -0,0 +1,126 @@
+import { CommonModule } from "@angular/common";
+import {
+  Component,
+  computed,
+  EventEmitter,
+  HostListener,
+  Input,
+  Output,
+  signal,
+  ViewChild
+} from "@angular/core";
+const DEFAULT_PRESS_DETECT_DURATION = 250;
+@Component({
+  selector: "app-content-selector",
+  template: `
+    <span
+      #containerRef
+      role="button"
+      tabindex="0"
+      (click)="handleClick($event)"
+      (mousedown)="handleMouseDown()"
+      (mouseup)="handleMouseUp()"
+      (mouseleave)="handleMouseUp()"
+      (touchstart)="handleMouseDown()"
+      (touchend)="handleMouseUp()"
+      (touchcancel)="handleMouseUp()"
+      (blur)="handleBlur()"
+      (mouseenter)="onMouseEnter()"
+      [ngStyle]="getContainerStyle()"
+    >
+      <ng-content></ng-content>
+    </span>
+  `,
+  standalone: true,
+  imports: [CommonModule]
+})
+class ContentSelectorComponent {
+  constructor(cdr) {
+    this.cdr = cdr;
+  }
+  @Input() onClickOutside;
+  @Input() pressDuration;
+  @Input() isSelecting;
+  @Output() click = new EventEmitter();
+  @Output() press = new EventEmitter();
+  @ViewChild("containerRef", { static: true })
+  containerRef;
+  isHovered = signal(false);
+  isSelectingState = signal(false);
+  pressTimerRef = null;
+  isSelectingComputed = computed(
+    () => this.isSelecting ?? this.isSelectingState()
+  );
+  isStringSlot = computed(() => {
+    return true;
+  });
+  ngOnInit() {
+    this.isSelectingState.set(this.isSelecting ?? false);
+  }
+  ngOnDestroy() {
+    this.clearPressTimer();
+  }
+  @HostListener("document:mousedown", ["$event"])
+  onDocumentMouseDown(event) {
+    this.handleClickOutside(event);
+  }
+  handleOnLongPress() {
+    this.isSelectingState.set(true);
+    this.press.emit();
+  }
+  startPressTimer() {
+    this.pressTimerRef = setTimeout(() => {
+      this.handleOnLongPress();
+    }, this.pressDuration ?? DEFAULT_PRESS_DETECT_DURATION);
+  }
+  clearPressTimer() {
+    if (this.pressTimerRef) {
+      clearTimeout(this.pressTimerRef);
+      this.pressTimerRef = null;
+    }
+  }
+  handleMouseDown() {
+    this.clearPressTimer();
+    this.startPressTimer();
+  }
+  handleMouseUp() {
+    this.isHovered.set(false);
+    this.clearPressTimer();
+  }
+  handleClickOutside(event) {
+    if (this.containerRef?.nativeElement && !this.containerRef.nativeElement.contains(event.target)) {
+      this.isSelectingState.set(false);
+      this.onClickOutside?.();
+    }
+  }
+  handleClick(e) {
+    if (this.isSelectingComputed()) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+    this.click.emit(e);
+  }
+  handleBlur() {
+    this.isSelectingState.set(false);
+  }
+  onMouseEnter() {
+    this.isHovered.set(true);
+  }
+  getContainerStyle() {
+    return {
+      display: this.isStringSlot() ? "inline" : "inline-block",
+      cursor: "pointer",
+      userSelect: "none",
+      borderRadius: "0.375rem",
+      outlineWidth: "2px",
+      outlineOffset: "4px",
+      outlineStyle: "solid",
+      outlineColor: this.isSelectingComputed() || this.isHovered() ? "inherit" : "transparent",
+      transition: "all 100ms 50ms ease-in-out"
+    };
+  }
+}
+export {
+  ContentSelectorComponent
+};
+//# sourceMappingURL=ContentSelector.component.mjs.map

package/dist/esm/UI/ContentSelector.component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/UI/ContentSelector.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  signal,\n  ViewChild,\n} from '@angular/core';\n\nconst DEFAULT_PRESS_DETECT_DURATION = 250;\n\n@Component({\n  selector: 'app-content-selector',\n  template: `\n    <span\n      #containerRef\n      role=\"button\"\n      tabindex=\"0\"\n      (click)=\"handleClick($event)\"\n      (mousedown)=\"handleMouseDown()\"\n      (mouseup)=\"handleMouseUp()\"\n      (mouseleave)=\"handleMouseUp()\"\n      (touchstart)=\"handleMouseDown()\"\n      (touchend)=\"handleMouseUp()\"\n      (touchcancel)=\"handleMouseUp()\"\n      (blur)=\"handleBlur()\"\n      (mouseenter)=\"onMouseEnter()\"\n      [ngStyle]=\"getContainerStyle()\"\n    >\n      <ng-content></ng-content>\n    </span>\n  `,\n  standalone: true,\n  imports: [CommonModule],\n})\nexport class ContentSelectorComponent implements OnInit, OnDestroy {\n  @Input() onClickOutside?: () => void;\n  @Input() pressDuration?: number;\n  @Input() isSelecting?: boolean;\n\n  @Output() click = new EventEmitter<MouseEvent>();\n  @Output() press = new EventEmitter<void>();\n\n  @ViewChild('containerRef', { static: true })\n  containerRef!: ElementRef<HTMLSpanElement>;\n\n  private isHovered = signal(false);\n  private isSelectingState = signal(false);\n  private pressTimerRef: ReturnType<typeof setTimeout> | null = null;\n\n  private readonly isSelectingComputed = computed(\n    () => this.isSelecting ?? this.isSelectingState()\n  );\n\n  private readonly isStringSlot = computed(() => {\n    // In Angular, we can't easily detect if content is just text\n    // This would need to be determined differently or simplified\n    return true; // Simplified for now\n  });\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit(): void {\n    this.isSelectingState.set(this.isSelecting ?? false);\n  }\n\n  ngOnDestroy(): void {\n    this.clearPressTimer();\n  }\n\n  @HostListener('document:mousedown', ['$event'])\n  onDocumentMouseDown(event: MouseEvent): void {\n    this.handleClickOutside(event);\n  }\n\n  private handleOnLongPress(): void {\n    this.isSelectingState.set(true);\n    this.press.emit();\n  }\n\n  private startPressTimer(): void {\n    this.pressTimerRef = setTimeout(() => {\n      this.handleOnLongPress();\n    }, this.pressDuration ?? DEFAULT_PRESS_DETECT_DURATION);\n  }\n\n  private clearPressTimer(): void {\n    if (this.pressTimerRef) {\n      clearTimeout(this.pressTimerRef);\n      this.pressTimerRef = null;\n    }\n  }\n\n  handleMouseDown(): void {\n    this.clearPressTimer();\n    this.startPressTimer();\n  }\n\n  handleMouseUp(): void {\n    this.isHovered.set(false);\n    this.clearPressTimer();\n  }\n\n  private handleClickOutside(event: MouseEvent): void {\n    if (\n      this.containerRef?.nativeElement &&\n      !this.containerRef.nativeElement.contains(event.target as Node)\n    ) {\n      this.isSelectingState.set(false);\n      this.onClickOutside?.();\n    }\n  }\n\n  handleClick(e: MouseEvent): void {\n    if (this.isSelectingComputed()) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n    this.click.emit(e);\n  }\n\n  handleBlur(): void {\n    this.isSelectingState.set(false);\n  }\n\n  onMouseEnter(): void {\n    this.isHovered.set(true);\n  }\n\n  getContainerStyle(): { [key: string]: any } {\n    return {\n      display: this.isStringSlot() ? 'inline' : 'inline-block',\n      cursor: 'pointer',\n      userSelect: 'none',\n      borderRadius: '0.375rem',\n      outlineWidth: '2px',\n      outlineOffset: '4px',\n      outlineStyle: 'solid',\n      outlineColor:\n        this.isSelectingComputed() || this.isHovered()\n          ? 'inherit'\n          : 'transparent',\n      transition: 'all 100ms 50ms ease-in-out',\n    };\n  }\n}\n"],"mappings":"AAAA,SAAS,oBAAoB;AAC7B;AAAA,EAEE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,gCAAgC;AAEtC,CAAC,UAAU;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBV,YAAY;AAAA,EACZ,SAAS,CAAC,YAAY;AACxB,CAAC;AACM,MAAM,yBAAsD;AAAA,EAyBjE,YAAoB,KAAwB;AAAxB;AAAA,EAAyB;AAxB7C,GAAC,MAAM,EAAE;AACT,GAAC,MAAM,EAAE;AACT,GAAC,MAAM,EAAE;AAET,GAAC,OAAO,EAAE,QAAQ,IAAI,aAAyB;AAC/C,GAAC,OAAO,EAAE,QAAQ,IAAI,aAAmB;AAEzC,GAAC,UAAU,gBAAgB,EAAE,QAAQ,KAAK,CAAC;AAAA,EAC3C;AAAA,EAEQ,YAAY,OAAO,KAAK;AAAA,EACxB,mBAAmB,OAAO,KAAK;AAAA,EAC/B,gBAAsD;AAAA,EAE7C,sBAAsB;AAAA,IACrC,MAAM,KAAK,eAAe,KAAK,iBAAiB;AAAA,EAClD;AAAA,EAEiB,eAAe,SAAS,MAAM;AAG7C,WAAO;AAAA,EACT,CAAC;AAAA,EAID,WAAiB;AACf,SAAK,iBAAiB,IAAI,KAAK,eAAe,KAAK;AAAA,EACrD;AAAA,EAEA,cAAoB;AAClB,SAAK,gBAAgB;AAAA,EACvB;AAEA,GAAC,aAAa,sBAAsB,CAAC,QAAQ,CAAC;AAAA,EAC9C,oBAAoB,OAAyB;AAC3C,SAAK,mBAAmB,KAAK;AAAA,EAC/B;AAAA,EAEQ,oBAA0B;AAChC,SAAK,iBAAiB,IAAI,IAAI;AAC9B,SAAK,MAAM,KAAK;AAAA,EAClB;AAAA,EAEQ,kBAAwB;AAC9B,SAAK,gBAAgB,WAAW,MAAM;AACpC,WAAK,kBAAkB;AAAA,IACzB,GAAG,KAAK,iBAAiB,6BAA6B;AAAA,EACxD;AAAA,EAEQ,kBAAwB;AAC9B,QAAI,KAAK,eAAe;AACtB,mBAAa,KAAK,aAAa;AAC/B,WAAK,gBAAgB;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,kBAAwB;AACtB,SAAK,gBAAgB;AACrB,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,gBAAsB;AACpB,SAAK,UAAU,IAAI,KAAK;AACxB,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEQ,mBAAmB,OAAyB;AAClD,QACE,KAAK,cAAc,iBACnB,CAAC,KAAK,aAAa,cAAc,SAAS,MAAM,MAAc,GAC9D;AACA,WAAK,iBAAiB,IAAI,KAAK;AAC/B,WAAK,iBAAiB;AAAA,IACxB;AAAA,EACF;AAAA,EAEA,YAAY,GAAqB;AAC/B,QAAI,KAAK,oBAAoB,GAAG;AAC9B,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IACpB;AACA,SAAK,MAAM,KAAK,CAAC;AAAA,EACnB;AAAA,EAEA,aAAmB;AACjB,SAAK,iBAAiB,IAAI,KAAK;AAAA,EACjC;AAAA,EAEA,eAAqB;AACnB,SAAK,UAAU,IAAI,IAAI;AAAA,EACzB;AAAA,EAEA,oBAA4C;AAC1C,WAAO;AAAA,MACL,SAAS,KAAK,aAAa,IAAI,WAAW;AAAA,MAC1C,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAc;AAAA,MACd,cACE,KAAK,oBAAoB,KAAK,KAAK,UAAU,IACzC,YACA;AAAA,MACN,YAAY;AAAA,IACd;AAAA,EACF;AACF;","names":[]}

package/dist/esm/client/index.mjs

@@ -1,17 +1,7 @@
-import { DictionaryService } from "./dictionary.service.mjs";
-import { getBrowserLocale } from "./getBrowserLocale.mjs";
-import { getDictionary } from "./getDictionary.mjs";
-import { getLocale } from "./getLocale.mjs";
-import { IntlayerService } from "./intlayer.service.mjs";
-import { LocaleService } from "./locale.service.mjs";
-import { t } from "./t.mjs";
-export {
-  DictionaryService,
-  IntlayerService,
-  LocaleService,
-  getBrowserLocale,
-  getDictionary,
-  getLocale,
-  t
-};
+export * from "./installIntlayer.mjs";
+export * from "./useDictionary.mjs";
+export * from "./useDictionaryDynamic.mjs";
+export * from "./useIntlayer.mjs";
+export * from "./useLoadDynamic.mjs";
+export * from "./useLocale.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/esm/client/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export { DictionaryService } from './dictionary.service';\nexport { getBrowserLocale } from './getBrowserLocale';\nexport { getDictionary } from './getDictionary';\nexport { getLocale } from './getLocale';\nexport { IntlayerService } from './intlayer.service';\nexport { LocaleService } from './locale.service';\nexport { t } from './t';\n"],"mappings":"AAAA,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,SAAS;","names":[]}
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export * from './installIntlayer';\nexport * from './useDictionary';\nexport * from './useDictionaryDynamic';\nexport * from './useIntlayer';\nexport * from './useLoadDynamic';\nexport * from './useLocale';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/client/installIntlayer.mjs

@@ -0,0 +1,35 @@
+import { Injectable, InjectionToken, signal } from "@angular/core";
+import configuration from "@intlayer/config/built";
+const INTLAYER_TOKEN = new InjectionToken("intlayer");
+let instance = null;
+@Injectable({
+  providedIn: "root"
+})
+class IntlayerProvider {
+  _locale = signal(
+    configuration.internationalization?.defaultLocale
+  );
+  locale = this._locale.asReadonly();
+  setLocale = (locale) => {
+    this._locale.set(locale);
+  };
+}
+const createIntlayerClient = (locale) => {
+  if (instance) return instance;
+  instance = new IntlayerProvider();
+  if (locale) {
+    instance.setLocale(locale);
+  }
+  return instance;
+};
+const installIntlayer = (locale) => {
+  const client = createIntlayerClient(locale);
+  return client;
+};
+export {
+  INTLAYER_TOKEN,
+  IntlayerProvider,
+  createIntlayerClient,
+  installIntlayer
+};
+//# sourceMappingURL=installIntlayer.mjs.map

package/dist/esm/client/installIntlayer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/installIntlayer.ts"],"sourcesContent":["import { Injectable, InjectionToken, signal, Signal } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { Locales, LocalesValues } from '@intlayer/config/client';\n\nexport const INTLAYER_TOKEN = new InjectionToken<IntlayerProvider>('intlayer');\n\n/**\n * Singleton instance\n */\nlet instance: IntlayerProvider | null = null;\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class IntlayerProvider {\n  private _locale = signal<Locales>(\n    configuration.internationalization?.defaultLocale as Locales\n  );\n\n  readonly locale: Signal<Locales> = this._locale.asReadonly();\n\n  setLocale = (locale: LocalesValues) => {\n    this._locale.set(locale as Locales);\n  };\n}\n\n/**\n * Create and return a single IntlayerProvider instance\n */\nexport const createIntlayerClient = (\n  locale?: LocalesValues\n): IntlayerProvider => {\n  if (instance) return instance;\n\n  instance = new IntlayerProvider();\n\n  if (locale) {\n    instance.setLocale(locale);\n  }\n\n  return instance;\n};\n\n/**\n * Helper to install the Intlayer provider\n */\nexport const installIntlayer = (locale?: LocalesValues) => {\n  const client = createIntlayerClient(locale);\n\n  // Note: Angular editor installation will be handled differently\n  // installIntlayerEditor();\n\n  return client;\n};\n"],"mappings":"AAAA,SAAS,YAAY,gBAAgB,cAAsB;AAC3D,OAAO,mBAAmB;AAGnB,MAAM,iBAAiB,IAAI,eAAiC,UAAU;AAK7E,IAAI,WAAoC;AAExC,CAAC,WAAW;AAAA,EACV,YAAY;AACd,CAAC;AACM,MAAM,iBAAiB;AAAA,EACpB,UAAU;AAAA,IAChB,cAAc,sBAAsB;AAAA,EACtC;AAAA,EAES,SAA0B,KAAK,QAAQ,WAAW;AAAA,EAE3D,YAAY,CAAC,WAA0B;AACrC,SAAK,QAAQ,IAAI,MAAiB;AAAA,EACpC;AACF;AAKO,MAAM,uBAAuB,CAClC,WACqB;AACrB,MAAI,SAAU,QAAO;AAErB,aAAW,IAAI,iBAAiB;AAEhC,MAAI,QAAQ;AACV,aAAS,UAAU,MAAM;AAAA,EAC3B;AAEA,SAAO;AACT;AAKO,MAAM,kBAAkB,CAAC,WAA2B;AACzD,QAAM,SAAS,qBAAqB,MAAM;AAK1C,SAAO;AACT;","names":[]}

package/dist/esm/client/useDictionary.mjs

@@ -0,0 +1,15 @@
+import { computed, inject } from "@angular/core";
+import { getDictionary } from "../getDictionary.mjs";
+import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+const useDictionary = (dictionary, locale) => {
+  const intlayer = inject(INTLAYER_TOKEN);
+  const localeTarget = computed(() => locale ?? intlayer?.locale());
+  const content = computed(
+    () => getDictionary(dictionary, localeTarget())
+  );
+  return content();
+};
+export {
+  useDictionary
+};
+//# sourceMappingURL=useDictionary.mjs.map

package/dist/esm/client/useDictionary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { type Dictionary } from '@intlayer/core';\nimport { getDictionary } from '../getDictionary';\nimport { DeepTransformContent } from '../plugins';\nimport { INTLAYER_TOKEN, IntlayerProvider } from './installIntlayer';\n\nexport const useDictionary = <T extends Dictionary>(\n  dictionary: T,\n  locale?: LocalesValues\n): DeepTransformContent<T['content']> => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(() => locale ?? intlayer?.locale());\n\n  /** a *stable* reactive dictionary object */\n  const content = computed(() =>\n    getDictionary<T, LocalesValues>(dictionary, localeTarget())\n  );\n\n  return content() as DeepTransformContent<T['content']>; // all consumers keep full reactivity\n};\n"],"mappings":"AAAA,SAAS,UAAU,cAAc;AAGjC,SAAS,qBAAqB;AAE9B,SAAS,sBAAwC;AAE1C,MAAM,gBAAgB,CAC3B,YACA,WACuC;AACvC,QAAM,WAAW,OAAyB,cAAc;AAExD,QAAM,eAAe,SAAS,MAAM,UAAU,UAAU,OAAO,CAAC;AAGhE,QAAM,UAAU;AAAA,IAAS,MACvB,cAAgC,YAAY,aAAa,CAAC;AAAA,EAC5D;AAEA,SAAO,QAAQ;AACjB;","names":[]}

package/dist/esm/client/useDictionaryDynamic.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { computed, inject } from "@angular/core";
+import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { useDictionary } from "./useDictionary.mjs";
+import { useLoadDynamic } from "./useLoadDynamic.mjs";
+const useDictionaryDynamic = (dictionaryPromise, key, locale) => {
+  const intlayer = inject(INTLAYER_TOKEN);
+  const localeTarget = computed(() => locale ?? intlayer?.locale());
+  const dictionary = useLoadDynamic(
+    `${String(key)}.${localeTarget()}`,
+    dictionaryPromise[localeTarget()]()
+  );
+  return useDictionary(dictionary, localeTarget());
+};
+export {
+  useDictionaryDynamic
+};
+//# sourceMappingURL=useDictionaryDynamic.mjs.map

package/dist/esm/client/useDictionaryDynamic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport { computed, inject } from '@angular/core';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport type {\n  Dictionary,\n  DictionaryKeys,\n  LanguageContent,\n} from '@intlayer/core';\nimport { INTLAYER_TOKEN, IntlayerProvider } from './installIntlayer';\nimport { useDictionary } from './useDictionary';\nimport { useLoadDynamic } from './useLoadDynamic';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryDynamic = <\n  T extends Dictionary,\n  K extends DictionaryKeys,\n>(\n  dictionaryPromise: LanguageContent<() => Promise<T>>,\n  key: K,\n  locale?: LocalesValues\n) => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(() => locale ?? intlayer?.locale());\n\n  const dictionary = useLoadDynamic<T>(\n    `${String(key)}.${localeTarget()}`,\n    dictionaryPromise[localeTarget()]!()\n  ) as T;\n\n  return useDictionary(dictionary, localeTarget() as any);\n};\n"],"mappings":";AAEA,SAAS,UAAU,cAAc;AAOjC,SAAS,sBAAwC;AACjD,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAOxB,MAAM,uBAAuB,CAIlC,mBACA,KACA,WACG;AACH,QAAM,WAAW,OAAyB,cAAc;AAExD,QAAM,eAAe,SAAS,MAAM,UAAU,UAAU,OAAO,CAAC;AAEhE,QAAM,aAAa;AAAA,IACjB,GAAG,OAAO,GAAG,CAAC,IAAI,aAAa,CAAC;AAAA,IAChC,kBAAkB,aAAa,CAAC,EAAG;AAAA,EACrC;AAEA,SAAO,cAAc,YAAY,aAAa,CAAQ;AACxD;","names":[]}

package/dist/esm/client/useIntlayer.mjs

@@ -0,0 +1,15 @@
+import { computed, inject } from "@angular/core";
+import { getIntlayer } from "../getIntlayer.mjs";
+import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+const isUpdatableNode = (val) => !!val && typeof val === "object" && typeof val.__update === "function";
+const useIntlayer = (key, locale) => {
+  const intlayer = inject(INTLAYER_TOKEN);
+  const localeTarget = computed(() => locale ?? intlayer.locale());
+  const content = computed(() => getIntlayer(key, localeTarget()));
+  return content();
+};
+export {
+  isUpdatableNode,
+  useIntlayer
+};
+//# sourceMappingURL=useIntlayer.mjs.map

package/dist/esm/client/useIntlayer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { DictionaryKeys } from '@intlayer/core';\n// @ts-ignore intlayer declared for module augmentation\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { getIntlayer } from '../getIntlayer';\nimport { DeepTransformContent } from '../plugins';\nimport { INTLAYER_TOKEN, IntlayerProvider } from './installIntlayer';\n\n/** guard utility — true only for objects generated by `renderIntlayerNode()` */\nexport const isUpdatableNode = (\n  val: unknown\n): val is { __update: (n: unknown) => void } =>\n  !!val &&\n  typeof val === 'object' &&\n  typeof (val as any).__update === 'function';\n\nexport const useIntlayer = <T extends DictionaryKeys>(\n  key: T,\n  locale?: LocalesValues\n): DeepTransformContent<IntlayerDictionaryTypesConnector[T]['content']> => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN)!;\n\n  /** which locale should we use right now? */\n  const localeTarget = computed(() => locale ?? intlayer.locale());\n\n  /** a *stable* reactive dictionary object */\n  const content = computed(() => getIntlayer(key, localeTarget()));\n\n  return content() as DeepTransformContent<\n    IntlayerDictionaryTypesConnector[T]['content']\n  >; // all consumers keep full reactivity\n};\n"],"mappings":"AAAA,SAAS,UAAU,cAAc;AAKjC,SAAS,mBAAmB;AAE5B,SAAS,sBAAwC;AAG1C,MAAM,kBAAkB,CAC7B,QAEA,CAAC,CAAC,OACF,OAAO,QAAQ,YACf,OAAQ,IAAY,aAAa;AAE5B,MAAM,cAAc,CACzB,KACA,WACyE;AACzE,QAAM,WAAW,OAAyB,cAAc;AAGxD,QAAM,eAAe,SAAS,MAAM,UAAU,SAAS,OAAO,CAAC;AAG/D,QAAM,UAAU,SAAS,MAAM,YAAY,KAAK,aAAa,CAAC,CAAC;AAE/D,SAAO,QAAQ;AAGjB;","names":[]}

package/dist/esm/client/useLoadDynamic.mjs

@@ -0,0 +1,21 @@
+import { signal } from "@angular/core";
+const useLoadDynamic = (key, promise) => {
+  const cache = useLoadDynamic._cache || (useLoadDynamic._cache = /* @__PURE__ */ new Map());
+  const container = signal({});
+  if (!cache.has(key)) {
+    const p = promise.then((real) => {
+      container.set(real);
+      return real;
+    });
+    cache.set(key, p);
+  } else {
+    cache.get(key).then((real) => {
+      container.set(real);
+    });
+  }
+  return container();
+};
+export {
+  useLoadDynamic
+};
+//# sourceMappingURL=useLoadDynamic.mjs.map

package/dist/esm/client/useLoadDynamic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useLoadDynamic.ts"],"sourcesContent":["import { signal } from '@angular/core';\n\n/**\n * A \"synchronous\" loader for a dynamically‐imported JSON (or anything).\n *\n * - Immediately returns a reactive signal so that Angular can properly track changes.\n * - When the Promise resolves, it replaces the signal's value with the real data.\n */\nexport const useLoadDynamic = <T extends Record<string, any>>(\n  key: string,\n  promise: Promise<T>\n): T => {\n  // A module‐level cache of Promises, so we only import once per key.\n  const cache: Map<string, Promise<T>> = (useLoadDynamic as any)._cache ||\n  ((useLoadDynamic as any)._cache = new Map());\n\n  // Hold the \"current\" value as a reactive signal\n  // This starts as an empty object but Angular can track changes to it\n  const container = signal({} as T);\n\n  if (!cache.has(key)) {\n    // Kick off the dynamic import & cache it\n    const p = promise.then((real) => {\n      // As soon as the import resolves, update the signal with the real data\n      container.set(real);\n      return real;\n    });\n    cache.set(key, p);\n  } else {\n    // If it's already in flight (or done), hook into it so that the container still updates\n    cache.get(key)!.then((real) => {\n      container.set(real);\n    });\n  }\n\n  // Return the current signal value directly - Angular can track all changes to it\n  return container();\n};\n"],"mappings":"AAAA,SAAS,cAAc;AAQhB,MAAM,iBAAiB,CAC5B,KACA,YACM;AAEN,QAAM,QAAkC,eAAuB,WAC7D,eAAuB,SAAS,oBAAI,IAAI;AAI1C,QAAM,YAAY,OAAO,CAAC,CAAM;AAEhC,MAAI,CAAC,MAAM,IAAI,GAAG,GAAG;AAEnB,UAAM,IAAI,QAAQ,KAAK,CAAC,SAAS;AAE/B,gBAAU,IAAI,IAAI;AAClB,aAAO;AAAA,IACT,CAAC;AACD,UAAM,IAAI,KAAK,CAAC;AAAA,EAClB,OAAO;AAEL,UAAM,IAAI,GAAG,EAAG,KAAK,CAAC,SAAS;AAC7B,gBAAU,IAAI,IAAI;AAAA,IACpB,CAAC;AAAA,EACH;AAGA,SAAO,UAAU;AACnB;","names":[]}