@thescaffold/ngx-apps-blog 0.2.21 → 0.2.31

package/fesm2022/thescaffold-ngx-apps-blog-article.module-Dw4mmJ0O.mjs

@@ -0,0 +1,128 @@
+import * as i0 from '@angular/core';
+import { inject, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { ActivatedRoute, RouterModule } from '@angular/router';
+import * as i4 from '@thescaffold/ngx-core';
+import { MediaService, SharedModule } from '@thescaffold/ngx-core';
+import * as i2 from '@thescaffold/ngx-ui';
+import { LayoutsModule, ElementsModule } from '@thescaffold/ngx-ui';
+import { switchMap } from 'rxjs';
+import * as i1$1 from '@angular/common';
+
+class ArticleComponent {
+    constructor() {
+        this.route = inject(ActivatedRoute);
+        this.mediaService = inject(MediaService);
+        this.article$ = this.route.params.pipe(switchMap((params) => {
+            this.category = params['category'];
+            this.title = params['article'];
+            const name = this.category
+                ? `${this.category}/${this.title}`
+                : `${this.title}`;
+            return this.mediaService.context('blog').article(name);
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ArticleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: ArticleComponent, isStandalone: false, selector: "x-article", ngImport: i0, template: `
+    @if (article$ | async; as article) {
+      <div class="">
+        <div class="">
+          <nav>
+            @if (title) {
+              <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                  <a [routerLink]="'blog.root' | xRoute">{{
+                    'apps.blog.component.article.home.title' | xTranslate
+                  }}</a>
+                </li>
+                @if (category) {
+                  <li class="breadcrumb-item">{{ category }}</li>
+                }
+                @if (title) {
+                  <li class="breadcrumb-item">{{ title }}</li>
+                }
+              </ol>
+            }
+          </nav>
+        </div>
+        <div [innerHTML]="article" class="w-75"></div>
+      </div>
+    } @else {
+      <x-element-blank></x-element-blank>
+    }
+    
+    <!-- misc -->
+    <ng-template #loader>
+      <x-element-loader></x-element-loader>
+    </ng-template>
+    
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2.BlankComponent, selector: "x-element-blank", inputs: ["image", "icon", "type"] }, { kind: "component", type: i2.LoaderComponent, selector: "x-element-loader", inputs: ["data"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.RoutePipe, name: "xRoute" }, { kind: "pipe", type: i4.TranslatePipe, name: "xTranslate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ArticleComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'x-article', template: `
+    @if (article$ | async; as article) {
+      <div class="">
+        <div class="">
+          <nav>
+            @if (title) {
+              <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                  <a [routerLink]="'blog.root' | xRoute">{{
+                    'apps.blog.component.article.home.title' | xTranslate
+                  }}</a>
+                </li>
+                @if (category) {
+                  <li class="breadcrumb-item">{{ category }}</li>
+                }
+                @if (title) {
+                  <li class="breadcrumb-item">{{ title }}</li>
+                }
+              </ol>
+            }
+          </nav>
+        </div>
+        <div [innerHTML]="article" class="w-75"></div>
+      </div>
+    } @else {
+      <x-element-blank></x-element-blank>
+    }
+    
+    <!-- misc -->
+    <ng-template #loader>
+      <x-element-loader></x-element-loader>
+    </ng-template>
+    
+    ` }]
+        }] });
+
+class ArticleModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ArticleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: ArticleModule, declarations: [ArticleComponent], imports: [SharedModule, i1.RouterModule, LayoutsModule,
+            ElementsModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ArticleModule, imports: [SharedModule,
+            RouterModule.forChild([
+                { path: ':category/:article', component: ArticleComponent },
+                { path: ':article', component: ArticleComponent },
+            ]),
+            LayoutsModule,
+            ElementsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ArticleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ArticleComponent],
+                    imports: [
+                        SharedModule,
+                        RouterModule.forChild([
+                            { path: ':category/:article', component: ArticleComponent },
+                            { path: ':article', component: ArticleComponent },
+                        ]),
+                        LayoutsModule,
+                        ElementsModule,
+                    ],
+                }]
+        }] });
+
+export { ArticleModule };
+//# sourceMappingURL=thescaffold-ngx-apps-blog-article.module-Dw4mmJ0O.mjs.map

package/fesm2022/thescaffold-ngx-apps-blog-article.module-Dw4mmJ0O.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"thescaffold-ngx-apps-blog-article.module-Dw4mmJ0O.mjs","sources":["../../../projects/blog/src/lib/pages/article/article.component.ts","../../../projects/blog/src/lib/pages/article/article.module.ts"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { MediaService } from '@thescaffold/ngx-core';\nimport { Observable, switchMap } from 'rxjs';\n\n@Component({\n  standalone: false,\n  selector: 'x-article',\n  template: `\n    @if (article$ | async; as article) {\n      <div class=\"\">\n        <div class=\"\">\n          <nav>\n            @if (title) {\n              <ol class=\"breadcrumb\">\n                <li class=\"breadcrumb-item\">\n                  <a [routerLink]=\"'blog.root' | xRoute\">{{\n                    'apps.blog.component.article.home.title' | xTranslate\n                  }}</a>\n                </li>\n                @if (category) {\n                  <li class=\"breadcrumb-item\">{{ category }}</li>\n                }\n                @if (title) {\n                  <li class=\"breadcrumb-item\">{{ title }}</li>\n                }\n              </ol>\n            }\n          </nav>\n        </div>\n        <div [innerHTML]=\"article\" class=\"w-75\"></div>\n      </div>\n    } @else {\n      <x-element-blank></x-element-blank>\n    }\n    \n    <!-- misc -->\n    <ng-template #loader>\n      <x-element-loader></x-element-loader>\n    </ng-template>\n    \n    `,\n  styles: [],\n})\nexport class ArticleComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly mediaService = inject(MediaService);\n\n  category?: string;\n  title?: string;\n  article$: Observable<any> = this.route.params.pipe(\n    switchMap((params) => {\n      this.category = params['category'];\n      this.title = params['article'];\n      const name = this.category\n        ? `${this.category}/${this.title}`\n        : `${this.title}`;\n      return this.mediaService.context('blog').article(name);\n    }),\n  );\n}\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from '@thescaffold/ngx-core';\nimport { ElementsModule, LayoutsModule } from '@thescaffold/ngx-ui';\nimport { ArticleComponent } from './article.component';\n\n@NgModule({\n  declarations: [ArticleComponent],\n  imports: [\n    SharedModule,\n    RouterModule.forChild([\n      { path: ':category/:article', component: ArticleComponent },\n      { path: ':article', component: ArticleComponent },\n    ]),\n    LayoutsModule,\n    ElementsModule,\n  ],\n})\nexport class ArticleModule {}\n"],"names":["i3"],"mappings":"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"}

package/fesm2022/thescaffold-ngx-apps-blog-docs.module-DKKKNEI-.mjs

@@ -0,0 +1,484 @@
+import * as i0 from '@angular/core';
+import { inject, Component, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/router';
+import { ActivatedRoute, RouterModule } from '@angular/router';
+import * as i4 from '@thescaffold/ngx-core';
+import { BaseDirective, MediaService, titleCase, SharedModule, PipesModule } from '@thescaffold/ngx-core';
+import * as i2 from '@thescaffold/ngx-ui';
+import { LayoutsModule, ElementsModule, ToolbarModule } from '@thescaffold/ngx-ui';
+import { map, switchMap } from 'rxjs';
+import * as i1 from '@angular/forms';
+import * as i1$2 from '@angular/common';
+
+class DocsComponent extends BaseDirective {
+    constructor() {
+        super(...arguments);
+        this.mediaService = inject(MediaService);
+        this.route = inject(ActivatedRoute);
+        this.navList = [];
+        this.showHeaders = true;
+        this.nav$ = this.mediaService
+            .context('blog')
+            .index()
+            .pipe(map((content) => {
+            return (this.navList = content?.nav);
+        }));
+        this.breadcrumbs$ = this.route.url.pipe(map((segments) => {
+            const breads = [
+                {
+                    title: this.translate('apps.blog.component.docs.home.title'),
+                    url: '/blog',
+                },
+                ...(segments.length > 1
+                    ? [
+                        {
+                            title: titleCase(segments[0].path.replace(/-/g, ' ')),
+                            url: `/${segments[0]}`,
+                        },
+                    ]
+                    : []),
+                ...(segments.length > 2
+                    ? [
+                        {
+                            title: titleCase(segments[1].path.replace(/-/g, ' ')),
+                            url: `/${segments[1]}`,
+                        },
+                    ]
+                    : []),
+                ...(segments.length > 3
+                    ? [
+                        {
+                            title: titleCase(segments[2].path.replace(/-/g, ' ')),
+                            url: `/${segments[2]}`,
+                        },
+                    ]
+                    : []),
+                {
+                    title: titleCase(segments[segments.length - 1].path.replace(/-/g, ' ')),
+                    url: null,
+                },
+            ];
+            return breads;
+        }));
+        this.docs$ = this.route.params.pipe(switchMap((params) => {
+            let name = '';
+            const sub1 = (this.currentNav = params['sub1']);
+            if (sub1) {
+                this.showHeaders = sub1.toLowerCase() != 'index';
+                name += sub1;
+            }
+            const sub2 = params['sub2'];
+            if (sub2) {
+                this.showHeaders = sub2.toLowerCase() != 'index';
+                name += `/${sub2}`;
+            }
+            const sub3 = params['sub3'];
+            if (sub3) {
+                this.showHeaders = sub3.toLowerCase() != 'index';
+                name += `/${sub3}`;
+            }
+            const sub4 = params['sub4'];
+            if (sub4) {
+                this.showHeaders = sub4.toLowerCase() != 'index';
+                name += `/${sub4}`;
+            }
+            const sub5 = params['sub5'];
+            if (sub5) {
+                this.showHeaders = sub5.toLowerCase() != 'index';
+                name += `/${sub5}`;
+            }
+            return this.mediaService.context('blog').article(name, true);
+        }));
+    }
+    onSelectChange(event) {
+        const selectedUrl = event.target.value;
+        if (selectedUrl) {
+            this.router.navigate([selectedUrl]);
+        }
+    }
+    getLowestLevelHeaders(headers) {
+        if (headers.length === 0)
+            return [];
+        // Find the lowest level in the array
+        const minLevel = Math.min(...headers.map((header) => header.level));
+        // Filter headers by the lowest level
+        return headers.filter((header) => header.level == minLevel);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DocsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: DocsComponent, isStandalone: false, selector: "x-docs", usesInheritance: true, ngImport: i0, template: `
+    <div class="row m-0 p-0">
+      @if (nav$ | async; as nav) {
+        <div
+          class="col-12 col-lg-3 p-0 mb-3 sticky-top d-block d-lg-none"
+          style="max-height: 75vh; overflow-y: scroll;"
+          >
+          @if (nav?.length) {
+            <select (change)="onSelectChange($event)" class="form-select">
+              <option value="" disabled selected>Menu</option>
+              @for (a of nav; track a) {
+                <optgroup [label]="a.title">
+                  @if (!a?.links?.length) {
+                    <option [value]="a.url">
+                      {{ a.title }}
+                    </option>
+                  }
+                  @if (a?.links?.length) {
+                    @for (b of a.links; track b) {
+                      <option [value]="b.url">
+                        -- {{ b.title }}
+                      </option>
+                    }
+                    @for (b of a.links; track b) {
+                      @for (c of b.links; track c) {
+                        <option [value]="c.url">
+                          ---- {{ c.title }}
+                        </option>
+                      }
+                    }
+                  }
+                </optgroup>
+              }
+            </select>
+          }
+        </div>
+      } @else {
+        <x-element-loader></x-element-loader>
+      }
+      @if (nav$ | async; as nav) {
+        <div
+          class="col-12 col-lg-3 sticky-top d-none d-lg-block p-0 m-0"
+          style="max-height: 75vh; overflow-y: scroll;"
+          >
+          <ul class="nav flex-column">
+            @if (nav?.length) {
+              @for (a of nav; track a) {
+                <li class="nav-item mb-5">
+                  <p class="fw-bold fs-4 text-body" [innerHTML]="a.title"></p>
+                  @if (a?.links?.length) {
+                    <ul class="nav flex-column">
+                      @for (b of a?.links; track b) {
+                        <li class="nav-item">
+                          <a
+                            class="x-docs-parent-nav nav-link fs-6 ps-0 ms-0 pt-0 mt-0"
+                            [routerLink]="b.url"
+                            [routerLinkActive]="'active'"
+                            [innerHTML]="b.title"
+                          ></a>
+                          @if (b?.links?.length) {
+                            @for (c of b.links; track c) {
+                              <ul
+                                class="nav flex-column border-start"
+                                >
+                                <li class="nav-item">
+                                  <a
+                                    class="x-docs-child-nav nav-link text-tiny"
+                                    [routerLink]="c.url"
+                                    [routerLinkActive]="'active'"
+                                    [innerHTML]="c.title"
+                                  ></a>
+                                </li>
+                              </ul>
+                            }
+                          }
+                        </li>
+                      }
+                    </ul>
+                  }
+                </li>
+              }
+            }
+          </ul>
+        </div>
+      } @else {
+        <x-element-loader></x-element-loader>
+      }
+      <div class="col-12 col-lg-9 p-3 p-lg-5 bg-body-tertiary">
+        @if (docs$ | async; as docs) {
+          <div class="row">
+            <div class="col-12 col-lg-9 px-3">
+              @if (breadcrumbs$ | async; as breadcrumbs) {
+                <div class="">
+                  <nav id="x-docs-nav">
+                    <ol class="breadcrumb">
+                      @for (breadcrumb of breadcrumbs; track breadcrumb) {
+                        <li
+                          class="breadcrumb-item"
+                          >
+                          @if (breadcrumb?.url) {
+                            <a [routerLink]="breadcrumb.url">{{
+                              breadcrumb.title
+                            }}</a>
+                          }
+                          @if (!breadcrumb?.url) {
+                            <span
+                              [routerLink]="breadcrumb.url"
+                              >{{ breadcrumb.title }}</span
+                              >
+                            }
+                          </li>
+                        }
+                      </ol>
+                    </nav>
+                  </div>
+                }
+                @if (docs?.html) {
+                  <div
+                    data-bs-spy="scroll"
+                    data-bs-target="#x-docs-nav"
+                    data-bs-root-margin="0px 0px -40%"
+                    data-bs-smooth-scroll="true"
+                    class="scrollspy-example"
+                    tabindex="0"
+                    >
+                    <div [innerHTML]="docs.html | xSafeHtml"></div>
+                  </div>
+                } @else {
+                  <x-element-blank></x-element-blank>
+                }
+              </div>
+              @if (showHeaders && docs?.headers?.length) {
+                <div
+                  class="col-lg-3 sticky-top d-none d-lg-block"
+                  style="max-height: 75vh; overflow-y: scroll;"
+                  >
+                  <ul class="nav flex-column">
+                    @for (h of getLowestLevelHeaders(docs.headers); track h) {
+                      <li
+                        class="nav-item"
+                        >
+                        <a
+                          class="x-docs-header-nav nav-link text-tiny"
+                          [routerLink]="['./']"
+                          [routerLinkActive]="'active'"
+                          [fragment]="h.id"
+                          [innerHTML]="h.text"
+                        ></a>
+                      </li>
+                    }
+                  </ul>
+                </div>
+              }
+            </div>
+          } @else {
+            <x-element-loader></x-element-loader>
+          }
+        </div>
+      </div>
+    
+      <div class="py-3"></div>
+    
+      <!-- misc -->
+    
+    `, isInline: true, styles: [".text-tiny{font-size:.9em}.x-docs-parent-nav.nav-link.active,.x-docs-parent-nav.nav-link:hover{font-weight:700}.x-docs-child-nav.nav-link.active,.x-docs-child-nav.nav-link:hover{border-left:5px solid;font-weight:700}.x-docs-header-nav.nav-link.active,.x-docs-header-nav.nav-link:hover{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i2.BlankComponent, selector: "x-element-blank", inputs: ["image", "icon", "type"] }, { kind: "component", type: i2.LoaderComponent, selector: "x-element-loader", inputs: ["data"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.SafeHtmlPipe, name: "xSafeHtml" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DocsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'x-docs', template: `
+    <div class="row m-0 p-0">
+      @if (nav$ | async; as nav) {
+        <div
+          class="col-12 col-lg-3 p-0 mb-3 sticky-top d-block d-lg-none"
+          style="max-height: 75vh; overflow-y: scroll;"
+          >
+          @if (nav?.length) {
+            <select (change)="onSelectChange($event)" class="form-select">
+              <option value="" disabled selected>Menu</option>
+              @for (a of nav; track a) {
+                <optgroup [label]="a.title">
+                  @if (!a?.links?.length) {
+                    <option [value]="a.url">
+                      {{ a.title }}
+                    </option>
+                  }
+                  @if (a?.links?.length) {
+                    @for (b of a.links; track b) {
+                      <option [value]="b.url">
+                        -- {{ b.title }}
+                      </option>
+                    }
+                    @for (b of a.links; track b) {
+                      @for (c of b.links; track c) {
+                        <option [value]="c.url">
+                          ---- {{ c.title }}
+                        </option>
+                      }
+                    }
+                  }
+                </optgroup>
+              }
+            </select>
+          }
+        </div>
+      } @else {
+        <x-element-loader></x-element-loader>
+      }
+      @if (nav$ | async; as nav) {
+        <div
+          class="col-12 col-lg-3 sticky-top d-none d-lg-block p-0 m-0"
+          style="max-height: 75vh; overflow-y: scroll;"
+          >
+          <ul class="nav flex-column">
+            @if (nav?.length) {
+              @for (a of nav; track a) {
+                <li class="nav-item mb-5">
+                  <p class="fw-bold fs-4 text-body" [innerHTML]="a.title"></p>
+                  @if (a?.links?.length) {
+                    <ul class="nav flex-column">
+                      @for (b of a?.links; track b) {
+                        <li class="nav-item">
+                          <a
+                            class="x-docs-parent-nav nav-link fs-6 ps-0 ms-0 pt-0 mt-0"
+                            [routerLink]="b.url"
+                            [routerLinkActive]="'active'"
+                            [innerHTML]="b.title"
+                          ></a>
+                          @if (b?.links?.length) {
+                            @for (c of b.links; track c) {
+                              <ul
+                                class="nav flex-column border-start"
+                                >
+                                <li class="nav-item">
+                                  <a
+                                    class="x-docs-child-nav nav-link text-tiny"
+                                    [routerLink]="c.url"
+                                    [routerLinkActive]="'active'"
+                                    [innerHTML]="c.title"
+                                  ></a>
+                                </li>
+                              </ul>
+                            }
+                          }
+                        </li>
+                      }
+                    </ul>
+                  }
+                </li>
+              }
+            }
+          </ul>
+        </div>
+      } @else {
+        <x-element-loader></x-element-loader>
+      }
+      <div class="col-12 col-lg-9 p-3 p-lg-5 bg-body-tertiary">
+        @if (docs$ | async; as docs) {
+          <div class="row">
+            <div class="col-12 col-lg-9 px-3">
+              @if (breadcrumbs$ | async; as breadcrumbs) {
+                <div class="">
+                  <nav id="x-docs-nav">
+                    <ol class="breadcrumb">
+                      @for (breadcrumb of breadcrumbs; track breadcrumb) {
+                        <li
+                          class="breadcrumb-item"
+                          >
+                          @if (breadcrumb?.url) {
+                            <a [routerLink]="breadcrumb.url">{{
+                              breadcrumb.title
+                            }}</a>
+                          }
+                          @if (!breadcrumb?.url) {
+                            <span
+                              [routerLink]="breadcrumb.url"
+                              >{{ breadcrumb.title }}</span
+                              >
+                            }
+                          </li>
+                        }
+                      </ol>
+                    </nav>
+                  </div>
+                }
+                @if (docs?.html) {
+                  <div
+                    data-bs-spy="scroll"
+                    data-bs-target="#x-docs-nav"
+                    data-bs-root-margin="0px 0px -40%"
+                    data-bs-smooth-scroll="true"
+                    class="scrollspy-example"
+                    tabindex="0"
+                    >
+                    <div [innerHTML]="docs.html | xSafeHtml"></div>
+                  </div>
+                } @else {
+                  <x-element-blank></x-element-blank>
+                }
+              </div>
+              @if (showHeaders && docs?.headers?.length) {
+                <div
+                  class="col-lg-3 sticky-top d-none d-lg-block"
+                  style="max-height: 75vh; overflow-y: scroll;"
+                  >
+                  <ul class="nav flex-column">
+                    @for (h of getLowestLevelHeaders(docs.headers); track h) {
+                      <li
+                        class="nav-item"
+                        >
+                        <a
+                          class="x-docs-header-nav nav-link text-tiny"
+                          [routerLink]="['./']"
+                          [routerLinkActive]="'active'"
+                          [fragment]="h.id"
+                          [innerHTML]="h.text"
+                        ></a>
+                      </li>
+                    }
+                  </ul>
+                </div>
+              }
+            </div>
+          } @else {
+            <x-element-loader></x-element-loader>
+          }
+        </div>
+      </div>
+    
+      <div class="py-3"></div>
+    
+      <!-- misc -->
+    
+    `, styles: [".text-tiny{font-size:.9em}.x-docs-parent-nav.nav-link.active,.x-docs-parent-nav.nav-link:hover{font-weight:700}.x-docs-child-nav.nav-link.active,.x-docs-child-nav.nav-link:hover{border-left:5px solid;font-weight:700}.x-docs-header-nav.nav-link.active,.x-docs-header-nav.nav-link:hover{font-weight:700}\n"] }]
+        }] });
+
+class DocsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DocsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: DocsModule, declarations: [DocsComponent], imports: [SharedModule, i1$1.RouterModule, LayoutsModule,
+            ElementsModule,
+            ToolbarModule,
+            PipesModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DocsModule, imports: [SharedModule,
+            RouterModule.forChild([
+                { path: ':sub1/:sub2/:sub3/:sub4/:sub5', component: DocsComponent },
+                { path: ':sub1/:sub2/:sub3/:sub4', component: DocsComponent },
+                { path: ':sub1/:sub2/:sub3', component: DocsComponent },
+                { path: ':sub1/:sub2', component: DocsComponent },
+                { path: ':sub1', component: DocsComponent },
+            ]),
+            LayoutsModule,
+            ElementsModule,
+            ToolbarModule,
+            PipesModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DocsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DocsComponent],
+                    imports: [
+                        SharedModule,
+                        RouterModule.forChild([
+                            { path: ':sub1/:sub2/:sub3/:sub4/:sub5', component: DocsComponent },
+                            { path: ':sub1/:sub2/:sub3/:sub4', component: DocsComponent },
+                            { path: ':sub1/:sub2/:sub3', component: DocsComponent },
+                            { path: ':sub1/:sub2', component: DocsComponent },
+                            { path: ':sub1', component: DocsComponent },
+                        ]),
+                        LayoutsModule,
+                        ElementsModule,
+                        ToolbarModule,
+                        PipesModule,
+                    ],
+                }]
+        }] });
+
+export { DocsModule };
+//# sourceMappingURL=thescaffold-ngx-apps-blog-docs.module-DKKKNEI-.mjs.map