@simple-reporting/base 1.0.32 → 1.0.34

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

@@ -270,15 +270,18 @@ td {
     text-align: right;
   }
 
-  &[class*="vatop"] {
+  &[class*='srl-vertical-top'],
+  &[class*='vatop'] {
     vertical-align: top;
   }
 
-  &[class*="vamiddle"] {
+  &[class*='srl-vertical-middle'],
+  &[class*='vamiddle'] {
     vertical-align: middle;
   }
 
-  &[class*="vabottom"] {
+  &[class*='srl-vertical-bottom'],
+  &[class*='vabottom'] {
     vertical-align: bottom;
   }
 
@@ -348,10 +351,6 @@ td {
   cursor: pointer;
   transition: color 0.3s ease;
 
-  @media (prefers-reduced-motion: reduce) {
-    transition-duration: 0s;
-  }
-
   &:hover {
     color: srl.colors-primary-1000();
   }

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

@@ -1,5 +1,5 @@
 @use "srl";
-@use "assets/scss/placeholders";
+@use "@/assets/scss/placeholders";
 
 .srl-table__container > div {
   @extend %srl-grid-base;
@@ -11,4 +11,10 @@
   .srl-wide-width & {
     @extend %srl-wide-width;
   }
+}
+
+.note-link {
+  @media (prefers-reduced-motion: reduce) {
+    transition-duration: 0s;
+  }
 }

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

@@ -1 +1,16 @@
-@use 'general';
+@use 'general';
+@use "@/assets/scss/placeholders";
+
+.srl-table__container > div,
+.srl-table__container > .srl-table {
+  @extend %srl-grid-base;
+}
+
+.srl-table-container,
+.srl-table__container > .srl-table > table {
+  @extend %srl-regular-width;
+
+  .srl-wide-width & {
+    @extend %srl-wide-width;
+  }
+}

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

@@ -1,6 +1,6 @@
 @use "srl";
 @use "web";
-@use "assets/scss/placeholders";
+@use "@/assets/scss/placeholders";
 
 .srl-image__alt-text{
   @include srl.typography-caption();

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

@@ -1,5 +1,5 @@
 @use 'srl';
-@use "assets/scss/placeholders";
+@use "@/assets/scss/placeholders";
 
 .srl-grid--media {
   .srl-full-width & {

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

@@ -1,5 +1,5 @@
 @use "srl";
-@use "assets/scss/placeholders";
+@use "@/assets/scss/placeholders";
 
 .srl-image__caption-text {
   @extend %srl-regular-width;

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

@@ -1,5 +1,5 @@
 @use "srl";
-@use "assets/scss/placeholders";
+@use "@/assets/scss/placeholders";
 
 .srl-grid--media {
   .srl-full-width & {

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

@@ -1,5 +1,5 @@
 @use "srl";
-@use "assets/scss/placeholders";
+@use "@/assets/scss/placeholders";
 
 .srl-button {
   display: flex;

package/livingdocs/080.CV/010.cv/scss/web.scss

@@ -1,5 +1,5 @@
 @use 'srl';
-@use "assets/scss/placeholders";
+@use "@/assets/scss/placeholders";
 
 .srl-cv__inner {
   display: grid;

package/livingdocs/080.CV/020.cv-time-span/scss/web.scss

@@ -1,5 +1,5 @@
 @use 'srl';
-@use "assets/scss/placeholders";
+@use "@/assets/scss/placeholders";
 
 .srl-cv-time-span__years {
   width: srl.system-size-unit(110);

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

@@ -1,5 +1,10 @@
-<p class="srl-anchor srl-editor-component" data-remove-from-translate-plus="true" data-remove-from-word="complete" 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-word="complete"
+  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,10 @@
-<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" data-remove-from-word="complete">
+<div
+  class="srl-pdf-pagebreak srl-editor-component"
+  data-remove-from-web="complete"
+  data-remove-from-word="complete"
+  data-remove-from-xhtml="complete"
+>
+  <span class="srl-pdf-pagebreak__editor-text srl-editor-component__text" data-remove-from-pdf="complete">
     PDF page break
   </span>
 </div>

package/livingdocs/110.PDF/020.pdf-column-container/ld-conf.json

@@ -1,4 +1,5 @@
 {
   "name": "pdf-column-container",
-  "label": "PDF column container"
+  "label": "PDF column container",
+  "properties": ["column-behaviour", "width-reduced"]
 }

package/livingdocs/110.PDF/020.pdf-column-container/pdf-column-container.html

@@ -1,5 +1,23 @@
 <div
-  class="srl-pdf-column-container"
+  class="srl-grid srl-pdf-column-container"
   data-remove-from-web="transient"
-  doc-container="column-container"
-></div>
+  data-remove-from-word="transient"
+  data-remove-from-xhtml="transient"
+>
+  <div
+    class="srl-grid__inner"
+    data-remove-from-web="transient"
+    data-remove-from-word="transient"
+    data-remove-from-xhtml="transient"
+  >
+    <div
+      class="srl-pdf-column-container__content"
+      data-remove-from-web="transient"
+      data-remove-from-word="transient"
+      data-remove-from-xhtml="transient"
+      doc-container="column-container"
+    >
+
+    </div>
+  </div>
+</div>

package/livingdocs/110.PDF/020.pdf-column-container/properties.json

@@ -0,0 +1,15 @@
+{
+  "column-behaviour": {
+    "label": "Column behaviour",
+    "type": "select",
+    "options": [
+      {
+        "caption": "Balanced (columns of equal height)"
+      },
+      {
+        "caption": "Unbalanced (last column should be empty or shorter)",
+        "value": "srl-columns-unbalanced"
+      }
+    ]
+  }
+}

package/livingdocs/110.PDF/020.pdf-column-container/scss/editor.scss

@@ -0,0 +1,8 @@
+@use 'srl';
+
+.srl-pdf-column-container {
+  padding-block: srl.spacer-get(100);
+  border-top: 1px solid #{srl.colors-primary-1000()};
+  border-bottom: 1px solid #{srl.colors-primary-1000()};
+}
+

package/livingdocs/110.PDF/020.pdf-column-container/scss/pdf.scss

@@ -0,0 +1,14 @@
+@use 'srl';
+
+.srl-pdf-column-container__content {
+  column-count: 2;
+  column-gap: 5mm;
+
+  .srl-columns-unbalanced & {
+    column-fill: auto;
+  }
+
+  > * {
+    display: block;
+  }
+}

package/livingdocs/110.PDF/021.pdf-columnbreak/ld-conf.json

@@ -0,0 +1,5 @@
+{
+  "name": "pdf-columnbreak",
+  "label": "PDF column break",
+  "allowedParents": ["pdf-column-container"]
+}

package/livingdocs/110.PDF/021.pdf-columnbreak/pdf-columnbreak.html

@@ -0,0 +1,10 @@
+<div
+  class="srl-pdf-columnbreak srl-editor-component"
+  data-remove-from-web="complete"
+  data-remove-from-word="complete"
+  data-remove-from-xhtml="complete"
+>
+  <span class="srl-pdf-columnbreak__editor-text srl-editor-component__text" data-remove-from-pdf="complete">
+    PDF column break
+  </span>
+</div>

package/livingdocs/110.PDF/021.pdf-columnbreak/scss/editor.scss

@@ -0,0 +1,12 @@
+@use 'srl';
+@use 'web';
+@use 'assets/scss/placeholders';
+
+.srl-pdf-columnbreak {
+  text-align: center;
+}
+
+.srl-pdf-columnbreak__editor-text {
+  @include srl.typography-editor-label-text();
+  @extend %srl-regular-width;
+}

package/livingdocs/110.PDF/021.pdf-columnbreak/scss/general.scss

@@ -0,0 +1,5 @@
+@use 'srl';
+
+.srl-pdf-columnbreak__text {
+  @include srl.typography-pdf-header()
+}

package/livingdocs/110.PDF/021.pdf-columnbreak/scss/pdf.scss

@@ -0,0 +1,6 @@
+@use 'srl';
+@use 'sass:map';
+
+.srl-pdf-columnbreak {
+  break-after: column;
+}

package/livingdocs/110.PDF/021.pdf-columnbreak/scss/web.scss

@@ -0,0 +1 @@
+@use "srl";

package/livingdocs/110.PDF/021.pdf-columnbreak/scss/xbrl.scss

@@ -0,0 +1 @@
+@use 'general';

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

@@ -2,6 +2,7 @@
   class="srl-pdf-publication-title srl-editor-component"
   data-remove-from-web="complete"
   data-remove-from-word="complete"
+  data-remove-from-xhtml="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

@@ -2,6 +2,7 @@
   class="srl-pdf-chapter-title srl-editor-component"
   data-remove-from-web="complete"
   data-remove-from-word="complete"
+  data-remove-from-xhtml="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

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

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

@@ -1,5 +1,5 @@
 @use "web";
-@use "assets/scss/placeholders";
+@use "@/assets/scss/placeholders";
 
 .srl-chapter-navigation__list {
   @extend %srl-regular-width;

package/livingdocs/110.PDF/060.pdf-chapter-navigation-item/pdf-chapter-navigation-item.html

@@ -1,6 +1,8 @@
 <li
   class="srl-chapter-navigation__list-item"
   data-remove-from-web="complete"
+  data-remove-from-word="complete"
+  data-remove-from-xhtml="complete"
 >
   <a class="srl-chapter-navigation__link" doc-link="href" doc-editable="pdf-chapter-navigation-item-text">
     Chapter Title

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

@@ -1,4 +1,10 @@
-<div class="srl-pdf-cover" data-remove-from-word="complete" doc-image="cover">
+<div
+  class="srl-pdf-cover"
+  doc-image="cover"
+  data-remove-from-web="complete"
+  data-remove-from-word="complete"
+  data-remove-from-xhtml="complete"
+>
   <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,4 +1,10 @@
-<div class="srl-pdf-toc-page" data-remove-from-word="complete" data-is-toc-page="true">
+<div
+  class="srl-pdf-toc-page"
+  data-remove-from-web="complete"
+  data-remove-from-word="complete"
+  data-remove-from-xhtml="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

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

@@ -17,4 +17,11 @@
   @include srl.grid-pdf-flex-col(6);
 }
 
+.srl-pdf-toc-page__title {
+  -ro-pdf-tag-type: h1;
+}
+
+.srl-pdf-toc-page__toc-container {
+  -ro-pdf-tag-type: toc;
+}
 

package/livingdocs/110.PDF/090.pdf-toc-item-title/pdf-toc-item-title.html

@@ -1,3 +1,9 @@
-<div class="srl-pdf-toc-item-title" doc-editable="pdf-toc-item-title-text">
+<div
+  class="srl-pdf-toc-item-title"
+  data-remove-from-web="complete"
+  data-remove-from-word="complete"
+  data-remove-from-xhtml="complete"
+  doc-editable="pdf-toc-item-title-text"
+>
   Chapter title
 </div>

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

@@ -1,4 +1,11 @@
-<a class="srl-pdf-toc__item" doc-link="href" data-page-number="" data-is-toc-item="true">
+<a
+  class="srl-pdf-toc__item"
+  doc-link="href" data-page-number=""
+  data-is-toc-item="true"
+  data-remove-from-web="complete"
+  data-remove-from-word="complete"
+  data-remove-from-xhtml="complete"
+>
   <div class="srl-pdf-toc__text" doc-editable="pdf-toc-item-text" data-is-toc-text="true">
     Article title
   </div>

package/livingdocs/110.PDF/100.pdf-toc-item/scss/general.scss

@@ -18,6 +18,11 @@
   width: srl.system-size-unit(24pt);
 
   &:after {
-    content: target-counter(attr(data-page-number), page);
+    .srl-pdf-toc__link:not([href]) & {
+      content: "No link provided";
+      color: #FF0000;
+      display: inline-block;
+      margin-left: srl.spacer-get(100)
+    }
   }
 }

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

@@ -1,2 +1,12 @@
 @use 'srl';
 @use 'sass:map';
+
+.srl-pdf-toc__item {
+  -ro-pdf-tag-type: toci;
+}
+
+.srl-pdf-toc__number {
+  &:after {
+    content: target-counter(attr(data-page-number), page);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-reporting/base",
-  "version": "1.0.32",
+  "version": "1.0.34",
   "description": "Manage srl templates, build and publish",
   "repository": {
     "url": "https://github.com/mmssolutionsio/simple-reporting-library"
@@ -21,6 +21,7 @@
   "main": "cli.js",
   "dependencies": {
     "@kne/color-palette": "^0.1.0",
+    "@vicons/ionicons5": "^0.13.0",
     "archiver": "^7.0.1",
     "chalk": "^5.6.2",
     "colors": "^1.4.0",
@@ -30,10 +31,14 @@
     "fs": "^0.0.1-security",
     "fs-extra": "^11.3.2",
     "glob": "^10.4.5",
+    "native-ui": "^0.0.1",
+    "write-json": "^3.0.1"
+  },
+  "peerDependencies": {
     "modern-css-reset": "^1.4.0",
+    "naive-ui": "^2.43.2",
     "node-html-parser": "^7.0.1",
-    "vite": "^6.3.6",
-    "write-json": "^3.0.1"
+    "vite": "^6.3.6"
   },
   "keywords": [
     "scss",

package/plugins/viteSrlPlugin.js

@@ -10,6 +10,8 @@ import {
   map,
   mapLdd,
   mapJs,
+  generateUseSrlConfig,
+  mapIndexScss,
   mapScss,
 } from '../scripts/build.js';
 import chalk from 'chalk';
@@ -121,6 +123,8 @@ async function startActions() {
   }
 
   await vueComponents();
+  await generateUseSrlConfig();
+  await mapIndexScss();
   await beaver(0);
   await map();
   await mapJs();
@@ -174,6 +178,7 @@ function viteSrlPlugin() {
         }
         if (path.endsWith('/srl.config.json')) {
           await updateNsWowJson();
+          await generateUseSrlConfig();
           triggerAction(beaver);
         }
       });
@@ -196,14 +201,14 @@ function viteSrlPlugin() {
         }
 
         if (
-          path.includes('livingdocs') &&
+          path.includes('/livingdocs/') &&
           (path.endsWith('/app.js') || path.endsWith('/app.ts'))
         ) {
           triggerAction(mapJs);
         }
 
         if (
-          path.includes('livingdocs') &&
+          path.includes('/livingdocs/') &&
           (path.endsWith('/properties.json') ||
             path.endsWith('/properties.ts') ||
             path.endsWith('/properties.js') ||
@@ -213,11 +218,15 @@ function viteSrlPlugin() {
         }
 
         if (
-          path.includes('src/components/') &&
+          path.includes('/src/components/') &&
           path.endsWith('.vue')
         ) {
           triggerAction(vueComponents);
         }
+
+        if (path.includes('/src/assets/scss/placeholders/')) {
+          triggerAction(mapIndexScss);
+        }
       });
 
       server.watcher.on('unlink', (path) => {
@@ -238,14 +247,14 @@ function viteSrlPlugin() {
         }
 
         if (
-          path.includes('livingdocs') &&
+          path.includes('/livingdocs/') &&
           (path.endsWith('/app.js') || path.endsWith('/app.ts'))
         ) {
           triggerAction(mapJs);
         }
 
         if (
-          path.includes('livingdocs') &&
+          path.includes('/livingdocs/') &&
           (path.endsWith('/properties.json') ||
             path.endsWith('/properties.ts') ||
             path.endsWith('/properties.js') ||
@@ -255,11 +264,15 @@ function viteSrlPlugin() {
         }
 
         if (
-          path.includes('src/components/') &&
+          path.includes('/src/components/') &&
           path.endsWith('.vue')
         ) {
           triggerAction(vueComponents);
         }
+
+        if (path.includes('/src/assets/scss/placeholders/')) {
+          triggerAction(mapIndexScss);
+        }
       });
     },
   };

package/scripts/build.d.ts

@@ -22,6 +22,8 @@ export function ddev(): Promise<void>;
  * @throws {Error} If there is an error during the mapping process.
  */
 export function map(): Promise<boolean>;
+export function generateUseSrlConfig(): Promise<void>;
+export function mapIndexScss(): Promise<boolean>;
 /**
  * Maps SCSS files and generates import statements for different output files.
  *