@thescaffold/ngx-apps-blog 0.2.31 → 0.2.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/fesm2022/thescaffold-ngx-apps-blog-article.module-BjQ6ipkg.mjs +190 -0
- package/fesm2022/thescaffold-ngx-apps-blog-article.module-BjQ6ipkg.mjs.map +1 -0
- package/fesm2022/thescaffold-ngx-apps-blog-docs.module-CLrP53Ce.mjs +710 -0
- package/fesm2022/thescaffold-ngx-apps-blog-docs.module-CLrP53Ce.mjs.map +1 -0
- package/fesm2022/{thescaffold-ngx-apps-blog-error.module-Ck2ZPspy.mjs → thescaffold-ngx-apps-blog-error.module-Dk0qRLMU.mjs} +3 -3
- package/fesm2022/thescaffold-ngx-apps-blog-error.module-Dk0qRLMU.mjs.map +1 -0
- package/fesm2022/thescaffold-ngx-apps-blog.mjs +6 -6
- package/package.json +1 -1
- package/fesm2022/thescaffold-ngx-apps-blog-article.module-Dw4mmJ0O.mjs +0 -128
- package/fesm2022/thescaffold-ngx-apps-blog-article.module-Dw4mmJ0O.mjs.map +0 -1
- package/fesm2022/thescaffold-ngx-apps-blog-docs.module-DKKKNEI-.mjs +0 -484
- package/fesm2022/thescaffold-ngx-apps-blog-docs.module-DKKKNEI-.mjs.map +0 -1
- package/fesm2022/thescaffold-ngx-apps-blog-error.module-Ck2ZPspy.mjs.map +0 -1
|
@@ -0,0 +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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"}
|
|
@@ -28,7 +28,7 @@ class ErrorComponent extends BaseDirective {
|
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
30
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.4", type: ErrorComponent, isStandalone: false, selector: "x-page-error", usesInheritance: true, ngImport: i0, template: `
|
|
31
|
-
<div class="d-flex justify-content-center align-items-center
|
|
31
|
+
<div class="d-flex justify-content-center align-items-center">
|
|
32
32
|
<div class="d-flex align-items-single justify-content-single">
|
|
33
33
|
<div class="p-1 p-sm-3 p-md-5 border">
|
|
34
34
|
<i class="fa-solid fa-bug fa-2xl text-primary"></i>
|
|
@@ -53,7 +53,7 @@ class ErrorComponent extends BaseDirective {
|
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
55
|
args: [{ standalone: false, selector: 'x-page-error', template: `
|
|
56
|
-
<div class="d-flex justify-content-center align-items-center
|
|
56
|
+
<div class="d-flex justify-content-center align-items-center">
|
|
57
57
|
<div class="d-flex align-items-single justify-content-single">
|
|
58
58
|
<div class="p-1 p-sm-3 p-md-5 border">
|
|
59
59
|
<i class="fa-solid fa-bug fa-2xl text-primary"></i>
|
|
@@ -96,4 +96,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
|
|
|
96
96
|
}] });
|
|
97
97
|
|
|
98
98
|
export { ErrorModule };
|
|
99
|
-
//# sourceMappingURL=thescaffold-ngx-apps-blog-error.module-
|
|
99
|
+
//# sourceMappingURL=thescaffold-ngx-apps-blog-error.module-Dk0qRLMU.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"thescaffold-ngx-apps-blog-error.module-Dk0qRLMU.mjs","sources":["../../../projects/blog/src/lib/pages/error/error.component.ts","../../../projects/blog/src/lib/pages/error/error.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { BaseDirective, data } from '@thescaffold/ngx-core';\n\n@Component({\n standalone: false,\n selector: 'x-page-error',\n template: `\n <div class=\"d-flex justify-content-center align-items-center\">\n <div class=\"d-flex align-items-single justify-content-single\">\n <div class=\"p-1 p-sm-3 p-md-5 border\">\n <i class=\"fa-solid fa-bug fa-2xl text-primary\"></i>\n </div>\n </div>\n <div class=\"flex-grow-1 ms-3\">\n <div class=\"lead\">{{ message.title }}</div>\n <p>{{ message.desc }}</p>\n <div class=\"d-flex justify-content-end\">\n <a\n class=\"btn btn-link pe-0 text-decoration-none\"\n [routerLink]=\"'blog.root' | xRoute\"\n >\n <i class=\"fa-solid fa-arrow-left-long\"></i>\n {{ 'apps.blog.component.go-back.title' | xTranslate }}\n </a>\n </div>\n </div>\n </div>\n `,\n styles: [],\n})\nexport class ErrorComponent extends BaseDirective {\n defaultMessage: any = {\n title: this.translate('apps.blog.messages.default.title'),\n desc: this.translate('apps.blog.messages.default.desc'),\n code: '500',\n };\n\n messages: { [key: string]: any } = {\n '404': {\n title: this.translate('apps.blog.messages.not-found.title'),\n desc: this.translate('apps.blog.messages.not-found.desc'),\n code: '404',\n },\n };\n\n message =\n this.messages[this.state['code'] ?? data('code')] ??\n this.state['message'] ??\n data('message') ??\n this.defaultMessage;\n}\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from '@thescaffold/ngx-core';\nimport { LayoutsModule } from '@thescaffold/ngx-ui';\nimport { ErrorComponent } from './error.component';\n\n@NgModule({\n declarations: [ErrorComponent],\n imports: [\n SharedModule,\n RouterModule.forChild([{ path: '', component: ErrorComponent }]),\n LayoutsModule,\n ],\n})\nexport class ErrorModule {}\n"],"names":["i2"],"mappings":"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"}
|
|
@@ -86,15 +86,15 @@ class PagesModule {
|
|
|
86
86
|
},
|
|
87
87
|
{
|
|
88
88
|
path: 'article',
|
|
89
|
-
loadChildren: () => import('./thescaffold-ngx-apps-blog-article.module-
|
|
89
|
+
loadChildren: () => import('./thescaffold-ngx-apps-blog-article.module-BjQ6ipkg.mjs').then((m) => m.ArticleModule),
|
|
90
90
|
},
|
|
91
91
|
{
|
|
92
92
|
path: 'docs',
|
|
93
|
-
loadChildren: () => import('./thescaffold-ngx-apps-blog-docs.module-
|
|
93
|
+
loadChildren: () => import('./thescaffold-ngx-apps-blog-docs.module-CLrP53Ce.mjs').then((m) => m.DocsModule),
|
|
94
94
|
},
|
|
95
95
|
{
|
|
96
96
|
path: 'error',
|
|
97
|
-
loadChildren: () => import('./thescaffold-ngx-apps-blog-error.module-
|
|
97
|
+
loadChildren: () => import('./thescaffold-ngx-apps-blog-error.module-Dk0qRLMU.mjs').then((m) => m.ErrorModule),
|
|
98
98
|
},
|
|
99
99
|
],
|
|
100
100
|
},
|
|
@@ -127,15 +127,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
|
|
|
127
127
|
},
|
|
128
128
|
{
|
|
129
129
|
path: 'article',
|
|
130
|
-
loadChildren: () => import('./thescaffold-ngx-apps-blog-article.module-
|
|
130
|
+
loadChildren: () => import('./thescaffold-ngx-apps-blog-article.module-BjQ6ipkg.mjs').then((m) => m.ArticleModule),
|
|
131
131
|
},
|
|
132
132
|
{
|
|
133
133
|
path: 'docs',
|
|
134
|
-
loadChildren: () => import('./thescaffold-ngx-apps-blog-docs.module-
|
|
134
|
+
loadChildren: () => import('./thescaffold-ngx-apps-blog-docs.module-CLrP53Ce.mjs').then((m) => m.DocsModule),
|
|
135
135
|
},
|
|
136
136
|
{
|
|
137
137
|
path: 'error',
|
|
138
|
-
loadChildren: () => import('./thescaffold-ngx-apps-blog-error.module-
|
|
138
|
+
loadChildren: () => import('./thescaffold-ngx-apps-blog-error.module-Dk0qRLMU.mjs').then((m) => m.ErrorModule),
|
|
139
139
|
},
|
|
140
140
|
],
|
|
141
141
|
},
|
package/package.json
CHANGED
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, Component, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/router';
|
|
4
|
-
import { ActivatedRoute, RouterModule } from '@angular/router';
|
|
5
|
-
import * as i4 from '@thescaffold/ngx-core';
|
|
6
|
-
import { MediaService, SharedModule } from '@thescaffold/ngx-core';
|
|
7
|
-
import * as i2 from '@thescaffold/ngx-ui';
|
|
8
|
-
import { LayoutsModule, ElementsModule } from '@thescaffold/ngx-ui';
|
|
9
|
-
import { switchMap } from 'rxjs';
|
|
10
|
-
import * as i1$1 from '@angular/common';
|
|
11
|
-
|
|
12
|
-
class ArticleComponent {
|
|
13
|
-
constructor() {
|
|
14
|
-
this.route = inject(ActivatedRoute);
|
|
15
|
-
this.mediaService = inject(MediaService);
|
|
16
|
-
this.article$ = this.route.params.pipe(switchMap((params) => {
|
|
17
|
-
this.category = params['category'];
|
|
18
|
-
this.title = params['article'];
|
|
19
|
-
const name = this.category
|
|
20
|
-
? `${this.category}/${this.title}`
|
|
21
|
-
: `${this.title}`;
|
|
22
|
-
return this.mediaService.context('blog').article(name);
|
|
23
|
-
}));
|
|
24
|
-
}
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ArticleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: ArticleComponent, isStandalone: false, selector: "x-article", ngImport: i0, template: `
|
|
27
|
-
@if (article$ | async; as article) {
|
|
28
|
-
<div class="">
|
|
29
|
-
<div class="">
|
|
30
|
-
<nav>
|
|
31
|
-
@if (title) {
|
|
32
|
-
<ol class="breadcrumb">
|
|
33
|
-
<li class="breadcrumb-item">
|
|
34
|
-
<a [routerLink]="'blog.root' | xRoute">{{
|
|
35
|
-
'apps.blog.component.article.home.title' | xTranslate
|
|
36
|
-
}}</a>
|
|
37
|
-
</li>
|
|
38
|
-
@if (category) {
|
|
39
|
-
<li class="breadcrumb-item">{{ category }}</li>
|
|
40
|
-
}
|
|
41
|
-
@if (title) {
|
|
42
|
-
<li class="breadcrumb-item">{{ title }}</li>
|
|
43
|
-
}
|
|
44
|
-
</ol>
|
|
45
|
-
}
|
|
46
|
-
</nav>
|
|
47
|
-
</div>
|
|
48
|
-
<div [innerHTML]="article" class="w-75"></div>
|
|
49
|
-
</div>
|
|
50
|
-
} @else {
|
|
51
|
-
<x-element-blank></x-element-blank>
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
<!-- misc -->
|
|
55
|
-
<ng-template #loader>
|
|
56
|
-
<x-element-loader></x-element-loader>
|
|
57
|
-
</ng-template>
|
|
58
|
-
|
|
59
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2.BlankComponent, selector: "x-element-blank", inputs: ["image", "icon", "type"] }, { kind: "component", type: i2.LoaderComponent, selector: "x-element-loader", inputs: ["data"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.RoutePipe, name: "xRoute" }, { kind: "pipe", type: i4.TranslatePipe, name: "xTranslate" }] }); }
|
|
60
|
-
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ArticleComponent, decorators: [{
|
|
62
|
-
type: Component,
|
|
63
|
-
args: [{ standalone: false, selector: 'x-article', template: `
|
|
64
|
-
@if (article$ | async; as article) {
|
|
65
|
-
<div class="">
|
|
66
|
-
<div class="">
|
|
67
|
-
<nav>
|
|
68
|
-
@if (title) {
|
|
69
|
-
<ol class="breadcrumb">
|
|
70
|
-
<li class="breadcrumb-item">
|
|
71
|
-
<a [routerLink]="'blog.root' | xRoute">{{
|
|
72
|
-
'apps.blog.component.article.home.title' | xTranslate
|
|
73
|
-
}}</a>
|
|
74
|
-
</li>
|
|
75
|
-
@if (category) {
|
|
76
|
-
<li class="breadcrumb-item">{{ category }}</li>
|
|
77
|
-
}
|
|
78
|
-
@if (title) {
|
|
79
|
-
<li class="breadcrumb-item">{{ title }}</li>
|
|
80
|
-
}
|
|
81
|
-
</ol>
|
|
82
|
-
}
|
|
83
|
-
</nav>
|
|
84
|
-
</div>
|
|
85
|
-
<div [innerHTML]="article" class="w-75"></div>
|
|
86
|
-
</div>
|
|
87
|
-
} @else {
|
|
88
|
-
<x-element-blank></x-element-blank>
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
<!-- misc -->
|
|
92
|
-
<ng-template #loader>
|
|
93
|
-
<x-element-loader></x-element-loader>
|
|
94
|
-
</ng-template>
|
|
95
|
-
|
|
96
|
-
` }]
|
|
97
|
-
}] });
|
|
98
|
-
|
|
99
|
-
class ArticleModule {
|
|
100
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ArticleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
101
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: ArticleModule, declarations: [ArticleComponent], imports: [SharedModule, i1.RouterModule, LayoutsModule,
|
|
102
|
-
ElementsModule] }); }
|
|
103
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ArticleModule, imports: [SharedModule,
|
|
104
|
-
RouterModule.forChild([
|
|
105
|
-
{ path: ':category/:article', component: ArticleComponent },
|
|
106
|
-
{ path: ':article', component: ArticleComponent },
|
|
107
|
-
]),
|
|
108
|
-
LayoutsModule,
|
|
109
|
-
ElementsModule] }); }
|
|
110
|
-
}
|
|
111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ArticleModule, decorators: [{
|
|
112
|
-
type: NgModule,
|
|
113
|
-
args: [{
|
|
114
|
-
declarations: [ArticleComponent],
|
|
115
|
-
imports: [
|
|
116
|
-
SharedModule,
|
|
117
|
-
RouterModule.forChild([
|
|
118
|
-
{ path: ':category/:article', component: ArticleComponent },
|
|
119
|
-
{ path: ':article', component: ArticleComponent },
|
|
120
|
-
]),
|
|
121
|
-
LayoutsModule,
|
|
122
|
-
ElementsModule,
|
|
123
|
-
],
|
|
124
|
-
}]
|
|
125
|
-
}] });
|
|
126
|
-
|
|
127
|
-
export { ArticleModule };
|
|
128
|
-
//# sourceMappingURL=thescaffold-ngx-apps-blog-article.module-Dw4mmJ0O.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"thescaffold-ngx-apps-blog-article.module-Dw4mmJ0O.mjs","sources":["../../../projects/blog/src/lib/pages/article/article.component.ts","../../../projects/blog/src/lib/pages/article/article.module.ts"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { MediaService } from '@thescaffold/ngx-core';\nimport { Observable, switchMap } from 'rxjs';\n\n@Component({\n standalone: false,\n selector: 'x-article',\n template: `\n @if (article$ | async; as article) {\n <div class=\"\">\n <div class=\"\">\n <nav>\n @if (title) {\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a [routerLink]=\"'blog.root' | xRoute\">{{\n 'apps.blog.component.article.home.title' | xTranslate\n }}</a>\n </li>\n @if (category) {\n <li class=\"breadcrumb-item\">{{ category }}</li>\n }\n @if (title) {\n <li class=\"breadcrumb-item\">{{ title }}</li>\n }\n </ol>\n }\n </nav>\n </div>\n <div [innerHTML]=\"article\" class=\"w-75\"></div>\n </div>\n } @else {\n <x-element-blank></x-element-blank>\n }\n \n <!-- misc -->\n <ng-template #loader>\n <x-element-loader></x-element-loader>\n </ng-template>\n \n `,\n styles: [],\n})\nexport class ArticleComponent {\n private readonly route = inject(ActivatedRoute);\n private readonly mediaService = inject(MediaService);\n\n category?: string;\n title?: string;\n article$: Observable<any> = this.route.params.pipe(\n switchMap((params) => {\n this.category = params['category'];\n this.title = params['article'];\n const name = this.category\n ? `${this.category}/${this.title}`\n : `${this.title}`;\n return this.mediaService.context('blog').article(name);\n }),\n );\n}\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from '@thescaffold/ngx-core';\nimport { ElementsModule, LayoutsModule } from '@thescaffold/ngx-ui';\nimport { ArticleComponent } from './article.component';\n\n@NgModule({\n declarations: [ArticleComponent],\n imports: [\n SharedModule,\n RouterModule.forChild([\n { path: ':category/:article', component: ArticleComponent },\n { path: ':article', component: ArticleComponent },\n ]),\n LayoutsModule,\n ElementsModule,\n ],\n})\nexport class ArticleModule {}\n"],"names":["i3"],"mappings":"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"}
|