(Dependencies) Removed ngx-markdown package, you can keep using it if you need, we will remove anything that slow us down in terms of updates

package.json

@@ -31,7 +31,6 @@
         "lodash-es": "4.17.21",
         "luxon": "3.1.0",
         "ng-apexcharts": "1.7.4",
-        "ngx-markdown": "14.0.1",
         "ngx-quill": "19.0.1",
         "perfect-scrollbar": "1.5.5",
         "quill": "1.3.7",

src/app/app.module.ts

@@ -2,7 +2,6 @@ import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ExtraOptions, PreloadAllModules, RouterModule } from '@angular/router';
-import { MarkdownModule } from 'ngx-markdown';
 import { FuseModule } from '@fuse';
 import { FuseConfigModule } from '@fuse/services/config';
 import { FuseMockApiModule } from '@fuse/lib/mock-api';
@@ -36,10 +35,7 @@ const routerConfig: ExtraOptions = {
         CoreModule,
 
         // Layout module of your application
-        LayoutModule,
+        LayoutModule
-
-        // 3rd party modules that require global configuration via forRoot
-        MarkdownModule.forRoot({})
     ],
     bootstrap   : [
         AppComponent

src/app/modules/admin/ui/fuse-components/components/navigation/navigation.component.html

@@ -1051,13 +1051,6 @@
                                             icon : 'map',
                                             link : '/supported-components/google-maps'
                                         },
-                                        {
-                                            id   : 'supported-components.ngx-markdown',
-                                            title: 'ngx-markdown',
-                                            type : 'basic',
-                                            icon : 'text_format',
-                                            link : '/supported-components/ngx-markdown'
-                                        },
                                         {
                                             id   : 'supported-components.quill-editor',
                                             title: 'Quill editor',

src/app/modules/admin/ui/fuse-components/components/navigation/navigation.component.ts

@@ -135,13 +135,6 @@ export class NavigationComponent
                         icon : 'map',
                         link : '/supported-components/google-maps'
                     },
-                    {
-                        id   : 'supported-components.ngx-markdown',
-                        title: 'ngx-markdown',
-                        type : 'basic',
-                        icon : 'text_format',
-                        link : '/supported-components/ngx-markdown'
-                    },
                     {
                         id   : 'supported-components.quill-editor',
                         title: 'Quill editor',

src/app/modules/admin/ui/other-components/other-components.component.ts

@@ -100,12 +100,6 @@ export class OtherComponentsComponent implements OnInit, OnDestroy
                         type : 'basic',
                         link : '/ui/other-components/third-party/apex-charts'
                     },
-                    {
-                        id   : 'other-components.third-party.ngx-markdown',
-                        title: 'ngx-markdown',
-                        type : 'basic',
-                        link : '/ui/other-components/third-party/ngx-markdown'
-                    },
                     {
                         id   : 'other-components.third-party.quill-editor',
                         title: 'Quill editor',

src/app/modules/admin/ui/other-components/other-components.module.ts

@@ -18,7 +18,6 @@ import { SearchComponent } from 'app/modules/admin/ui/other-components/common/se
 import { ShortcutsComponent } from 'app/modules/admin/ui/other-components/common/shortcuts/shortcuts.component';
 import { UserComponent } from 'app/modules/admin/ui/other-components/common/user/user.component';
 import { ApexChartsComponent } from 'app/modules/admin/ui/other-components/third-party/apex-charts/apex-charts.component';
-import { NgxMarkdownComponent } from 'app/modules/admin/ui/other-components/third-party/ngx-markdown/ngx-markdown.component';
 import { QuillEditorComponent } from 'app/modules/admin/ui/other-components/third-party/quill-editor/quill-editor.component';
 import { otherComponentsRoutes } from 'app/modules/admin/ui/other-components/other-components.routing';
 
@@ -34,7 +33,6 @@ import { otherComponentsRoutes } from 'app/modules/admin/ui/other-components/oth
         ShortcutsComponent,
         UserComponent,
         ApexChartsComponent,
-        NgxMarkdownComponent,
         QuillEditorComponent
     ],
     imports     : [

src/app/modules/admin/ui/other-components/other-components.routing.ts

@@ -9,7 +9,6 @@ import { SearchComponent } from 'app/modules/admin/ui/other-components/common/se
 import { ShortcutsComponent } from 'app/modules/admin/ui/other-components/common/shortcuts/shortcuts.component';
 import { UserComponent } from 'app/modules/admin/ui/other-components/common/user/user.component';
 import { ApexChartsComponent } from 'app/modules/admin/ui/other-components/third-party/apex-charts/apex-charts.component';
-import { NgxMarkdownComponent } from 'app/modules/admin/ui/other-components/third-party/ngx-markdown/ngx-markdown.component';
 import { QuillEditorComponent } from 'app/modules/admin/ui/other-components/third-party/quill-editor/quill-editor.component';
 
 export const otherComponentsRoutes: Route[] = [
@@ -76,10 +75,6 @@ export const otherComponentsRoutes: Route[] = [
                         path     : 'apex-charts',
                         component: ApexChartsComponent
                     },
-                    {
-                        path     : 'ngx-markdown',
-                        component: NgxMarkdownComponent
-                    },
                     {
                         path     : 'quill-editor',
                         component: QuillEditorComponent

src/app/modules/admin/ui/other-components/third-party/ngx-markdown/ngx-markdown.component.html

@@ -1,52 +0,0 @@
-<div class="flex flex-col flex-auto min-w-0">
-
-    <!-- Header -->
-    <div class="flex flex-col sm:flex-row flex-0 sm:items-center sm:justify-between p-6 sm:py-8 sm:px-10 border-b bg-card dark:bg-transparent">
-        <div class="flex-1 min-w-0">
-            <!-- Breadcrumbs -->
-            <div class="flex flex-wrap items-center font-medium">
-                <div>
-                    <a class="whitespace-nowrap text-primary-500">Documentation</a>
-                </div>
-                <div class="flex items-center ml-1 whitespace-nowrap">
-                    <mat-icon
-                        class="icon-size-5 text-secondary"
-                        [svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
-                    <a class="ml-1 text-primary-500">Other Components</a>
-                </div>
-                <div class="flex items-center ml-1 whitespace-nowrap">
-                    <mat-icon
-                        class="icon-size-5 text-secondary"
-                        [svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
-                    <span class="ml-1 text-secondary">Third Party</span>
-                </div>
-            </div>
-            <!-- Title -->
-            <div class="mt-2">
-                <h2 class="text-3xl md:text-4xl font-extrabold tracking-tight leading-7 sm:leading-10 truncate">
-                    ngxMarkdown
-                </h2>
-            </div>
-        </div>
-        <button
-            class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
-            mat-icon-button
-            (click)="toggleDrawer()">
-            <mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
-        </button>
-    </div>
-
-    <div class="flex-auto max-w-3xl p-6 sm:p-10 prose prose-sm">
-
-        <p>
-            <a
-                href="https://github.com/jfcere/ngx-markdown"
-                rel="noreferrer"
-                target="_blank">ngxMarkdown
-            </a>
-            is an Angular markdown component/directive/pipe/service to parse static, dynamic or remote content to html with syntax highlight.
-        </p>
-
-    </div>
-
-</div>

src/app/modules/admin/ui/other-components/third-party/ngx-markdown/ngx-markdown.component.ts

@@ -1,29 +0,0 @@
-import { Component } from '@angular/core';
-import { OtherComponentsComponent } from 'app/modules/admin/ui/other-components/other-components.component';
-
-@Component({
-    selector   : 'ngx-markdown',
-    templateUrl: './ngx-markdown.component.html'
-})
-export class NgxMarkdownComponent
-{
-    /**
-     * Constructor
-     */
-    constructor(private _otherComponentsComponent: OtherComponentsComponent)
-    {
-    }
-
-    // -----------------------------------------------------------------------------------------------------
-    // @ Public methods
-    // -----------------------------------------------------------------------------------------------------
-
-    /**
-     * Toggle the drawer
-     */
-    toggleDrawer(): void
-    {
-        // Toggle the drawer
-        this._otherComponentsComponent.matDrawer.toggle();
-    }
-}