@thescaffold/ngx-apps-blog 0.2.32 → 0.2.33

package/README.md

@@ -14,7 +14,7 @@ Run `ng build blog` to build the project. The build artifacts will be stored in
 
 ## Publishing
 
-After building your library with `ng build blog`, go to the dist folder `cd dist/blog` and run `pnpm publish`.
+After building your library with `ng build blog`, go to the dist folder `cd dist/blog` and run `npm publish`.
 
 ## Running unit tests
 

package/fesm2022/{thescaffold-ngx-apps-blog-article.module-BjQ6ipkg.mjs → thescaffold-ngx-apps-blog-article.module-CbbT-kjq.mjs}

@@ -7,7 +7,7 @@ import { BaseDirective, 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';
+import * as i3 from '@angular/common';
 
 class ArticleComponent extends BaseDirective {
     constructor() {
@@ -105,7 +105,7 @@ class ArticleComponent extends BaseDirective {
     <ng-template #loader>
       <x-element-loader></x-element-loader>
     </ng-template>
-  `, isInline: true, styles: [":host{display:block}.x-article{max-width:800px;margin:0 auto;padding:1.5rem 1rem 3rem}.x-article-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--bs-border-color-translucent)}.x-article-breadcrumb{font-size:.875rem}.x-article-breadcrumb .breadcrumb{background:transparent;padding:0}.x-article-breadcrumb-link{color:var(--bs-secondary-color);text-decoration:none;transition:color .15s ease}.x-article-breadcrumb-link:hover{color:var(--bs-primary)}.x-article-breadcrumb-category{color:var(--bs-secondary-color);text-transform:capitalize}.x-article-breadcrumb-title{color:var(--bs-body-color);font-weight:500;text-transform:capitalize;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-article-content{line-height:1.75;color:var(--bs-body-color)}:host ::ng-deep .x-article-content h1{font-size:2.25rem;font-weight:700;margin-top:0;margin-bottom:1.5rem;line-height:1.3;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-article-content h2{font-size:1.75rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--bs-border-color-translucent);color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-article-content h3{font-size:1.375rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-article-content h4{font-size:1.125rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-article-content h5,:host ::ng-deep .x-article-content h6{font-size:1rem;font-weight:600;margin-top:1.25rem;margin-bottom:.5rem;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-article-content p{margin-bottom:1.25rem}:host ::ng-deep .x-article-content a{color:var(--bs-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}:host ::ng-deep .x-article-content a:hover{border-bottom-color:var(--bs-primary)}:host ::ng-deep .x-article-content ul,:host ::ng-deep .x-article-content ol{margin-bottom:1.25rem;padding-left:1.5rem}:host ::ng-deep .x-article-content li{margin-bottom:.5rem}:host ::ng-deep .x-article-content li>ul,:host ::ng-deep .x-article-content li>ol{margin-top:.5rem;margin-bottom:0}:host ::ng-deep .x-article-content code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875em;padding:.2em .4em;background-color:var(--bs-tertiary-bg);border-radius:.25rem;color:var(--bs-code-color, #d63384)}:host ::ng-deep .x-article-content pre{background-color:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);border-radius:.5rem;padding:1rem 1.25rem;margin-bottom:1.5rem;overflow-x:auto;font-size:.875rem;line-height:1.6}:host ::ng-deep .x-article-content pre code{background:transparent;padding:0;border-radius:0;color:inherit;font-size:inherit}:host ::ng-deep .x-article-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--bs-primary);background-color:var(--bs-tertiary-bg);border-radius:0 .5rem .5rem 0;font-style:italic;color:var(--bs-secondary-color)}:host ::ng-deep .x-article-content blockquote p:last-child{margin-bottom:0}:host ::ng-deep .x-article-content table{width:100%;margin-bottom:1.5rem;border-collapse:collapse;font-size:.9375rem}:host ::ng-deep .x-article-content th,:host ::ng-deep .x-article-content td{padding:.75rem 1rem;border:1px solid var(--bs-border-color);text-align:left}:host ::ng-deep .x-article-content th{background-color:var(--bs-tertiary-bg);font-weight:600}:host ::ng-deep .x-article-content tr:hover{background-color:var(--bs-tertiary-bg)}:host ::ng-deep .x-article-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0;box-shadow:0 2px 8px #0000001a}:host ::ng-deep .x-article-content hr{margin:2rem 0;border:none;border-top:1px solid var(--bs-border-color)}:host ::ng-deep .x-article-content dl{margin-bottom:1.25rem}:host ::ng-deep .x-article-content dt{font-weight:600;margin-top:1rem}:host ::ng-deep .x-article-content dd{margin-left:1rem;margin-bottom:.5rem;color:var(--bs-secondary-color)}:host ::ng-deep .x-article-content iframe,:host ::ng-deep .x-article-content video{max-width:100%;border-radius:.5rem;margin:1rem 0}@media(max-width:575.98px){.x-article{padding:1rem .75rem 2rem}.x-article-header{margin-bottom:1.5rem}.x-article-breadcrumb{font-size:.8125rem}.x-article-breadcrumb-title{max-width:120px}:host ::ng-deep .x-article-content h1{font-size:1.75rem}:host ::ng-deep .x-article-content h2{font-size:1.5rem;margin-top:2rem}:host ::ng-deep .x-article-content h3{font-size:1.25rem}:host ::ng-deep .x-article-content pre{padding:.75rem 1rem;font-size:.8125rem;border-radius:.375rem}:host ::ng-deep .x-article-content blockquote{padding:.75rem 1rem;margin:1rem 0}:host ::ng-deep .x-article-content table{font-size:.875rem;display:block;overflow-x:auto;white-space:nowrap}:host ::ng-deep .x-article-content th,:host ::ng-deep .x-article-content td{padding:.5rem .75rem}}@media(min-width:576px)and (max-width:991.98px){.x-article{padding:1.5rem 1.25rem 2.5rem;max-width:720px}:host ::ng-deep .x-article-content h1{font-size:2rem}}@media(min-width:992px){.x-article{padding:2rem 1.5rem 4rem}}@media print{.x-article{max-width:100%;padding:0}.x-article-header{border-bottom:1px solid #ccc}:host ::ng-deep .x-article-content pre{white-space:pre-wrap;word-wrap:break-word}}\n"], 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" }] }); }
+  `, isInline: true, styles: [":host{display:block}.x-article{max-width:800px;margin:0 auto;padding:1.5rem 1rem 3rem}.x-article-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--bs-border-color-translucent)}.x-article-breadcrumb{font-size:.875rem}.x-article-breadcrumb .breadcrumb{background:transparent;padding:0}.x-article-breadcrumb-link{color:var(--bs-secondary-color);text-decoration:none;transition:color .15s ease}.x-article-breadcrumb-link:hover{color:var(--bs-primary)}.x-article-breadcrumb-category{color:var(--bs-secondary-color);text-transform:capitalize}.x-article-breadcrumb-title{color:var(--bs-body-color);font-weight:500;text-transform:capitalize;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-article-content{line-height:1.75;color:var(--bs-body-color)}:host ::ng-deep .x-article-content h1{font-size:2.25rem;font-weight:700;margin-top:0;margin-bottom:1.5rem;line-height:1.3;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-article-content h2{font-size:1.75rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--bs-border-color-translucent);color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-article-content h3{font-size:1.375rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-article-content h4{font-size:1.125rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-article-content h5,:host ::ng-deep .x-article-content h6{font-size:1rem;font-weight:600;margin-top:1.25rem;margin-bottom:.5rem;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-article-content p{margin-bottom:1.25rem}:host ::ng-deep .x-article-content a{color:var(--bs-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}:host ::ng-deep .x-article-content a:hover{border-bottom-color:var(--bs-primary)}:host ::ng-deep .x-article-content ul,:host ::ng-deep .x-article-content ol{margin-bottom:1.25rem;padding-left:1.5rem}:host ::ng-deep .x-article-content li{margin-bottom:.5rem}:host ::ng-deep .x-article-content li>ul,:host ::ng-deep .x-article-content li>ol{margin-top:.5rem;margin-bottom:0}:host ::ng-deep .x-article-content code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875em;padding:.2em .4em;background-color:var(--bs-tertiary-bg);border-radius:.25rem;color:var(--bs-code-color, #d63384)}:host ::ng-deep .x-article-content pre{background-color:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);border-radius:.5rem;padding:1rem 1.25rem;margin-bottom:1.5rem;overflow-x:auto;font-size:.875rem;line-height:1.6}:host ::ng-deep .x-article-content pre code{background:transparent;padding:0;border-radius:0;color:inherit;font-size:inherit}:host ::ng-deep .x-article-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--bs-primary);background-color:var(--bs-tertiary-bg);border-radius:0 .5rem .5rem 0;font-style:italic;color:var(--bs-secondary-color)}:host ::ng-deep .x-article-content blockquote p:last-child{margin-bottom:0}:host ::ng-deep .x-article-content table{width:100%;margin-bottom:1.5rem;border-collapse:collapse;font-size:.9375rem}:host ::ng-deep .x-article-content th,:host ::ng-deep .x-article-content td{padding:.75rem 1rem;border:1px solid var(--bs-border-color);text-align:left}:host ::ng-deep .x-article-content th{background-color:var(--bs-tertiary-bg);font-weight:600}:host ::ng-deep .x-article-content tr:hover{background-color:var(--bs-tertiary-bg)}:host ::ng-deep .x-article-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0;box-shadow:0 2px 8px #0000001a}:host ::ng-deep .x-article-content hr{margin:2rem 0;border:none;border-top:1px solid var(--bs-border-color)}:host ::ng-deep .x-article-content dl{margin-bottom:1.25rem}:host ::ng-deep .x-article-content dt{font-weight:600;margin-top:1rem}:host ::ng-deep .x-article-content dd{margin-left:1rem;margin-bottom:.5rem;color:var(--bs-secondary-color)}:host ::ng-deep .x-article-content iframe,:host ::ng-deep .x-article-content video{max-width:100%;border-radius:.5rem;margin:1rem 0}@media(max-width:575.98px){.x-article{padding:1rem .75rem 2rem}.x-article-header{margin-bottom:1.5rem}.x-article-breadcrumb{font-size:.8125rem}.x-article-breadcrumb-title{max-width:120px}:host ::ng-deep .x-article-content h1{font-size:1.75rem}:host ::ng-deep .x-article-content h2{font-size:1.5rem;margin-top:2rem}:host ::ng-deep .x-article-content h3{font-size:1.25rem}:host ::ng-deep .x-article-content pre{padding:.75rem 1rem;font-size:.8125rem;border-radius:.375rem}:host ::ng-deep .x-article-content blockquote{padding:.75rem 1rem;margin:1rem 0}:host ::ng-deep .x-article-content table{font-size:.875rem;display:block;overflow-x:auto;white-space:nowrap}:host ::ng-deep .x-article-content th,:host ::ng-deep .x-article-content td{padding:.5rem .75rem}}@media(min-width:576px)and (max-width:991.98px){.x-article{padding:1.5rem 1.25rem 2.5rem;max-width:720px}:host ::ng-deep .x-article-content h1{font-size:2rem}}@media(min-width:992px){.x-article{padding:2rem 1.5rem 4rem}}@media print{.x-article{max-width:100%;padding:0}.x-article-header{border-bottom:1px solid #ccc}:host ::ng-deep .x-article-content pre{white-space:pre-wrap;word-wrap:break-word}}\n"], 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: i3.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,
@@ -187,4 +187,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
         }] });
 
 export { ArticleModule };
-//# sourceMappingURL=thescaffold-ngx-apps-blog-article.module-BjQ6ipkg.mjs.map
+//# sourceMappingURL=thescaffold-ngx-apps-blog-article.module-CbbT-kjq.mjs.map

package/fesm2022/{thescaffold-ngx-apps-blog-article.module-BjQ6ipkg.mjs.map → thescaffold-ngx-apps-blog-article.module-CbbT-kjq.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"thescaffold-ngx-apps-blog-article.module-BjQ6ipkg.mjs","sources":["../../../projects/blog/src/lib/pages/article/article.component.ts","../../../projects/blog/src/lib/pages/article/article.module.ts"],"sourcesContent":["import { Component, HostListener, inject } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { BaseDirective, 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      <article class=\"x-article\">\n        <header class=\"x-article-header\">\n          <nav class=\"x-article-breadcrumb\" aria-label=\"breadcrumb\">\n            @if (title) {\n              <ol class=\"breadcrumb mb-0\">\n                <li class=\"breadcrumb-item\">\n                  <a\n                    [routerLink]=\"'blog.root' | xRoute\"\n                    class=\"x-article-breadcrumb-link\"\n                  >\n                    <i class=\"fa-solid fa-home me-1 opacity-75\"></i>\n                    {{ 'apps.blog.component.article.home.title' | xTranslate }}\n                  </a>\n                </li>\n                @if (category) {\n                  <li class=\"breadcrumb-item x-article-breadcrumb-category\">\n                    {{ category }}\n                  </li>\n                }\n                @if (title) {\n                  <li\n                    class=\"breadcrumb-item active x-article-breadcrumb-title\"\n                    aria-current=\"page\"\n                  >\n                    {{ title }}\n                  </li>\n                }\n              </ol>\n            }\n          </nav>\n        </header>\n        <div class=\"x-article-content\" [innerHTML]=\"article\"></div>\n      </article>\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  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      .x-article {\n        max-width: 800px;\n        margin: 0 auto;\n        padding: 1.5rem 1rem 3rem;\n      }\n\n      .x-article-header {\n        margin-bottom: 2rem;\n        padding-bottom: 1rem;\n        border-bottom: 1px solid var(--bs-border-color-translucent);\n      }\n\n      .x-article-breadcrumb {\n        font-size: 0.875rem;\n      }\n\n      .x-article-breadcrumb .breadcrumb {\n        background: transparent;\n        padding: 0;\n      }\n\n      .x-article-breadcrumb-link {\n        color: var(--bs-secondary-color);\n        text-decoration: none;\n        transition: color 0.15s ease;\n      }\n\n      .x-article-breadcrumb-link:hover {\n        color: var(--bs-primary);\n      }\n\n      .x-article-breadcrumb-category {\n        color: var(--bs-secondary-color);\n        text-transform: capitalize;\n      }\n\n      .x-article-breadcrumb-title {\n        color: var(--bs-body-color);\n        font-weight: 500;\n        text-transform: capitalize;\n        max-width: 200px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      /* Article content typography */\n      .x-article-content {\n        line-height: 1.75;\n        color: var(--bs-body-color);\n      }\n\n      /* Headings */\n      :host ::ng-deep .x-article-content h1 {\n        font-size: 2.25rem;\n        font-weight: 700;\n        margin-top: 0;\n        margin-bottom: 1.5rem;\n        line-height: 1.3;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-article-content h2 {\n        font-size: 1.75rem;\n        font-weight: 600;\n        margin-top: 2.5rem;\n        margin-bottom: 1rem;\n        padding-bottom: 0.5rem;\n        border-bottom: 1px solid var(--bs-border-color-translucent);\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-article-content h3 {\n        font-size: 1.375rem;\n        font-weight: 600;\n        margin-top: 2rem;\n        margin-bottom: 0.75rem;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-article-content h4 {\n        font-size: 1.125rem;\n        font-weight: 600;\n        margin-top: 1.5rem;\n        margin-bottom: 0.5rem;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-article-content h5,\n      :host ::ng-deep .x-article-content h6 {\n        font-size: 1rem;\n        font-weight: 600;\n        margin-top: 1.25rem;\n        margin-bottom: 0.5rem;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      /* Paragraphs */\n      :host ::ng-deep .x-article-content p {\n        margin-bottom: 1.25rem;\n      }\n\n      /* Links */\n      :host ::ng-deep .x-article-content a {\n        color: var(--bs-primary);\n        text-decoration: none;\n        border-bottom: 1px solid transparent;\n        transition: border-color 0.15s ease;\n      }\n\n      :host ::ng-deep .x-article-content a:hover {\n        border-bottom-color: var(--bs-primary);\n      }\n\n      /* Lists */\n      :host ::ng-deep .x-article-content ul,\n      :host ::ng-deep .x-article-content ol {\n        margin-bottom: 1.25rem;\n        padding-left: 1.5rem;\n      }\n\n      :host ::ng-deep .x-article-content li {\n        margin-bottom: 0.5rem;\n      }\n\n      :host ::ng-deep .x-article-content li > ul,\n      :host ::ng-deep .x-article-content li > ol {\n        margin-top: 0.5rem;\n        margin-bottom: 0;\n      }\n\n      /* Code */\n      :host ::ng-deep .x-article-content code {\n        font-family:\n          'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;\n        font-size: 0.875em;\n        padding: 0.2em 0.4em;\n        background-color: var(--bs-tertiary-bg);\n        border-radius: 0.25rem;\n        color: var(--bs-code-color, #d63384);\n      }\n\n      :host ::ng-deep .x-article-content pre {\n        background-color: var(--bs-tertiary-bg);\n        border: 1px solid var(--bs-border-color);\n        border-radius: 0.5rem;\n        padding: 1rem 1.25rem;\n        margin-bottom: 1.5rem;\n        overflow-x: auto;\n        font-size: 0.875rem;\n        line-height: 1.6;\n      }\n\n      :host ::ng-deep .x-article-content pre code {\n        background: transparent;\n        padding: 0;\n        border-radius: 0;\n        color: inherit;\n        font-size: inherit;\n      }\n\n      /* Blockquotes */\n      :host ::ng-deep .x-article-content blockquote {\n        margin: 1.5rem 0;\n        padding: 1rem 1.5rem;\n        border-left: 4px solid var(--bs-primary);\n        background-color: var(--bs-tertiary-bg);\n        border-radius: 0 0.5rem 0.5rem 0;\n        font-style: italic;\n        color: var(--bs-secondary-color);\n      }\n\n      :host ::ng-deep .x-article-content blockquote p:last-child {\n        margin-bottom: 0;\n      }\n\n      /* Tables */\n      :host ::ng-deep .x-article-content table {\n        width: 100%;\n        margin-bottom: 1.5rem;\n        border-collapse: collapse;\n        font-size: 0.9375rem;\n      }\n\n      :host ::ng-deep .x-article-content th,\n      :host ::ng-deep .x-article-content td {\n        padding: 0.75rem 1rem;\n        border: 1px solid var(--bs-border-color);\n        text-align: left;\n      }\n\n      :host ::ng-deep .x-article-content th {\n        background-color: var(--bs-tertiary-bg);\n        font-weight: 600;\n      }\n\n      :host ::ng-deep .x-article-content tr:hover {\n        background-color: var(--bs-tertiary-bg);\n      }\n\n      /* Images */\n      :host ::ng-deep .x-article-content img {\n        max-width: 100%;\n        height: auto;\n        border-radius: 0.5rem;\n        margin: 1rem 0;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      }\n\n      /* Horizontal rule */\n      :host ::ng-deep .x-article-content hr {\n        margin: 2rem 0;\n        border: none;\n        border-top: 1px solid var(--bs-border-color);\n      }\n\n      /* Definition lists */\n      :host ::ng-deep .x-article-content dl {\n        margin-bottom: 1.25rem;\n      }\n\n      :host ::ng-deep .x-article-content dt {\n        font-weight: 600;\n        margin-top: 1rem;\n      }\n\n      :host ::ng-deep .x-article-content dd {\n        margin-left: 1rem;\n        margin-bottom: 0.5rem;\n        color: var(--bs-secondary-color);\n      }\n\n      /* Video embeds */\n      :host ::ng-deep .x-article-content iframe,\n      :host ::ng-deep .x-article-content video {\n        max-width: 100%;\n        border-radius: 0.5rem;\n        margin: 1rem 0;\n      }\n\n      /* Mobile styles - phones */\n      @media (max-width: 575.98px) {\n        .x-article {\n          padding: 1rem 0.75rem 2rem;\n        }\n\n        .x-article-header {\n          margin-bottom: 1.5rem;\n        }\n\n        .x-article-breadcrumb {\n          font-size: 0.8125rem;\n        }\n\n        .x-article-breadcrumb-title {\n          max-width: 120px;\n        }\n\n        :host ::ng-deep .x-article-content h1 {\n          font-size: 1.75rem;\n        }\n\n        :host ::ng-deep .x-article-content h2 {\n          font-size: 1.5rem;\n          margin-top: 2rem;\n        }\n\n        :host ::ng-deep .x-article-content h3 {\n          font-size: 1.25rem;\n        }\n\n        :host ::ng-deep .x-article-content pre {\n          padding: 0.75rem 1rem;\n          font-size: 0.8125rem;\n          border-radius: 0.375rem;\n        }\n\n        :host ::ng-deep .x-article-content blockquote {\n          padding: 0.75rem 1rem;\n          margin: 1rem 0;\n        }\n\n        :host ::ng-deep .x-article-content table {\n          font-size: 0.875rem;\n          display: block;\n          overflow-x: auto;\n          white-space: nowrap;\n        }\n\n        :host ::ng-deep .x-article-content th,\n        :host ::ng-deep .x-article-content td {\n          padding: 0.5rem 0.75rem;\n        }\n      }\n\n      /* Tablet styles */\n      @media (min-width: 576px) and (max-width: 991.98px) {\n        .x-article {\n          padding: 1.5rem 1.25rem 2.5rem;\n          max-width: 720px;\n        }\n\n        :host ::ng-deep .x-article-content h1 {\n          font-size: 2rem;\n        }\n      }\n\n      /* Large screens */\n      @media (min-width: 992px) {\n        .x-article {\n          padding: 2rem 1.5rem 4rem;\n        }\n      }\n\n      /* Print styles */\n      @media print {\n        .x-article {\n          max-width: 100%;\n          padding: 0;\n        }\n\n        .x-article-header {\n          border-bottom: 1px solid #ccc;\n        }\n\n        :host ::ng-deep .x-article-content pre {\n          white-space: pre-wrap;\n          word-wrap: break-word;\n        }\n      }\n    `,\n  ],\n})\nexport class ArticleComponent extends BaseDirective {\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  /**\n   * Intercepts clicks on anchor tags within the documentation content\n   * and routes internal links via Angular Router instead of triggering\n   * a full page reload.\n   */\n  @HostListener('click', ['$event'])\n  onContentClick(event: MouseEvent): void {\n    const target = event.target as HTMLElement;\n    const anchor = target.closest('a');\n\n    if (!anchor) return;\n\n    const href = anchor.getAttribute('href');\n    if (!href) return;\n\n    // Check if it's an internal link (starts with /, ./, or ../)\n    if (\n      href.startsWith('/') ||\n      href.startsWith('./') ||\n      href.startsWith('../')\n    ) {\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Handle fragment links\n      const [path, fragment] = href.split('#');\n      const extras: any = {};\n      if (fragment) {\n        extras.fragment = fragment;\n      }\n\n      this.router.navigate([path || './'], extras);\n    } else if (href.startsWith('#')) {\n      // Same-page fragment navigation\n      event.preventDefault();\n      event.stopPropagation();\n      this.router.navigate([], {\n        fragment: href.substring(1),\n        relativeTo: this.route,\n      });\n    }\n    // External links (http://, https://, etc.) will navigate normally\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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"}
+{"version":3,"file":"thescaffold-ngx-apps-blog-article.module-CbbT-kjq.mjs","sources":["../../../projects/blog/src/lib/pages/article/article.component.ts","../../../projects/blog/src/lib/pages/article/article.module.ts"],"sourcesContent":["import { Component, HostListener, inject } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { BaseDirective, 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      <article class=\"x-article\">\n        <header class=\"x-article-header\">\n          <nav class=\"x-article-breadcrumb\" aria-label=\"breadcrumb\">\n            @if (title) {\n              <ol class=\"breadcrumb mb-0\">\n                <li class=\"breadcrumb-item\">\n                  <a\n                    [routerLink]=\"'blog.root' | xRoute\"\n                    class=\"x-article-breadcrumb-link\"\n                  >\n                    <i class=\"fa-solid fa-home me-1 opacity-75\"></i>\n                    {{ 'apps.blog.component.article.home.title' | xTranslate }}\n                  </a>\n                </li>\n                @if (category) {\n                  <li class=\"breadcrumb-item x-article-breadcrumb-category\">\n                    {{ category }}\n                  </li>\n                }\n                @if (title) {\n                  <li\n                    class=\"breadcrumb-item active x-article-breadcrumb-title\"\n                    aria-current=\"page\"\n                  >\n                    {{ title }}\n                  </li>\n                }\n              </ol>\n            }\n          </nav>\n        </header>\n        <div class=\"x-article-content\" [innerHTML]=\"article\"></div>\n      </article>\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  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      .x-article {\n        max-width: 800px;\n        margin: 0 auto;\n        padding: 1.5rem 1rem 3rem;\n      }\n\n      .x-article-header {\n        margin-bottom: 2rem;\n        padding-bottom: 1rem;\n        border-bottom: 1px solid var(--bs-border-color-translucent);\n      }\n\n      .x-article-breadcrumb {\n        font-size: 0.875rem;\n      }\n\n      .x-article-breadcrumb .breadcrumb {\n        background: transparent;\n        padding: 0;\n      }\n\n      .x-article-breadcrumb-link {\n        color: var(--bs-secondary-color);\n        text-decoration: none;\n        transition: color 0.15s ease;\n      }\n\n      .x-article-breadcrumb-link:hover {\n        color: var(--bs-primary);\n      }\n\n      .x-article-breadcrumb-category {\n        color: var(--bs-secondary-color);\n        text-transform: capitalize;\n      }\n\n      .x-article-breadcrumb-title {\n        color: var(--bs-body-color);\n        font-weight: 500;\n        text-transform: capitalize;\n        max-width: 200px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      /* Article content typography */\n      .x-article-content {\n        line-height: 1.75;\n        color: var(--bs-body-color);\n      }\n\n      /* Headings */\n      :host ::ng-deep .x-article-content h1 {\n        font-size: 2.25rem;\n        font-weight: 700;\n        margin-top: 0;\n        margin-bottom: 1.5rem;\n        line-height: 1.3;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-article-content h2 {\n        font-size: 1.75rem;\n        font-weight: 600;\n        margin-top: 2.5rem;\n        margin-bottom: 1rem;\n        padding-bottom: 0.5rem;\n        border-bottom: 1px solid var(--bs-border-color-translucent);\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-article-content h3 {\n        font-size: 1.375rem;\n        font-weight: 600;\n        margin-top: 2rem;\n        margin-bottom: 0.75rem;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-article-content h4 {\n        font-size: 1.125rem;\n        font-weight: 600;\n        margin-top: 1.5rem;\n        margin-bottom: 0.5rem;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-article-content h5,\n      :host ::ng-deep .x-article-content h6 {\n        font-size: 1rem;\n        font-weight: 600;\n        margin-top: 1.25rem;\n        margin-bottom: 0.5rem;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      /* Paragraphs */\n      :host ::ng-deep .x-article-content p {\n        margin-bottom: 1.25rem;\n      }\n\n      /* Links */\n      :host ::ng-deep .x-article-content a {\n        color: var(--bs-primary);\n        text-decoration: none;\n        border-bottom: 1px solid transparent;\n        transition: border-color 0.15s ease;\n      }\n\n      :host ::ng-deep .x-article-content a:hover {\n        border-bottom-color: var(--bs-primary);\n      }\n\n      /* Lists */\n      :host ::ng-deep .x-article-content ul,\n      :host ::ng-deep .x-article-content ol {\n        margin-bottom: 1.25rem;\n        padding-left: 1.5rem;\n      }\n\n      :host ::ng-deep .x-article-content li {\n        margin-bottom: 0.5rem;\n      }\n\n      :host ::ng-deep .x-article-content li > ul,\n      :host ::ng-deep .x-article-content li > ol {\n        margin-top: 0.5rem;\n        margin-bottom: 0;\n      }\n\n      /* Code */\n      :host ::ng-deep .x-article-content code {\n        font-family:\n          'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;\n        font-size: 0.875em;\n        padding: 0.2em 0.4em;\n        background-color: var(--bs-tertiary-bg);\n        border-radius: 0.25rem;\n        color: var(--bs-code-color, #d63384);\n      }\n\n      :host ::ng-deep .x-article-content pre {\n        background-color: var(--bs-tertiary-bg);\n        border: 1px solid var(--bs-border-color);\n        border-radius: 0.5rem;\n        padding: 1rem 1.25rem;\n        margin-bottom: 1.5rem;\n        overflow-x: auto;\n        font-size: 0.875rem;\n        line-height: 1.6;\n      }\n\n      :host ::ng-deep .x-article-content pre code {\n        background: transparent;\n        padding: 0;\n        border-radius: 0;\n        color: inherit;\n        font-size: inherit;\n      }\n\n      /* Blockquotes */\n      :host ::ng-deep .x-article-content blockquote {\n        margin: 1.5rem 0;\n        padding: 1rem 1.5rem;\n        border-left: 4px solid var(--bs-primary);\n        background-color: var(--bs-tertiary-bg);\n        border-radius: 0 0.5rem 0.5rem 0;\n        font-style: italic;\n        color: var(--bs-secondary-color);\n      }\n\n      :host ::ng-deep .x-article-content blockquote p:last-child {\n        margin-bottom: 0;\n      }\n\n      /* Tables */\n      :host ::ng-deep .x-article-content table {\n        width: 100%;\n        margin-bottom: 1.5rem;\n        border-collapse: collapse;\n        font-size: 0.9375rem;\n      }\n\n      :host ::ng-deep .x-article-content th,\n      :host ::ng-deep .x-article-content td {\n        padding: 0.75rem 1rem;\n        border: 1px solid var(--bs-border-color);\n        text-align: left;\n      }\n\n      :host ::ng-deep .x-article-content th {\n        background-color: var(--bs-tertiary-bg);\n        font-weight: 600;\n      }\n\n      :host ::ng-deep .x-article-content tr:hover {\n        background-color: var(--bs-tertiary-bg);\n      }\n\n      /* Images */\n      :host ::ng-deep .x-article-content img {\n        max-width: 100%;\n        height: auto;\n        border-radius: 0.5rem;\n        margin: 1rem 0;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      }\n\n      /* Horizontal rule */\n      :host ::ng-deep .x-article-content hr {\n        margin: 2rem 0;\n        border: none;\n        border-top: 1px solid var(--bs-border-color);\n      }\n\n      /* Definition lists */\n      :host ::ng-deep .x-article-content dl {\n        margin-bottom: 1.25rem;\n      }\n\n      :host ::ng-deep .x-article-content dt {\n        font-weight: 600;\n        margin-top: 1rem;\n      }\n\n      :host ::ng-deep .x-article-content dd {\n        margin-left: 1rem;\n        margin-bottom: 0.5rem;\n        color: var(--bs-secondary-color);\n      }\n\n      /* Video embeds */\n      :host ::ng-deep .x-article-content iframe,\n      :host ::ng-deep .x-article-content video {\n        max-width: 100%;\n        border-radius: 0.5rem;\n        margin: 1rem 0;\n      }\n\n      /* Mobile styles - phones */\n      @media (max-width: 575.98px) {\n        .x-article {\n          padding: 1rem 0.75rem 2rem;\n        }\n\n        .x-article-header {\n          margin-bottom: 1.5rem;\n        }\n\n        .x-article-breadcrumb {\n          font-size: 0.8125rem;\n        }\n\n        .x-article-breadcrumb-title {\n          max-width: 120px;\n        }\n\n        :host ::ng-deep .x-article-content h1 {\n          font-size: 1.75rem;\n        }\n\n        :host ::ng-deep .x-article-content h2 {\n          font-size: 1.5rem;\n          margin-top: 2rem;\n        }\n\n        :host ::ng-deep .x-article-content h3 {\n          font-size: 1.25rem;\n        }\n\n        :host ::ng-deep .x-article-content pre {\n          padding: 0.75rem 1rem;\n          font-size: 0.8125rem;\n          border-radius: 0.375rem;\n        }\n\n        :host ::ng-deep .x-article-content blockquote {\n          padding: 0.75rem 1rem;\n          margin: 1rem 0;\n        }\n\n        :host ::ng-deep .x-article-content table {\n          font-size: 0.875rem;\n          display: block;\n          overflow-x: auto;\n          white-space: nowrap;\n        }\n\n        :host ::ng-deep .x-article-content th,\n        :host ::ng-deep .x-article-content td {\n          padding: 0.5rem 0.75rem;\n        }\n      }\n\n      /* Tablet styles */\n      @media (min-width: 576px) and (max-width: 991.98px) {\n        .x-article {\n          padding: 1.5rem 1.25rem 2.5rem;\n          max-width: 720px;\n        }\n\n        :host ::ng-deep .x-article-content h1 {\n          font-size: 2rem;\n        }\n      }\n\n      /* Large screens */\n      @media (min-width: 992px) {\n        .x-article {\n          padding: 2rem 1.5rem 4rem;\n        }\n      }\n\n      /* Print styles */\n      @media print {\n        .x-article {\n          max-width: 100%;\n          padding: 0;\n        }\n\n        .x-article-header {\n          border-bottom: 1px solid #ccc;\n        }\n\n        :host ::ng-deep .x-article-content pre {\n          white-space: pre-wrap;\n          word-wrap: break-word;\n        }\n      }\n    `,\n  ],\n})\nexport class ArticleComponent extends BaseDirective {\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  /**\n   * Intercepts clicks on anchor tags within the documentation content\n   * and routes internal links via Angular Router instead of triggering\n   * a full page reload.\n   */\n  @HostListener('click', ['$event'])\n  onContentClick(event: MouseEvent): void {\n    const target = event.target as HTMLElement;\n    const anchor = target.closest('a');\n\n    if (!anchor) return;\n\n    const href = anchor.getAttribute('href');\n    if (!href) return;\n\n    // Check if it's an internal link (starts with /, ./, or ../)\n    if (\n      href.startsWith('/') ||\n      href.startsWith('./') ||\n      href.startsWith('../')\n    ) {\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Handle fragment links\n      const [path, fragment] = href.split('#');\n      const extras: any = {};\n      if (fragment) {\n        extras.fragment = fragment;\n      }\n\n      this.router.navigate([path || './'], extras);\n    } else if (href.startsWith('#')) {\n      // Same-page fragment navigation\n      event.preventDefault();\n      event.stopPropagation();\n      this.router.navigate([], {\n        fragment: href.substring(1),\n        relativeTo: this.route,\n      });\n    }\n    // External links (http://, https://, etc.) will navigate normally\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":[],"mappings":"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"}

package/fesm2022/{thescaffold-ngx-apps-blog-docs.module-CLrP53Ce.mjs → thescaffold-ngx-apps-blog-docs.module-BXVfzO_g.mjs}

@@ -8,7 +8,7 @@ import * as i2 from '@thescaffold/ngx-ui';
 import { LayoutsModule, ElementsModule, ToolbarModule } from '@thescaffold/ngx-ui';
 import { combineLatest, map, switchMap } from 'rxjs';
 import * as i1 from '@angular/forms';
-import * as i1$2 from '@angular/common';
+import * as i3 from '@angular/common';
 
 class DocsComponent extends BaseDirective {
     constructor() {
@@ -437,7 +437,7 @@ class DocsComponent extends BaseDirective {
         }
       </main>
     </div>
-  `, isInline: true, styles: [":host{display:block}.x-docs{min-height:calc(100vh - 120px)}.x-docs-mobile-nav{z-index:100;background:var(--bs-body-bg);padding:.75rem!important;border-bottom:1px solid var(--bs-border-color-translucent)}.x-docs-mobile-nav-wrapper{position:relative;display:flex;align-items:center}.x-docs-mobile-nav-icon{position:absolute;left:1rem;color:var(--bs-secondary-color);pointer-events:none;z-index:1}.x-docs-mobile-select{padding-left:2.5rem!important;font-size:.9375rem;border-radius:.5rem;border-color:var(--bs-border-color);background-color:var(--bs-body-bg);transition:border-color .15s ease,box-shadow .15s ease}.x-docs-mobile-select:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .2rem rgba(var(--bs-primary-rgb),.15)}.x-docs-sidebar{max-height:calc(100vh - 80px);overflow-y:auto;padding:1.5rem 1rem 1.5rem 0!important;scrollbar-width:thin;scrollbar-color:var(--bs-border-color) transparent}.x-docs-sidebar::-webkit-scrollbar{width:4px}.x-docs-sidebar::-webkit-scrollbar-track{background:transparent}.x-docs-sidebar::-webkit-scrollbar-thumb{background-color:var(--bs-border-color);border-radius:4px}.x-docs-nav-section:last-child{margin-bottom:0}.x-docs-nav-title-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;margin-bottom:.5rem;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease}.x-docs-nav-title-btn:hover{background-color:var(--bs-tertiary-bg)}.x-docs-nav-title-btn:focus{outline:none;box-shadow:0 0 0 .2rem rgba(var(--bs-primary-rgb),.15)}.x-docs-nav-title-text{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--bs-secondary-color)}.x-docs-nav-chevron{font-size:.625rem;color:var(--bs-secondary-color);transition:transform .2s ease}.x-docs-nav-list{list-style:none;padding:0;margin:0;max-height:1000px;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;opacity:1;margin-left:1rem!important}.x-docs-nav-section.collapsed .x-docs-nav-list{max-height:0;opacity:0;margin:0}.x-docs-nav-item{margin-bottom:.125rem}.x-docs-nav-link-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;cursor:pointer;text-align:left}.x-docs-nav-link-btn:focus{outline:none;box-shadow:0 0 0 .15rem rgba(var(--bs-primary-rgb),.15)}.x-docs-nav-sub-chevron{font-size:.5rem;color:var(--bs-secondary-color);margin-left:.5rem;flex-shrink:0;transition:transform .2s ease}.x-docs-nav-link{display:block;padding:.5rem .75rem;font-size:.875rem;color:var(--bs-body-color);text-decoration:none;border-radius:.375rem;transition:background-color .15s ease,color .15s ease}.x-docs-nav-link:hover{background-color:var(--bs-tertiary-bg);color:var(--bs-body-color)}.x-docs-parent-nav.active{background-color:var(--bs-primary-bg-subtle);color:var(--bs-primary);font-weight:600}.x-docs-nav-sublist{list-style:none;padding:0;margin:.25rem 0 .5rem .75rem;border-left:1px solid var(--bs-border-color);max-height:500px;overflow:hidden;transition:max-height .25s ease,opacity .2s ease,margin .25s ease;opacity:1}.x-docs-nav-item.collapsed .x-docs-nav-sublist{max-height:0;opacity:0;margin:0 0 0 .75rem}.x-docs-nav-subitem{margin:0}.x-docs-nav-sublink{display:block;padding:.375rem .75rem;font-size:.8125rem;color:var(--bs-secondary-color);text-decoration:none;border-left:2px solid transparent;margin-left:-1px;transition:color .15s ease,border-color .15s ease}.x-docs-nav-sublink:hover{color:var(--bs-body-color);border-left-color:var(--bs-border-color)}.x-docs-child-nav.active{color:var(--bs-primary);border-left-color:var(--bs-primary);font-weight:500}.x-docs-main{background-color:var(--bs-tertiary-bg);border-radius:1rem 0 0;padding:2rem!important}.x-docs-article{padding-right:2rem!important}.x-docs-breadcrumb{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--bs-border-color-translucent)}.x-docs-breadcrumb .breadcrumb{font-size:.875rem;margin:0}.x-docs-breadcrumb-link{color:var(--bs-secondary-color);text-decoration:none;transition:color .15s ease}.x-docs-breadcrumb-link:hover{color:var(--bs-primary)}.x-docs-breadcrumb-current{color:var(--bs-body-color);font-weight:500}.x-docs-content{line-height:1.7;color:var(--bs-body-color)}:host ::ng-deep .x-docs-content h1{font-size:2rem;font-weight:700;margin-top:0;margin-bottom:1.5rem;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-docs-content h2{font-size:1.5rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--bs-border-color-translucent);color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-docs-content h3{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-docs-content h4,:host ::ng-deep .x-docs-content h5,:host ::ng-deep .x-docs-content h6{font-size:1rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-docs-content p{margin-bottom:1rem}:host ::ng-deep .x-docs-content a{color:var(--bs-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}:host ::ng-deep .x-docs-content a:hover{border-bottom-color:var(--bs-primary)}:host ::ng-deep .x-docs-content ul,:host ::ng-deep .x-docs-content ol{margin-bottom:1rem;padding-left:1.5rem}:host ::ng-deep .x-docs-content li{margin-bottom:.375rem}:host ::ng-deep .x-docs-content code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875em;padding:.2em .4em;background-color:var(--bs-body-bg);border-radius:.25rem;color:var(--bs-code-color, #d63384)}:host ::ng-deep .x-docs-content pre{background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:.5rem;padding:1rem;margin-bottom:1.25rem;overflow-x:auto;font-size:.8125rem;line-height:1.5}:host ::ng-deep .x-docs-content pre code{background:transparent;padding:0;border-radius:0;color:inherit;font-size:inherit}:host ::ng-deep .x-docs-content blockquote{margin:1.25rem 0;padding:1rem 1.25rem;border-left:4px solid var(--bs-primary);background-color:var(--bs-body-bg);border-radius:0 .5rem .5rem 0;color:var(--bs-secondary-color)}:host ::ng-deep .x-docs-content blockquote p:last-child{margin-bottom:0}:host ::ng-deep .x-docs-content table{width:100%;margin-bottom:1.25rem;border-collapse:collapse;font-size:.875rem}:host ::ng-deep .x-docs-content th,:host ::ng-deep .x-docs-content td{padding:.625rem .75rem;border:1px solid var(--bs-border-color);text-align:left}:host ::ng-deep .x-docs-content th{background-color:var(--bs-body-bg);font-weight:600}:host ::ng-deep .x-docs-content img{max-width:100%;height:auto;border-radius:.5rem;margin:.75rem 0}:host ::ng-deep .x-docs-content hr{margin:2rem 0;border:none;border-top:1px solid var(--bs-border-color)}.x-docs-toc{max-height:calc(100vh - 160px);overflow-y:auto;padding-left:1rem!important}.x-docs-toc-wrapper{padding:1rem;background-color:var(--bs-body-bg);border-radius:.5rem;border:1px solid var(--bs-border-color-translucent)}.x-docs-toc-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--bs-secondary-color);margin-bottom:.75rem}.x-docs-toc-list{list-style:none;padding:0;margin:0}.x-docs-toc-item{margin-bottom:.125rem}.x-docs-toc-link{display:block;padding:.375rem 0 .375rem .75rem;font-size:.8125rem;color:var(--bs-secondary-color);text-decoration:none;border-left:2px solid transparent;transition:color .15s ease,border-color .15s ease}.x-docs-toc-link:hover{color:var(--bs-body-color)}.x-docs-header-nav.active{color:var(--bs-primary);border-left-color:var(--bs-primary);font-weight:500}@media(max-width:575.98px){.x-docs-main{padding:1rem!important;border-radius:0}.x-docs-article{padding-right:0!important}.x-docs-breadcrumb{margin-bottom:1rem;padding-bottom:.75rem}.x-docs-breadcrumb .breadcrumb{font-size:.8125rem;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.x-docs-breadcrumb .breadcrumb::-webkit-scrollbar{display:none}:host ::ng-deep .x-docs-content h1{font-size:1.5rem}:host ::ng-deep .x-docs-content h2{font-size:1.25rem;margin-top:1.75rem}:host ::ng-deep .x-docs-content h3{font-size:1.125rem}:host ::ng-deep .x-docs-content pre{padding:.75rem;font-size:.75rem;border-radius:.375rem}:host ::ng-deep .x-docs-content table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}:host ::ng-deep .x-docs-content th,:host ::ng-deep .x-docs-content td{padding:.5rem}}@media(min-width:576px)and (max-width:991.98px){.x-docs-main{padding:1.5rem!important}.x-docs-article{padding-right:1rem!important}}@media(min-width:992px){.x-docs-sidebar{padding-right:1.5rem!important}}@media(hover:none)and (pointer:coarse){.x-docs-nav-link{padding:.625rem .75rem;min-height:44px;display:flex;align-items:center}.x-docs-nav-sublink{padding:.5rem .75rem;min-height:40px;display:flex;align-items:center}.x-docs-toc-link{padding:.5rem 0 .5rem .75rem;min-height:40px;display:flex;align-items:center}.x-docs-mobile-select{min-height:48px;font-size:1rem}}@media print{.x-docs-mobile-nav,.x-docs-sidebar,.x-docs-toc{display:none!important}.x-docs-main{padding:0!important;background:none!important}.x-docs-article{width:100%!important;max-width:100%!important;flex:0 0 100%!important}:host ::ng-deep .x-docs-content pre{white-space:pre-wrap;word-wrap:break-word}}\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" }] }); }
+  `, isInline: true, styles: [":host{display:block}.x-docs{min-height:calc(100vh - 120px)}.x-docs-mobile-nav{z-index:100;background:var(--bs-body-bg);padding:.75rem!important;border-bottom:1px solid var(--bs-border-color-translucent)}.x-docs-mobile-nav-wrapper{position:relative;display:flex;align-items:center}.x-docs-mobile-nav-icon{position:absolute;left:1rem;color:var(--bs-secondary-color);pointer-events:none;z-index:1}.x-docs-mobile-select{padding-left:2.5rem!important;font-size:.9375rem;border-radius:.5rem;border-color:var(--bs-border-color);background-color:var(--bs-body-bg);transition:border-color .15s ease,box-shadow .15s ease}.x-docs-mobile-select:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .2rem rgba(var(--bs-primary-rgb),.15)}.x-docs-sidebar{max-height:calc(100vh - 80px);overflow-y:auto;padding:1.5rem 1rem 1.5rem 0!important;scrollbar-width:thin;scrollbar-color:var(--bs-border-color) transparent}.x-docs-sidebar::-webkit-scrollbar{width:4px}.x-docs-sidebar::-webkit-scrollbar-track{background:transparent}.x-docs-sidebar::-webkit-scrollbar-thumb{background-color:var(--bs-border-color);border-radius:4px}.x-docs-nav-section:last-child{margin-bottom:0}.x-docs-nav-title-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;margin-bottom:.5rem;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease}.x-docs-nav-title-btn:hover{background-color:var(--bs-tertiary-bg)}.x-docs-nav-title-btn:focus{outline:none;box-shadow:0 0 0 .2rem rgba(var(--bs-primary-rgb),.15)}.x-docs-nav-title-text{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--bs-secondary-color)}.x-docs-nav-chevron{font-size:.625rem;color:var(--bs-secondary-color);transition:transform .2s ease}.x-docs-nav-list{list-style:none;padding:0;margin:0;max-height:1000px;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;opacity:1;margin-left:1rem!important}.x-docs-nav-section.collapsed .x-docs-nav-list{max-height:0;opacity:0;margin:0}.x-docs-nav-item{margin-bottom:.125rem}.x-docs-nav-link-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;cursor:pointer;text-align:left}.x-docs-nav-link-btn:focus{outline:none;box-shadow:0 0 0 .15rem rgba(var(--bs-primary-rgb),.15)}.x-docs-nav-sub-chevron{font-size:.5rem;color:var(--bs-secondary-color);margin-left:.5rem;flex-shrink:0;transition:transform .2s ease}.x-docs-nav-link{display:block;padding:.5rem .75rem;font-size:.875rem;color:var(--bs-body-color);text-decoration:none;border-radius:.375rem;transition:background-color .15s ease,color .15s ease}.x-docs-nav-link:hover{background-color:var(--bs-tertiary-bg);color:var(--bs-body-color)}.x-docs-parent-nav.active{background-color:var(--bs-primary-bg-subtle);color:var(--bs-primary);font-weight:600}.x-docs-nav-sublist{list-style:none;padding:0;margin:.25rem 0 .5rem .75rem;border-left:1px solid var(--bs-border-color);max-height:500px;overflow:hidden;transition:max-height .25s ease,opacity .2s ease,margin .25s ease;opacity:1}.x-docs-nav-item.collapsed .x-docs-nav-sublist{max-height:0;opacity:0;margin:0 0 0 .75rem}.x-docs-nav-subitem{margin:0}.x-docs-nav-sublink{display:block;padding:.375rem .75rem;font-size:.8125rem;color:var(--bs-secondary-color);text-decoration:none;border-left:2px solid transparent;margin-left:-1px;transition:color .15s ease,border-color .15s ease}.x-docs-nav-sublink:hover{color:var(--bs-body-color);border-left-color:var(--bs-border-color)}.x-docs-child-nav.active{color:var(--bs-primary);border-left-color:var(--bs-primary);font-weight:500}.x-docs-main{background-color:var(--bs-tertiary-bg);border-radius:1rem 0 0;padding:2rem!important}.x-docs-article{padding-right:2rem!important}.x-docs-breadcrumb{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--bs-border-color-translucent)}.x-docs-breadcrumb .breadcrumb{font-size:.875rem;margin:0}.x-docs-breadcrumb-link{color:var(--bs-secondary-color);text-decoration:none;transition:color .15s ease}.x-docs-breadcrumb-link:hover{color:var(--bs-primary)}.x-docs-breadcrumb-current{color:var(--bs-body-color);font-weight:500}.x-docs-content{line-height:1.7;color:var(--bs-body-color)}:host ::ng-deep .x-docs-content h1{font-size:2rem;font-weight:700;margin-top:0;margin-bottom:1.5rem;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-docs-content h2{font-size:1.5rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--bs-border-color-translucent);color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-docs-content h3{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-docs-content h4,:host ::ng-deep .x-docs-content h5,:host ::ng-deep .x-docs-content h6{font-size:1rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:var(--bs-heading-color, var(--bs-body-color))}:host ::ng-deep .x-docs-content p{margin-bottom:1rem}:host ::ng-deep .x-docs-content a{color:var(--bs-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}:host ::ng-deep .x-docs-content a:hover{border-bottom-color:var(--bs-primary)}:host ::ng-deep .x-docs-content ul,:host ::ng-deep .x-docs-content ol{margin-bottom:1rem;padding-left:1.5rem}:host ::ng-deep .x-docs-content li{margin-bottom:.375rem}:host ::ng-deep .x-docs-content code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875em;padding:.2em .4em;background-color:var(--bs-body-bg);border-radius:.25rem;color:var(--bs-code-color, #d63384)}:host ::ng-deep .x-docs-content pre{background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:.5rem;padding:1rem;margin-bottom:1.25rem;overflow-x:auto;font-size:.8125rem;line-height:1.5}:host ::ng-deep .x-docs-content pre code{background:transparent;padding:0;border-radius:0;color:inherit;font-size:inherit}:host ::ng-deep .x-docs-content blockquote{margin:1.25rem 0;padding:1rem 1.25rem;border-left:4px solid var(--bs-primary);background-color:var(--bs-body-bg);border-radius:0 .5rem .5rem 0;color:var(--bs-secondary-color)}:host ::ng-deep .x-docs-content blockquote p:last-child{margin-bottom:0}:host ::ng-deep .x-docs-content table{width:100%;margin-bottom:1.25rem;border-collapse:collapse;font-size:.875rem}:host ::ng-deep .x-docs-content th,:host ::ng-deep .x-docs-content td{padding:.625rem .75rem;border:1px solid var(--bs-border-color);text-align:left}:host ::ng-deep .x-docs-content th{background-color:var(--bs-body-bg);font-weight:600}:host ::ng-deep .x-docs-content img{max-width:100%;height:auto;border-radius:.5rem;margin:.75rem 0}:host ::ng-deep .x-docs-content hr{margin:2rem 0;border:none;border-top:1px solid var(--bs-border-color)}.x-docs-toc{max-height:calc(100vh - 160px);overflow-y:auto;padding-left:1rem!important}.x-docs-toc-wrapper{padding:1rem;background-color:var(--bs-body-bg);border-radius:.5rem;border:1px solid var(--bs-border-color-translucent)}.x-docs-toc-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--bs-secondary-color);margin-bottom:.75rem}.x-docs-toc-list{list-style:none;padding:0;margin:0}.x-docs-toc-item{margin-bottom:.125rem}.x-docs-toc-link{display:block;padding:.375rem 0 .375rem .75rem;font-size:.8125rem;color:var(--bs-secondary-color);text-decoration:none;border-left:2px solid transparent;transition:color .15s ease,border-color .15s ease}.x-docs-toc-link:hover{color:var(--bs-body-color)}.x-docs-header-nav.active{color:var(--bs-primary);border-left-color:var(--bs-primary);font-weight:500}@media(max-width:575.98px){.x-docs-main{padding:1rem!important;border-radius:0}.x-docs-article{padding-right:0!important}.x-docs-breadcrumb{margin-bottom:1rem;padding-bottom:.75rem}.x-docs-breadcrumb .breadcrumb{font-size:.8125rem;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.x-docs-breadcrumb .breadcrumb::-webkit-scrollbar{display:none}:host ::ng-deep .x-docs-content h1{font-size:1.5rem}:host ::ng-deep .x-docs-content h2{font-size:1.25rem;margin-top:1.75rem}:host ::ng-deep .x-docs-content h3{font-size:1.125rem}:host ::ng-deep .x-docs-content pre{padding:.75rem;font-size:.75rem;border-radius:.375rem}:host ::ng-deep .x-docs-content table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}:host ::ng-deep .x-docs-content th,:host ::ng-deep .x-docs-content td{padding:.5rem}}@media(min-width:576px)and (max-width:991.98px){.x-docs-main{padding:1.5rem!important}.x-docs-article{padding-right:1rem!important}}@media(min-width:992px){.x-docs-sidebar{padding-right:1.5rem!important}}@media(hover:none)and (pointer:coarse){.x-docs-nav-link{padding:.625rem .75rem;min-height:44px;display:flex;align-items:center}.x-docs-nav-sublink{padding:.5rem .75rem;min-height:40px;display:flex;align-items:center}.x-docs-toc-link{padding:.5rem 0 .5rem .75rem;min-height:40px;display:flex;align-items:center}.x-docs-mobile-select{min-height:48px;font-size:1rem}}@media print{.x-docs-mobile-nav,.x-docs-sidebar,.x-docs-toc{display:none!important}.x-docs-main{padding:0!important;background:none!important}.x-docs-article{width:100%!important;max-width:100%!important;flex:0 0 100%!important}:host ::ng-deep .x-docs-content pre{white-space:pre-wrap;word-wrap:break-word}}\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: i3.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,
@@ -707,4 +707,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
         }] });
 
 export { DocsModule };
-//# sourceMappingURL=thescaffold-ngx-apps-blog-docs.module-CLrP53Ce.mjs.map
+//# sourceMappingURL=thescaffold-ngx-apps-blog-docs.module-BXVfzO_g.mjs.map

package/fesm2022/{thescaffold-ngx-apps-blog-docs.module-CLrP53Ce.mjs.map → thescaffold-ngx-apps-blog-docs.module-BXVfzO_g.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"thescaffold-ngx-apps-blog-docs.module-CLrP53Ce.mjs","sources":["../../../projects/blog/src/lib/pages/docs/docs.component.ts","../../../projects/blog/src/lib/pages/docs/docs.module.ts"],"sourcesContent":["import { Component, HostListener, inject } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { BaseDirective, MediaService, titleCase } from '@thescaffold/ngx-core';\nimport { combineLatest, map, Observable, switchMap } from 'rxjs';\n\n@Component({\n  standalone: false,\n  selector: 'x-docs',\n  template: `\n    <div class=\"x-docs row m-0 p-0\">\n      <!-- Mobile Navigation Dropdown -->\n      @if (nav$ | async; as nav) {\n        <div\n          class=\"x-docs-mobile-nav col-12 col-lg-3 p-0 mb-3 sticky-top d-block d-lg-none\"\n        >\n          @if (nav?.length) {\n            <div class=\"x-docs-mobile-nav-wrapper\">\n              <i class=\"fa-solid fa-book-open x-docs-mobile-nav-icon\"></i>\n              <select\n                (change)=\"onSelectChange($event)\"\n                class=\"form-select x-docs-mobile-select\"\n              >\n                <option value=\"\" disabled selected>\n                  Navigate Documentation\n                </option>\n                @for (a of nav; track a) {\n                  <optgroup [label]=\"a.title\">\n                    @if (!a?.links?.length) {\n                      <option [value]=\"a.url\">\n                        {{ a.title }}\n                      </option>\n                    }\n                    @if (a?.links?.length) {\n                      @for (b of a.links; track b) {\n                        <option [value]=\"b.url\">\n                          {{ b.title }}\n                        </option>\n                      }\n                      @for (b of a.links; track b) {\n                        @for (c of b.links; track c) {\n                          <option [value]=\"c.url\">— {{ c.title }}</option>\n                        }\n                      }\n                    }\n                  </optgroup>\n                }\n              </select>\n            </div>\n          }\n        </div>\n      } @else {\n        <x-element-loader></x-element-loader>\n      }\n\n      <!-- Desktop Sidebar Navigation -->\n      @if (nav$ | async; as nav) {\n        <aside\n          class=\"x-docs-sidebar col-12 col-lg-3 sticky-top d-none d-lg-block p-0 m-0\"\n        >\n          <nav class=\"x-docs-sidebar-nav\" aria-label=\"Documentation navigation\">\n            @if (nav?.length) {\n              @for (a of nav; track a; let i = $index) {\n                <div\n                  class=\"x-docs-nav-section\"\n                  [class.collapsed]=\"expandedSection !== i\"\n                >\n                  <button\n                    class=\"x-docs-nav-title-btn\"\n                    type=\"button\"\n                    (click)=\"toggleSection(i)\"\n                    [attr.aria-expanded]=\"expandedSection === i\"\n                    aria-controls=\"nav-section-{{ i }}\"\n                  >\n                    <span\n                      class=\"x-docs-nav-title-text\"\n                      [innerHTML]=\"a.title\"\n                    ></span>\n                    <i\n                      class=\"fa-solid x-docs-nav-chevron\"\n                      [class.fa-chevron-down]=\"expandedSection !== i\"\n                      [class.fa-chevron-up]=\"expandedSection === i\"\n                    ></i>\n                  </button>\n                  @if (a?.links?.length) {\n                    <ul class=\"x-docs-nav-list\" [id]=\"'nav-section-' + i\">\n                      @for (b of a?.links; track b; let j = $index) {\n                        <li\n                          class=\"x-docs-nav-item\"\n                          [class.collapsed]=\"\n                            b?.links?.length &&\n                            expandedSubSection !== i + '-' + j\n                          \"\n                        >\n                          @if (b?.links?.length) {\n                            <button\n                              class=\"x-docs-nav-link x-docs-nav-link-btn\"\n                              type=\"button\"\n                              (click)=\"toggleSubSection(i, j)\"\n                              [attr.aria-expanded]=\"\n                                expandedSubSection === i + '-' + j\n                              \"\n                              [class.has-children]=\"true\"\n                            >\n                              <span [innerHTML]=\"b.title\"></span>\n                              <i\n                                class=\"fa-solid x-docs-nav-sub-chevron\"\n                                [class.fa-chevron-down]=\"\n                                  expandedSubSection !== i + '-' + j\n                                \"\n                                [class.fa-chevron-up]=\"\n                                  expandedSubSection === i + '-' + j\n                                \"\n                              ></i>\n                            </button>\n                            <ul class=\"x-docs-nav-sublist\">\n                              @for (c of b.links; track c) {\n                                <li class=\"x-docs-nav-subitem\">\n                                  <a\n                                    class=\"x-docs-child-nav x-docs-nav-sublink\"\n                                    [routerLink]=\"c.url\"\n                                    [routerLinkActive]=\"'active'\"\n                                    [innerHTML]=\"c.title\"\n                                  ></a>\n                                </li>\n                              }\n                            </ul>\n                          } @else {\n                            <a\n                              class=\"x-docs-parent-nav x-docs-nav-link\"\n                              [routerLink]=\"b.url\"\n                              [routerLinkActive]=\"'active'\"\n                              [innerHTML]=\"b.title\"\n                            ></a>\n                          }\n                        </li>\n                      }\n                    </ul>\n                  }\n                </div>\n              }\n            }\n          </nav>\n        </aside>\n      } @else {\n        <x-element-loader></x-element-loader>\n      }\n\n      <!-- Main Content Area -->\n      <main class=\"x-docs-main col-12 col-lg-9\">\n        @if (docs$ | async; as docs) {\n          <div class=\"row\">\n            <article class=\"x-docs-article col-12 col-lg-9\">\n              <!-- Breadcrumbs -->\n              @if (breadcrumbs$ | async; as breadcrumbs) {\n                <nav class=\"x-docs-breadcrumb\" aria-label=\"Breadcrumb\">\n                  <ol class=\"breadcrumb mb-0\">\n                    @for (\n                      breadcrumb of breadcrumbs;\n                      track breadcrumb;\n                      let last = $last\n                    ) {\n                      <li class=\"breadcrumb-item\" [class.active]=\"last\">\n                        @if (breadcrumb?.url) {\n                          <a\n                            [routerLink]=\"breadcrumb.url\"\n                            class=\"x-docs-breadcrumb-link\"\n                          >\n                            {{ breadcrumb.title }}\n                          </a>\n                        }\n                        @if (!breadcrumb?.url) {\n                          <span class=\"x-docs-breadcrumb-current\">{{\n                            breadcrumb.title\n                          }}</span>\n                        }\n                      </li>\n                    }\n                  </ol>\n                </nav>\n              }\n\n              <!-- Documentation Content -->\n              @if (docs?.html) {\n                <div\n                  class=\"x-docs-content\"\n                  data-bs-spy=\"scroll\"\n                  data-bs-target=\"#x-docs-nav\"\n                  data-bs-root-margin=\"0px 0px -40%\"\n                  data-bs-smooth-scroll=\"true\"\n                  tabindex=\"0\"\n                >\n                  <div [innerHTML]=\"docs.html | xSafeHtml\"></div>\n                </div>\n              } @else {\n                <x-element-blank></x-element-blank>\n              }\n            </article>\n\n            <!-- Table of Contents (On This Page) -->\n            @if (showHeaders && docs?.headers?.length) {\n              <aside class=\"x-docs-toc col-lg-3 sticky-top d-none d-lg-block\">\n                <div class=\"x-docs-toc-wrapper\">\n                  <h4 class=\"x-docs-toc-title\">On This Page</h4>\n                  <nav class=\"x-docs-toc-nav\" aria-label=\"Table of contents\">\n                    <ul class=\"x-docs-toc-list\">\n                      @for (h of getLowestLevelHeaders(docs.headers); track h) {\n                        <li class=\"x-docs-toc-item\">\n                          <a\n                            class=\"x-docs-header-nav x-docs-toc-link\"\n                            [routerLink]=\"['./']\"\n                            [routerLinkActive]=\"'active'\"\n                            [fragment]=\"h.id\"\n                            [innerHTML]=\"h.text\"\n                          ></a>\n                        </li>\n                      }\n                    </ul>\n                  </nav>\n                </div>\n              </aside>\n            }\n          </div>\n        } @else {\n          <x-element-loader></x-element-loader>\n        }\n      </main>\n    </div>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      /* Main Layout */\n      .x-docs {\n        min-height: calc(100vh - 120px);\n      }\n\n      /* Mobile Navigation */\n      .x-docs-mobile-nav {\n        z-index: 100;\n        background: var(--bs-body-bg);\n        padding: 0.75rem !important;\n        border-bottom: 1px solid var(--bs-border-color-translucent);\n      }\n\n      .x-docs-mobile-nav-wrapper {\n        position: relative;\n        display: flex;\n        align-items: center;\n      }\n\n      .x-docs-mobile-nav-icon {\n        position: absolute;\n        left: 1rem;\n        color: var(--bs-secondary-color);\n        pointer-events: none;\n        z-index: 1;\n      }\n\n      .x-docs-mobile-select {\n        padding-left: 2.5rem !important;\n        font-size: 0.9375rem;\n        border-radius: 0.5rem;\n        border-color: var(--bs-border-color);\n        background-color: var(--bs-body-bg);\n        transition:\n          border-color 0.15s ease,\n          box-shadow 0.15s ease;\n      }\n\n      .x-docs-mobile-select:focus {\n        border-color: var(--bs-primary);\n        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.15);\n      }\n\n      /* Desktop Sidebar */\n      .x-docs-sidebar {\n        max-height: calc(100vh - 80px);\n        overflow-y: auto;\n        padding: 1.5rem 1rem 1.5rem 0 !important;\n        scrollbar-width: thin;\n        scrollbar-color: var(--bs-border-color) transparent;\n      }\n\n      .x-docs-sidebar::-webkit-scrollbar {\n        width: 4px;\n      }\n\n      .x-docs-sidebar::-webkit-scrollbar-track {\n        background: transparent;\n      }\n\n      .x-docs-sidebar::-webkit-scrollbar-thumb {\n        background-color: var(--bs-border-color);\n        border-radius: 4px;\n      }\n\n      .x-docs-nav-section {\n      }\n\n      .x-docs-nav-section:last-child {\n        margin-bottom: 0;\n      }\n\n      .x-docs-nav-title-btn {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        padding: 0.5rem 0.75rem;\n        margin-bottom: 0.5rem;\n        background: transparent;\n        border: none;\n        border-radius: 0.375rem;\n        cursor: pointer;\n        transition: background-color 0.15s ease;\n      }\n\n      .x-docs-nav-title-btn:hover {\n        background-color: var(--bs-tertiary-bg);\n      }\n\n      .x-docs-nav-title-btn:focus {\n        outline: none;\n        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.15);\n      }\n\n      .x-docs-nav-title-text {\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: var(--bs-secondary-color);\n      }\n\n      .x-docs-nav-chevron {\n        font-size: 0.625rem;\n        color: var(--bs-secondary-color);\n        transition: transform 0.2s ease;\n      }\n\n      .x-docs-nav-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        max-height: 1000px;\n        overflow: hidden;\n        transition:\n          max-height 0.3s ease,\n          opacity 0.2s ease;\n        opacity: 1;\n        margin-left: 1rem !important;\n      }\n\n      .x-docs-nav-section.collapsed .x-docs-nav-list {\n        max-height: 0;\n        opacity: 0;\n        margin: 0;\n      }\n\n      .x-docs-nav-item {\n        margin-bottom: 0.125rem;\n      }\n\n      .x-docs-nav-link-btn {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        background: transparent;\n        border: none;\n        cursor: pointer;\n        text-align: left;\n      }\n\n      .x-docs-nav-link-btn:focus {\n        outline: none;\n        box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.15);\n      }\n\n      .x-docs-nav-sub-chevron {\n        font-size: 0.5rem;\n        color: var(--bs-secondary-color);\n        margin-left: 0.5rem;\n        flex-shrink: 0;\n        transition: transform 0.2s ease;\n      }\n\n      .x-docs-nav-link {\n        display: block;\n        padding: 0.5rem 0.75rem;\n        font-size: 0.875rem;\n        color: var(--bs-body-color);\n        text-decoration: none;\n        border-radius: 0.375rem;\n        transition:\n          background-color 0.15s ease,\n          color 0.15s ease;\n      }\n\n      .x-docs-nav-link:hover {\n        background-color: var(--bs-tertiary-bg);\n        color: var(--bs-body-color);\n      }\n\n      .x-docs-parent-nav.active {\n        background-color: var(--bs-primary-bg-subtle);\n        color: var(--bs-primary);\n        font-weight: 600;\n      }\n\n      .x-docs-nav-sublist {\n        list-style: none;\n        padding: 0;\n        margin: 0.25rem 0 0.5rem 0.75rem;\n        border-left: 1px solid var(--bs-border-color);\n        max-height: 500px;\n        overflow: hidden;\n        transition:\n          max-height 0.25s ease,\n          opacity 0.2s ease,\n          margin 0.25s ease;\n        opacity: 1;\n      }\n\n      .x-docs-nav-item.collapsed .x-docs-nav-sublist {\n        max-height: 0;\n        opacity: 0;\n        margin: 0 0 0 0.75rem;\n      }\n\n      .x-docs-nav-subitem {\n        margin: 0;\n      }\n\n      .x-docs-nav-sublink {\n        display: block;\n        padding: 0.375rem 0.75rem;\n        font-size: 0.8125rem;\n        color: var(--bs-secondary-color);\n        text-decoration: none;\n        border-left: 2px solid transparent;\n        margin-left: -1px;\n        transition:\n          color 0.15s ease,\n          border-color 0.15s ease;\n      }\n\n      .x-docs-nav-sublink:hover {\n        color: var(--bs-body-color);\n        border-left-color: var(--bs-border-color);\n      }\n\n      .x-docs-child-nav.active {\n        color: var(--bs-primary);\n        border-left-color: var(--bs-primary);\n        font-weight: 500;\n      }\n\n      /* Main Content Area */\n      .x-docs-main {\n        background-color: var(--bs-tertiary-bg);\n        border-radius: 1rem 0 0 0;\n        padding: 2rem !important;\n      }\n\n      .x-docs-article {\n        padding-right: 2rem !important;\n      }\n\n      /* Breadcrumbs */\n      .x-docs-breadcrumb {\n        margin-bottom: 1.5rem;\n        padding-bottom: 1rem;\n        border-bottom: 1px solid var(--bs-border-color-translucent);\n      }\n\n      .x-docs-breadcrumb .breadcrumb {\n        font-size: 0.875rem;\n        margin: 0;\n      }\n\n      .x-docs-breadcrumb-link {\n        color: var(--bs-secondary-color);\n        text-decoration: none;\n        transition: color 0.15s ease;\n      }\n\n      .x-docs-breadcrumb-link:hover {\n        color: var(--bs-primary);\n      }\n\n      .x-docs-breadcrumb-current {\n        color: var(--bs-body-color);\n        font-weight: 500;\n      }\n\n      /* Documentation Content */\n      .x-docs-content {\n        line-height: 1.7;\n        color: var(--bs-body-color);\n      }\n\n      /* Content Typography */\n      :host ::ng-deep .x-docs-content h1 {\n        font-size: 2rem;\n        font-weight: 700;\n        margin-top: 0;\n        margin-bottom: 1.5rem;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-docs-content h2 {\n        font-size: 1.5rem;\n        font-weight: 600;\n        margin-top: 2.5rem;\n        margin-bottom: 1rem;\n        padding-bottom: 0.5rem;\n        border-bottom: 1px solid var(--bs-border-color-translucent);\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-docs-content h3 {\n        font-size: 1.25rem;\n        font-weight: 600;\n        margin-top: 2rem;\n        margin-bottom: 0.75rem;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-docs-content h4,\n      :host ::ng-deep .x-docs-content h5,\n      :host ::ng-deep .x-docs-content h6 {\n        font-size: 1rem;\n        font-weight: 600;\n        margin-top: 1.5rem;\n        margin-bottom: 0.5rem;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-docs-content p {\n        margin-bottom: 1rem;\n      }\n\n      :host ::ng-deep .x-docs-content a {\n        color: var(--bs-primary);\n        text-decoration: none;\n        border-bottom: 1px solid transparent;\n        transition: border-color 0.15s ease;\n      }\n\n      :host ::ng-deep .x-docs-content a:hover {\n        border-bottom-color: var(--bs-primary);\n      }\n\n      :host ::ng-deep .x-docs-content ul,\n      :host ::ng-deep .x-docs-content ol {\n        margin-bottom: 1rem;\n        padding-left: 1.5rem;\n      }\n\n      :host ::ng-deep .x-docs-content li {\n        margin-bottom: 0.375rem;\n      }\n\n      :host ::ng-deep .x-docs-content code {\n        font-family:\n          'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;\n        font-size: 0.875em;\n        padding: 0.2em 0.4em;\n        background-color: var(--bs-body-bg);\n        border-radius: 0.25rem;\n        color: var(--bs-code-color, #d63384);\n      }\n\n      :host ::ng-deep .x-docs-content pre {\n        background-color: var(--bs-body-bg);\n        border: 1px solid var(--bs-border-color);\n        border-radius: 0.5rem;\n        padding: 1rem;\n        margin-bottom: 1.25rem;\n        overflow-x: auto;\n        font-size: 0.8125rem;\n        line-height: 1.5;\n      }\n\n      :host ::ng-deep .x-docs-content pre code {\n        background: transparent;\n        padding: 0;\n        border-radius: 0;\n        color: inherit;\n        font-size: inherit;\n      }\n\n      :host ::ng-deep .x-docs-content blockquote {\n        margin: 1.25rem 0;\n        padding: 1rem 1.25rem;\n        border-left: 4px solid var(--bs-primary);\n        background-color: var(--bs-body-bg);\n        border-radius: 0 0.5rem 0.5rem 0;\n        color: var(--bs-secondary-color);\n      }\n\n      :host ::ng-deep .x-docs-content blockquote p:last-child {\n        margin-bottom: 0;\n      }\n\n      :host ::ng-deep .x-docs-content table {\n        width: 100%;\n        margin-bottom: 1.25rem;\n        border-collapse: collapse;\n        font-size: 0.875rem;\n      }\n\n      :host ::ng-deep .x-docs-content th,\n      :host ::ng-deep .x-docs-content td {\n        padding: 0.625rem 0.75rem;\n        border: 1px solid var(--bs-border-color);\n        text-align: left;\n      }\n\n      :host ::ng-deep .x-docs-content th {\n        background-color: var(--bs-body-bg);\n        font-weight: 600;\n      }\n\n      :host ::ng-deep .x-docs-content img {\n        max-width: 100%;\n        height: auto;\n        border-radius: 0.5rem;\n        margin: 0.75rem 0;\n      }\n\n      :host ::ng-deep .x-docs-content hr {\n        margin: 2rem 0;\n        border: none;\n        border-top: 1px solid var(--bs-border-color);\n      }\n\n      /* Table of Contents */\n      .x-docs-toc {\n        max-height: calc(100vh - 160px);\n        overflow-y: auto;\n        padding-left: 1rem !important;\n      }\n\n      .x-docs-toc-wrapper {\n        padding: 1rem;\n        background-color: var(--bs-body-bg);\n        border-radius: 0.5rem;\n        border: 1px solid var(--bs-border-color-translucent);\n      }\n\n      .x-docs-toc-title {\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: var(--bs-secondary-color);\n        margin-bottom: 0.75rem;\n      }\n\n      .x-docs-toc-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n      }\n\n      .x-docs-toc-item {\n        margin-bottom: 0.125rem;\n      }\n\n      .x-docs-toc-link {\n        display: block;\n        padding: 0.375rem 0;\n        padding-left: 0.75rem;\n        font-size: 0.8125rem;\n        color: var(--bs-secondary-color);\n        text-decoration: none;\n        border-left: 2px solid transparent;\n        transition:\n          color 0.15s ease,\n          border-color 0.15s ease;\n      }\n\n      .x-docs-toc-link:hover {\n        color: var(--bs-body-color);\n      }\n\n      .x-docs-header-nav.active {\n        color: var(--bs-primary);\n        border-left-color: var(--bs-primary);\n        font-weight: 500;\n      }\n\n      /* Mobile Responsive Styles */\n      @media (max-width: 575.98px) {\n        .x-docs-main {\n          padding: 1rem !important;\n          border-radius: 0;\n        }\n\n        .x-docs-article {\n          padding-right: 0 !important;\n        }\n\n        .x-docs-breadcrumb {\n          margin-bottom: 1rem;\n          padding-bottom: 0.75rem;\n        }\n\n        .x-docs-breadcrumb .breadcrumb {\n          font-size: 0.8125rem;\n          flex-wrap: nowrap;\n          overflow-x: auto;\n          white-space: nowrap;\n          -webkit-overflow-scrolling: touch;\n          scrollbar-width: none;\n        }\n\n        .x-docs-breadcrumb .breadcrumb::-webkit-scrollbar {\n          display: none;\n        }\n\n        :host ::ng-deep .x-docs-content h1 {\n          font-size: 1.5rem;\n        }\n\n        :host ::ng-deep .x-docs-content h2 {\n          font-size: 1.25rem;\n          margin-top: 1.75rem;\n        }\n\n        :host ::ng-deep .x-docs-content h3 {\n          font-size: 1.125rem;\n        }\n\n        :host ::ng-deep .x-docs-content pre {\n          padding: 0.75rem;\n          font-size: 0.75rem;\n          border-radius: 0.375rem;\n        }\n\n        :host ::ng-deep .x-docs-content table {\n          display: block;\n          overflow-x: auto;\n          white-space: nowrap;\n          -webkit-overflow-scrolling: touch;\n        }\n\n        :host ::ng-deep .x-docs-content th,\n        :host ::ng-deep .x-docs-content td {\n          padding: 0.5rem;\n        }\n      }\n\n      /* Tablet Styles */\n      @media (min-width: 576px) and (max-width: 991.98px) {\n        .x-docs-main {\n          padding: 1.5rem !important;\n        }\n\n        .x-docs-article {\n          padding-right: 1rem !important;\n        }\n      }\n\n      /* Desktop Large */\n      @media (min-width: 992px) {\n        .x-docs-sidebar {\n          padding-right: 1.5rem !important;\n        }\n      }\n\n      /* Touch-friendly targets */\n      @media (hover: none) and (pointer: coarse) {\n        .x-docs-nav-link {\n          padding: 0.625rem 0.75rem;\n          min-height: 44px;\n          display: flex;\n          align-items: center;\n        }\n\n        .x-docs-nav-sublink {\n          padding: 0.5rem 0.75rem;\n          min-height: 40px;\n          display: flex;\n          align-items: center;\n        }\n\n        .x-docs-toc-link {\n          padding: 0.5rem 0 0.5rem 0.75rem;\n          min-height: 40px;\n          display: flex;\n          align-items: center;\n        }\n\n        .x-docs-mobile-select {\n          min-height: 48px;\n          font-size: 1rem;\n        }\n      }\n\n      /* Print Styles */\n      @media print {\n        .x-docs-mobile-nav,\n        .x-docs-sidebar,\n        .x-docs-toc {\n          display: none !important;\n        }\n\n        .x-docs-main {\n          padding: 0 !important;\n          background: none !important;\n        }\n\n        .x-docs-article {\n          width: 100% !important;\n          max-width: 100% !important;\n          flex: 0 0 100% !important;\n        }\n\n        :host ::ng-deep .x-docs-content pre {\n          white-space: pre-wrap;\n          word-wrap: break-word;\n        }\n      }\n    `,\n  ],\n})\nexport class DocsComponent extends BaseDirective {\n  private readonly mediaService = inject(MediaService);\n  private readonly route = inject(ActivatedRoute);\n\n  private navList: any[] = [];\n  private currentNav?: string;\n\n  showHeaders = true;\n  expandedSection: number | null = null;\n  expandedSubSection: string | null = null;\n\n  /**\n   * Intercepts clicks on anchor tags within the documentation content\n   * and routes internal links via Angular Router instead of triggering\n   * a full page reload.\n   */\n  @HostListener('click', ['$event'])\n  onContentClick(event: MouseEvent): void {\n    const target = event.target as HTMLElement;\n    const anchor = target.closest('a');\n\n    if (!anchor) return;\n\n    const href = anchor.getAttribute('href');\n    if (!href) return;\n\n    // Check if it's an internal link (starts with /, ./, or ../)\n    if (\n      href.startsWith('/') ||\n      href.startsWith('./') ||\n      href.startsWith('../')\n    ) {\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Handle fragment links\n      const [path, fragment] = href.split('#');\n      const extras: any = {};\n      if (fragment) {\n        extras.fragment = fragment;\n      }\n\n      this.router.navigate([path || './'], extras);\n    } else if (href.startsWith('#')) {\n      // Same-page fragment navigation\n      event.preventDefault();\n      event.stopPropagation();\n      this.router.navigate([], {\n        fragment: href.substring(1),\n        relativeTo: this.route,\n      });\n    }\n    // External links (http://, https://, etc.) will navigate normally\n  }\n\n  nav$: Observable<any> = combineLatest([\n    this.mediaService.context('blog').index(),\n    this.route.url,\n  ]).pipe(\n    map(([content, _urlSegments]) => {\n      this.navList = (content as any)?.nav || [];\n\n      // Use full router URL instead of relative segments\n      const currentPath = this.router.url.split('?')[0].split('#')[0];\n\n      // Find and expand the section containing the current page\n      this.expandCurrentSection(this.navList, currentPath);\n\n      return this.navList;\n    }),\n  );\n\n  breadcrumbs$: Observable<any> = this.route.url.pipe(\n    map((segments) => {\n      const breads = [\n        {\n          title: this.translate('apps.blog.component.docs.home.title'),\n          url: '/blog',\n        },\n        ...(segments.length > 1\n          ? [\n              {\n                title: titleCase(segments[0].path.replace(/-/g, ' ')),\n                url: `/${segments[0]}`,\n              },\n            ]\n          : []),\n        ...(segments.length > 2\n          ? [\n              {\n                title: titleCase(segments[1].path.replace(/-/g, ' ')),\n                url: `/${segments[1]}`,\n              },\n            ]\n          : []),\n        ...(segments.length > 3\n          ? [\n              {\n                title: titleCase(segments[2].path.replace(/-/g, ' ')),\n                url: `/${segments[2]}`,\n              },\n            ]\n          : []),\n        {\n          title: titleCase(\n            segments[segments.length - 1].path.replace(/-/g, ' '),\n          ),\n          url: null,\n        },\n      ];\n\n      return breads;\n    }),\n  );\n\n  docs$: Observable<any> = this.route.params.pipe(\n    switchMap((params) => {\n      let name = '';\n\n      const sub1 = (this.currentNav = params['sub1']);\n      if (sub1) {\n        this.showHeaders = sub1.toLowerCase() != 'index';\n        name += sub1;\n      }\n\n      const sub2 = params['sub2'];\n      if (sub2) {\n        this.showHeaders = sub2.toLowerCase() != 'index';\n        name += `/${sub2}`;\n      }\n\n      const sub3 = params['sub3'];\n      if (sub3) {\n        this.showHeaders = sub3.toLowerCase() != 'index';\n        name += `/${sub3}`;\n      }\n\n      const sub4 = params['sub4'];\n      if (sub4) {\n        this.showHeaders = sub4.toLowerCase() != 'index';\n        name += `/${sub4}`;\n      }\n\n      const sub5 = params['sub5'];\n      if (sub5) {\n        this.showHeaders = sub5.toLowerCase() != 'index';\n        name += `/${sub5}`;\n      }\n\n      return this.mediaService.context('blog').article(name, true);\n    }),\n  );\n\n  onSelectChange(event: any): void {\n    const selectedUrl = (event.target as HTMLSelectElement).value;\n    if (selectedUrl) {\n      this.router.navigate([selectedUrl]);\n    }\n  }\n\n  getLowestLevelHeaders(headers: any[]): any[] {\n    if (headers.length === 0) return [];\n\n    // Find the lowest level in the array\n    const minLevel = Math.min(...headers.map((header) => header.level));\n\n    // Filter headers by the lowest level\n    return headers.filter((header) => header.level == minLevel);\n  }\n\n  toggleSection(index: number): void {\n    // Accordion behavior: close if already open, otherwise open this one and close others\n    if (this.expandedSection === index) {\n      this.expandedSection = null;\n    } else {\n      this.expandedSection = index;\n      // Reset sub-section when changing main section\n      this.expandedSubSection = null;\n    }\n  }\n\n  toggleSubSection(sectionIndex: number, subIndex: number): void {\n    const key = `${sectionIndex}-${subIndex}`;\n    // Accordion behavior: close if already open, otherwise open this one and close others\n    if (this.expandedSubSection === key) {\n      this.expandedSubSection = null;\n    } else {\n      this.expandedSubSection = key;\n    }\n  }\n\n  private expandCurrentSection(nav: any[], currentPath: string): void {\n    if (!nav?.length) return;\n\n    // Normalize current path (remove trailing slash, handle base path)\n    const normalizedCurrentPath = currentPath.replace(/\\/$/, '').toLowerCase();\n\n    for (let i = 0; i < nav.length; i++) {\n      const section = nav[i];\n\n      // Check if section URL matches\n      if (section.url && this.urlMatches(section.url, normalizedCurrentPath)) {\n        this.expandedSection = i;\n        return;\n      }\n\n      // Check links (level 2)\n      if (section.links?.length) {\n        for (let j = 0; j < section.links.length; j++) {\n          const link = section.links[j];\n\n          if (link.url && this.urlMatches(link.url, normalizedCurrentPath)) {\n            this.expandedSection = i;\n            if (link.links?.length) {\n              this.expandedSubSection = `${i}-${j}`;\n            }\n            return;\n          }\n\n          // Check sub-links (level 3)\n          if (link.links?.length) {\n            for (const subLink of link.links) {\n              if (\n                subLink.url &&\n                this.urlMatches(subLink.url, normalizedCurrentPath)\n              ) {\n                this.expandedSection = i;\n                this.expandedSubSection = `${i}-${j}`;\n                return;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // Default to first section if no match found\n    if (this.expandedSection === null && nav.length > 0) {\n      this.expandedSection = 0;\n    }\n  }\n\n  private urlMatches(navUrl: string, currentPath: string): boolean {\n    const normalizedNavUrl = navUrl.replace(/\\/$/, '').toLowerCase();\n    return (\n      normalizedNavUrl === currentPath ||\n      currentPath.startsWith(normalizedNavUrl + '/')\n    );\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { PipesModule, SharedModule } from '@thescaffold/ngx-core';\nimport {\n  ElementsModule,\n  LayoutsModule,\n  ToolbarModule,\n} from '@thescaffold/ngx-ui';\nimport { DocsComponent } from './docs.component';\n\n@NgModule({\n  declarations: [DocsComponent],\n  imports: [\n    SharedModule,\n    RouterModule.forChild([\n      { path: ':sub1/:sub2/:sub3/:sub4/:sub5', component: DocsComponent },\n      { path: ':sub1/:sub2/:sub3/:sub4', component: DocsComponent },\n      { path: ':sub1/:sub2/:sub3', component: DocsComponent },\n      { path: ':sub1/:sub2', component: DocsComponent },\n      { path: ':sub1', component: DocsComponent },\n    ]),\n    LayoutsModule,\n    ElementsModule,\n    ToolbarModule,\n    PipesModule,\n  ],\n})\nexport class DocsModule {}\n"],"names":["i2","i3","i4","i5"],"mappings":"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"}
+{"version":3,"file":"thescaffold-ngx-apps-blog-docs.module-BXVfzO_g.mjs","sources":["../../../projects/blog/src/lib/pages/docs/docs.component.ts","../../../projects/blog/src/lib/pages/docs/docs.module.ts"],"sourcesContent":["import { Component, HostListener, inject } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { BaseDirective, MediaService, titleCase } from '@thescaffold/ngx-core';\nimport { combineLatest, map, Observable, switchMap } from 'rxjs';\n\n@Component({\n  standalone: false,\n  selector: 'x-docs',\n  template: `\n    <div class=\"x-docs row m-0 p-0\">\n      <!-- Mobile Navigation Dropdown -->\n      @if (nav$ | async; as nav) {\n        <div\n          class=\"x-docs-mobile-nav col-12 col-lg-3 p-0 mb-3 sticky-top d-block d-lg-none\"\n        >\n          @if (nav?.length) {\n            <div class=\"x-docs-mobile-nav-wrapper\">\n              <i class=\"fa-solid fa-book-open x-docs-mobile-nav-icon\"></i>\n              <select\n                (change)=\"onSelectChange($event)\"\n                class=\"form-select x-docs-mobile-select\"\n              >\n                <option value=\"\" disabled selected>\n                  Navigate Documentation\n                </option>\n                @for (a of nav; track a) {\n                  <optgroup [label]=\"a.title\">\n                    @if (!a?.links?.length) {\n                      <option [value]=\"a.url\">\n                        {{ a.title }}\n                      </option>\n                    }\n                    @if (a?.links?.length) {\n                      @for (b of a.links; track b) {\n                        <option [value]=\"b.url\">\n                          {{ b.title }}\n                        </option>\n                      }\n                      @for (b of a.links; track b) {\n                        @for (c of b.links; track c) {\n                          <option [value]=\"c.url\">— {{ c.title }}</option>\n                        }\n                      }\n                    }\n                  </optgroup>\n                }\n              </select>\n            </div>\n          }\n        </div>\n      } @else {\n        <x-element-loader></x-element-loader>\n      }\n\n      <!-- Desktop Sidebar Navigation -->\n      @if (nav$ | async; as nav) {\n        <aside\n          class=\"x-docs-sidebar col-12 col-lg-3 sticky-top d-none d-lg-block p-0 m-0\"\n        >\n          <nav class=\"x-docs-sidebar-nav\" aria-label=\"Documentation navigation\">\n            @if (nav?.length) {\n              @for (a of nav; track a; let i = $index) {\n                <div\n                  class=\"x-docs-nav-section\"\n                  [class.collapsed]=\"expandedSection !== i\"\n                >\n                  <button\n                    class=\"x-docs-nav-title-btn\"\n                    type=\"button\"\n                    (click)=\"toggleSection(i)\"\n                    [attr.aria-expanded]=\"expandedSection === i\"\n                    aria-controls=\"nav-section-{{ i }}\"\n                  >\n                    <span\n                      class=\"x-docs-nav-title-text\"\n                      [innerHTML]=\"a.title\"\n                    ></span>\n                    <i\n                      class=\"fa-solid x-docs-nav-chevron\"\n                      [class.fa-chevron-down]=\"expandedSection !== i\"\n                      [class.fa-chevron-up]=\"expandedSection === i\"\n                    ></i>\n                  </button>\n                  @if (a?.links?.length) {\n                    <ul class=\"x-docs-nav-list\" [id]=\"'nav-section-' + i\">\n                      @for (b of a?.links; track b; let j = $index) {\n                        <li\n                          class=\"x-docs-nav-item\"\n                          [class.collapsed]=\"\n                            b?.links?.length &&\n                            expandedSubSection !== i + '-' + j\n                          \"\n                        >\n                          @if (b?.links?.length) {\n                            <button\n                              class=\"x-docs-nav-link x-docs-nav-link-btn\"\n                              type=\"button\"\n                              (click)=\"toggleSubSection(i, j)\"\n                              [attr.aria-expanded]=\"\n                                expandedSubSection === i + '-' + j\n                              \"\n                              [class.has-children]=\"true\"\n                            >\n                              <span [innerHTML]=\"b.title\"></span>\n                              <i\n                                class=\"fa-solid x-docs-nav-sub-chevron\"\n                                [class.fa-chevron-down]=\"\n                                  expandedSubSection !== i + '-' + j\n                                \"\n                                [class.fa-chevron-up]=\"\n                                  expandedSubSection === i + '-' + j\n                                \"\n                              ></i>\n                            </button>\n                            <ul class=\"x-docs-nav-sublist\">\n                              @for (c of b.links; track c) {\n                                <li class=\"x-docs-nav-subitem\">\n                                  <a\n                                    class=\"x-docs-child-nav x-docs-nav-sublink\"\n                                    [routerLink]=\"c.url\"\n                                    [routerLinkActive]=\"'active'\"\n                                    [innerHTML]=\"c.title\"\n                                  ></a>\n                                </li>\n                              }\n                            </ul>\n                          } @else {\n                            <a\n                              class=\"x-docs-parent-nav x-docs-nav-link\"\n                              [routerLink]=\"b.url\"\n                              [routerLinkActive]=\"'active'\"\n                              [innerHTML]=\"b.title\"\n                            ></a>\n                          }\n                        </li>\n                      }\n                    </ul>\n                  }\n                </div>\n              }\n            }\n          </nav>\n        </aside>\n      } @else {\n        <x-element-loader></x-element-loader>\n      }\n\n      <!-- Main Content Area -->\n      <main class=\"x-docs-main col-12 col-lg-9\">\n        @if (docs$ | async; as docs) {\n          <div class=\"row\">\n            <article class=\"x-docs-article col-12 col-lg-9\">\n              <!-- Breadcrumbs -->\n              @if (breadcrumbs$ | async; as breadcrumbs) {\n                <nav class=\"x-docs-breadcrumb\" aria-label=\"Breadcrumb\">\n                  <ol class=\"breadcrumb mb-0\">\n                    @for (\n                      breadcrumb of breadcrumbs;\n                      track breadcrumb;\n                      let last = $last\n                    ) {\n                      <li class=\"breadcrumb-item\" [class.active]=\"last\">\n                        @if (breadcrumb?.url) {\n                          <a\n                            [routerLink]=\"breadcrumb.url\"\n                            class=\"x-docs-breadcrumb-link\"\n                          >\n                            {{ breadcrumb.title }}\n                          </a>\n                        }\n                        @if (!breadcrumb?.url) {\n                          <span class=\"x-docs-breadcrumb-current\">{{\n                            breadcrumb.title\n                          }}</span>\n                        }\n                      </li>\n                    }\n                  </ol>\n                </nav>\n              }\n\n              <!-- Documentation Content -->\n              @if (docs?.html) {\n                <div\n                  class=\"x-docs-content\"\n                  data-bs-spy=\"scroll\"\n                  data-bs-target=\"#x-docs-nav\"\n                  data-bs-root-margin=\"0px 0px -40%\"\n                  data-bs-smooth-scroll=\"true\"\n                  tabindex=\"0\"\n                >\n                  <div [innerHTML]=\"docs.html | xSafeHtml\"></div>\n                </div>\n              } @else {\n                <x-element-blank></x-element-blank>\n              }\n            </article>\n\n            <!-- Table of Contents (On This Page) -->\n            @if (showHeaders && docs?.headers?.length) {\n              <aside class=\"x-docs-toc col-lg-3 sticky-top d-none d-lg-block\">\n                <div class=\"x-docs-toc-wrapper\">\n                  <h4 class=\"x-docs-toc-title\">On This Page</h4>\n                  <nav class=\"x-docs-toc-nav\" aria-label=\"Table of contents\">\n                    <ul class=\"x-docs-toc-list\">\n                      @for (h of getLowestLevelHeaders(docs.headers); track h) {\n                        <li class=\"x-docs-toc-item\">\n                          <a\n                            class=\"x-docs-header-nav x-docs-toc-link\"\n                            [routerLink]=\"['./']\"\n                            [routerLinkActive]=\"'active'\"\n                            [fragment]=\"h.id\"\n                            [innerHTML]=\"h.text\"\n                          ></a>\n                        </li>\n                      }\n                    </ul>\n                  </nav>\n                </div>\n              </aside>\n            }\n          </div>\n        } @else {\n          <x-element-loader></x-element-loader>\n        }\n      </main>\n    </div>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      /* Main Layout */\n      .x-docs {\n        min-height: calc(100vh - 120px);\n      }\n\n      /* Mobile Navigation */\n      .x-docs-mobile-nav {\n        z-index: 100;\n        background: var(--bs-body-bg);\n        padding: 0.75rem !important;\n        border-bottom: 1px solid var(--bs-border-color-translucent);\n      }\n\n      .x-docs-mobile-nav-wrapper {\n        position: relative;\n        display: flex;\n        align-items: center;\n      }\n\n      .x-docs-mobile-nav-icon {\n        position: absolute;\n        left: 1rem;\n        color: var(--bs-secondary-color);\n        pointer-events: none;\n        z-index: 1;\n      }\n\n      .x-docs-mobile-select {\n        padding-left: 2.5rem !important;\n        font-size: 0.9375rem;\n        border-radius: 0.5rem;\n        border-color: var(--bs-border-color);\n        background-color: var(--bs-body-bg);\n        transition:\n          border-color 0.15s ease,\n          box-shadow 0.15s ease;\n      }\n\n      .x-docs-mobile-select:focus {\n        border-color: var(--bs-primary);\n        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.15);\n      }\n\n      /* Desktop Sidebar */\n      .x-docs-sidebar {\n        max-height: calc(100vh - 80px);\n        overflow-y: auto;\n        padding: 1.5rem 1rem 1.5rem 0 !important;\n        scrollbar-width: thin;\n        scrollbar-color: var(--bs-border-color) transparent;\n      }\n\n      .x-docs-sidebar::-webkit-scrollbar {\n        width: 4px;\n      }\n\n      .x-docs-sidebar::-webkit-scrollbar-track {\n        background: transparent;\n      }\n\n      .x-docs-sidebar::-webkit-scrollbar-thumb {\n        background-color: var(--bs-border-color);\n        border-radius: 4px;\n      }\n\n      .x-docs-nav-section {\n      }\n\n      .x-docs-nav-section:last-child {\n        margin-bottom: 0;\n      }\n\n      .x-docs-nav-title-btn {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        padding: 0.5rem 0.75rem;\n        margin-bottom: 0.5rem;\n        background: transparent;\n        border: none;\n        border-radius: 0.375rem;\n        cursor: pointer;\n        transition: background-color 0.15s ease;\n      }\n\n      .x-docs-nav-title-btn:hover {\n        background-color: var(--bs-tertiary-bg);\n      }\n\n      .x-docs-nav-title-btn:focus {\n        outline: none;\n        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.15);\n      }\n\n      .x-docs-nav-title-text {\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: var(--bs-secondary-color);\n      }\n\n      .x-docs-nav-chevron {\n        font-size: 0.625rem;\n        color: var(--bs-secondary-color);\n        transition: transform 0.2s ease;\n      }\n\n      .x-docs-nav-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        max-height: 1000px;\n        overflow: hidden;\n        transition:\n          max-height 0.3s ease,\n          opacity 0.2s ease;\n        opacity: 1;\n        margin-left: 1rem !important;\n      }\n\n      .x-docs-nav-section.collapsed .x-docs-nav-list {\n        max-height: 0;\n        opacity: 0;\n        margin: 0;\n      }\n\n      .x-docs-nav-item {\n        margin-bottom: 0.125rem;\n      }\n\n      .x-docs-nav-link-btn {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        background: transparent;\n        border: none;\n        cursor: pointer;\n        text-align: left;\n      }\n\n      .x-docs-nav-link-btn:focus {\n        outline: none;\n        box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.15);\n      }\n\n      .x-docs-nav-sub-chevron {\n        font-size: 0.5rem;\n        color: var(--bs-secondary-color);\n        margin-left: 0.5rem;\n        flex-shrink: 0;\n        transition: transform 0.2s ease;\n      }\n\n      .x-docs-nav-link {\n        display: block;\n        padding: 0.5rem 0.75rem;\n        font-size: 0.875rem;\n        color: var(--bs-body-color);\n        text-decoration: none;\n        border-radius: 0.375rem;\n        transition:\n          background-color 0.15s ease,\n          color 0.15s ease;\n      }\n\n      .x-docs-nav-link:hover {\n        background-color: var(--bs-tertiary-bg);\n        color: var(--bs-body-color);\n      }\n\n      .x-docs-parent-nav.active {\n        background-color: var(--bs-primary-bg-subtle);\n        color: var(--bs-primary);\n        font-weight: 600;\n      }\n\n      .x-docs-nav-sublist {\n        list-style: none;\n        padding: 0;\n        margin: 0.25rem 0 0.5rem 0.75rem;\n        border-left: 1px solid var(--bs-border-color);\n        max-height: 500px;\n        overflow: hidden;\n        transition:\n          max-height 0.25s ease,\n          opacity 0.2s ease,\n          margin 0.25s ease;\n        opacity: 1;\n      }\n\n      .x-docs-nav-item.collapsed .x-docs-nav-sublist {\n        max-height: 0;\n        opacity: 0;\n        margin: 0 0 0 0.75rem;\n      }\n\n      .x-docs-nav-subitem {\n        margin: 0;\n      }\n\n      .x-docs-nav-sublink {\n        display: block;\n        padding: 0.375rem 0.75rem;\n        font-size: 0.8125rem;\n        color: var(--bs-secondary-color);\n        text-decoration: none;\n        border-left: 2px solid transparent;\n        margin-left: -1px;\n        transition:\n          color 0.15s ease,\n          border-color 0.15s ease;\n      }\n\n      .x-docs-nav-sublink:hover {\n        color: var(--bs-body-color);\n        border-left-color: var(--bs-border-color);\n      }\n\n      .x-docs-child-nav.active {\n        color: var(--bs-primary);\n        border-left-color: var(--bs-primary);\n        font-weight: 500;\n      }\n\n      /* Main Content Area */\n      .x-docs-main {\n        background-color: var(--bs-tertiary-bg);\n        border-radius: 1rem 0 0 0;\n        padding: 2rem !important;\n      }\n\n      .x-docs-article {\n        padding-right: 2rem !important;\n      }\n\n      /* Breadcrumbs */\n      .x-docs-breadcrumb {\n        margin-bottom: 1.5rem;\n        padding-bottom: 1rem;\n        border-bottom: 1px solid var(--bs-border-color-translucent);\n      }\n\n      .x-docs-breadcrumb .breadcrumb {\n        font-size: 0.875rem;\n        margin: 0;\n      }\n\n      .x-docs-breadcrumb-link {\n        color: var(--bs-secondary-color);\n        text-decoration: none;\n        transition: color 0.15s ease;\n      }\n\n      .x-docs-breadcrumb-link:hover {\n        color: var(--bs-primary);\n      }\n\n      .x-docs-breadcrumb-current {\n        color: var(--bs-body-color);\n        font-weight: 500;\n      }\n\n      /* Documentation Content */\n      .x-docs-content {\n        line-height: 1.7;\n        color: var(--bs-body-color);\n      }\n\n      /* Content Typography */\n      :host ::ng-deep .x-docs-content h1 {\n        font-size: 2rem;\n        font-weight: 700;\n        margin-top: 0;\n        margin-bottom: 1.5rem;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-docs-content h2 {\n        font-size: 1.5rem;\n        font-weight: 600;\n        margin-top: 2.5rem;\n        margin-bottom: 1rem;\n        padding-bottom: 0.5rem;\n        border-bottom: 1px solid var(--bs-border-color-translucent);\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-docs-content h3 {\n        font-size: 1.25rem;\n        font-weight: 600;\n        margin-top: 2rem;\n        margin-bottom: 0.75rem;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-docs-content h4,\n      :host ::ng-deep .x-docs-content h5,\n      :host ::ng-deep .x-docs-content h6 {\n        font-size: 1rem;\n        font-weight: 600;\n        margin-top: 1.5rem;\n        margin-bottom: 0.5rem;\n        color: var(--bs-heading-color, var(--bs-body-color));\n      }\n\n      :host ::ng-deep .x-docs-content p {\n        margin-bottom: 1rem;\n      }\n\n      :host ::ng-deep .x-docs-content a {\n        color: var(--bs-primary);\n        text-decoration: none;\n        border-bottom: 1px solid transparent;\n        transition: border-color 0.15s ease;\n      }\n\n      :host ::ng-deep .x-docs-content a:hover {\n        border-bottom-color: var(--bs-primary);\n      }\n\n      :host ::ng-deep .x-docs-content ul,\n      :host ::ng-deep .x-docs-content ol {\n        margin-bottom: 1rem;\n        padding-left: 1.5rem;\n      }\n\n      :host ::ng-deep .x-docs-content li {\n        margin-bottom: 0.375rem;\n      }\n\n      :host ::ng-deep .x-docs-content code {\n        font-family:\n          'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;\n        font-size: 0.875em;\n        padding: 0.2em 0.4em;\n        background-color: var(--bs-body-bg);\n        border-radius: 0.25rem;\n        color: var(--bs-code-color, #d63384);\n      }\n\n      :host ::ng-deep .x-docs-content pre {\n        background-color: var(--bs-body-bg);\n        border: 1px solid var(--bs-border-color);\n        border-radius: 0.5rem;\n        padding: 1rem;\n        margin-bottom: 1.25rem;\n        overflow-x: auto;\n        font-size: 0.8125rem;\n        line-height: 1.5;\n      }\n\n      :host ::ng-deep .x-docs-content pre code {\n        background: transparent;\n        padding: 0;\n        border-radius: 0;\n        color: inherit;\n        font-size: inherit;\n      }\n\n      :host ::ng-deep .x-docs-content blockquote {\n        margin: 1.25rem 0;\n        padding: 1rem 1.25rem;\n        border-left: 4px solid var(--bs-primary);\n        background-color: var(--bs-body-bg);\n        border-radius: 0 0.5rem 0.5rem 0;\n        color: var(--bs-secondary-color);\n      }\n\n      :host ::ng-deep .x-docs-content blockquote p:last-child {\n        margin-bottom: 0;\n      }\n\n      :host ::ng-deep .x-docs-content table {\n        width: 100%;\n        margin-bottom: 1.25rem;\n        border-collapse: collapse;\n        font-size: 0.875rem;\n      }\n\n      :host ::ng-deep .x-docs-content th,\n      :host ::ng-deep .x-docs-content td {\n        padding: 0.625rem 0.75rem;\n        border: 1px solid var(--bs-border-color);\n        text-align: left;\n      }\n\n      :host ::ng-deep .x-docs-content th {\n        background-color: var(--bs-body-bg);\n        font-weight: 600;\n      }\n\n      :host ::ng-deep .x-docs-content img {\n        max-width: 100%;\n        height: auto;\n        border-radius: 0.5rem;\n        margin: 0.75rem 0;\n      }\n\n      :host ::ng-deep .x-docs-content hr {\n        margin: 2rem 0;\n        border: none;\n        border-top: 1px solid var(--bs-border-color);\n      }\n\n      /* Table of Contents */\n      .x-docs-toc {\n        max-height: calc(100vh - 160px);\n        overflow-y: auto;\n        padding-left: 1rem !important;\n      }\n\n      .x-docs-toc-wrapper {\n        padding: 1rem;\n        background-color: var(--bs-body-bg);\n        border-radius: 0.5rem;\n        border: 1px solid var(--bs-border-color-translucent);\n      }\n\n      .x-docs-toc-title {\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: var(--bs-secondary-color);\n        margin-bottom: 0.75rem;\n      }\n\n      .x-docs-toc-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n      }\n\n      .x-docs-toc-item {\n        margin-bottom: 0.125rem;\n      }\n\n      .x-docs-toc-link {\n        display: block;\n        padding: 0.375rem 0;\n        padding-left: 0.75rem;\n        font-size: 0.8125rem;\n        color: var(--bs-secondary-color);\n        text-decoration: none;\n        border-left: 2px solid transparent;\n        transition:\n          color 0.15s ease,\n          border-color 0.15s ease;\n      }\n\n      .x-docs-toc-link:hover {\n        color: var(--bs-body-color);\n      }\n\n      .x-docs-header-nav.active {\n        color: var(--bs-primary);\n        border-left-color: var(--bs-primary);\n        font-weight: 500;\n      }\n\n      /* Mobile Responsive Styles */\n      @media (max-width: 575.98px) {\n        .x-docs-main {\n          padding: 1rem !important;\n          border-radius: 0;\n        }\n\n        .x-docs-article {\n          padding-right: 0 !important;\n        }\n\n        .x-docs-breadcrumb {\n          margin-bottom: 1rem;\n          padding-bottom: 0.75rem;\n        }\n\n        .x-docs-breadcrumb .breadcrumb {\n          font-size: 0.8125rem;\n          flex-wrap: nowrap;\n          overflow-x: auto;\n          white-space: nowrap;\n          -webkit-overflow-scrolling: touch;\n          scrollbar-width: none;\n        }\n\n        .x-docs-breadcrumb .breadcrumb::-webkit-scrollbar {\n          display: none;\n        }\n\n        :host ::ng-deep .x-docs-content h1 {\n          font-size: 1.5rem;\n        }\n\n        :host ::ng-deep .x-docs-content h2 {\n          font-size: 1.25rem;\n          margin-top: 1.75rem;\n        }\n\n        :host ::ng-deep .x-docs-content h3 {\n          font-size: 1.125rem;\n        }\n\n        :host ::ng-deep .x-docs-content pre {\n          padding: 0.75rem;\n          font-size: 0.75rem;\n          border-radius: 0.375rem;\n        }\n\n        :host ::ng-deep .x-docs-content table {\n          display: block;\n          overflow-x: auto;\n          white-space: nowrap;\n          -webkit-overflow-scrolling: touch;\n        }\n\n        :host ::ng-deep .x-docs-content th,\n        :host ::ng-deep .x-docs-content td {\n          padding: 0.5rem;\n        }\n      }\n\n      /* Tablet Styles */\n      @media (min-width: 576px) and (max-width: 991.98px) {\n        .x-docs-main {\n          padding: 1.5rem !important;\n        }\n\n        .x-docs-article {\n          padding-right: 1rem !important;\n        }\n      }\n\n      /* Desktop Large */\n      @media (min-width: 992px) {\n        .x-docs-sidebar {\n          padding-right: 1.5rem !important;\n        }\n      }\n\n      /* Touch-friendly targets */\n      @media (hover: none) and (pointer: coarse) {\n        .x-docs-nav-link {\n          padding: 0.625rem 0.75rem;\n          min-height: 44px;\n          display: flex;\n          align-items: center;\n        }\n\n        .x-docs-nav-sublink {\n          padding: 0.5rem 0.75rem;\n          min-height: 40px;\n          display: flex;\n          align-items: center;\n        }\n\n        .x-docs-toc-link {\n          padding: 0.5rem 0 0.5rem 0.75rem;\n          min-height: 40px;\n          display: flex;\n          align-items: center;\n        }\n\n        .x-docs-mobile-select {\n          min-height: 48px;\n          font-size: 1rem;\n        }\n      }\n\n      /* Print Styles */\n      @media print {\n        .x-docs-mobile-nav,\n        .x-docs-sidebar,\n        .x-docs-toc {\n          display: none !important;\n        }\n\n        .x-docs-main {\n          padding: 0 !important;\n          background: none !important;\n        }\n\n        .x-docs-article {\n          width: 100% !important;\n          max-width: 100% !important;\n          flex: 0 0 100% !important;\n        }\n\n        :host ::ng-deep .x-docs-content pre {\n          white-space: pre-wrap;\n          word-wrap: break-word;\n        }\n      }\n    `,\n  ],\n})\nexport class DocsComponent extends BaseDirective {\n  private readonly mediaService = inject(MediaService);\n  private readonly route = inject(ActivatedRoute);\n\n  private navList: any[] = [];\n  private currentNav?: string;\n\n  showHeaders = true;\n  expandedSection: number | null = null;\n  expandedSubSection: string | null = null;\n\n  /**\n   * Intercepts clicks on anchor tags within the documentation content\n   * and routes internal links via Angular Router instead of triggering\n   * a full page reload.\n   */\n  @HostListener('click', ['$event'])\n  onContentClick(event: MouseEvent): void {\n    const target = event.target as HTMLElement;\n    const anchor = target.closest('a');\n\n    if (!anchor) return;\n\n    const href = anchor.getAttribute('href');\n    if (!href) return;\n\n    // Check if it's an internal link (starts with /, ./, or ../)\n    if (\n      href.startsWith('/') ||\n      href.startsWith('./') ||\n      href.startsWith('../')\n    ) {\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Handle fragment links\n      const [path, fragment] = href.split('#');\n      const extras: any = {};\n      if (fragment) {\n        extras.fragment = fragment;\n      }\n\n      this.router.navigate([path || './'], extras);\n    } else if (href.startsWith('#')) {\n      // Same-page fragment navigation\n      event.preventDefault();\n      event.stopPropagation();\n      this.router.navigate([], {\n        fragment: href.substring(1),\n        relativeTo: this.route,\n      });\n    }\n    // External links (http://, https://, etc.) will navigate normally\n  }\n\n  nav$: Observable<any> = combineLatest([\n    this.mediaService.context('blog').index(),\n    this.route.url,\n  ]).pipe(\n    map(([content, _urlSegments]) => {\n      this.navList = (content as any)?.nav || [];\n\n      // Use full router URL instead of relative segments\n      const currentPath = this.router.url.split('?')[0].split('#')[0];\n\n      // Find and expand the section containing the current page\n      this.expandCurrentSection(this.navList, currentPath);\n\n      return this.navList;\n    }),\n  );\n\n  breadcrumbs$: Observable<any> = this.route.url.pipe(\n    map((segments) => {\n      const breads = [\n        {\n          title: this.translate('apps.blog.component.docs.home.title'),\n          url: '/blog',\n        },\n        ...(segments.length > 1\n          ? [\n              {\n                title: titleCase(segments[0].path.replace(/-/g, ' ')),\n                url: `/${segments[0]}`,\n              },\n            ]\n          : []),\n        ...(segments.length > 2\n          ? [\n              {\n                title: titleCase(segments[1].path.replace(/-/g, ' ')),\n                url: `/${segments[1]}`,\n              },\n            ]\n          : []),\n        ...(segments.length > 3\n          ? [\n              {\n                title: titleCase(segments[2].path.replace(/-/g, ' ')),\n                url: `/${segments[2]}`,\n              },\n            ]\n          : []),\n        {\n          title: titleCase(\n            segments[segments.length - 1].path.replace(/-/g, ' '),\n          ),\n          url: null,\n        },\n      ];\n\n      return breads;\n    }),\n  );\n\n  docs$: Observable<any> = this.route.params.pipe(\n    switchMap((params) => {\n      let name = '';\n\n      const sub1 = (this.currentNav = params['sub1']);\n      if (sub1) {\n        this.showHeaders = sub1.toLowerCase() != 'index';\n        name += sub1;\n      }\n\n      const sub2 = params['sub2'];\n      if (sub2) {\n        this.showHeaders = sub2.toLowerCase() != 'index';\n        name += `/${sub2}`;\n      }\n\n      const sub3 = params['sub3'];\n      if (sub3) {\n        this.showHeaders = sub3.toLowerCase() != 'index';\n        name += `/${sub3}`;\n      }\n\n      const sub4 = params['sub4'];\n      if (sub4) {\n        this.showHeaders = sub4.toLowerCase() != 'index';\n        name += `/${sub4}`;\n      }\n\n      const sub5 = params['sub5'];\n      if (sub5) {\n        this.showHeaders = sub5.toLowerCase() != 'index';\n        name += `/${sub5}`;\n      }\n\n      return this.mediaService.context('blog').article(name, true);\n    }),\n  );\n\n  onSelectChange(event: any): void {\n    const selectedUrl = (event.target as HTMLSelectElement).value;\n    if (selectedUrl) {\n      this.router.navigate([selectedUrl]);\n    }\n  }\n\n  getLowestLevelHeaders(headers: any[]): any[] {\n    if (headers.length === 0) return [];\n\n    // Find the lowest level in the array\n    const minLevel = Math.min(...headers.map((header) => header.level));\n\n    // Filter headers by the lowest level\n    return headers.filter((header) => header.level == minLevel);\n  }\n\n  toggleSection(index: number): void {\n    // Accordion behavior: close if already open, otherwise open this one and close others\n    if (this.expandedSection === index) {\n      this.expandedSection = null;\n    } else {\n      this.expandedSection = index;\n      // Reset sub-section when changing main section\n      this.expandedSubSection = null;\n    }\n  }\n\n  toggleSubSection(sectionIndex: number, subIndex: number): void {\n    const key = `${sectionIndex}-${subIndex}`;\n    // Accordion behavior: close if already open, otherwise open this one and close others\n    if (this.expandedSubSection === key) {\n      this.expandedSubSection = null;\n    } else {\n      this.expandedSubSection = key;\n    }\n  }\n\n  private expandCurrentSection(nav: any[], currentPath: string): void {\n    if (!nav?.length) return;\n\n    // Normalize current path (remove trailing slash, handle base path)\n    const normalizedCurrentPath = currentPath.replace(/\\/$/, '').toLowerCase();\n\n    for (let i = 0; i < nav.length; i++) {\n      const section = nav[i];\n\n      // Check if section URL matches\n      if (section.url && this.urlMatches(section.url, normalizedCurrentPath)) {\n        this.expandedSection = i;\n        return;\n      }\n\n      // Check links (level 2)\n      if (section.links?.length) {\n        for (let j = 0; j < section.links.length; j++) {\n          const link = section.links[j];\n\n          if (link.url && this.urlMatches(link.url, normalizedCurrentPath)) {\n            this.expandedSection = i;\n            if (link.links?.length) {\n              this.expandedSubSection = `${i}-${j}`;\n            }\n            return;\n          }\n\n          // Check sub-links (level 3)\n          if (link.links?.length) {\n            for (const subLink of link.links) {\n              if (\n                subLink.url &&\n                this.urlMatches(subLink.url, normalizedCurrentPath)\n              ) {\n                this.expandedSection = i;\n                this.expandedSubSection = `${i}-${j}`;\n                return;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // Default to first section if no match found\n    if (this.expandedSection === null && nav.length > 0) {\n      this.expandedSection = 0;\n    }\n  }\n\n  private urlMatches(navUrl: string, currentPath: string): boolean {\n    const normalizedNavUrl = navUrl.replace(/\\/$/, '').toLowerCase();\n    return (\n      normalizedNavUrl === currentPath ||\n      currentPath.startsWith(normalizedNavUrl + '/')\n    );\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { PipesModule, SharedModule } from '@thescaffold/ngx-core';\nimport {\n  ElementsModule,\n  LayoutsModule,\n  ToolbarModule,\n} from '@thescaffold/ngx-ui';\nimport { DocsComponent } from './docs.component';\n\n@NgModule({\n  declarations: [DocsComponent],\n  imports: [\n    SharedModule,\n    RouterModule.forChild([\n      { path: ':sub1/:sub2/:sub3/:sub4/:sub5', component: DocsComponent },\n      { path: ':sub1/:sub2/:sub3/:sub4', component: DocsComponent },\n      { path: ':sub1/:sub2/:sub3', component: DocsComponent },\n      { path: ':sub1/:sub2', component: DocsComponent },\n      { path: ':sub1', component: DocsComponent },\n    ]),\n    LayoutsModule,\n    ElementsModule,\n    ToolbarModule,\n    PipesModule,\n  ],\n})\nexport class DocsModule {}\n"],"names":["i2","i3","i4","i5"],"mappings":"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"}

package/fesm2022/thescaffold-ngx-apps-blog-home.module-M_b4glj6.mjs

@@ -0,0 +1,90 @@
+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 i2$1 from '@thescaffold/ngx-common';
+import { CardsModule } from '@thescaffold/ngx-common';
+import { BaseDirective, CommonActionType, MediaService, StateService, SharedModule } from '@thescaffold/ngx-core';
+import * as i2 from '@thescaffold/ngx-ui';
+import { LayoutsModule, WebgetsModule, ElementsModule } from '@thescaffold/ngx-ui';
+import { takeUntil, filter, switchMap, tap, map } from 'rxjs';
+import * as i3 from '@angular/common';
+
+class HomeComponent extends BaseDirective {
+    constructor() {
+        super(...arguments);
+        this.appDataSelector = CommonActionType.APP_CONFIG;
+        this.mediaService = inject(MediaService);
+        this.stateService = inject(StateService);
+        this.route = inject(ActivatedRoute);
+        this.cards$ = this.route.params.pipe(takeUntil(this.$), filter(({ id }) => !!id), switchMap(({ id }) => this.mediaService.context(id == 'home' ? 'blog' : id).index()), tap((content) => {
+            this.stateService.dispatch({
+                type: CommonActionType.APP_CONFIG,
+                payload: {
+                    ...content,
+                },
+            });
+        }), map((content) => content.cards || []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HomeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: HomeComponent, isStandalone: false, selector: "x-home", usesInheritance: true, ngImport: i0, template: `
+    @if (cards$ | async; as cards) {
+      <x-cards [data]="cards"> </x-cards>
+    } @else {
+      <x-element-loader></x-element-loader>
+    }
+
+    <!-- misc -->
+
+    <ng-template #empty>
+      <x-element-blank></x-element-blank>
+    </ng-template>
+  `, isInline: true, dependencies: [{ 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: "component", type: i2$1.CardsComponent, selector: "x-cards", inputs: ["data"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HomeComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'x-home', template: `
+    @if (cards$ | async; as cards) {
+      <x-cards [data]="cards"> </x-cards>
+    } @else {
+      <x-element-loader></x-element-loader>
+    }
+
+    <!-- misc -->
+
+    <ng-template #empty>
+      <x-element-blank></x-element-blank>
+    </ng-template>
+  ` }]
+        }] });
+
+class HomeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HomeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: HomeModule, declarations: [HomeComponent], imports: [SharedModule, i1.RouterModule, LayoutsModule,
+            WebgetsModule,
+            ElementsModule,
+            CardsModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HomeModule, imports: [SharedModule,
+            RouterModule.forChild([{ path: '', component: HomeComponent }]),
+            LayoutsModule,
+            WebgetsModule,
+            ElementsModule,
+            CardsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HomeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HomeComponent],
+                    imports: [
+                        SharedModule,
+                        RouterModule.forChild([{ path: '', component: HomeComponent }]),
+                        LayoutsModule,
+                        WebgetsModule,
+                        ElementsModule,
+                        CardsModule,
+                    ],
+                }]
+        }] });
+
+export { HomeModule };
+//# sourceMappingURL=thescaffold-ngx-apps-blog-home.module-M_b4glj6.mjs.map

package/fesm2022/thescaffold-ngx-apps-blog-home.module-M_b4glj6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"thescaffold-ngx-apps-blog-home.module-M_b4glj6.mjs","sources":["../../../projects/blog/src/lib/pages/home/home.component.ts","../../../projects/blog/src/lib/pages/home/home.module.ts"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport {\n  BaseDirective,\n  CommonActionType,\n  MediaService,\n  StateService,\n} from '@thescaffold/ngx-core';\nimport { filter, map, switchMap, takeUntil, tap } from 'rxjs';\n\n@Component({\n  standalone: false,\n  selector: 'x-home',\n  template: `\n    @if (cards$ | async; as cards) {\n      <x-cards [data]=\"cards\"> </x-cards>\n    } @else {\n      <x-element-loader></x-element-loader>\n    }\n\n    <!-- misc -->\n\n    <ng-template #empty>\n      <x-element-blank></x-element-blank>\n    </ng-template>\n  `,\n  styles: [],\n})\nexport class HomeComponent extends BaseDirective {\n  readonly appDataSelector = CommonActionType.APP_CONFIG;\n  private readonly mediaService = inject(MediaService);\n  private readonly stateService = inject(StateService);\n  private readonly route = inject(ActivatedRoute);\n\n  cards$ = this.route.params.pipe(\n    takeUntil(this.$),\n    filter(({ id }) => !!id),\n    switchMap(({ id }) =>\n      this.mediaService.context(id == 'home' ? 'blog' : id).index(),\n    ),\n    tap((content: any) => {\n      this.stateService.dispatch({\n        type: CommonActionType.APP_CONFIG,\n        payload: {\n          ...content,\n        },\n      });\n    }),\n    map((content: any) => content.cards || []),\n  );\n}\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { CardsModule } from '@thescaffold/ngx-common';\nimport { SharedModule } from '@thescaffold/ngx-core';\nimport {\n  ElementsModule,\n  LayoutsModule,\n  WebgetsModule,\n} from '@thescaffold/ngx-ui';\nimport { HomeComponent } from './home.component';\n\n@NgModule({\n  declarations: [HomeComponent],\n  imports: [\n    SharedModule,\n    RouterModule.forChild([{ path: '', component: HomeComponent }]),\n    LayoutsModule,\n    WebgetsModule,\n    ElementsModule,\n    CardsModule,\n  ],\n})\nexport class HomeModule {}\n"],"names":["i1","i2"],"mappings":"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"}