svelte-intlayer 7.1.8 → 7.1.9

package/dist/IntlayerNodeWrapper.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+export let Renderer: any;
+export let rendererProps: Record<string, any>;
+export let value: any;
+</script>
+
+<svelte:component this={Renderer} {...rendererProps}>
+  {value}
+</svelte:component>
+

package/dist/IntlayerNodeWrapper.svelte.d.ts

@@ -0,0 +1,22 @@
+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 IntlayerNodeWrapper: $$__sveltets_2_IsomorphicComponent<{
+    Renderer: any;
+    rendererProps: Record<string, any>;
+    value: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IntlayerNodeWrapper = InstanceType<typeof IntlayerNodeWrapper>;
+export default IntlayerNodeWrapper;

package/dist/client/IntlayerProvider.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+import type { LocalesValues } from '@intlayer/types';
+import { createCommunicator } from '../editor/communicator';
+import { createEditorEnabledClient } from '../editor/editorEnabled';
+import { createFocusDictionaryClient } from '../editor/focusDictionary';
+import { useEditor } from '../editor/useEditor';
+import { setIntlayerContext } from './intlayerContext';
+
+export let locale: LocalesValues;
+
+createCommunicator();
+createEditorEnabledClient();
+createFocusDictionaryClient();
+
+useEditor();
+
+setIntlayerContext({
+  locale,
+  setLocale: () => {},
+});
+</script>
+
+<slot />
+

package/dist/client/IntlayerProvider.svelte.d.ts

@@ -0,0 +1,30 @@
+import type { LocalesValues } 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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const IntlayerProvider: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    locale: LocalesValues;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type IntlayerProvider = InstanceType<typeof IntlayerProvider>;
+export default IntlayerProvider;

package/dist/{types/client → client}/getBrowserLocale.d.ts

@@ -1,4 +1,4 @@
-import { LocalesValues } from '@intlayer/types';
+import type { LocalesValues } from '@intlayer/types';
 /**
  * Gets the user's preferred locale from browser settings
  * @returns The detected browser locale or 'en' as fallback

package/dist/client/getBrowserLocale.js

@@ -0,0 +1,17 @@
+/**
+ * Gets the user's preferred locale from browser settings
+ * @returns The detected browser locale or 'en' as fallback
+ */
+export const getBrowserLocale = () => {
+    if (typeof navigator === 'undefined') {
+        return 'en';
+    }
+    // Get the first preferred language
+    const browserLocale = navigator.language || navigator.languages?.[0];
+    if (!browserLocale) {
+        return 'en';
+    }
+    // Extract language code (e.g., 'en-US' -> 'en')
+    const languageCode = browserLocale.split('-')[0];
+    return (languageCode || 'en');
+};

package/dist/client/index.js

@@ -0,0 +1,12 @@
+// Export all client-side functionality for Svelte applications
+// Locale management
+export { getBrowserLocale } from './getBrowserLocale';
+// Context and providers
+export { getIntlayerContext, setIntlayerContext } from './intlayerContext';
+export { intlayerStore } from './intlayerStore';
+// Core hooks
+export { useDictionary } from './useDictionary';
+export { useDictionaryAsync } from './useDictionaryAsync';
+export { useDictionaryDynamic } from './useDictionaryDynamic';
+export { useIntlayer } from './useIntlayer';
+export { useLocale } from './useLocale';

package/dist/{types/client → client}/intlayerContext.d.ts

@@ -1,4 +1,4 @@
-import { LocalesValues } from '@intlayer/types';
+import type { LocalesValues } from '@intlayer/types';
 export interface IntlayerContextType {
     locale: LocalesValues;
     setLocale: (locale: LocalesValues) => void;

package/dist/client/intlayerContext.js

@@ -0,0 +1,8 @@
+import { getContext, setContext } from 'svelte';
+const INTLAYER_CONTEXT_KEY = Symbol('intlayer');
+export const setIntlayerContext = (context) => {
+    setContext(INTLAYER_CONTEXT_KEY, context);
+};
+export const getIntlayerContext = () => {
+    return getContext(INTLAYER_CONTEXT_KEY);
+};

package/dist/client/intlayerStore.d.ts

@@ -0,0 +1,11 @@
+import type { Locale, LocalesValues } from '@intlayer/types';
+import { type Readable } from 'svelte/store';
+export interface IntlayerStoreType {
+    locale: Locale;
+}
+export declare const intlayerStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<IntlayerStoreType>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
+    setLocale: (locale: LocalesValues) => void;
+    getLocale: () => Readable<Locale>;
+    reset: () => void;
+};

package/dist/client/intlayerStore.js

@@ -0,0 +1,19 @@
+import configuration from '@intlayer/config/built';
+import { derived, writable } from 'svelte/store';
+const defaultLocale = configuration.internationalization
+    ?.defaultLocale;
+// Create the main intlayer store
+const createIntlayerStore = () => {
+    const { subscribe, set, update } = writable({
+        locale: defaultLocale, // Default locale
+    });
+    return {
+        subscribe,
+        setLocale: (locale) => update((store) => ({ ...store, locale: locale })),
+        getLocale: () => derived({ subscribe }, ($store) => $store.locale),
+        reset: () => set({
+            locale: defaultLocale,
+        }),
+    };
+};
+export const intlayerStore = createIntlayerStore();

package/dist/{types/client → client}/useDictionary.d.ts

@@ -1,6 +1,6 @@
-import { Dictionary, LocalesValues } from '@intlayer/types';
-import { Readable } from 'svelte/store';
-import { DeepTransformContent } from '../plugins';
+import type { Dictionary, LocalesValues } from '@intlayer/types';
+import { type Readable } from 'svelte/store';
+import type { DeepTransformContent } from '../plugins';
 /**
  * Svelte hook that transforms a dictionary and returns reactive content
  * @param dictionary The dictionary to transform

package/dist/client/useDictionary.js

@@ -0,0 +1,18 @@
+import { derived } from 'svelte/store';
+import { getDictionary } from '../getDictionary';
+import { getIntlayerContext } from './intlayerContext';
+import { intlayerStore } from './intlayerStore';
+/**
+ * Svelte hook that transforms a dictionary and returns reactive content
+ * @param dictionary The dictionary to transform
+ * @param locale The target locale (optional, uses context or store locale)
+ * @returns Reactive store with transformed dictionary content
+ */
+export const useDictionary = (dictionary, locale) => {
+    const context = getIntlayerContext();
+    // Create a derived store that reactively updates when locale changes
+    return derived([intlayerStore], ([$store]) => {
+        const targetLocale = locale ?? context?.locale ?? $store.locale;
+        return getDictionary(dictionary, targetLocale);
+    });
+};

package/dist/{types/client → client}/useDictionaryAsync.d.ts

@@ -1,5 +1,5 @@
-import { Dictionary, LocalesValues, StrictModeLocaleMap } from '@intlayer/types';
-import { Readable } from 'svelte/store';
+import type { Dictionary, LocalesValues, StrictModeLocaleMap } from '@intlayer/types';
+import { type Readable } from 'svelte/store';
 /**
  * Svelte hook for handling dynamic dictionary loading
  * @param dictionaryPromise Promise-based dictionary content

package/dist/client/useDictionaryAsync.js

@@ -0,0 +1,38 @@
+import { derived, writable } from 'svelte/store';
+import { getIntlayerContext } from './intlayerContext';
+import { intlayerStore } from './intlayerStore';
+/**
+ * Svelte hook for handling dynamic dictionary loading
+ * @param dictionaryPromise Promise-based dictionary content
+ * @param key Dictionary key for caching
+ * @param locale Target locale (optional)
+ * @returns Reactive store with loaded dictionary content
+ */
+export const useDictionaryAsync = async (dictionaryPromise, locale) => {
+    const context = getIntlayerContext();
+    const dictionaryStore = writable(null);
+    // Create a derived store that loads the dictionary when locale changes
+    return derived([intlayerStore], ([$store]) => {
+        const targetLocale = locale ?? context?.locale ?? $store.locale;
+        // Load dictionary for the target locale asynchronously
+        const loadDictionary = async () => {
+            try {
+                const dictionaryLoader = dictionaryPromise[targetLocale];
+                if (dictionaryLoader) {
+                    const loadedDictionary = await dictionaryLoader();
+                    dictionaryStore.set(loadedDictionary);
+                }
+                else {
+                    dictionaryStore.set(null);
+                }
+            }
+            catch (error) {
+                console.error(`Failed to load dictionary for key: ${String(targetLocale)}`, error);
+                dictionaryStore.set(null);
+            }
+        };
+        loadDictionary();
+        // Return the current state, actual loading happens asynchronously
+        return null;
+    });
+};

package/dist/{types/client → client}/useDictionaryDynamic.d.ts

@@ -1,5 +1,5 @@
-import { Dictionary, DictionaryKeys, LocalesValues, StrictModeLocaleMap } from '@intlayer/types';
-import { Readable } from 'svelte/store';
+import type { Dictionary, DictionaryKeys, LocalesValues, StrictModeLocaleMap } from '@intlayer/types';
+import { type Readable } from 'svelte/store';
 /**
  * Svelte hook for handling dynamic dictionary loading
  * @param dictionaryPromise Promise-based dictionary content

package/dist/client/useDictionaryDynamic.js

@@ -0,0 +1,38 @@
+import { derived, writable } from 'svelte/store';
+import { getIntlayerContext } from './intlayerContext';
+import { intlayerStore } from './intlayerStore';
+/**
+ * Svelte hook for handling dynamic dictionary loading
+ * @param dictionaryPromise Promise-based dictionary content
+ * @param key Dictionary key for caching
+ * @param locale Target locale (optional)
+ * @returns Reactive store with loaded dictionary content
+ */
+export const useDictionaryDynamic = (dictionaryPromise, key, locale) => {
+    const context = getIntlayerContext();
+    const dictionaryStore = writable(null);
+    // Create a derived store that loads the dictionary when locale changes
+    return derived([intlayerStore], ([$store]) => {
+        const targetLocale = locale ?? context?.locale ?? $store.locale;
+        // Load dictionary for the target locale asynchronously
+        const loadDictionary = async () => {
+            try {
+                const dictionaryLoader = dictionaryPromise[targetLocale];
+                if (dictionaryLoader) {
+                    const loadedDictionary = await dictionaryLoader();
+                    dictionaryStore.set(loadedDictionary);
+                }
+                else {
+                    dictionaryStore.set(null);
+                }
+            }
+            catch (error) {
+                console.error(`Failed to load dictionary for key: ${String(key)}`, error);
+                dictionaryStore.set(null);
+            }
+        };
+        loadDictionary();
+        // Return the current state, actual loading happens asynchronously
+        return null;
+    });
+};

package/dist/{types/client → client}/useIntlayer.d.ts

@@ -1,6 +1,6 @@
-import { DictionaryKeys, DictionaryRegistryContent, LocalesValues } from '@intlayer/types';
-import { Readable } from 'svelte/store';
-import { DeepTransformContent } from '../plugins';
+import type { DictionaryKeys, DictionaryRegistryContent, LocalesValues } from '@intlayer/types';
+import { type Readable } from 'svelte/store';
+import type { DeepTransformContent } from '../plugins';
 /**
  * Svelte hook that picks one dictionary by its key and returns reactive content
  * @param key The dictionary key to retrieve

package/dist/client/useIntlayer.js

@@ -0,0 +1,18 @@
+import { derived } from 'svelte/store';
+import { getIntlayer } from '../getIntlayer';
+import { getIntlayerContext } from './intlayerContext';
+import { intlayerStore } from './intlayerStore';
+/**
+ * Svelte hook that picks one dictionary by its key and returns reactive content
+ * @param key The dictionary key to retrieve
+ * @param locale The target locale (optional, uses context or store locale)
+ * @returns Reactive store with transformed dictionary content
+ */
+export const useIntlayer = (key, locale) => {
+    const context = getIntlayerContext();
+    // Create a derived store that reactively updates when locale changes
+    return derived([intlayerStore], ([$store]) => {
+        const targetLocale = locale ?? context?.locale ?? $store.locale;
+        return getIntlayer(key, targetLocale);
+    });
+};

package/dist/{types/client → client}/useLocale.d.ts

@@ -1,4 +1,4 @@
-import { LocalesValues } from '@intlayer/types';
+import type { LocalesValues } from '@intlayer/types';
 type useLocaleProps = {
     isCookieEnabled?: boolean;
     onLocaleChange?: (locale: LocalesValues) => void;
@@ -8,9 +8,9 @@ type useLocaleProps = {
  * @returns Readable store with current locale and setter function
  */
 export declare const useLocale: ({ isCookieEnabled, onLocaleChange, }?: useLocaleProps) => {
-    locale: import('svelte/store').Readable<LocalesValues>;
+    locale: import("svelte/store").Readable<LocalesValues>;
     setLocale: (locale: LocalesValues) => void;
-    defaultLocale: import('@intlayer/types').Locale;
-    availableLocales: import('@intlayer/types').Locale[];
+    defaultLocale: import("@intlayer/types").Locale;
+    availableLocales: import("@intlayer/types").Locale[];
 };
 export {};

package/dist/client/useLocale.js

@@ -0,0 +1,33 @@
+import configuration from '@intlayer/config/built';
+import { derived } from 'svelte/store';
+import { getIntlayerContext } from './intlayerContext';
+import { intlayerStore } from './intlayerStore';
+import { setLocaleInStorage } from './useLocaleStorage';
+/**
+ * Hook to get and set the current locale in Svelte applications
+ * @returns Readable store with current locale and setter function
+ */
+export const useLocale = ({ isCookieEnabled, onLocaleChange, } = {}) => {
+    const context = getIntlayerContext();
+    const { defaultLocale, locales: availableLocales } = configuration?.internationalization ?? {};
+    if (context) {
+        // Use context if available
+        return {
+            locale: derived([intlayerStore], ([$store]) => context.locale ?? $store.locale),
+            setLocale: (locale) => {
+                context.setLocale(locale);
+                setLocaleInStorage(locale, isCookieEnabled ?? context?.isCookieEnabled ?? true);
+                onLocaleChange?.(locale);
+            },
+            defaultLocale,
+            availableLocales,
+        };
+    }
+    // Fallback to global store
+    return {
+        locale: intlayerStore.getLocale(),
+        setLocale: intlayerStore.setLocale,
+        defaultLocale,
+        availableLocales,
+    };
+};

package/dist/client/useLocaleStorage.d.ts

@@ -0,0 +1,39 @@
+import type { LocalesValues } from '@intlayer/types';
+/**
+ * Get the locale cookie
+ */
+export declare const localeInStorage: import("@intlayer/types").Locale | undefined;
+/**
+ * @deprecated Use localeInStorage instead
+ *
+ * Get the locale cookie
+ */
+export declare const localeCookie: import("@intlayer/types").Locale | undefined;
+/**
+ * Set the locale cookie
+ */
+export declare const setLocaleInStorage: (locale: LocalesValues, isCookieEnabled: boolean) => void;
+/**
+ * @deprecated Use setLocaleInStorage instead
+ *
+ * Set the locale cookie
+ */
+export declare const setLocaleCookie: (locale: LocalesValues, isCookieEnabled: boolean) => void;
+/**
+ * Composable that provides the locale storage and a function to set it
+ */
+export declare const useLocaleStorage: (isCookieEnabled?: boolean) => {
+    localeStorage: import("svelte/store").Readable<"id" | "cy" | "hr" | "th" | "tr" | "tt" | "mi" | "mn" | "ms" | "af" | "af-ZA" | "ar" | "ar-AE" | "ar-BH" | "ar-DZ" | "ar-EG" | "ar-IQ" | "ar-JO" | "ar-KW" | "ar-LB" | "ar-LY" | "ar-MA" | "ar-OM" | "ar-QA" | "ar-SA" | "ar-SY" | "ar-TN" | "ar-YE" | "az" | "az-AZ" | "be" | "be-BY" | "bg" | "bg-BG" | "bs" | "bs-BA" | "ca" | "ca-ES" | "cs" | "cs-CZ" | "cy-GB" | "da" | "da-DK" | "de" | "de-AT" | "de-CH" | "de-DE" | "de-LI" | "de-LU" | "dv" | "dv-MV" | "el" | "el-GR" | "en" | "en-AU" | "en-BZ" | "en-CA" | "en-CB" | "en-GB" | "en-IE" | "en-JM" | "en-NZ" | "en-PH" | "en-TT" | "en-US" | "en-ZA" | "en-ZW" | "eo" | "es" | "es-AR" | "es-BO" | "es-CL" | "es-CO" | "es-CR" | "es-DO" | "es-EC" | "es-ES" | "es-GT" | "es-HN" | "es-MX" | "es-NI" | "es-PA" | "es-PE" | "es-PR" | "es-PY" | "es-SV" | "es-UY" | "es-VE" | "et" | "et-EE" | "eu" | "eu-ES" | "fa" | "fa-IR" | "fi" | "fi-FI" | "fo" | "fo-FO" | "fr" | "fr-BE" | "fr-CA" | "fr-CH" | "fr-FR" | "fr-LU" | "fr-MC" | "gl" | "gl-ES" | "gu" | "gu-IN" | "he" | "he-IL" | "hi" | "hi-IN" | "hr-BA" | "hr-HR" | "hu" | "hu-HU" | "hy" | "hy-AM" | "id-ID" | "is" | "is-IS" | "it" | "it-CH" | "it-IT" | "ja" | "ja-JP" | "ka" | "ka-GE" | "kk" | "kk-KZ" | "kn" | "kn-IN" | "ko" | "ko-KR" | "kok" | "kok-IN" | "ky" | "ky-KG" | "lt" | "lt-LT" | "lv" | "lv-LV" | "mi-NZ" | "mk" | "mk-MK" | "mn-MN" | "mr" | "mr-IN" | "ms-BN" | "ms-MY" | "mt" | "mt-MT" | "nb" | "nb-NO" | "nl" | "nl-BE" | "nl-NL" | "nn-NO" | "ns" | "ns-ZA" | "pa" | "pa-IN" | "pl" | "pl-PL" | "ps" | "ps-AR" | "pt" | "pt-BR" | "pt-PT" | "qu" | "qu-BO" | "qu-EC" | "qu-PE" | "ro" | "ro-RO" | "ru" | "ru-RU" | "sa" | "sa-IN" | "se" | "se-FI" | "se-NO" | "se-SE" | "sk" | "sk-SK" | "sl" | "sl-SI" | "sq" | "sq-AL" | "sr" | "sr-BA" | "sr-SP" | "sv" | "sv-FI" | "sv-SE" | "sw" | "sw-KE" | "syr" | "syr-SY" | "ta" | "ta-IN" | "te" | "te-IN" | "th-TH" | "tl" | "tl-PH" | "tn" | "tn-ZA" | "tr-TR" | "tt-RU" | "ts" | "uk" | "uk-UA" | "ur" | "ur-PK" | "uz" | "uz-UZ" | "vi" | "vi-VN" | "xh" | "xh-ZA" | "zh" | "zh-Hans" | "zh-CN" | "zh-HK" | "zh-MO" | "zh-SG" | "zh-Hant" | "zu" | "zu-ZA" | "bn" | "bn-BD" | "bn-IN" | "bn-MM" | "my" | "my-MM" | "km" | "km-KH" | "lo" | "lo-LA" | "yo" | "yo-NG" | "am" | "am-ET" | "ne" | "ne-NP" | "si" | "si-LK" | "sr-Cyrl" | "sr-RS" | "en-IN" | "en-SG" | "en-HK" | "en-NG" | "en-PK" | "en-MY" | "en-BW" | "en-KE" | "en-TZ" | "en-GH" | "en-UG" | "es-CU" | "es-US" | "pt-GW" | "pt-MZ" | "pt-ST" | "pt-CV" | "pt-TL" | "pt-MO" | "zh-TW" | "ar-MR" | "ar-PS" | "ar-SD" | "ar-DJ" | "ar-SO" | "ar-TD" | "ar-KM">;
+    setLocaleStorage: (locale: LocalesValues) => void;
+};
+/**
+ * @deprecated Use useLocaleStorage instead
+ *
+ * For GDPR compliance, use useLocaleStorage instead
+ *
+ * Composable that provides the locale cookie and a function to set it
+ */
+export declare const useLocaleCookie: (isCookieEnabled?: boolean) => {
+    localeCookie: import("svelte/store").Readable<"id" | "cy" | "hr" | "th" | "tr" | "tt" | "mi" | "mn" | "ms" | "af" | "af-ZA" | "ar" | "ar-AE" | "ar-BH" | "ar-DZ" | "ar-EG" | "ar-IQ" | "ar-JO" | "ar-KW" | "ar-LB" | "ar-LY" | "ar-MA" | "ar-OM" | "ar-QA" | "ar-SA" | "ar-SY" | "ar-TN" | "ar-YE" | "az" | "az-AZ" | "be" | "be-BY" | "bg" | "bg-BG" | "bs" | "bs-BA" | "ca" | "ca-ES" | "cs" | "cs-CZ" | "cy-GB" | "da" | "da-DK" | "de" | "de-AT" | "de-CH" | "de-DE" | "de-LI" | "de-LU" | "dv" | "dv-MV" | "el" | "el-GR" | "en" | "en-AU" | "en-BZ" | "en-CA" | "en-CB" | "en-GB" | "en-IE" | "en-JM" | "en-NZ" | "en-PH" | "en-TT" | "en-US" | "en-ZA" | "en-ZW" | "eo" | "es" | "es-AR" | "es-BO" | "es-CL" | "es-CO" | "es-CR" | "es-DO" | "es-EC" | "es-ES" | "es-GT" | "es-HN" | "es-MX" | "es-NI" | "es-PA" | "es-PE" | "es-PR" | "es-PY" | "es-SV" | "es-UY" | "es-VE" | "et" | "et-EE" | "eu" | "eu-ES" | "fa" | "fa-IR" | "fi" | "fi-FI" | "fo" | "fo-FO" | "fr" | "fr-BE" | "fr-CA" | "fr-CH" | "fr-FR" | "fr-LU" | "fr-MC" | "gl" | "gl-ES" | "gu" | "gu-IN" | "he" | "he-IL" | "hi" | "hi-IN" | "hr-BA" | "hr-HR" | "hu" | "hu-HU" | "hy" | "hy-AM" | "id-ID" | "is" | "is-IS" | "it" | "it-CH" | "it-IT" | "ja" | "ja-JP" | "ka" | "ka-GE" | "kk" | "kk-KZ" | "kn" | "kn-IN" | "ko" | "ko-KR" | "kok" | "kok-IN" | "ky" | "ky-KG" | "lt" | "lt-LT" | "lv" | "lv-LV" | "mi-NZ" | "mk" | "mk-MK" | "mn-MN" | "mr" | "mr-IN" | "ms-BN" | "ms-MY" | "mt" | "mt-MT" | "nb" | "nb-NO" | "nl" | "nl-BE" | "nl-NL" | "nn-NO" | "ns" | "ns-ZA" | "pa" | "pa-IN" | "pl" | "pl-PL" | "ps" | "ps-AR" | "pt" | "pt-BR" | "pt-PT" | "qu" | "qu-BO" | "qu-EC" | "qu-PE" | "ro" | "ro-RO" | "ru" | "ru-RU" | "sa" | "sa-IN" | "se" | "se-FI" | "se-NO" | "se-SE" | "sk" | "sk-SK" | "sl" | "sl-SI" | "sq" | "sq-AL" | "sr" | "sr-BA" | "sr-SP" | "sv" | "sv-FI" | "sv-SE" | "sw" | "sw-KE" | "syr" | "syr-SY" | "ta" | "ta-IN" | "te" | "te-IN" | "th-TH" | "tl" | "tl-PH" | "tn" | "tn-ZA" | "tr-TR" | "tt-RU" | "ts" | "uk" | "uk-UA" | "ur" | "ur-PK" | "uz" | "uz-UZ" | "vi" | "vi-VN" | "xh" | "xh-ZA" | "zh" | "zh-Hans" | "zh-CN" | "zh-HK" | "zh-MO" | "zh-SG" | "zh-Hant" | "zu" | "zu-ZA" | "bn" | "bn-BD" | "bn-IN" | "bn-MM" | "my" | "my-MM" | "km" | "km-KH" | "lo" | "lo-LA" | "yo" | "yo-NG" | "am" | "am-ET" | "ne" | "ne-NP" | "si" | "si-LK" | "sr-Cyrl" | "sr-RS" | "en-IN" | "en-SG" | "en-HK" | "en-NG" | "en-PK" | "en-MY" | "en-BW" | "en-KE" | "en-TZ" | "en-GH" | "en-UG" | "es-CU" | "es-US" | "pt-GW" | "pt-MZ" | "pt-ST" | "pt-CV" | "pt-TL" | "pt-MO" | "zh-TW" | "ar-MR" | "ar-PS" | "ar-SD" | "ar-DJ" | "ar-SO" | "ar-TD" | "ar-KM">;
+    setLocaleCookie: (locale: LocalesValues) => void;
+};

package/dist/client/useLocaleStorage.js

@@ -0,0 +1,52 @@
+import { getLocaleFromStorage, LocaleStorage, localeStorageOptions, setLocaleInStorage as setLocaleInStorageCore, } from '@intlayer/core';
+import { readable } from 'svelte/store';
+/**
+ * Get the locale cookie
+ */
+export const localeInStorage = getLocaleFromStorage(localeStorageOptions);
+/**
+ * @deprecated Use localeInStorage instead
+ *
+ * Get the locale cookie
+ */
+export const localeCookie = localeInStorage;
+/**
+ * Set the locale cookie
+ */
+export const setLocaleInStorage = (locale, isCookieEnabled) => setLocaleInStorageCore(locale, {
+    ...localeStorageOptions,
+    isCookieEnabled,
+});
+/**
+ * @deprecated Use setLocaleInStorage instead
+ *
+ * Set the locale cookie
+ */
+export const setLocaleCookie = setLocaleInStorage;
+/**
+ * Composable that provides the locale storage and a function to set it
+ */
+export const useLocaleStorage = (isCookieEnabled) => {
+    const storage = LocaleStorage({
+        ...localeStorageOptions,
+        isCookieEnabled,
+    });
+    return {
+        localeStorage: readable(storage.getLocale()),
+        setLocaleStorage: storage.setLocale,
+    };
+};
+/**
+ * @deprecated Use useLocaleStorage instead
+ *
+ * For GDPR compliance, use useLocaleStorage instead
+ *
+ * Composable that provides the locale cookie and a function to set it
+ */
+export const useLocaleCookie = (isCookieEnabled) => {
+    const storage = useLocaleStorage(isCookieEnabled);
+    return {
+        localeCookie: storage.localeStorage,
+        setLocaleCookie: storage.setLocaleStorage,
+    };
+};

package/dist/editor/ContentSelector.svelte

@@ -0,0 +1,125 @@
+<script lang="ts">
+import { onDestroy, onMount } from 'svelte';
+
+// Props
+// biome-ignore lint/style/useConst: Svelte props need let
+export let onClickOutside: (() => void) | undefined = undefined;
+// biome-ignore lint/style/useConst: Svelte props need let
+export let pressDuration = 250;
+// biome-ignore lint/style/useConst: Svelte props need let
+export let isSelecting = false;
+
+// Event props
+// biome-ignore lint/style/useConst: Svelte props need let
+export let onPress: (() => void) | undefined = undefined;
+// biome-ignore lint/style/useConst: Svelte props need let
+export let onUnhover: (() => void) | undefined = undefined;
+// biome-ignore lint/style/useConst: Svelte props need let
+export let onHover: (() => void) | undefined = undefined;
+// biome-ignore lint/style/useConst: Svelte props need let
+export let onClick: ((event: MouseEvent) => void) | undefined = undefined;
+
+// biome-ignore lint/style/useConst: don't transform to const
+let containerRef: HTMLElement | null = null;
+let isHovered = false;
+let isSelectingState = isSelecting;
+let pressTimerRef: ReturnType<typeof setTimeout> | null = null;
+
+$: currentIsSelecting = isSelecting || isSelectingState;
+
+const handleOnLongPress = () => {
+  isSelectingState = true;
+  onPress?.();
+};
+
+const startPressTimer = () => {
+  pressTimerRef = setTimeout(() => {
+    handleOnLongPress();
+  }, pressDuration);
+};
+
+const clearPressTimer = () => {
+  if (pressTimerRef) {
+    clearTimeout(pressTimerRef);
+    pressTimerRef = null;
+  }
+};
+
+const handleMouseDown = () => {
+  clearPressTimer();
+  startPressTimer();
+};
+
+const handleMouseUp = () => {
+  if (isHovered) {
+    isHovered = false;
+    onUnhover?.();
+  }
+  clearPressTimer();
+};
+
+const handleMouseLeave = () => {
+  if (isHovered) {
+    isHovered = false;
+    onUnhover?.();
+  }
+  clearPressTimer();
+};
+
+const handleClickOutside = (event: MouseEvent) => {
+  if (containerRef && !containerRef.contains(event.target as Node)) {
+    isSelectingState = false;
+    if (onClickOutside) onClickOutside();
+  }
+};
+
+const handleClick = (e: MouseEvent) => {
+  if (currentIsSelecting) {
+    e.preventDefault();
+    e.stopPropagation();
+  } else {
+    onClick?.(e);
+  }
+};
+
+onMount(() => {
+  document.addEventListener('mousedown', handleClickOutside);
+});
+
+onDestroy(() => {
+  if (typeof document !== 'undefined') {
+    document.removeEventListener('mousedown', handleClickOutside);
+  }
+  clearPressTimer();
+});
+</script>
+
+<span
+  bind:this={containerRef}
+  role="button"
+  tabindex="0"
+  onclick={handleClick}
+  onkeydown={() => {}}
+  onmousedown={handleMouseDown}
+  onmouseup={handleMouseUp}
+  onmouseleave={handleMouseLeave}
+  ontouchstart={handleMouseDown}
+  ontouchend={handleMouseUp}
+  ontouchcancel={handleMouseLeave}
+  onmouseenter={() => {
+    isHovered = true;
+    onHover?.();
+  }}
+  style={`display: inline-block;
+    cursor: pointer;
+    user-select: none;
+    border-radius: 0.375rem;
+    outline-width: 2px;
+    outline-offset: 4px;
+    outline-style: solid;
+    outline-color: ${currentIsSelecting || isHovered ? 'inherit' : 'transparent'};
+    transition: all 100ms 50ms ease-in-out;
+  `}
+>
+  <slot />
+</span>