@simple-reporting/base 1.0.36 → 1.0.38

package/dev/src/views/PageNotFound.vue

@@ -5,73 +5,7 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div class="srl-notfound">
-    <div class="srl-notfound__inner">
-      <h1>404</h1>
-      <h2>{{ $t('page.notFound') }}</h2>
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="16"
-        height="16"
-        fill="currentColor"
-        class="bi bi-robot"
-        viewBox="0 0 16 16"
-      >
-        <path
-          d="M6 12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5ZM3 8.062C3 6.76 4.235 5.765 5.53 5.886a26.58 26.58 0 0 0 4.94 0C11.765 5.765 13 6.76 13 8.062v1.157a.933.933 0 0 1-.765.935c-.845.147-2.34.346-4.235.346-1.895 0-3.39-.2-4.235-.346A.933.933 0 0 1 3 9.219V8.062Zm4.542-.827a.25.25 0 0 0-.217.068l-.92.9a24.767 24.767 0 0 1-1.871-.183.25.25 0 0 0-.068.495c.55.076 1.232.149 2.02.193a.25.25 0 0 0 .189-.071l.754-.736.847 1.71a.25.25 0 0 0 .404.062l.932-.97a25.286 25.286 0 0 0 1.922-.188.25.25 0 0 0-.068-.495c-.538.074-1.207.145-1.98.189a.25.25 0 0 0-.166.076l-.754.785-.842-1.7a.25.25 0 0 0-.182-.135Z"
-        />
-        <path
-          d="M8.5 1.866a1 1 0 1 0-1 0V3h-2A4.5 4.5 0 0 0 1 7.5V8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1v-.5A4.5 4.5 0 0 0 10.5 3h-2V1.866ZM14 7.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.5A3.5 3.5 0 0 1 5.5 4h5A3.5 3.5 0 0 1 14 7.5Z"
-        />
-      </svg>
-    </div>
-  </div>
+  <PagePrevNext :mainNavigation="props.mainNavigation">
+    <SrlArticleRoot />
+  </PagePrevNext>
 </template>
-
-<style scoped lang="scss">
-@use 'srl';
-
-.srl-notfound {
-  margin: 0 auto;
-  @include srl.grid-container();
-  @include srl.fonts-core-styles();
-
-  &__inner {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    min-height: 80vh;
-
-    svg {
-      height: 100px;
-      width: 100px;
-      margin-top: 2rem;
-      animation: spin 600ms linear 2;
-
-      @keyframes spin {
-        10%,
-        90% {
-          transform: translate3d(-1px, 0, 0);
-        }
-
-        20%,
-        80% {
-          transform: translate3d(2px, 0, 0);
-        }
-
-        30%,
-        50%,
-        70% {
-          transform: translate3d(-4px, 0, 0);
-        }
-
-        40%,
-        60% {
-          transform: translate3d(4px, 0, 0);
-        }
-      }
-    }
-  }
-}
-</style>

package/dev/srl.config.json

@@ -3,7 +3,7 @@
     "meta": {
       "title": {
         "number-width": 800,
-        "number-width-pdf": 400
+        "number-width-pdf": 1200
       },
       "list": {
         "marker-width": 40,
@@ -63,7 +63,8 @@
           }
         },
         "vertical-align": "bottom",
-        "notes-separator": ", "
+        "notes-separator": ", ",
+        "cells-width-in-mm": false
       },
       "footnote": {
         "number-width": 19,
@@ -86,10 +87,6 @@
         "toc-page-number": {
           "width": 40,
           "width-pdf": "35pt"
-        },
-        "toc-number": {
-          "width": 25,
-          "width-pdf": "20pt"
         }
       }
     }
@@ -103,7 +100,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -128,7 +124,6 @@
         "line-height": 1.2,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "white-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -144,7 +139,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -166,7 +160,6 @@
         "line-height": 0.875,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "white-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -182,7 +175,6 @@
         "line-height": 1.1,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -204,7 +196,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -225,7 +216,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -246,7 +236,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -267,7 +256,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -291,7 +279,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -312,7 +299,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -333,7 +319,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -354,7 +339,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -375,7 +359,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -396,7 +379,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -417,7 +399,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -438,7 +419,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -459,7 +439,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -480,7 +459,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "primary-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -501,7 +479,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -522,7 +499,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -543,7 +519,6 @@
         "line-height": 1,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -564,7 +539,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "up": {
@@ -586,7 +560,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -602,7 +575,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -618,7 +590,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -634,7 +605,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -650,7 +620,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -666,7 +635,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -682,7 +650,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -703,7 +670,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -719,7 +685,6 @@
         "line-height": 1.14,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -735,7 +700,6 @@
         "line-height": 1.2,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -751,7 +715,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 600,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -772,7 +735,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "primary-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -788,7 +750,6 @@
         "line-height": 1.5,
         "font-style": "normal",
         "font-weight": 400,
-        "color": "black-1000",
         "letter-spacing": 0,
         "media": {
           "print": {
@@ -831,23 +792,23 @@
       },
       {
         "name": "primary-400",
-        "color": "#ffcb99"
+        "color": "#ffcb9a"
       },
       {
         "name": "primary-600",
-        "color": "#ffb166"
+        "color": "#ffb065"
       },
       {
         "name": "primary-800",
-        "color": "#ff9733"
+        "color": "#ff9734"
       },
       {
         "name": "primary-1000",
-        "color": "#ff7d00"
+        "color": "#F05000"
       },
       {
         "name": "secondary-200",
-        "color": "#ccd1e7"
+        "color": "#ccd1e6"
       },
       {
         "name": "secondary-400",
@@ -855,11 +816,11 @@
       },
       {
         "name": "secondary-600",
-        "color": "#6675b7"
+        "color": "#6675b6"
       },
       {
         "name": "secondary-800",
-        "color": "#33479f"
+        "color": "#32469f"
       },
       {
         "name": "secondary-1000",
@@ -965,6 +926,14 @@
           }
         }
       },
+      "150": {
+        "size": 12,
+        "media": {
+          "print": {
+            "size": "6pt"
+          }
+        }
+      },
       "200": {
         "size": 16,
         "media": {
@@ -973,6 +942,14 @@
           }
         }
       },
+      "300": {
+        "size": 24,
+        "media": {
+          "print": {
+            "size": "12pt"
+          }
+        }
+      },
       "400": {
         "size": 32,
         "media": {
@@ -989,6 +966,14 @@
           }
         }
       },
+      "1200": {
+        "size": 96,
+        "media": {
+          "print": {
+            "size": "48pt"
+          }
+        }
+      },
       "1600": {
         "size": 128,
         "media": {

package/livingdocs/010.Titles/010.title-h1/scss/_spacing-variations.scss

@@ -0,0 +1,17 @@
+$margins: (
+  ('.srl-title-h1', '*'): 400,
+  ('.srl-title-h1', '.srl-lead'): 400,
+  ('.srl-title-h1', '.srl-paragraph'): 200,
+  ('.srl-title-h1', '.srl-paragraph-strong'): 200,
+  ('.srl-title-h1', '.srl-table'): 400,
+  ('.srl-title-h1', '.srl-button-container'): 400,
+  ('.srl-title-h1', '.srl-columns'): 400,
+  ('.srl-title-h1', '.srl-pdf-pagebreak'): 800,
+  ('.srl-title-h1', '.srl-anchor'): 800,
+  ('.srl-title-h1', '.srl-title-h2'): 800,
+  ('.srl-title-h1', '.srl-image'): 800,
+  ('.srl-title-h1', '.srl-video'): 800,
+  ('.srl-title-h1', '.srl-cv'): 800,
+  ('.srl-title-h1', '.srl-pdf-toc'): 800,
+  ('.srl-title-h1', '.srl-background-container'): 1600,
+)

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

@@ -1,4 +1,6 @@
 @use 'srl';
+@use "@/assets/scss/margins";
+@use "spacing-variations";
 
 .srl-title-h1 {
   @include srl.typography-title-h1();
@@ -15,3 +17,5 @@
     color: srl.colors-primary-1000();
   }
 }
+
+@include margins.srl-component-margin(spacing-variations.$margins);

package/livingdocs/010.Titles/020.title-h2/scss/_spacing-variations.scss

@@ -0,0 +1,12 @@
+$margins: (
+  ('.srl-title-h2', '*'): 200,
+  ('.srl-title-h2', '.srl-paragraph'): 200,
+  ('.srl-title-h2', '.srl-paragraph-strong'): 200,
+  ('.srl-title-h2', '.srl-title-h3'): 400,
+  ('.srl-title-h2', '.srl-button-container'): 400,
+  ('.srl-title-h2', '.srl-columns'): 400,
+  ('.srl-title-h2', '.srl-pdf-pagebreak'): 800,
+  ('.srl-title-h2', '.srl-anchor'): 800,
+  ('.srl-title-h2', '.srl-keyfigure__icon'): 800,
+  ('.srl-title-h2', '.srl-background-container'): 1600,
+);

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

@@ -1,4 +1,6 @@
 @use 'srl';
+@use "@/assets/scss/margins";
+@use "spacing-variations";
 
 .srl-title-h2 {
   @include srl.typography-title-h2();
@@ -16,6 +18,8 @@
   }
 }
 
+@include margins.srl-component-margin(spacing-variations.$margins);
+
 .srl-title-h2__number-text-container {
   display: flex;
 }

package/livingdocs/010.Titles/020.title-h2/title-h2.html

@@ -1,6 +1,7 @@
-<h2 class="srl-grid srl-title-h2 srl-linkable" data-category-marker="container">
+<h2 class="srl-grid srl-title-h2 srl-linkable">
   <span
     class="srl-grid__inner srl-title-h2__number-text-container"
+    data-category-marker="container"
   >
     <span
       class="srl-title-h2__number"

package/livingdocs/010.Titles/030.title-h3/scss/_spacing-variations.scss

@@ -0,0 +1,13 @@
+$margins: (
+  ('.srl-title-h3', '*'): 100,
+  ('.srl-title-h3', '.srl-paragraph'): 100,
+  ('.srl-title-h3', '.srl-paragraph-strong'): 100,
+  ('.srl-title-h3', '.srl-table'): 200,
+  ('.srl-title-h3', '.srl-title-h4'): 200,
+  ('.srl-cv__header-content .srl-title-h3', '.srl-title-h4'): 100,
+  ('.srl-title-h3', '.srl-button-container'): 400,
+  ('.srl-title-h3', '.srl-columns'): 400,
+  ('.srl-title-h3', '.srl-pdf-pagebreak'): 800,
+  ('.srl-title-h3', '.srl-anchor'): 800,
+  ('.srl-title-h3', '.srl-background-container'): 1600,
+)

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

@@ -1,4 +1,6 @@
 @use 'srl';
+@use "@/assets/scss/margins";
+@use "spacing-variations";
 
 .srl-title-h3 {
   @include srl.typography-title-h3();
@@ -6,4 +8,6 @@
 
 .srl-title-h3__number-text-container {
   display: flex;
-}
+}
+
+@include margins.srl-component-margin(spacing-variations.$margins);

package/livingdocs/010.Titles/030.title-h3/title-h3.html

@@ -1,6 +1,7 @@
-<h3 class="srl-grid srl-title-h3 srl-linkable" data-category-marker="container">
+<h3 class="srl-grid srl-title-h3 srl-linkable">
   <span
     class="srl-grid__inner srl-title-h3__number-text-container"
+    data-category-marker="container"
   >
     <span
       class="srl-title-h3__number"

package/livingdocs/010.Titles/040.title-h4/scss/_spacing-variations.scss

@@ -0,0 +1,12 @@
+$margins: (
+  ('.srl-title-h4', '*'): 100,
+  ('.srl-title-h4', '.srl-paragraph'): 100,
+  ('.srl-title-h4', '.srl-paragraph-strong'): 100,
+  ('.srl-title-h4', '.srl-title-h5'): 200,
+  ('.srl-title-h4', '.srl-table'): 200,
+  ('.srl-title-h4', '.srl-button-container'): 400,
+  ('.srl-title-h4', '.srl-columns'): 400,
+  ('.srl-title-h4', '.srl-pdf-pagebreak'): 800,
+  ('.srl-title-h4', '.srl-anchor'): 800,
+  ('.srl-title-h4', '.srl-background-container'): 1600,
+)

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

@@ -1,4 +1,6 @@
 @use 'srl';
+@use "@/assets/scss/margins";
+@use "spacing-variations";
 
 .srl-title-h4 {
   @include srl.typography-title-h4();
@@ -6,4 +8,6 @@
 
 .srl-title-h4__number-text-container {
   display: flex;
-}
+}
+
+@include margins.srl-component-margin(spacing-variations.$margins);

package/livingdocs/010.Titles/040.title-h4/title-h4.html

@@ -1,6 +1,7 @@
-<h4 class="srl-grid srl-title-h4 srl-linkable" data-category-marker="container">
+<h4 class="srl-grid srl-title-h4 srl-linkable">
   <span
     class="srl-grid__inner srl-title-h4__number-text-container"
+    data-category-marker="container"
   >
     <span
       class="srl-title-h4__number"

package/livingdocs/010.Titles/050.title-h5/scss/_spacing-variations.scss

@@ -0,0 +1,11 @@
+$margins: (
+  ('.srl-title-h5', '*'): 0,
+  ('.srl-title-h5', '.srl-paragraph'): 0,
+  ('.srl-title-h5', '.srl-paragraph-strong'): 0,
+  ('.srl-title-h5', '.srl-title-h6'): 100,
+  ('.srl-title-h5', '.srl-button-container'): 400,
+  ('.srl-title-h5', '.srl-columns'): 400,
+  ('.srl-title-h5', '.srl-pdf-pagebreak'): 800,
+  ('.srl-title-h5', '.srl-anchor'): 800,
+  ('.srl-title-h5', '.srl-background-container'): 1600,
+)

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

@@ -1,5 +1,9 @@
 @use 'srl';
+@use "@/assets/scss/margins";
+@use "spacing-variations";
 
 .srl-title-h5 {
   @include srl.typography-title-h5();
 }
+
+@include margins.srl-component-margin(spacing-variations.$margins);

package/livingdocs/010.Titles/060.title-h6/scss/_spacing-variations.scss

@@ -0,0 +1,10 @@
+$margins: (
+  ('.srl-title-h6', '*'): 0,
+  ('.srl-title-h6', '.srl-paragraph'): 0,
+  ('.srl-title-h6', '.srl-paragraph-strong'): 0,
+  ('.srl-title-h6', '.srl-button-container'): 400,
+  ('.srl-title-h6', '.srl-columns'): 400,
+  ('.srl-title-h6', '.srl-pdf-pagebreak'): 800,
+  ('.srl-title-h6', '.srl-anchor'): 800,
+  ('.srl-title-h6', '.srl-background-container'): 1600,
+)

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

@@ -1,5 +1,9 @@
 @use 'srl';
+@use "@/assets/scss/margins";
+@use "spacing-variations";
 
 .srl-title-h6 {
   @include srl.typography-title-h6();
 }
+
+@include margins.srl-component-margin(spacing-variations.$margins);

package/livingdocs/020.Text/010.lead/scss/_spacing-variations.scss

@@ -0,0 +1,5 @@
+$margins: (
+  ('.srl-lead', '*'): 1600,
+  ('.srl-lead', '.srl-button-container--search'): 400,
+  ('.srl-teaser .srl-lead', '.srl-button-container'): 800,
+)

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

@@ -1,5 +1,9 @@
 @use 'srl';
+@use "@/assets/scss/margins";
+@use "spacing-variations";
 
 .srl-lead {
   @include srl.typography-lead();
 }
+
+@include margins.srl-component-margin(spacing-variations.$margins);