@simple-reporting/base 1.0.24 → 1.0.25

package/cli.js

@@ -79,8 +79,12 @@ commander
 commander
   .command('build')
   .description('Build ldd, app, pdf and word for production')
-  .argument('[version]', 'The name of component or group.')
+  .argument('[version]', 'Livingdocs version')
   .option('-c, --customer <customer>', 'The customer to build for')
+  .option(
+    '-t, --target <targets>',
+    'Comma separated targets: app,pdf,word,xbrl,ldd (default: all)'
+  )
   .action(async (version, options) => {
     await build(version, options);
   });

package/dev/package.json

@@ -10,6 +10,11 @@
   "scripts": {
     "dev": "vite",
     "build": "srl build",
+    "build-app": "srl build --target app",
+    "build-pdf": "srl build --target pdf",
+    "build-word": "srl build --target word",
+    "build-xbrl": "srl build --target xbrl",
+    "build-ldd": "srl build --target ldd",
     "build-type-check": "run-p type-check \"build {@}\" --",
     "preview": "vite preview",
     "test:unit": "vitest",
@@ -19,7 +24,7 @@
     "postinstall": "srl prepare"
   },
   "dependencies": {
-    "@simple-reporting/base": "^1.0.24",
+    "@simple-reporting/base": "^1.0.25",
     "axios": "^1.12.2",
     "chalk": "^5.6.2",
     "exceljs": "^4.4.0",

package/dev/src/assets/scss/word.scss

@@ -1,2 +1,45 @@
 @use 'srl';
-@use 'print';
+
+.srl-chapter,
+.srl-article {
+  page-break-after: always;
+}
+
+.srl-article[class*="srl-category-notes_"],
+.srl-article[class*="srl-category-notes-"],
+.srl-article[class*="srl-category-note_"],
+.srl-article[class*="srl-category-note-"] {
+  page-break-after: avoid;
+}
+
+[class*="srl-category-notes_"] + .srl-article,
+[class*="srl-category-notes-"] + .srl-article,
+[class*="srl-category-note_"] + .srl-article,
+[class*="srl-category-note-"] + .srl-article {
+  page-break-after: always;
+}
+
+/*
+  Hold titles and the following component on the same page
+*/
+.srl-title-h1,
+.srl-title-h2,
+.srl-title-h3,
+.srl-title-h4,
+.srl-title-h5 {
+  & + * {
+    page-break-before: avoid;
+  }
+}
+
+.srl-article + [class*="srl-category-notes_"],
+.srl-article + [class*="srl-category-notes-"],
+.srl-article + [class*="srl-category-note_"],
+.srl-article + [class*="srl-category-note-"] {
+  margin-top: srl.spacer-get(800);
+}
+
+strong,
+[class*="bold"] {
+  font-weight: bold;
+}

package/livingdocs/010.Titles/010.title-h1/scss/word.scss

@@ -0,0 +1,3 @@
+.srl-title-h1 {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/010.Titles/020.title-h2/scss/word.scss

@@ -0,0 +1,10 @@
+@use "srl";
+
+.srl-title-h2 {
+  font-family: 'Arial', sans-serif;
+}
+
+.srl-title-h2__number:after {
+  content: " ";
+  display: block;
+}

package/livingdocs/010.Titles/030.title-h3/scss/word.scss

@@ -0,0 +1,10 @@
+@use "srl";
+
+.srl-title-h3 {
+  font-family: 'Arial', sans-serif;
+}
+
+.srl-title-h3__number:after {
+  content: " ";
+  display: block;
+}

package/livingdocs/010.Titles/040.title-h4/scss/word.scss

@@ -0,0 +1,10 @@
+@use "srl";
+
+.srl-title-h4 {
+  font-family: 'Arial', sans-serif;
+}
+
+.srl-title-h4__number:after {
+  content: " ";
+  display: block;
+}

package/livingdocs/010.Titles/050.title-h5/scss/word.scss

@@ -0,0 +1,5 @@
+@use "srl";
+
+.srl-title-h5 {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/010.Titles/060.title-h6/scss/word.scss

@@ -0,0 +1,5 @@
+@use "srl";
+
+.srl-title-h6 {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/020.Text/010.lead/scss/word.scss

@@ -0,0 +1,5 @@
+@use "srl";
+
+.srl-lead {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/020.Text/020.paragraph/scss/word.scss

@@ -0,0 +1,5 @@
+@use "srl";
+
+.srl-paragraph {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/020.Text/030.paragraph-strong/scss/word.scss

@@ -0,0 +1,6 @@
+@use "srl";
+
+.srl-paragraph-strong {
+  font-family: 'Arial', sans-serif;
+  font-weight: 700;
+}

package/livingdocs/020.Text/040.link/scss/word.scss

@@ -0,0 +1,5 @@
+@use "srl";
+
+.srl-link {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/020.Text/050.quote/scss/word.scss

@@ -0,0 +1,7 @@
+@use "srl";
+
+.srl-quote__quote,
+.srl-quote__name,
+.srl-quote__position {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/020.Text/060.quote-with-portrait/scss/word.scss

@@ -0,0 +1,7 @@
+@use "srl";
+
+.srl-quote__quote,
+.srl-quote__name,
+.srl-quote__position {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/020.Text/080.footnote-item/scss/word.scss

@@ -0,0 +1,6 @@
+@use "srl";
+
+.srl-footnote:not(.srl-grid),
+.srl-footnote__item {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/030.Lists/010.unordered-list/scss/general.scss

@@ -1,10 +1,5 @@
 @use 'srl';
 
-.srl-table-list {
-  list-style: none;
-  padding: 0;
-}
-
 .srl-list-group__list {
   list-style: none;
   padding: 0;

package/livingdocs/030.Lists/010.unordered-list/scss/word.scss

@@ -0,0 +1,6 @@
+@use "srl";
+
+.srl-list-group__list {
+  list-style: disc;
+  padding: initial;
+}

package/livingdocs/030.Lists/020.ordered-list/scss/word.scss

@@ -0,0 +1,9 @@
+@use 'srl';
+
+.srl-list-group__list {
+  .srl-list-group--ol &,
+  .srl-table-list--ol & {
+    list-style-type: decimal;
+  }
+}
+

package/livingdocs/030.Lists/030.alphanumeric-list/scss/word.scss

@@ -0,0 +1,9 @@
+@use 'srl';
+
+.srl-list-group__list {
+  .srl-list-group--alphanumeric &,
+  .srl-table-list--alphanumeric & {
+    list-style-type: lower-alpha;
+  }
+}
+

package/livingdocs/030.Lists/040.list-item/scss/pdf.scss

@@ -10,5 +10,5 @@ $marker-width: srl.system-size-unit(map.get(srl.$meta, list, marker-width-pdf));
 }
 
 .srl-list-group__item-text {
-  width: calc(100% -  #{$marker-width});
-}
+  width: calc(100% - #{$marker-width});
+}

package/livingdocs/030.Lists/040.list-item/scss/word.scss

@@ -0,0 +1,19 @@
+@use "srl";
+
+.srl-list-group__item {
+  font-family: 'Arial', sans-serif;
+
+  &:before {
+    .srl-list-group--ul & {
+      display: none;
+    }
+
+    .srl-list-group--ol & {
+      display: none;
+    }
+
+    .srl-list-group--alphanumeric & {
+      display: none;
+    }
+  }
+}

package/livingdocs/040.Media/010.table/scss/general.scss

@@ -49,7 +49,7 @@ td {
   );
   vertical-align: #{map.get(srl.$meta, table, vertical-align)};
   border-bottom: (
-          var(--srl-table-border-regular-width)
+          srl.system-root-style(srl-table-border-regular-width)
           map.get($table-border-regular, style)
           srl.colors-get(map.get($table-border-regular, color))
   );
@@ -93,7 +93,7 @@ td {
   */
   &[class*="head"] {
     border-bottom: (
-            var(--srl-table-border-bold-width)
+            srl.system-root-style(srl-table-border-bold-width)
             map.get($table-border-bold, style)
             srl.colors-get(map.get($table-border-bold, color))
     );
@@ -109,7 +109,7 @@ td {
 
   &[class*="blinetop"] {
     border-top: (
-            var(--srl-table-border-bold-width)
+            srl.system-root-style(srl-table-border-bold-width)
             map.get($table-border-bold, style)
             srl.colors-get(map.get($table-border-bold, color))
     );
@@ -117,21 +117,21 @@ td {
 
   &[class*="nolinetop"] {
     border-top: (
-            var(--srl-table-border-regular-width)
+            srl.system-root-style(srl-table-border-regular-width)
             map.get($table-border-regular, style)
             transparent
     );
 
     &[class*="head"] {
       border-top-width: (
-              var(--srl-table-border-regular-width)
+              srl.system-root-style(srl-table-border-regular-width)
       );
     }
   }
 
   &[class*="linebottom"] {
     border-bottom: (
-            var(--srl-table-border-regular-width)
+            srl.system-root-style(srl-table-border-regular-width)
             map.get($table-border-regular, style)
             srl.colors-get(map.get($table-border-regular, color))
     );
@@ -139,7 +139,7 @@ td {
 
   &[class*="blinebottom"] {
     border-bottom: (
-            var(--srl-table-border-bold-width)
+            srl.system-root-style(srl-table-border-bold-width)
             map.get($table-border-bold, style)
             srl.colors-get(map.get($table-border-bold, color))
     );
@@ -147,19 +147,19 @@ td {
 
   &[class*="nolinebottom"] {
     border-bottom: (
-            var(--srl-table-border-regular-width)
+            srl.system-root-style(srl-table-border-regular-width)
             map.get($table-border-regular, style)
             transparent
     );
 
     &[class*="head"] {
-      border-bottom-width: var(--srl-table-border-regular-width);
+      border-bottom-width: srl.system-root-style(srl-table-border-regular-width);
     }
   }
 
   &[class*="lineleft"] {
     border-left: (
-            var(--srl-table-border-regular-width)
+            srl.system-root-style(srl-table-border-regular-width)
             map.get($table-border-regular, style)
             srl.colors-get(map.get($table-border-regular, color))
     );
@@ -167,7 +167,7 @@ td {
 
   &[class*="blineleft"] {
     border-left: (
-            var(--srl-table-border-bold-width)
+            srl.system-root-style(srl-table-border-bold-width)
             map.get($table-border-bold, style)
             srl.colors-get(map.get($table-border-bold, color))
     );
@@ -175,7 +175,7 @@ td {
 
   &[class*="nolineleft"] {
     border-left: (
-            var(--srl-table-border-regular-width)
+            srl.system-root-style(srl-table-border-regular-width)
             map.get($table-border-regular, style)
             transparent
     );
@@ -183,7 +183,7 @@ td {
 
   &[class*="lineright"] {
     border-right: (
-            var(--srl-table-border-regular-width)
+            srl.system-root-style(srl-table-border-regular-width)
             map.get($table-border-regular, style)
             srl.colors-get(map.get($table-border-regular, color))
     );
@@ -191,7 +191,7 @@ td {
 
   &[class*="blineright"] {
     border-right: (
-            var(--srl-table-border-bold-width)
+            srl.system-root-style(srl-table-border-bold-width)
             map.get($table-border-bold, style)
             srl.colors-get(map.get($table-border-bold, color))
     );
@@ -199,7 +199,7 @@ td {
 
   &[class*="nolineleft"] {
     border-right: (
-            var(--srl-table-border-regular-width)
+            srl.system-root-style(srl-table-border-regular-width)
             map.get($table-border-regular, style)
             transparent
     );
@@ -231,9 +231,14 @@ td {
   DEFINE HERE; DIFFERENT CSS CLASSES IN EVERY PROJECT
   */
   @for $i from 1 through 10 {
-    $suffix: if($i < 10, "0#{$i}", "#{$i}");
+    $suffix: "#{$i}";
+
+    @if $i < 10 {
+      $suffix: "0#{$i}";
+    }
+
     &[class*="background-#{$suffix}"] {
-      background-color: var(--srl-table-background-#{$suffix}, transparent);
+      background-color: srl.system-root-style(srl-table-background-#{$suffix}, transparent);
     }
   }
 

package/livingdocs/040.Media/010.table/scss/word.scss

@@ -0,0 +1,21 @@
+@use "srl";
+
+.srl-table {
+  page-break-inside: avoid;
+}
+
+th,
+td {
+  font-family: 'Arial', sans-serif;
+
+  &[class*="head"],
+  &[class*="bold"],
+  &[class*="regular"] {
+    font-family: 'Arial', sans-serif;
+  }
+
+  &[class*="head"],
+  &[class*="bold"] {
+    font-weight: bold;
+  }
+}

package/livingdocs/040.Media/020.image/scss/word.scss

@@ -0,0 +1,5 @@
+@use "srl";
+
+.srl-image__caption-text {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/040.Media/030.video/scss/word.scss

@@ -0,0 +1,5 @@
+@use "srl";
+
+.srl-video__video-link {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/040.Media/030.video/video.html

@@ -1,8 +1,8 @@
-<div class="srl-video">
+<div class="srl-video" data-remove-from-word="complete">
   <div class="srl-grid srl-grid--media">
     <div class="srl-grid__inner srl-video__inner">
       <srl-ld-video data-remove-from-xbrl="transient" data-remove-from-pdf="transient">
-        <div class="srl-video__video-container" doc-html="free-html"  data-remove-from-pdf="complete"></div>
+        <div class="srl-video__video-container" doc-html="free-html" data-remove-from-pdf="complete"></div>
         <img class="srl-video__thumbnail" doc-image="video-thumbnail"></img>
         <div class="srl-video__play" data-remove-from-pdf="complete">
           <button class="srl-button srl-has-icon" type="button">

package/livingdocs/060.Buttons/020.button/scss/word.scss

@@ -1 +1,6 @@
-@use "pdf";
+@use "pdf";
+@use "srl";
+
+.srl-button {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/080.CV/010.cv/cv.html

@@ -8,14 +8,14 @@
             </div>
             <div class="srl-cv__header-content">
                 <p class="srl-title-h3">
-          <span class="srl-title-h3__text" doc-editable="cv-title-h3">
-            Max Mustermann
-          </span>
+                  <span class="srl-title-h3__text" doc-editable="cv-title-h3">
+                    Max Mustermann
+                  </span>
                 </p>
                 <p class="srl-title-h4">
-          <span class="srl-title-h4__text" doc-editable="cv-title-h4">
-            Chairman of the Group Management, Chief Executive Officer (CEO)
-          </span>
+                  <span class="srl-title-h4__text" doc-editable="cv-title-h4">
+                    Chairman of the Group Management, Chief Executive Officer (CEO)
+                  </span>
                 </p>
                 <p class="srl-paragraph" doc-editable="cv-text-excerpt">
                     Swiss, born 1956 <br />
@@ -27,7 +27,7 @@
     <div class="srl-cv__content srl-article-accordion__content">
         <div class="srl-article-accordion__wrapper" doc-container="cv-content"></div>
     </div>
-    <div class="srl-grid srl-cv__button-container">
+    <div class="srl-grid srl-cv__button-container" data-remove-from-pdf="complete" data-remove-from-word="complete" data-remove-from-xhtml="complete">
         <div class="srl-grid__inner srl-flex srl-justify-self-center">
             <button type="button" class="srl-cv__button srl-article-accordion__toggle">
                 <span class="srl-cv__button-more" doc-editable="cv-text-more">

package/livingdocs/090.Signatures/010.signature-container/scss/word.scss

@@ -0,0 +1,5 @@
+@use "srl";
+
+.srl-signature {
+  @include srl.spacer-margin-top(400);
+}

package/livingdocs/090.Signatures/020.signature-item/scss/word.scss

@@ -0,0 +1,6 @@
+@use "srl";
+
+.srl-signature__name,
+.srl-signature__position {
+  font-family: 'Arial', sans-serif;
+}

package/livingdocs/100.Misc/010.anchor/anchor.html

@@ -1,4 +1,5 @@
-<p class="srl-anchor srl-editor-component" data-remove-from-translate-plus="true" data-remove-from-xhtml="complete" data-is-anchor="true">
+<p class="srl-anchor srl-editor-component" data-remove-from-translate-plus="true" data-remove-from-xhtml="complete"
+  data-is-anchor="true">
   <span class="srl-anchor__text srl-editor-component__text" doc-editable="anchor-text">
     Must start with a letter (A–Z or a–z); a number is not allowed. After the
     first letter, any combination of letters (a–z, A–Z), digits (0–9), hyphens

package/livingdocs/110.PDF/010.pdf-pagebreak/pdf-pagebreak.html

@@ -1,5 +1,5 @@
 <div class="srl-pdf-pagebreak srl-editor-component" data-remove-from-web="complete">
-  <span class="srl-pdf-pagebreak__editor-text srl-editor-component__text" data-remove-from-pdf="complete">
+  <span class="srl-pdf-pagebreak__editor-text srl-editor-component__text" data-remove-from-pdf="complete" data-remove-from-word="complete">
     PDF page break
   </span>
 </div>

package/livingdocs/110.PDF/010.pdf-pagebreak/scss/word.scss

@@ -0,0 +1,5 @@
+@use 'srl';
+
+.srl-pdf-pagebreak {
+  page-break-after: always;
+}

package/livingdocs/110.PDF/030.pdf-publication-title/pdf-publication-title.html

@@ -1,6 +1,7 @@
 <p
   class="srl-pdf-publication-title srl-editor-component"
   data-remove-from-web="complete"
+  data-remove-from-word="complete"
 >
   <span class="srl-pdf-publication-title__text srl-editor-component__text" doc-editable="pdf-publication-titletext">
     Publication title

package/livingdocs/110.PDF/040.pdf-chapter-title/pdf-chapter-title.html

@@ -1,6 +1,7 @@
 <p
   class="srl-pdf-chapter-title srl-editor-component"
   data-remove-from-web="complete"
+  data-remove-from-word="complete"
 >
   <span class="srl-pdf-chapter-title__text srl-editor-component__text" doc-editable="pdf-chapter-title-text">
     Chapter title

package/livingdocs/110.PDF/050.pdf-chapter-navigation-container/pdf-chapter-navigation.html

@@ -2,6 +2,7 @@
   class="srl-chapter-navigation srl-editor-component"
   data-is-chapter-override="true"
   data-remove-from-web="complete"
+  data-remove-from-word="complete"
 >
   <ol
     class="srl-chapter-navigation__list"

package/livingdocs/110.PDF/070.pdf-cover/pdf-cover.html

@@ -1,4 +1,4 @@
-<div class="srl-pdf-cover" doc-image="cover">
+<div class="srl-pdf-cover" data-remove-from-word="complete" doc-image="cover">
   <div class="srl-pdf-cover__content">
     <div class="srl-pdf-cover__top">
       <div class="srl-pdf-cover__logo-container" doc-toggle="show-logo">

package/livingdocs/110.PDF/080.pdf-toc-page/pdf-toc-page.html

@@ -1,8 +1,8 @@
-<div class="srl-pdf-toc-page">
+<div class="srl-pdf-toc-page" data-remove-from-word="complete" data-is-toc-page="true">
   <div class="srl-pdf-toc-page__inner">
     <div class="srl-pdf-toc-page__title" doc-editable="pdf-toc-page-title">
       Chapter title
     </div>
-    <div class="srl-pdf-toc-page__toc-container" doc-container="toc"></div>
+    <div class="srl-pdf-toc-page__toc-container" doc-container="toc" data-is-toc-container="true"></div>
   </div>
 </div>

package/livingdocs/110.PDF/080.pdf-toc-page/scss/editor.scss

@@ -24,8 +24,8 @@ $page-margin-left: srl.system-size-unit(map.get(srl.$meta, pdf, margin, left));
 
   display: grid;
   grid-template-columns: repeat(8, 1fr);
-  column-gap: var(--srl-gutter-column-gap);
-  row-gap: var(--srl-gutter-row-gap);
+  column-gap: srl.system-root-style(srl-gutter-column-gap);
+  row-gap: srl.system-root-style(srl-gutter-row-gap);
 }
 
 .srl-pdf-toc-page__title,

package/livingdocs/110.PDF/100.pdf-toc-item/pdf-toc-item.html

@@ -1,6 +1,6 @@
-<a class="srl-pdf-toc__item" doc-link="href" data-page-number="">
-  <div class="srl-pdf-toc__text" doc-editable="pdf-toc-item-text">
+<a class="srl-pdf-toc__item" doc-link="href" data-page-number="" data-is-toc-item="true">
+  <div class="srl-pdf-toc__text" doc-editable="pdf-toc-item-text" data-is-toc-text="true">
     Article title
   </div>
-  <div class="srl-pdf-toc__number" doc-editable="pdf-toc-item-number">1</div>
+  <div class="srl-pdf-toc__number" doc-editable="pdf-toc-item-number" data-is-toc-number="true">1</div>
 </a>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-reporting/base",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "description": "Manage srl templates, build and publish",
   "bin": {
     "srl": "cli.js"

package/scripts/build.d.ts

@@ -5,7 +5,7 @@
  * @param {string} version
  * @return {Promise<void>} A Promise that resolves when the build process is completed or rejects if an error occurs.
  */
-export function build(version: string, options: any): Promise<void>;
+export function build(version: string, options?: {}): Promise<void>;
 /**
  * Builds the project sequentially by executing a series of asynchronous tasks in a specific order.
  * This method is used to build the project in a predetermined sequence.

package/scripts/build.js

@@ -24,7 +24,7 @@ import folders from './folders.js';
 import { mapLdd } from './ldd/mapLdd.js';
 import { LivingdocsDesignValidator } from './ldd/LivingdocsDesignValidator.js';
 import { camelCase } from './utils.js';
-import { buildVariables } from "./build/variables.js";
+import { buildVariables } from './build/variables.js';
 import './dotenv.js';
 
 const placeholderId = '6297EAFB-33A0-48B8-8D64-E61CDC3E9035';
@@ -85,11 +85,11 @@ async function cleanOutput() {
  * @returns {Promise<void>} A Promise that resolves when the application is built.
  */
 async function buildApp() {
-  console.log("\n\nBuild application");
+  console.log('\n\nBuild application');
   buildVariables.system.environment = 'production';
   buildVariables.system.build = 'app';
   buildVariables.system['size-unit'] = 'rem';
-  
+
   await checkFolders();
   const build = await viteBuild({
     build: {
@@ -198,7 +198,7 @@ async function buildApp() {
  * @returns {Promise<void>} A Promise that resolves when the application is built.
  */
 async function buildDDev() {
-  console.log("\n\nBuild application for DDEV");
+  console.log('\n\nBuild application for DDEV');
   buildVariables.system.environment = 'production';
   buildVariables.system.build = 'app';
   buildVariables.system['size-unit'] = 'rem';
@@ -221,7 +221,7 @@ async function buildDDev() {
  * @returns {Promise<void>} - A Promise that resolves when the zip operation is complete, or rejects with an error.
  */
 async function zipApp() {
-  console.log("\n\nCreate zip file for app");
+  console.log('\n\nCreate zip file for app');
   await checkFolders();
   const archiver = require('archiver');
   const output = createWriteStream(join(outputPath, 'app.zip'));
@@ -252,7 +252,7 @@ async function zipApp() {
 }
 
 async function zipLdd() {
-  console.log("\n\nCreate zip file for LDD");
+  console.log('\n\nCreate zip file for LDD');
   await checkFolders();
 
   const archiver = require('archiver');
@@ -290,7 +290,7 @@ async function zipLdd() {
  *                              false otherwise.
  */
 async function buildPdf() {
-  console.log("\n\nBuild PDF");
+  console.log('\n\nBuild PDF');
   buildVariables.system.environment = 'production';
   buildVariables.system.build = 'pdf';
   buildVariables.system['size-unit'] = 'rem';
@@ -326,7 +326,7 @@ async function buildPdf() {
 }
 
 async function buildXbrl() {
-  console.log("\n\nBuild XBRL");
+  console.log('\n\nBuild XBRL');
   buildVariables.system.environment = 'production';
   buildVariables.system.build = 'xbrl';
   buildVariables.system['size-unit'] = 'rem';
@@ -369,7 +369,7 @@ async function buildXbrl() {
  * @returns {Promise<boolean>} - A Promise that resolves to true if the LDD build is successful, false otherwise.
  */
 async function buildLdd(version) {
-  console.log("\n\nBuild Livingdocs");
+  console.log('\n\nBuild Livingdocs');
   buildVariables.system.environment = 'production';
   buildVariables.system.build = 'ldd';
   buildVariables.system['size-unit'] = 'rem';
@@ -433,12 +433,15 @@ async function buildLdd(version) {
           }
         }
 
-        const fontFiles = await glob(join(folders.srlAssets, 'fonts', '**', '*.scss'), {
-          withFileTypes: true,
-        });
+        const fontFiles = await glob(
+          join(folders.srlAssets, 'fonts', '**', '*.scss'),
+          {
+            withFileTypes: true,
+          },
+        );
 
         if (fontFiles.length) {
-          console.log("\n\nBuild Livingdocs fonts");
+          console.log('\n\nBuild Livingdocs fonts');
 
           const importPath = join(folders.srlImports, 'fonts');
           try {
@@ -449,10 +452,13 @@ async function buildLdd(version) {
           const importFile = join(importPath, 'style.scss');
 
           const importFonts = [];
-          fontFiles.forEach( f => {
+          fontFiles.forEach((f) => {
             importFonts.push(`../../../${f.relativePosix()}`);
-          })
-          await writeFileSync(importFile, `@use "` + importFonts.join('" as *;\n@use "') + `" as *;\n`)
+          });
+          await writeFileSync(
+            importFile,
+            `@use "` + importFonts.join('" as *;\n@use "') + `" as *;\n`,
+          );
 
           await viteBuild({
             css: {
@@ -475,15 +481,15 @@ async function buildLdd(version) {
                       return '[name][extname]';
                     }
                     return '[name]-[hash][extname]';
-                  }
-                }
-              }
+                  },
+                },
+              },
             },
             publicDir: false,
-          })
+          });
         }
 
-        console.log("\n\nBuild Livingdocs design.json");
+        console.log('\n\nBuild Livingdocs design.json');
         await writeLivingDocsJson();
 
         return true;
@@ -526,25 +532,43 @@ async function buildPdfCustomer(customer) {
   const lddPdfDir = join(folders.srlOutput, 'ldd', 'pdf');
   const lddJson = await readLivingDocsJson();
 
+  try {
+    const wordDir = join(folders.srlOutput, 'word');
+    const lddWordDir = join(folders.srlOutput, 'ldd', 'word');
+    statSync(wordDir);
+    await cpSync(wordDir, lddWordDir, { recursive: true });
+    console.log(`Word folder has been copied to ${relative(folders.root, lddWordDir)}`);
+  } catch (e) {
+    console.error(e)
+  }
+
+  try {
+    const xbrlDir = join(folders.srlOutput, 'xbrl');
+    const lddXbrlDir = join(folders.srlOutput, 'ldd', 'xbrl');
+    statSync(xbrlDir);
+    await cpSync(xbrlDir, lddXbrlDir, { recursive: true });
+    console.log(`Xbrl folder has been copied to ${relative(folders.root, lddXbrlDir)}`);
+  } catch (e) {
+    console.error(e)
+  }
+
   try {
     const pdfDir = join(folders.srlOutput, 'pdf');
     statSync(pdfDir);
     await cpSync(pdfDir, lddPdfDir, { recursive: true });
-    console.log(`PDF folder has been copied to ${relative(folders.root, lddPdfDir)}`);
+    console.log(
+      `PDF folder has been copied to ${relative(folders.root, lddPdfDir)}`,
+    );
   } catch (e) {
-    console.error(e)
+    console.error(e);
   }
 
   try {
     statSync(customerDir);
     const customerTarget = join(lddPdfDir, customerName);
     mkdirSync(customerTarget, { recursive: true });
-    const jsReferences = [
-      'pdf.js'
-    ];
-    const cssReferences = [
-      'pdf.css'
-    ];
+    const jsReferences = ['pdf.js'];
+    const cssReferences = ['pdf.css'];
 
     try {
       const tsPath = join(customerDir, 'custom.ts');
@@ -573,9 +597,9 @@ async function buildPdfCustomer(customer) {
                   return '[name][extname]';
                 }
                 return 'assets/[name]-[hash][extname]';
-              }
-            }
-          }
+              },
+            },
+          },
         },
         publicDir: false,
       };
@@ -599,9 +623,13 @@ async function buildPdfCustomer(customer) {
       statSync(publicDir);
       const publicTarget = join(customerTarget, 'public');
       await cpSync(publicDir, publicTarget, { recursive: true });
-      console.log(`Customer ${customer} public folder has been copied to ${relative(folders.root, publicTarget)}`);
+      console.log(
+        `Customer ${customer} public folder has been copied to ${relative(folders.root, publicTarget)}`,
+      );
 
-      const publicFiles = await glob(join(publicTarget, '**', '*'), { withFileTypes: true });
+      const publicFiles = await glob(join(publicTarget, '**', '*'), {
+        withFileTypes: true,
+      });
 
       for (const publicFile of publicFiles) {
         if (publicFile.isFile()) {
@@ -620,35 +648,50 @@ async function buildPdfCustomer(customer) {
     const nsWowUrl = `${internalLddUrl}/${lddJson.name}/${lddJson.version}/pdf`;
 
     const pdfConfig = [];
-    cssReferences.forEach( p => {
-      pdfConfig.push(`  <userStyleSheets><uri>${nsWowUrl}/${p}</uri></userStyleSheets>`);
-    })
-
-    jsReferences.forEach( p => {
-      pdfConfig.push(`  <userScripts><beforeDocumentScripts>true</beforeDocumentScripts><uri>${nsWowUrl}/${p}</uri></userScripts>`);
-    })
-
-    const pdfConfigContent = pdfXmlStart
-      + `  <appendLog>false</appendLog>\n`
-      + pdfConfig.join('\n')
-      + pdfXmlEnd;
+    cssReferences.forEach((p) => {
+      pdfConfig.push(
+        `  <userStyleSheets><uri>${nsWowUrl}/${p}</uri></userStyleSheets>`,
+      );
+    });
+
+    jsReferences.forEach((p) => {
+      pdfConfig.push(
+        `  <userScripts><beforeDocumentScripts>true</beforeDocumentScripts><uri>${nsWowUrl}/${p}</uri></userScripts>`,
+      );
+    });
+
+    const pdfConfigContent =
+      pdfXmlStart +
+      `  <appendLog>false</appendLog>\n` +
+      pdfConfig.join('\n') +
+      pdfXmlEnd;
     const pdfConfigPath = join(customerTarget, 'pdf-configuration.xml');
     writeFileSync(pdfConfigPath, pdfConfigContent);
-    console.log(`Customer ${customer} PDF configuration file has been built to ${relative(folders.root, pdfConfigPath)}`);
-
-    const pdfConfigDebugContent = pdfXmlStart
-      + `  <appendLog>true</appendLog>\n`
-      + `  <inspectableSettings><enabled>true</enabled></inspectableSettings>\n`
-      + `  <debugSettings><all>true</all></debugSettings>\n`
-      + pdfConfig.join('\n')
-      + pdfXmlEnd;
-    const pdfConfigDebugPath = join(customerTarget, 'pdf-configuration-debug.xml');
+    console.log(
+      `Customer ${customer} PDF configuration file has been built to ${relative(folders.root, pdfConfigPath)}`,
+    );
+
+    const pdfConfigDebugContent =
+      pdfXmlStart +
+      `  <appendLog>true</appendLog>\n` +
+      `  <inspectableSettings><enabled>true</enabled></inspectableSettings>\n` +
+      `  <debugSettings><all>true</all></debugSettings>\n` +
+      pdfConfig.join('\n') +
+      pdfXmlEnd;
+    const pdfConfigDebugPath = join(
+      customerTarget,
+      'pdf-configuration-debug.xml',
+    );
     writeFileSync(pdfConfigDebugPath, pdfConfigDebugContent);
-    console.log(`Customer ${customer} PDF debug configuration file has been built to ${relative(folders.root, pdfConfigDebugPath)}`);
+    console.log(
+      `Customer ${customer} PDF debug configuration file has been built to ${relative(folders.root, pdfConfigDebugPath)}`,
+    );
 
-    console.log(`Customer ${customer} PDF files has been built to ${relative(folders.root, customerTarget)}`);
+    console.log(
+      `Customer ${customer} PDF files has been built to ${relative(folders.root, customerTarget)}`,
+    );
 
-    console.log("\n");
+    console.log('\n');
   } catch (e) {}
 
   return true;
@@ -662,7 +705,7 @@ async function buildPdfCustomer(customer) {
  *                              or false if there was an error during the build process.
  */
 async function buildWord() {
-  console.log("\n\nBuild Word");
+  console.log('\n\nBuild Word');
   buildVariables.system.environment = 'production';
   buildVariables.system.build = 'word';
   buildVariables.system['size-unit'] = 'pt';
@@ -703,33 +746,68 @@ async function buildWord() {
  * @param {string} version
  * @return {Promise<void>} A Promise that resolves when the build process is completed or rejects if an error occurs.
  */
-async function build(version, options) {
-
+async function build(version, options = {}) {
   try {
     await checkFolders();
+
     const packageJson = await readPackageJson();
 
-    if (!version) {
-      const prompt = new Input({
-        message: 'Livingdocs version',
-        initial: packageJson.version,
-      });
-      version = await prompt.run();
+    // target option for separate build
+    const targetsString = options.target || 'app,pdf,word,xbrl,ldd';
+    const targets = targetsString
+      .split(',')
+      .map((t) => t.trim())
+      .filter(Boolean);
+    const has = (name) => targets.includes(name);
+
+    if (has('ldd')) {
+        if (!version) {
+          const prompt = new Input({
+            message: 'Livingdocs version',
+            initial: packageJson.version,
+          });
+          version = await prompt.run();
+        }
+
+        packageJson.version = version;
+        await writePackageJson();
     }
 
-    packageJson.version = version;
-    await writePackageJson();
+
 
     await cleanOutput();
-    await buildApp();
-    await buildPdf();
-    await buildWord();
-    await buildXbrl();
-    await buildLdd();
-    !options.customer || await buildPdfCustomer(options.customer);
-    new LivingdocsDesignValidator(await readLivingDocsJson()).IsDesignValid();
-    await zipApp();
-    await zipLdd();
+
+    if (has('app')) {
+      await buildApp();
+    }
+
+    if (has('pdf')) {
+      await buildPdf();
+    }
+
+    if (has('word')) {
+      await buildWord();
+    }
+
+    if (has('xbrl') || has('xhtml')) {
+      await buildXbrl();
+    }
+
+    if (has('ldd')) {
+      await buildLdd();
+
+      const livingdocsJson = await readLivingDocsJson();
+      new LivingdocsDesignValidator(livingdocsJson).IsDesignValid();
+      await zipLdd();
+    }
+
+    if (has('pdf') && options.customer) {
+      await buildPdfCustomer(options.customer);
+    }
+
+    if (has('app')) {
+      await zipApp();
+    }
   } catch (error) {
     console.log(error);
   }
@@ -773,45 +851,53 @@ async function mapScss() {
 
     const output = {
       app: [
-          `"../../srl/config" as *`,
-          `"@simple-reporting/base/scss/init-root.scss" as *`
+        `"../../srl/config" as *`,
+        `"@simple-reporting/base/scss/init-root.scss" as *`,
       ],
       ldd: [
-            `"../../srl/config" as *`,
-          `"@simple-reporting/base/scss/init-root.scss" as *`
+        `"../../srl/config" as *`,
+        `"@simple-reporting/base/scss/init-root.scss" as *`,
       ],
       pdf: [
-          `"../../srl/config" as *`,
-          `"@simple-reporting/base/scss/init-root.scss" as *`
+        `"../../srl/config" as *`,
+        `"@simple-reporting/base/scss/init-root.scss" as *`,
       ],
       word: [
-          `"../../srl/config" as *`,
-          `"@simple-reporting/base/scss/init-root.scss" as *`
+        `"../../srl/config" as *`,
+        `"@simple-reporting/base/scss/init-root.scss" as *`,
       ],
       xbrl: [
-          `"../../srl/config" as *`,
-          `"@simple-reporting/base/scss/init-root.scss" as *`
+        `"../../srl/config" as *`,
+        `"@simple-reporting/base/scss/init-root.scss" as *`,
       ],
     };
 
-    const fontFiles = await glob(join(folders.srlAssets, 'fonts', '**', '*.scss'), {
-      withFileTypes: true,
-    });
+    const fontFiles = await glob(
+      join(folders.srlAssets, 'fonts', '**', '*.scss'),
+      {
+        withFileTypes: true,
+      },
+    );
 
-    const fontsOutput = []
+    const fontsOutput = [];
 
     if (fontFiles.length) {
-      fontsOutput.push(`@import "${internalLddUrl}/${packageJson.name}/${packageJson.version}/fonts/style.css";`);
-      fontFiles.forEach(f => {
+      fontsOutput.push(
+        `@import "${internalLddUrl}/${packageJson.name}/${packageJson.version}/fonts/style.css";`,
+      );
+      fontFiles.forEach((f) => {
         output.app.push(`"${relativePathToRoot}${f.relativePosix()}" as *`);
         output.xbrl.push(`"${relativePathToRoot}${f.relativePosix()}" as *`);
-      })
+      });
       output.ldd.push(`"./fonts.scss" as *`);
       output.pdf.push(`"./fonts.scss" as *`);
       output.word.push(`"./fonts.scss" as *`);
     }
 
-    await writeFileSync(join(folders.srlImports, 'fonts.scss'), fontsOutput.join('\n'));
+    await writeFileSync(
+      join(folders.srlImports, 'fonts.scss'),
+      fontsOutput.join('\n'),
+    );
 
     const mainFiles = await glob(join(folders.srlAssets, 'scss', '*.scss'), {
       withFileTypes: true,
@@ -950,7 +1036,9 @@ async function mapScss() {
 
     await writeFileSync(
       join(folders.srlImports, 'xbrl.scss'),
-      `@use ` + output.xbrl.join(`;\n@use `) + `;\n@use "@simple-reporting/base/scss/xbrl-core-styles.scss" as *;\n`,
+      `@use ` +
+        output.xbrl.join(`;\n@use `) +
+        `;\n@use "@simple-reporting/base/scss/xbrl-core-styles.scss" as *;\n`,
     );
 
     return true;

package/srl/.srl/components/Srl/Article/Root.vue

@@ -32,24 +32,25 @@ import { nextTick, ref, onMounted } from 'vue';
 import VRuntimeTemplate from 'vue3-runtime-template';
 import Autoload from '@/Autoload.ts';
 import { useRoute } from 'vue-router';
-import { useArticle, useArticles, useConfig } from '#composables';
+import { useArticle, useConfig } from '#composables';
 import { prepareHtmlContent } from '#utils';
 
 const articleRoot = ref<HTMLDivElement | null>(null);
 const config = useConfig();
 const route = useRoute();
-const articles = useArticles();
 const content = ref<string>('');
 const locale = route.params.locale as string;
 const article = useArticle();
 
 if (article.value) {
   const file = `./html/${locale}/${article.value.name}.html`;
+  const publicationTitle = config.value.settings.publicationName[locale];
+
   try {
     const req = await fetch(file);
     let text = await req.text();
 
-    document.title = article.value.translatedTitle;
+    document.title = `${article.value.translatedTitle} - ${publicationTitle}`;
     content.value = prepareHtmlContent(text);
   } catch (error) {
     console.error(`Failed to load article content from ${file}:`, error);

package/srl/.srl/types/nswow.d.ts

@@ -8,6 +8,9 @@ declare global {
       boldTheWord: boolean;
     };
     categories: string[];
+    publicationName: {
+      [key: string]: string;
+    }
   };
 
   interface NsWowArticle {