@eui/showcase 23.0.0-alpha.2 → 23.0.0-alpha.4

package/fesm2022/eui-showcase.mjs

@@ -129,39 +129,20 @@ class DocPageDevGuideComponent {
         /**
          * callback for heading renderer. It will be called for each heading in the markdown.
          *
-         * @param text the encoded heading text
-         * @param level the heading level
-         * @param raw the raw heading text (decoded)
+         * @param tokens the heading tokens
+         * @param depth the heading level
+         * @param raw the raw heading text
          */
-        // TODO v21
-        // this.markdownService.renderer.heading = ({ raw, text, depth }: Tokens.Heading): string => {
-        //     if (depth === 2 || depth === 3) {
-        //         const newHeader = `<h${depth} id="${raw}">${text}</h${depth}>`;
-        //         if (text.indexOf('<a ') === -1 && text.indexOf('<em>') === -1) {
-        //             this.headers.push({ id: raw, label: raw, level: depth });
-        //         }
-        //         return newHeader;
-        //     }
-        //     return `<h${depth}>${text}</h${depth}>`;
-        // };
-        this.markdownService.renderer.heading = (text, level, raw) => {
-            if (level === 2 || level === 3) {
-                const newHeader = `<h${level} id="${raw}">${text}</h${level}>`;
+        this.markdownService.renderer.heading = ({ raw, text, depth }) => {
+            if (depth === 2 || depth === 3) {
+                const newHeader = `<h${depth} id="${raw}">${text}</h${depth}>`;
                 if (text.indexOf('<a ') === -1 && text.indexOf('<em>') === -1) {
-                    this.headers.push({ id: raw, label: raw, level: level });
+                    this.headers.push({ id: raw, label: raw, level: depth });
                 }
                 return newHeader;
             }
-            return `<h${level}>${text}</h${level}>`;
+            return `<h${depth}>${text}</h${depth}>`;
         };
-        // this.markdownService.renderer.heading = ({ text, level, raw }: Tokens.Heading) => {
-        //     const escapedText = text.toLowerCase().replace(/[^\w]+/g, '-');
-        //     return '<h' + level + '>' +
-        //             '<a name="' + escapedText + '" class="anchor" href="#' + escapedText + '">' +
-        //                 '<span class="header-link"></span>' +
-        //             '</a>' + text +
-        //             '</h' + level + '>';
-        //     };        
     }
     ngAfterViewInit() {
         this.route.fragment.pipe(take(1)).subscribe((fragment) => {
@@ -256,21 +237,20 @@ class DocPageDevGuideComponentV2 {
         /**
          * callback for heading renderer. It will be called for each heading in the markdown.
          *
-         * @param text the encoded heading text
-         * @param level the heading level
-         * @param raw the raw heading text (decoded)
+         * @param tokens the heading tokens
+         * @param depth the heading level
+         * @param raw the raw heading text
          */
-        // TODO v21
-        // this.markdownService.renderer.heading = ({ raw, text, depth }: Tokens.Heading): string => {
-        //     if (depth === 2 || depth === 3) {
-        //         const newHeader = `<h${depth} id="${raw}">${text}</h${depth}>`;
-        //         if (text.indexOf('<a ') === -1 && text.indexOf('<em>') === -1) {
-        //             this.headers.push({ id: raw, label: raw, level: depth });
-        //         }
-        //         return newHeader;
-        //     }
-        //     return `<h${depth}>${text}</h${depth}>`;
-        // };
+        this.markdownService.renderer.heading = ({ raw, text, depth }) => {
+            if (depth === 2 || depth === 3) {
+                const newHeader = `<h${depth} id="${raw}">${text}</h${depth}>`;
+                if (text.indexOf('<a ') === -1 && text.indexOf('<em>') === -1) {
+                    this.headers.push({ id: raw, label: raw, level: depth });
+                }
+                return newHeader;
+            }
+            return `<h${depth}>${text}</h${depth}>`;
+        };
     }
     ngAfterViewInit() {
         this.route.fragment.pipe(take(1)).subscribe((fragment) => {
@@ -354,7 +334,7 @@ import { BrowserModule${!moduleName ? ', bootstrapApplication' : ''} } from '@an
 import { InjectionToken, ${!moduleName ? 'importProvidersFrom' : 'NgModule'} } from '@angular/core';
 import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { reducers as coreReducers, CoreModule, EUI_CONFIG_TOKEN } from '@eui/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { provideTranslateService, TranslatePipe } from '@ngx-translate/core';
 
 ${moduleName ? `import { ${componentName}, ${moduleName} } from './component';` : `import { ${componentName} } from './component';`}
 
@@ -365,10 +345,10 @@ ${moduleName ? `
   imports: [
     BrowserModule,
     CoreModule.forRoot(),
-    TranslateModule.forRoot(),
     ${moduleName},
   ],
   providers: [
+    provideTranslateService(),
     provideHttpClient(withInterceptorsFromDi()),
     {
       provide: REDUCER_TOKEN,
@@ -423,8 +403,8 @@ bootstrapApplication(${componentName}, {
       BrowserAnimationsModule,
       BrowserModule,
       CoreModule.forRoot(),
-      TranslateModule.forRoot(),
     ),
+    provideTranslateService(),
   ],
 });
 `}
@@ -436,7 +416,7 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterModule } from '@angular/router';
 import { APP_BASE_HREF } from '@angular/common';
 import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import { TranslateModule } from '@ngx-translate/core';
+import { provideTranslateService, TranslatePipe } from '@ngx-translate/core';
 import { FormsModule } from '@angular/forms';
 import { CommonModule } from '@angular/common';
 import { EuiAllModule } from '@eui/components';
@@ -465,13 +445,13 @@ export const REDUCER_TOKEN = new InjectionToken<any>('Registered Reducers');
     RouterModule.forRoot([]),
     EuiCoreModule.forRoot(),
     EffectsModule.forRoot([...CoreModuleEffects]),
-    TranslateModule.forRoot(translateConfig),
     ` +
     m.map((i) => `${i.name},`).join('') +
     `
   ],
   declarations: [${componentName}],
   providers: [
+    provideTranslateService(translateConfig),
     provideHttpClient(withInterceptorsFromDi()),
     {
         provide: REDUCER_TOKEN,