@simple-reporting/base 1.0.23 → 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/index.html

@@ -12,7 +12,7 @@
       >this page requires javascript to work properly. please enable javascript in your
       browser</noscript
     >
-    <div id="app" class="slr-page"></div>
+    <div id="app" class="srl-page"></div>
     <script type="module" src="src/entries/main.ts"></script>
   </body>
 </html>

package/dev/livingdocs.config.json

@@ -110,24 +110,24 @@
       "identifier": "wp_cf_prettyTitle",
       "type": "text",
       "matches": [
-        "title-h1.title-h1-text",
+        "title-h1.title-h1",
         "title-h2.title-h2-text",
         "title-h3.title-h3-text",
         "title-h4.title-h4-text",
-        "title-h5.title-h5-text",
-        "title-h6.title-h6-text"
+        "title-h5.title-h5",
+        "title-h6.title-h6"
       ]
     },
     {
       "identifier": "menuTitle",
       "type": "text",
       "matches": [
-        "title-h1.title-h1-text",
+        "title-h1.title-h1",
         "title-h2.title-h2-text",
         "title-h3.title-h3-text",
         "title-h4.title-h4-text",
-        "title-h5.title-h5-text",
-        "title-h6.title-h6-text"
+        "title-h5.title-h5",
+        "title-h6.title-h6"
       ]
     },
     {

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.23",
+    "@simple-reporting/base": "^1.0.25",
     "axios": "^1.12.2",
     "chalk": "^5.6.2",
     "exceljs": "^4.4.0",

package/dev/src/Dialog.vue

@@ -57,6 +57,9 @@ body:has(.srl-page__dialog[open]) {
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.3s;
+  position: fixed;
+  inset: 0;
+  margin: 10vh auto 0;
 
   &::backdrop {
     background-color: rgba(0, 0, 0, 0.3);

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,