@simple-reporting/base 1.0.2 → 1.0.4

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

@@ -1,5 +1,8 @@
-<p class="srl-grid srl-anchor" data-is-anchor="true">
-  <span class="srl-grid__inner srl-anchor__text" doc-editable="anchor-text">
+<p class="srl-anchor" data-is-anchor="true">
+  <span class="srl-anchor__editor-text" data-remove-from-pdf="complete">
+    Anchor:
+  </span>
+  <span class="srl-anchor__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
     (-), underscores (_), colons (:), and periods (.) is allowed. The ID must be

package/livingdocs/100.Misc/010.anchor/ld-conf.json

@@ -1,4 +1,9 @@
 {
   "name": "anchor",
-  "label": "Anchor"
+  "label": "Anchor",
+  "directives": {
+    "anchor-text": {
+      "plainText": true
+    }
+  }
 }

package/livingdocs/100.Misc/010.anchor/scss/editor.scss

@@ -0,0 +1,19 @@
+@use 'srl';
+@use 'web';
+@use 'assets/scss/placeholders';
+
+.srl-anchor {
+  border-top: 1px solid #{srl.colors-burgundy-1000()};
+  border-bottom: 1px solid #{srl.colors-burgundy-1000()};
+  @include srl.spacer-padding-block(200);
+  @extend %srl-grid-base;
+}
+
+.srl-anchor__editor-text {
+  @extend %srl-regular-width;
+}
+
+.srl-anchor__text {
+  @extend %srl-regular-width;
+  @include srl.typography-pdf-header()
+}

package/livingdocs/100.Misc/010.anchor/scss/general.scss

@@ -0,0 +1,5 @@
+@use 'srl';
+
+.srl-anchor__editor-text {
+  @include srl.typography-editor-label-text()
+}

package/livingdocs/100.Misc/010.anchor/scss/pdf.scss

@@ -0,0 +1,2 @@
+@use 'srl';
+@use 'sass:map';

package/livingdocs/100.Misc/010.anchor/scss/web.scss

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

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

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

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

@@ -0,0 +1,20 @@
+@use 'srl';
+@use 'web';
+@use 'assets/scss/placeholders';
+
+.srl-pdf-pagebreak {
+  border-top: 1px solid #{srl.colors-burgundy-1000()};
+  border-bottom: 1px solid #{srl.colors-burgundy-1000()};
+  text-align: center;
+  @include srl.spacer-padding-block(200);
+  @extend %srl-grid-base;
+}
+
+.srl-pdf-pagebreak__editor-text {
+  @include srl.typography-editor-label-text();
+  @extend %srl-regular-width;
+}
+
+.srl-pdf-pagebreak__text {
+  @extend %srl-regular-width;
+}

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,11 @@
 <p
   class="srl-pdf-publication-title"
-  doc-editable="pdf-publication-titletext"
   data-remove-from-web="complete"
 >
-  Publication title
+  <span class="srl-pdf-publication-title__editor-text" data-remove-from-pdf="complete">
+    PDF publication title:
+  </span>
+  <span class="srl-pdf-publication-title__text" doc-editable="pdf-publication-titletext">
+    Publication title
+  </span>
 </p>

package/livingdocs/110.PDF/030.pdf-publication-title/scss/editor.scss

@@ -0,0 +1,18 @@
+@use 'srl';
+@use 'web';
+@use 'assets/scss/placeholders';
+
+.srl-pdf-publication-title {
+  border-bottom: 1px solid #{srl.colors-primary-1000()};
+  @include srl.spacer-padding-block(200);
+  @extend %srl-grid-base;
+}
+
+.srl-pdf-publication-title__editor-text {
+  @include srl.typography-editor-label-text();
+  @extend %srl-regular-width;
+}
+
+.srl-pdf-publication-title__text {
+  @extend %srl-regular-width;
+}

package/livingdocs/110.PDF/030.pdf-publication-title/scss/general.scss

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

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

@@ -0,0 +1,6 @@
+@use 'srl';
+@use 'sass:map';
+
+.srl-pdf-publication-title {
+  position: running(publicationTitle);
+}

package/livingdocs/110.PDF/030.pdf-publication-title/scss/web.scss

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

package/livingdocs/110.PDF/030.pdf-publication-title/scss/xbrl.scss

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

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

@@ -1,7 +1,11 @@
 <p
   class="srl-pdf-chapter-title"
-  doc-editable="pdf-chapter-title-text"
   data-remove-from-web="complete"
 >
-  Chapter title
+  <span class="srl-pdf-chapter-title__editor-text" data-remove-from-pdf="complete">
+    PDF chapter title:
+  </span>
+  <span class="srl-pdf-chapter-title__text" doc-editable="pdf-chapter-title-text">
+    Chapter title
+  </span>
 </p>

package/livingdocs/110.PDF/040.pdf-chapter-title/scss/editor.scss

@@ -0,0 +1,18 @@
+@use "srl";
+@use "web";
+@use 'assets/scss/placeholders';
+
+.srl-pdf-chapter-title {
+  border-bottom: 1px solid #{srl.colors-primary-1000()};
+  @include srl.spacer-padding-block(200);
+  @extend %srl-grid-base;
+}
+
+.srl-pdf-chapter-title__editor-text {
+  @include srl.typography-editor-label-text();
+  @extend %srl-regular-width;
+}
+
+.srl-pdf-chapter-title__text {
+  @extend %srl-regular-width;
+}

package/livingdocs/110.PDF/040.pdf-chapter-title/scss/general.scss

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

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

@@ -0,0 +1,6 @@
+@use 'srl';
+@use 'sass:map';
+
+.srl-pdf-chapter-title {
+  position: running(chapterNavigation);
+}

package/livingdocs/110.PDF/040.pdf-chapter-title/scss/web.scss

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

package/livingdocs/110.PDF/040.pdf-chapter-title/scss/xbrl.scss

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+@use 'srl';
+@use 'sass:map';
+
+
+.srl-chapter-navigation {
+  position: running(chapterNavigation);
+}
+
+.srl-chapter-navigation__list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  column-gap: srl.grid-get-gutter-column-gap();
+}

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

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

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

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

package/livingdocs/110.PDF/060.pdf-chapter-navigation-item/ld-conf.json

@@ -2,5 +2,5 @@
   "name": "pdf-chapter-navigation-item",
   "label": "PDF chapter navigation item",
   "properties": ["pdf-chapter-navigation-item-current"],
-  "allowedParents": ["pdf-chapter-navigation"]
+  "allowedParents": ["pdf-chapter-navigation-container"]
 }

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

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

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

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

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

@@ -0,0 +1,15 @@
+@use 'srl';
+@use 'sass:map';
+
+.srl-chapter-navigation__list-item {
+  a {
+    text-decoration: none;
+    @include srl.typography-pdf-header();
+  }
+}
+
+.srl-chapter-navigation__list-item--current {
+  a {
+    color: srl.colors-primary-1000();
+  }
+}

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

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

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

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

package/livingdocs/110.PDF/080.pdf-toc-page/ld-conf.json

@@ -6,10 +6,16 @@
     "toc": {
       "allowedChildren": [
         "pdf-toc-item-title",
-        "pdf-toc-item",
-        "pdf-toc-item-blank"
+        "pdf-toc-item"
       ],
-      "defaultContent": [{ "component": "pdf-toc-item" }]
+      "defaultComponents": {
+        "paragraph": "pdf-toc-item"
+      },
+      "defaultContent": [
+        {
+          "component": "pdf-toc-item"
+        }
+      ]
     }
   }
 }

package/package.json

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

package/scripts/config.js

@@ -21,9 +21,6 @@ export const baseComponentsToInstall = [
   '040.Media/010.table',
   '040.Media/020.image',
   '040.Media/030.video',
-  '040.Media/040.interactive-element',
-  '070.Container/010.aside-content-container',
-  '070.Container/020.columns-container',
   '080.CV/010.cv',
   '080.CV/020.cv-time-span',
   '090.Signatures/010.signature-container',
@@ -36,7 +33,6 @@ export const baseComponentsToInstall = [
   '110.PDF/080.pdf-toc-page',
   '110.PDF/090.pdf-toc-item-title',
   '110.PDF/100.pdf-toc-item',
-  '110.PDF/110.pdf-toc-item-blank',
   '999.Properties/alignment',
   '999.Properties/hide-quote-characters',
   '999.Properties/pdf-spacer',

package/srl/composables/root.ts

@@ -1,5 +1,7 @@
 import SrlPageApp from '#components/Srl/Page/App.vue';
+import { getCurrentInstance } from 'vue';
 
 export default function useRoot(): typeof SrlPageApp {
-  return window.app._instance.root.setupState;
+  const instance = getCurrentInstance();
+  return instance?.proxy?.$root ?? window.app._instance.root.setupState;
 }

package/srl/scss/grid/functions.scss

@@ -46,4 +46,14 @@
   @return calc(
           ((100% - (#{$columns - 1} * #{$gutter})) * #{$span} / #{$columns}) + (#{$gaps-inside} * #{$gutter})
   );
-}
+}
+
+@function calculate-pdf-col-start($start-col) {
+  $columns: map.get(variables.$columns, print);
+  $gutter: get-gutter-column-gap();
+  $span: $start-col - 1;
+
+  @return calc(
+    ((100% - (#{$columns - 1} * #{$gutter})) * #{$span} / #{$columns}) + (#{$span} * #{$gutter})
+  );
+}

package/srl/scss/spacer/mixins.scss

@@ -79,10 +79,10 @@
     system.size-unit(map.get($spacerValue, size))
   );
 
-  @if not map.has-key($spacerValue, media, print) {
+  @if not (map.has-key($spacerValue, media) and map.has-key(map.get($spacerValue, media), print)) {
     @include system.add-root-style(
       $varName,
-      system.size-unit(map.get($spacerValue, size), in),
+      system.size-unit(map.get($spacerValue, size)),
       print
     );
   }
@@ -92,7 +92,7 @@
       @if $breakpoint == print {
         @include system.add-root-style(
           $varName,
-          system.size-unit(map.get($spacerValue, size), in),
+          system.size-unit(map.get($breakpointValue, size)),
           print
         );
       } @else if $breakpoint == up {

package/srl/scss/typography/functions.scss

@@ -34,6 +34,13 @@
   @return var(--#{variables.$variable-prefix}typo-#{$typo}-font-weight, unset);
 }
 
+@function get-font-color($typo) {
+  @if not map.has-key(variables.$typography, $typo) {
+    @error "Invalid typo for typography specified! Choose one of #{map.keys(variables.$typography)}";
+  }
+  @return var(--#{variables.$variable-prefix}typo-#{$typo}-font-color, unset);
+}
+
 @function get-letter-spacing($typo) {
   @return var(
     --#{variables.$variable-prefix}typo-#{$typo}-letter-spacing,

package/srl/scss/typography/mixins.scss

@@ -2,6 +2,7 @@
 @use 'functions';
 @use '../system';
 @use '../grid';
+@use '../colors';
 @use 'sass:map';
 @use 'sass:string';
 
@@ -25,6 +26,10 @@
   }
   font-weight: functions.get-font-weight($typo);
 
+  @if map.has-key($map, color) {
+    color: functions.get-font-color($typo);
+  }
+
   @if map.has-key($map, letter-spacing) {
     letter-spacing: functions.get-letter-spacing($typo);
   }
@@ -87,6 +92,13 @@
       map.get($defaults, font-weight)
     );
 
+    @if (map.has-key($map, color)) {
+      @include system.add-root-style(
+        #{variables.$variable-prefix}typo-#{$typo}-font-color,
+        colors.get(map.get($defaults, color))
+      );
+    }
+
     @if (map.has-key($map, letter-spacing)) {
       @include system.add-root-style(
         #{variables.$variable-prefix}typo-#{$typo}-letter-spacing,
@@ -186,6 +198,13 @@
       );
     }
 
+    @if (map.has-key($map, color)) {
+      @include system.add-root-style(
+        #{variables.$variable-prefix}typo-#{$typo}-font-color,
+        colors.get(map.get($defaults, color))
+      );
+    }
+
     @if (map.has-key($map, letter-spacing)) {
       @include system.add-root-style(
         #{variables.$variable-prefix}typo-#{$typo}-letter-spacing,
@@ -269,6 +288,10 @@
   --#{variables.$variable-prefix}typo-#{$typo}-font-weight: #{$value};
 }
 
+@mixin set-font-color($typo, $value) {
+  --#{variables.$variable-prefix}typo-#{$typo}-font-color: #{$value};
+}
+
 @mixin set-letter-spacing($typo, $value) {
   --#{variables.$variable-prefix}typo-#{$typo}-letter-spacing: #{$value};
 }

package/livingdocs/020.Text/030.paragraph-strong/paragraph.html

@@ -1,16 +0,0 @@
-<p class="srl-grid srl-paragraph srl-paragraph-strong srl-linkable">
-  <span
-    class="srl-grid__inner srl-paragraph__text"
-    doc-editable="transformable-text"
-  >
-    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
-    eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
-    voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-    clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
-    amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
-    nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
-    diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-    clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
-    amet.
-  </span>
-</p>

package/livingdocs/110.PDF/110.pdf-toc-item-blank/ld-conf.json

@@ -1,5 +0,0 @@
-{
-  "name": "pdf-toc-item-blank",
-  "label": "ToC item blank",
-  "allowedParents": ["pdf-toc-page"]
-}

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

@@ -1,4 +0,0 @@
-<div class="srl-pdf-toc__item srl-pdf-toc__item--blank">
-  <div class="srl-pdf-toc__number">&nbsp;</div>
-  <div class="srl-pdf-toc__text">&nbsp;</div>
-</div>