@eui/base 17.0.2-snapshot-1702481826405 → 17.0.2

package/docs/dependencies.html

@@ -309,9 +309,9 @@
         <li>
             <b>@stackblitz/sdk</b> : 1.9.0</li>
         <li>
-            <b>@eui/styles-base</b> : 17.0.2-snapshot-1702478232432</li>
+            <b>@eui/styles-base</b> : 17.0.2-snapshot-1702484869277</li>
         <li>
-            <b>@eui/ecl</b> : 17.0.2-snapshot-1702478232432</li>
+            <b>@eui/ecl</b> : 17.0.2-snapshot-1702484869277</li>
         <li>
             <b>@eui/tools</b> : ^6.0.0</li>
     </ul>

package/docs/interfaces/I18nLoaderConfig.html

@@ -210,6 +210,14 @@
 
 
 
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-description"><p>Those folders will be used to load the translations files from <a href="https://angular.io/guide/workspace-config#extra-build-and-test-options">assets</a>.
+e.g [<code>${environment.apiBaseUrl}translations/</code>, <code>${environment.apiBaseUrl}translations?lang=</code>]
+Important! the language code will be added automatically to the end of the url except if the url ends with a slash.</p>
+</div>
+                                </td>
+                            </tr>
                         </tbody>
                     </table>
                     <table class="table table-sm table-bordered">
@@ -248,6 +256,43 @@
 
 
 
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-description"><p>It is a set of more customized resources to be loaded. You can provide a function to compile the translations or simply
+provide the prefix and suffix of the resource, or both.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```typescript
+export function CompileTranslations(translations: any): any {
+    const result = {};
+    translations.forEach((translation: any) =&gt; {
+        // extract the key and value from the translation object
+        const key = translation[&#39;key&#39;];
+        const value = translation[&#39;value&#39;];
+        if (key &amp;&amp; value) {
+            result[key] = value;
+        }
+    });
+    return result;
+}
+export const appConfig: EuiAppConfig = {
+    ...,
+    customHandler: {
+        &#39;CompileTranslations_ID&#39;: CompileTranslations
+    }
+};
+export const GLOBAL: GlobalConfig = {
+    ...,
+    i18n: {
+      i18nLoader: {
+        i18nFolders: [&#39;i18n-eui&#39;],
+        i18nResources: [{
+            prefix: &#39;api/translations/&#39;,
+            compileTranslations: &#39;CompileTranslations_ID&#39;,
+        }]
+      }
+    }
+};</code></pre></div></div>
+                                </td>
+                            </tr>
                         </tbody>
                     </table>
                     <table class="table table-sm table-bordered">
@@ -288,7 +333,7 @@
 
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-description"><p>array of service urls to translation, don&#39;t add the language it will be added e.g. <a href="http://net1/trans/en">http://net1/trans/en</a>
+                                    <div class="io-description"><p>Array of service urls to translation, don&#39;t add the language it will be added e.g. <a href="http://net1/trans/en">http://net1/trans/en</a>
 Keep in mind that the url should be the prefix and not contain any suffix.</p>
 </div>
                                 </td>