svelte-intlayer 7.1.8 → 7.1.9

package/dist/markdown/MarkdownMetadataRenderer.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+import { getContentNodeByKeyPath, getMarkdownMetadata } from '@intlayer/core';
+import type { ContentNode, KeyPath, Locale } from '@intlayer/types';
+import { useLocale } from '../client/useLocale';
+
+export const locale: Locale | undefined = undefined;
+export let value: string;
+export let metadataKeyPath: KeyPath[];
+
+const { locale: contextLocale } = useLocale();
+
+$: metadata = getMarkdownMetadata(value);
+$: currentLocale = locale ?? $contextLocale;
+$: metadataEl = getContentNodeByKeyPath(
+  metadata as ContentNode,
+  metadataKeyPath,
+  currentLocale
+);
+</script>
+
+{metadataEl}

package/dist/markdown/MarkdownMetadataRenderer.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { KeyPath, Locale } from '@intlayer/types';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const MarkdownMetadataRenderer: $$__sveltets_2_IsomorphicComponent<{
+    locale?: Locale | undefined;
+    value: string;
+    metadataKeyPath: KeyPath[];
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    locale: Locale | undefined;
+}, string>;
+type MarkdownMetadataRenderer = InstanceType<typeof MarkdownMetadataRenderer>;
+export default MarkdownMetadataRenderer;

package/dist/markdown/MarkdownMetadataWithSelector.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+import type { KeyPath } from '@intlayer/types';
+import ContentSelectorWrapper from '../editor/ContentSelectorWrapper.svelte';
+import MarkdownMetadataRenderer from './MarkdownMetadataRenderer.svelte';
+
+export let dictionaryKey: string;
+export let keyPath: KeyPath[];
+export let value: string;
+export let metadataKeyPath: KeyPath[];
+</script>
+
+<ContentSelectorWrapper {dictionaryKey} {keyPath}>
+  <MarkdownMetadataRenderer
+    {dictionaryKey}
+    {keyPath}
+    {value}
+    {metadataKeyPath}
+  />
+</ContentSelectorWrapper>
+
+

package/dist/markdown/MarkdownMetadataWithSelector.svelte.d.ts

@@ -0,0 +1,24 @@
+import type { KeyPath } from '@intlayer/types';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const MarkdownMetadataWithSelector: $$__sveltets_2_IsomorphicComponent<{
+    dictionaryKey: string;
+    keyPath: KeyPath[];
+    value: string;
+    metadataKeyPath: KeyPath[];
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type MarkdownMetadataWithSelector = InstanceType<typeof MarkdownMetadataWithSelector>;
+export default MarkdownMetadataWithSelector;

package/dist/markdown/MarkdownProvider.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+  import { setMarkdownContext } from './context';
+
+  export let renderMarkdown: (markdown: string) => string = (markdown) => markdown;
+
+  setMarkdownContext({ renderMarkdown });
+</script>
+
+<slot />

package/dist/markdown/MarkdownProvider.svelte.d.ts

@@ -0,0 +1,29 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const MarkdownProvider: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    renderMarkdown?: (markdown: string) => string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type MarkdownProvider = InstanceType<typeof MarkdownProvider>;
+export default MarkdownProvider;

package/dist/markdown/MarkdownRenderer.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+import { getMarkdownContext } from './context';
+
+export let value: string;
+
+const { renderMarkdown } = getMarkdownContext();
+
+$: htmlContent = renderMarkdown(value);
+</script>
+
+{@html htmlContent}

package/dist/markdown/MarkdownRenderer.svelte.d.ts

@@ -0,0 +1,20 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const MarkdownRenderer: $$__sveltets_2_IsomorphicComponent<{
+    value: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type MarkdownRenderer = InstanceType<typeof MarkdownRenderer>;
+export default MarkdownRenderer;

package/dist/markdown/MarkdownWithSelector.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+import type { KeyPath } from '@intlayer/types';
+import ContentSelectorWrapper from '../editor/ContentSelectorWrapper.svelte';
+import MarkdownRenderer from './MarkdownRenderer.svelte';
+
+export let dictionaryKey: string;
+export let keyPath: KeyPath[];
+export let value: string;
+</script>
+
+<ContentSelectorWrapper {dictionaryKey} {keyPath}>
+  <MarkdownRenderer {dictionaryKey} {keyPath} {value} />
+</ContentSelectorWrapper>
+
+

package/dist/markdown/MarkdownWithSelector.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { KeyPath } from '@intlayer/types';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const MarkdownWithSelector: $$__sveltets_2_IsomorphicComponent<{
+    dictionaryKey: string;
+    keyPath: KeyPath[];
+    value: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type MarkdownWithSelector = InstanceType<typeof MarkdownWithSelector>;
+export default MarkdownWithSelector;

package/dist/markdown/context.js

@@ -0,0 +1,10 @@
+import { getContext, setContext } from 'svelte';
+export const MARKDOWN_CONTEXT_KEY = Symbol('INTLAYER_MARKDOWN_CONTEXT');
+export const getMarkdownContext = () => {
+    return (getContext(MARKDOWN_CONTEXT_KEY) || {
+        renderMarkdown: (md) => md,
+    });
+};
+export const setMarkdownContext = (context) => {
+    setContext(MARKDOWN_CONTEXT_KEY, context);
+};

package/dist/markdown/index.js

@@ -0,0 +1,4 @@
+export * from './context';
+export { default as MarkdownMetadataRenderer } from './MarkdownMetadataRenderer.svelte';
+export { default as MarkdownProvider } from './MarkdownProvider.svelte';
+export { default as MarkdownRenderer } from './MarkdownRenderer.svelte';

package/dist/{types/plugins.d.ts → plugins.d.ts}

@@ -1,6 +1,6 @@
-import { DeepTransformContent as DeepTransformContentCore, IInterpreterPluginState as IInterpreterPluginStateCore, Plugins } from '@intlayer/core';
-import { DeclaredLocales, LocalesValues, NodeType } from '@intlayer/types';
-import { IntlayerNode } from './renderIntlayerNode';
+import { type DeepTransformContent as DeepTransformContentCore, type IInterpreterPluginState as IInterpreterPluginStateCore, type Plugins } from '@intlayer/core';
+import { type DeclaredLocales, type LocalesValues, NodeType } from '@intlayer/types';
+import { type IntlayerNode } from './renderIntlayerNode';
 /**
  * Interface for Svelte-specific plugin functionality
  * This interface can be augmented to add more Svelte-specific transformations

package/dist/plugins.js

@@ -0,0 +1,87 @@
+import { getMarkdownMetadata, } from '@intlayer/core';
+import { NodeType, } from '@intlayer/types';
+import { ContentSelectorWrapper } from './editor';
+import MarkdownMetadataWithSelector from './markdown/MarkdownMetadataWithSelector.svelte';
+import MarkdownWithSelector from './markdown/MarkdownWithSelector.svelte';
+import { renderIntlayerNode } from './renderIntlayerNode';
+/**
+ * Basic Intlayer node plugins for content handling
+ * These handle the core content transformation logic
+ */
+export const intlayerNodePlugins = {
+    id: 'intlayer-node-plugin',
+    canHandle: (node) => typeof node === 'bigint' ||
+        typeof node === 'string' ||
+        typeof node === 'number',
+    transform: (node, { children, ...rest }) => renderIntlayerNode({
+        value: children ?? node,
+        component: ContentSelectorWrapper,
+        props: rest,
+    }),
+};
+/**
+ * Svelte-specific node plugins for handling basic content types
+ * These plugins handle strings, numbers, and bigints in Svelte applications
+ */
+export const svelteNodePlugins = intlayerNodePlugins;
+/** Markdown string plugin. Replaces string node with a component that render the markdown. */
+export const markdownStringPlugin = {
+    id: 'markdown-string-plugin',
+    canHandle: (node) => typeof node === 'string',
+    transform: (node, props, deepTransformNode) => {
+        const { ...rest } = props;
+        const metadata = getMarkdownMetadata(node) ?? {};
+        const metadataPlugins = {
+            id: 'markdown-metadata-plugin',
+            canHandle: (metadataNode) => typeof metadataNode === 'string' ||
+                typeof metadataNode === 'number' ||
+                typeof metadataNode === 'boolean' ||
+                !metadataNode,
+            transform: (metadataNode, props) => renderIntlayerNode({
+                value: metadataNode,
+                component: MarkdownMetadataWithSelector,
+                props: {
+                    ...rest,
+                    value: node, // The full markdown string
+                    metadataKeyPath: props.keyPath,
+                },
+            }),
+        };
+        // Transform metadata while keeping the same structure
+        const metadataNodes = deepTransformNode(metadata, {
+            plugins: [metadataPlugins],
+            dictionaryKey: rest.dictionaryKey,
+            keyPath: [],
+        }) ?? {};
+        return renderIntlayerNode({
+            value: node,
+            component: MarkdownWithSelector,
+            props: {
+                ...rest,
+                value: node,
+            },
+            additionalProps: {
+                metadata: metadataNodes,
+            },
+        });
+    },
+};
+export const markdownPlugin = {
+    id: 'markdown-plugin',
+    canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeType.Markdown,
+    transform: (node, props, deepTransformNode) => {
+        const newKeyPath = [
+            ...props.keyPath,
+            {
+                type: NodeType.Markdown,
+            },
+        ];
+        const children = node[NodeType.Markdown];
+        return deepTransformNode(children, {
+            ...props,
+            children,
+            keyPath: newKeyPath,
+            plugins: [markdownStringPlugin, ...(props.plugins ?? [])],
+        });
+    },
+};

package/dist/renderIntlayerNode.js

@@ -0,0 +1,44 @@
+import IntlayerNodeWrapper from './IntlayerNodeWrapper.svelte';
+export const renderIntlayerNode = (args) => {
+    const isClassComponent = Boolean(IntlayerNodeWrapper.prototype?.$destroy);
+    let Node;
+    if (isClassComponent) {
+        Node = class extends IntlayerNodeWrapper {
+            constructor(options) {
+                super({
+                    ...options,
+                    props: {
+                        ...options.props,
+                        Renderer: args.component,
+                        rendererProps: args.props,
+                        value: args.value,
+                    },
+                });
+            }
+        };
+    }
+    else {
+        // Functional component (Svelte 5)
+        Node = (anchor, props) => {
+            const mergedProps = {
+                ...props,
+                Renderer: args.component,
+                rendererProps: args.props,
+                value: args.value,
+            };
+            return IntlayerNodeWrapper(anchor, mergedProps);
+        };
+    }
+    Object.defineProperty(Node, 'value', {
+        value: args.value,
+        writable: false,
+    });
+    Object.defineProperty(Node, 'toString', {
+        value: () => args.value?.toString() ?? '',
+        writable: false,
+    });
+    if (args.additionalProps) {
+        Object.assign(Node, args.additionalProps);
+    }
+    return Node;
+};

package/dist/setIntlayerMarkdown.d.ts

@@ -0,0 +1 @@
+export declare const setIntlayerMarkdown: (context: import("./markdown").MarkdownContext) => void;

package/dist/setIntlayerMarkdown.js

@@ -0,0 +1,2 @@
+import { setMarkdownContext } from './markdown/context';
+export const setIntlayerMarkdown = setMarkdownContext;

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "svelte-intlayer",
-  "version": "7.1.8",
-  "private": false,
+  "version": "7.1.9",
   "description": "Easily internationalize i18n your Svelte applications with type-safe multilingual content management.",
   "keywords": [
     "intlayer",
@@ -36,31 +35,25 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
-      "require": "./dist/cjs/index.cjs",
-      "import": "./dist/esm/index.mjs"
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/cjs/index.cjs",
-  "module": "dist/esm/index.mjs",
-  "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "package.json": [
-        "./package.json"
-      ]
-    }
-  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "./dist",
     "./package.json"
   ],
   "scripts": {
-    "build": "vite build",
-    "build:ci": "vite build",
+    "build": "svelte-package -i src -o dist",
+    "build:ci": "svelte-package -i src -o dist",
+    "check": "svelte-check --tsconfig ./tsconfig.types.json",
     "clean": "rimraf ./dist .turbo",
-    "dev": "vite build --watch",
+    "dev": "svelte-package -i src -o dist --watch",
     "format": "biome format . --check",
     "format:fix": "biome format --write .",
     "lint": "biome lint .",
@@ -74,24 +67,26 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "7.1.8",
-    "@intlayer/config": "7.1.8",
-    "@intlayer/core": "7.1.8",
-    "@intlayer/editor": "7.1.8",
-    "@intlayer/types": "7.1.8",
-    "@intlayer/unmerged-dictionaries-entry": "7.1.8"
+    "@intlayer/api": "7.1.9",
+    "@intlayer/config": "7.1.9",
+    "@intlayer/core": "7.1.9",
+    "@intlayer/editor": "7.1.9",
+    "@intlayer/types": "7.1.9",
+    "@intlayer/unmerged-dictionaries-entry": "7.1.9"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "6.1.4",
+    "@sveltejs/package": "^2.5.4",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@types/node": "24.10.1",
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",
     "@utils/tsdown-config": "1.0.4",
     "rimraf": "6.1.0",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.0.0",
     "tsdown": "0.16.5",
     "typescript": "5.9.3",
-    "vite": "7.2.2",
-    "vite-plugin-dts": "4.5.4",
+    "vite": "^5.0.0",
     "vitest": "4.0.10"
   },
   "peerDependencies": {
@@ -99,8 +94,5 @@
   },
   "engines": {
     "node": ">=14.18"
-  },
-  "bug": {
-    "url": "https://github.com/aymericzip/intlayer/issues"
   }
 }

package/dist/ContentSelectorWrapper-Ct4vOl_g.js

@@ -1,163 +0,0 @@
-import "svelte/internal/disclose-version";
-import "svelte/internal/flags/legacy";
-import * as e from "svelte/internal/client";
-import { isSameKeyPath as M } from "@intlayer/core";
-import { MessageKey as D } from "@intlayer/editor";
-import { NodeType as w } from "@intlayer/types";
-import { get as N } from "svelte/store";
-import { onMount as L, onDestroy as R } from "svelte";
-import { useCommunicator as I } from "./esm/editor/communicator.mjs";
-import { useEditorEnabled as U } from "./esm/editor/editorEnabled.mjs";
-import { useFocusDictionary as x } from "./esm/editor/focusDictionary.mjs";
-import { useEditor as A } from "./esm/editor/useEditor.mjs";
-const H = (a, t, o) => {
-  t(), o();
-}, K = (a, t, o, u) => {
-  e.get(t) && (e.set(t, !1), o()?.()), u();
-}, F = (a, t, o) => {
-  e.get(t) ? (a.preventDefault(), a.stopPropagation()) : o()?.(a);
-};
-var G = () => {
-}, V = e.template('<span role="button" tabindex="0"><!></span>');
-function Y(a, t) {
-  e.push(t, !1);
-  const o = e.mutable_state();
-  let u = e.prop(t, "onClickOutside", 8, void 0), f = e.prop(t, "pressDuration", 8, 250), h = e.prop(t, "isSelecting", 8, !1), c = e.prop(t, "onPress", 8, void 0), m = e.prop(t, "onUnhover", 8, void 0), p = e.prop(t, "onHover", 8, void 0), k = e.prop(t, "onClick", 8, void 0), _ = e.mutable_state(null), r = e.mutable_state(!1), g = e.mutable_state(h()), d = null;
-  const E = () => {
-    e.set(g, !0), c()?.();
-  }, C = () => {
-    d = setTimeout(
-      () => {
-        E();
-      },
-      f()
-    );
-  }, l = () => {
-    d && (clearTimeout(d), d = null);
-  }, b = () => {
-    e.get(r) && (e.set(r, !1), m()?.()), l();
-  }, y = (v) => {
-    e.get(_) && !e.get(_).contains(v.target) && (e.set(g, !1), u() && u()());
-  };
-  L(() => {
-    document.addEventListener("mousedown", y);
-  }), R(() => {
-    typeof document < "u" && document.removeEventListener("mousedown", y), l();
-  }), e.legacy_pre_effect(
-    () => (e.deep_read_state(h()), e.get(g)),
-    () => {
-      e.set(o, h() || e.get(g));
-    }
-  ), e.legacy_pre_effect_reset(), e.init();
-  var n = V();
-  n.__click = [F, o, k], n.__keydown = [G], n.__mousedown = [
-    H,
-    l,
-    C
-  ], n.__mouseup = [
-    K,
-    r,
-    m,
-    l
-  ], n.__touchstart = [
-    H,
-    l,
-    C
-  ], n.__touchend = [
-    K,
-    r,
-    m,
-    l
-  ];
-  var P = e.child(n);
-  e.slot(P, t, "default", {}, null), e.reset(n), e.bind_this(n, (v) => e.set(_, v), () => e.get(_)), e.template_effect(() => e.set_style(n, `display: inline-block;
-    cursor: pointer;
-    user-select: none;
-    border-radius: 0.375rem;
-    outline-width: 2px;
-    outline-offset: 4px;
-    outline-style: solid;
-    outline-color: ${e.get(o) || e.get(r) ? "inherit" : "transparent"};
-    transition: all 100ms 50ms ease-in-out;
-  `)), e.event("mouseleave", n, b), e.event("touchcancel", n, b), e.event("mouseenter", n, () => {
-    e.set(r, !0), p()?.();
-  }), e.append(a, n), e.pop();
-}
-e.delegate([
-  "click",
-  "keydown",
-  "mousedown",
-  "mouseup",
-  "touchstart",
-  "touchend"
-]);
-function te(a, t) {
-  e.push(t, !1);
-  const [o, u] = e.setup_stores(), f = () => e.store_get(_, "$focusedContent", o), h = () => e.store_get(E, "$enabled", o), c = e.mutable_state(), m = e.mutable_state();
-  let p = e.prop(t, "dictionaryKey", 8), k = e.prop(t, "keyPath", 8);
-  const { focusedContent: _, setFocusedContent: r } = x(), g = U(), d = I(), { enabled: E } = g;
-  A();
-  const C = () => {
-    r({
-      dictionaryKey: p(),
-      keyPath: e.get(c)
-    });
-  }, l = () => {
-    const { postMessage: s, senderId: i } = N(d);
-    s({
-      type: `${D.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-      data: {
-        dictionaryKey: p(),
-        keyPath: e.get(c)
-      },
-      senderId: i
-    });
-  }, b = () => {
-    const { postMessage: s, senderId: i } = N(d);
-    s({
-      type: `${D.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-      data: null,
-      senderId: i
-    });
-  };
-  e.legacy_pre_effect(
-    () => (e.deep_read_state(k()), w),
-    () => {
-      e.set(c, k().filter((s) => s.type !== w.Translation));
-    }
-  ), e.legacy_pre_effect(
-    () => (f(), e.deep_read_state(p()), e.get(c)),
-    () => {
-      e.set(m, f()?.dictionaryKey === p() && (f()?.keyPath?.length ?? 0) > 0 && M(f()?.keyPath ?? [], e.get(c)));
-    }
-  ), e.legacy_pre_effect_reset(), e.init();
-  var y = e.comment(), n = e.first_child(y);
-  {
-    var P = (s) => {
-      Y(s, {
-        onPress: C,
-        get isSelecting() {
-          return e.get(m);
-        },
-        onHover: l,
-        onUnhover: b,
-        children: (i, T) => {
-          var S = e.comment(), O = e.first_child(S);
-          e.slot(O, t, "default", {}, null), e.append(i, S);
-        },
-        $$slots: { default: !0 }
-      });
-    }, v = (s) => {
-      var i = e.comment(), T = e.first_child(i);
-      e.slot(T, t, "default", {}, null), e.append(s, i);
-    };
-    e.if(n, (s) => {
-      h() ? s(P) : s(v, !1);
-    });
-  }
-  e.append(a, y), e.pop(), u();
-}
-export {
-  Y as C,
-  te as a
-};

package/dist/ContentSelectorWrapper-DMEqv3vE.cjs

@@ -1,10 +0,0 @@
-"use strict";require("svelte/internal/disclose-version");require("svelte/internal/flags/legacy");const L=require("svelte/internal/client"),R=require("@intlayer/core"),D=require("@intlayer/editor"),O=require("@intlayer/types"),q=require("svelte/store"),N=require("svelte"),I=require("./cjs/editor/communicator.cjs"),U=require("./cjs/editor/editorEnabled.cjs"),j=require("./cjs/editor/focusDictionary.cjs"),A=require("./cjs/editor/useEditor.cjs");function x(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>s[n]})}}return t.default=s,Object.freeze(t)}const e=x(L),w=(s,t,n)=>{t(),n()},K=(s,t,n,a)=>{e.get(t)&&(e.set(t,!1),n()?.()),a()},F=(s,t,n)=>{e.get(t)?(s.preventDefault(),s.stopPropagation()):n()?.(s)};var G=()=>{},V=e.template('<span role="button" tabindex="0"><!></span>');function M(s,t){e.push(t,!1);const n=e.mutable_state();let a=e.prop(t,"onClickOutside",8,void 0),f=e.prop(t,"pressDuration",8,250),y=e.prop(t,"isSelecting",8,!1),u=e.prop(t,"onPress",8,void 0),_=e.prop(t,"onUnhover",8,void 0),p=e.prop(t,"onHover",8,void 0),b=e.prop(t,"onClick",8,void 0),m=e.mutable_state(null),l=e.mutable_state(!1),g=e.mutable_state(y()),d=null;const E=()=>{e.set(g,!0),u()?.()},k=()=>{d=setTimeout(()=>{E()},f())},i=()=>{d&&(clearTimeout(d),d=null)},C=()=>{e.get(l)&&(e.set(l,!1),_()?.()),i()},h=v=>{e.get(m)&&!e.get(m).contains(v.target)&&(e.set(g,!1),a()&&a()())};N.onMount(()=>{document.addEventListener("mousedown",h)}),N.onDestroy(()=>{typeof document<"u"&&document.removeEventListener("mousedown",h),i()}),e.legacy_pre_effect(()=>(e.deep_read_state(y()),e.get(g)),()=>{e.set(n,y()||e.get(g))}),e.legacy_pre_effect_reset(),e.init();var o=V();o.__click=[F,n,b],o.__keydown=[G],o.__mousedown=[w,i,k],o.__mouseup=[K,l,_,i],o.__touchstart=[w,i,k],o.__touchend=[K,l,_,i];var P=e.child(o);e.slot(P,t,"default",{},null),e.reset(o),e.bind_this(o,v=>e.set(m,v),()=>e.get(m)),e.template_effect(()=>e.set_style(o,`display: inline-block;
-    cursor: pointer;
-    user-select: none;
-    border-radius: 0.375rem;
-    outline-width: 2px;
-    outline-offset: 4px;
-    outline-style: solid;
-    outline-color: ${e.get(n)||e.get(l)?"inherit":"transparent"};
-    transition: all 100ms 50ms ease-in-out;
-  `)),e.event("mouseleave",o,C),e.event("touchcancel",o,C),e.event("mouseenter",o,()=>{e.set(l,!0),p()?.()}),e.append(s,o),e.pop()}e.delegate(["click","keydown","mousedown","mouseup","touchstart","touchend"]);function W(s,t){e.push(t,!1);const[n,a]=e.setup_stores(),f=()=>e.store_get(m,"$focusedContent",n),y=()=>e.store_get(E,"$enabled",n),u=e.mutable_state(),_=e.mutable_state();let p=e.prop(t,"dictionaryKey",8),b=e.prop(t,"keyPath",8);const{focusedContent:m,setFocusedContent:l}=j.useFocusDictionary(),g=U.useEditorEnabled(),d=I.useCommunicator(),{enabled:E}=g;A.useEditor();const k=()=>{l({dictionaryKey:p(),keyPath:e.get(u)})},i=()=>{const{postMessage:r,senderId:c}=q.get(d);r({type:`${D.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,data:{dictionaryKey:p(),keyPath:e.get(u)},senderId:c})},C=()=>{const{postMessage:r,senderId:c}=q.get(d);r({type:`${D.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,data:null,senderId:c})};e.legacy_pre_effect(()=>(e.deep_read_state(b()),O.NodeType),()=>{e.set(u,b().filter(r=>r.type!==O.NodeType.Translation))}),e.legacy_pre_effect(()=>(f(),e.deep_read_state(p()),e.get(u)),()=>{e.set(_,f()?.dictionaryKey===p()&&(f()?.keyPath?.length??0)>0&&R.isSameKeyPath(f()?.keyPath??[],e.get(u)))}),e.legacy_pre_effect_reset(),e.init();var h=e.comment(),o=e.first_child(h);{var P=r=>{M(r,{onPress:k,get isSelecting(){return e.get(_)},onHover:i,onUnhover:C,children:(c,S)=>{var T=e.comment(),H=e.first_child(T);e.slot(H,t,"default",{},null),e.append(c,T)},$$slots:{default:!0}})},v=r=>{var c=e.comment(),S=e.first_child(c);e.slot(S,t,"default",{},null),e.append(r,c)};e.if(o,r=>{y()?r(P):r(v,!1)})}e.append(s,h),e.pop(),a()}exports.ContentSelector=M;exports.ContentSelectorWrapper=W;