@simple-reporting/base 1.0.37 → 1.0.39

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);

package/livingdocs/020.Text/020.paragraph/scss/_spacing-variations.scss

@@ -0,0 +1,22 @@
+$margins: (
+  ('.srl-paragraph', '*'): 200,
+  ('.srl-paragraph', '.srl-paragraph'): 200,
+  ('.srl-paragraph', '.srl-paragraph-strong'): 200,
+  ('.srl-paragraph', '.srl-list-group'): 200,
+  ('.srl-paragraph', '.srl-footnote'): 200,
+  ('.srl-paragraph', '.srl-table'): 400,
+  ('.srl-paragraph', '.srl-signature'): 400,
+  ('.srl-paragraph', '.srl-button-container'): 400,
+  ('.srl-paragraph', '.srl-columns'): 400,
+  ('.srl-paragraph', '.srl-quote'): 800,
+  ('.srl-paragraph', '.srl-image'): 800,
+  ('.srl-paragraph', '.srl-video'): 800,
+  ('.srl-paragraph', '.srl-title-h2'): 800,
+  ('.srl-paragraph', '.srl-title-h3'): 800,
+  ('.srl-paragraph', '.srl-title-h4'): 400,
+  ('.srl-paragraph', '.srl-title-h5'): 200,
+  ('.srl-paragraph', '.srl-title-h6'): 200,
+  ('.srl-paragraph', '.srl-pdf-pagebreak'): 800,
+  ('.srl-paragraph', '.srl-anchor'): 800,
+  ('.srl-paragraph', '.srl-background-container'): 1600,
+)

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

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

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

@@ -0,0 +1,7 @@
+$margins: (
+  ('.srl-quote', '*'): 800,
+  ('.srl-quote', '.srl-columns'): 400,
+  ('.srl-quote', '.srl-pdf-pagebreak'): 800,
+  ('.srl-quote', '.srl-anchor'): 800,
+  ('.srl-quote', '.srl-background-container'): 1600,
+)

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

@@ -1,15 +1,18 @@
 @use 'srl';
 @use "sass:map";
+@use "@/assets/scss/margins";
+@use "spacing-variations";
 
 $quote-open: map.get(srl.$meta, quote, quote-open);
 $quote-close: map.get(srl.$meta, quote, quote-close);
 
-
 .srl-quote {
   align-items: center;
   row-gap: srl.spacer-get(400);
 }
 
+@include margins.srl-component-margin(spacing-variations.$margins);
+
 .srl-quote__img {
   border-radius: 50%;
 }

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

@@ -15,26 +15,20 @@
 
 .srl-quote__figure {
   .srl-quote--with-image & {
-    margin-left: srl.grid-calculate-pdf-col-start(3);
-    margin-right: srl.grid-get-gutter-column-gap();
-    width: srl.grid-calculate-pdf-col-span-minus-one-gutter(2);
+    @extend %srl-quote-with-image-image-regular-width;
   }
 
   .srl-quote--with-image.srl-wide-width & {
-    margin-left: 0;
-    margin-right: 0;
-    @include srl.grid-pdf-flex-col(2);
+    @extend %srl-quote-with-image-image-wide-width;
   }
 }
 
 .srl-quote__text {
   .srl-quote--with-image & {
-    width: srl.grid-calculate-pdf-col-span-minus-one-gutter(4);
+    @extend %srl-quote-with-image-text-regular-width;
   }
 
   .srl-quote--with-image.srl-wide-width & {
-    @include srl.grid-pdf-flex-col(6);
+    @extend %srl-quote-with-image-text-wide-width;
   }
 }
-
-

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

@@ -1,5 +1,4 @@
 @use 'srl';
-@use "@/assets/scss/placeholders";
 
 .srl-quote__figure {
   .srl-quote--with-image & {

package/livingdocs/020.Text/070.footnote-container/scss/_spacing-variations.scss

@@ -0,0 +1,22 @@
+$margins: (
+  ('.srl-footnote', '*'): 200,
+  ('.srl-footnote', '.srl-paragraph'): 200,
+  ('.srl-footnote', '.srl-paragraph-strong'): 200,
+  ('.srl-footnote', '.srl-list-group'): 200,
+  ('.srl-footnote', '.srl-footnote'): 200,
+  ('.srl-footnote', '.srl-table'): 400,
+  ('.srl-footnote', '.srl-signature'): 400,
+  ('.srl-footnote', '.srl-button-container'): 400,
+  ('.srl-footnote', '.srl-columns'): 400,
+  ('.srl-footnote', '.srl-quote'): 800,
+  ('.srl-footnote', '.srl-image'): 800,
+  ('.srl-footnote', '.srl-video'): 800,
+  ('.srl-footnote', '.srl-title-h2'): 800,
+  ('.srl-footnote', '.srl-title-h3'): 800,
+  ('.srl-footnote', '.srl-title-h4'): 400,
+  ('.srl-footnote', '.srl-title-h5'): 200,
+  ('.srl-footnote', '.srl-title-h6'): 200,
+  ('.srl-footnote', '.srl-pdf-pagebreak'): 800,
+  ('.srl-footnote', '.srl-anchor'): 800,
+  ('.srl-footnote', '.srl-background-container'): 1600,
+)

package/livingdocs/020.Text/070.footnote-container/scss/general.scss

@@ -2,4 +2,12 @@
 
 .srl-footnote-container {
   overflow: hidden;
+
+  &:not(.srl-grid) {
+    @extend %srl-regular-width;
+
+    .srl-wide-width & {
+      @extend %srl-wide-width;
+    }
+  }
 }

package/livingdocs/020.Text/070.footnote-container/scss/pdf.scss

@@ -1,9 +1 @@
 @use 'srl';
-
-.srl-footnote-container:not(.srl-grid) {
-  @include srl.grid-pdf-flex-col(6);
-
-  .srl-wide-width & {
-    @include srl.grid-pdf-flex-col(8);
-  }
-}

package/livingdocs/020.Text/070.footnote-container/scss/web.scss

@@ -1,6 +1 @@
 @use "srl";
-@use "@/assets/scss/placeholders";
-
-.srl-footnote-container:not(.srl-grid) {
-  @extend %srl-regular-width;
-}

package/livingdocs/020.Text/070.footnote-container/scss/xbrl.scss

@@ -1 +1,9 @@
-@use 'general';
+@use 'general';
+
+.srl-table__container > .srl-table > .srl-table-footnote-wrap {
+  @extend %srl-regular-width;
+
+  .srl-wide-width & {
+    @extend %srl-wide-width;
+  }
+}

package/livingdocs/020.Text/080.footnote-item/scss/_spacing-variations.scss

@@ -0,0 +1,4 @@
+$margins: (
+  ('.srl-footnote__item', '*'): 100,
+  ('.srl-footnote:not(.srl-grid)', '.srl-footnote:not(.srl-grid)'): 100
+)

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

@@ -1,8 +1,35 @@
 @use 'srl';
-@use "sass:map";
+@use 'sass:map';
+@use "@/assets/scss/margins";
+@use "spacing-variations";
+
+$number-width: srl.system-size-unit(map.get(srl.$meta, footnote, number-width));
+
+@if srl.$system-build == "pdf" {
+  $number-width: srl.system-size-unit(map.get(srl.$meta, footnote, number-width-pdf));
+}
 
 .srl-footnote:not(.srl-grid),
 .srl-footnote__item {
   display: flex;
   @include srl.typography-footnote-text();
 }
+
+@include margins.srl-component-margin(spacing-variations.$margins);
+
+.srl-footnote__key,
+.srl-footnote__number {
+  width: $number-width;
+
+  &:empty {
+    width: 0;
+
+    & + .srl-footnote__text {
+      width: 100%;
+    }
+  }
+}
+
+.srl-footnote__text {
+  width: calc(100% - #{$number-width});
+}

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

@@ -1,21 +1 @@
 @use 'srl';
-@use 'sass:map';
-
-$number-width: srl.system-size-unit(map.get(srl.$meta, footnote, number-width));
-
-.srl-footnote__key,
-.srl-footnote__number {
-  width: $number-width;
-
-  &:empty {
-    width: 0;
-
-    & + .srl-footnote__text {
-      width: 100%;
-    }
-  }
-}
-
-.srl-footnote__text {
-  width: calc(100% - #{$number-width});
-}

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

@@ -1 +1,26 @@
-@use 'general';
+@use 'srl';
+@use 'sass:map';
+@use 'general';
+
+$number-width: srl.system-size-unit(map.get(srl.$meta, footnote, number-width));
+
+.srl-table-footnote-item {
+  display: flex;
+  @include srl.typography-footnote-text();
+}
+
+.srl-table-footnote-id {
+  width: $number-width;
+
+  &:empty {
+    width: 0;
+
+    & + .srl-table-footnote-text {
+      width: 100%;
+    }
+  }
+}
+
+.srl-table-footnote-text {
+  width: calc(100% - #{$number-width});
+}

package/livingdocs/030.Lists/010.unordered-list/ld-conf.json

@@ -7,14 +7,14 @@
   "directives": {
     "list": {
       "allowedChildren": [
-        "list-item"
+        "list-item-unordered-list"
       ],
       "defaultComponents": {
-        "paragraph": "list-item"
+        "paragraph": "list-item-unordered-list"
       },
       "defaultContent": [
         {
-          "component": "list-item"
+          "component": "list-item-unordered-list"
         }
       ]
     }

package/livingdocs/030.Lists/010.unordered-list/scss/_spacing-variations.scss

@@ -0,0 +1,22 @@
+$margins: (
+  ('.srl-list-group', '*'): 200,
+  ('.srl-list-group', '.srl-paragraph'): 200,
+  ('.srl-list-group', '.srl-paragraph-strong'): 200,
+  ('.srl-list-group', '.srl-list-group'): 200,
+  ('.srl-list-group', '.srl-footnote'): 200,
+  ('.srl-list-group', '.srl-table'): 400,
+  ('.srl-list-group', '.srl-signature'): 400,
+  ('.srl-list-group', '.srl-button-container'): 400,
+  ('.srl-list-group', '.srl-columns'): 400,
+  ('.srl-list-group', '.srl-quote'): 800,
+  ('.srl-list-group', '.srl-image'): 800,
+  ('.srl-list-group', '.srl-video'): 800,
+  ('.srl-list-group', '.srl-title-h2'): 800,
+  ('.srl-list-group', '.srl-title-h3'): 800,
+  ('.srl-list-group', '.srl-title-h4'): 400,
+  ('.srl-list-group', '.srl-title-h5'): 200,
+  ('.srl-list-group', '.srl-title-h6'): 200,
+  ('.srl-list-group', '.srl-pdf-pagebreak'): 800,
+  ('.srl-list-group', '.srl-anchor'): 800,
+  ('.srl-list-group', '.srl-background-container'): 1600,
+)

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

@@ -1,7 +1,5 @@
 @use 'srl';
+@use "@/assets/scss/margins";
+@use "spacing-variations";
 
-.srl-list-group__list {
-  list-style: none;
-  padding: 0;
-}
-
+@include margins.srl-component-margin(spacing-variations.$margins);

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

@@ -1,4 +1,5 @@
 @use 'srl';
+@use 'web';
 @use 'sass:map';
 
 $number-width: srl.system-size-unit(map.get(srl.$meta, footnote, number-width-pdf));
@@ -7,6 +8,7 @@ $number-width: srl.system-size-unit(map.get(srl.$meta, footnote, number-width-pd
   margin-left: $number-width;
 }
 
-.srl-list-group__list {
+.srl-list-group__list,
+.srl-list-group__sub-list {
   -ro-pdf-tag-type: L;
 }

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

@@ -1,2 +1,16 @@
 @use 'srl';
-@use 'sass:map';
+
+.srl-list-group__list {
+  list-style: none;
+  padding: 0;
+}
+
+.srl-list-group__list--ol,
+.srl-list-group__sub-list--ol {
+  counter-reset: ordered-list;
+}
+
+.srl-list-group__list--alphanumeric,
+.srl-list-group__sub-list--alphanumeric {
+  counter-reset: alphanumeric-list;
+}

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

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

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

@@ -1 +1,2 @@
-@use 'general';
+@use 'general';
+@use 'web';

package/livingdocs/030.Lists/020.ordered-list/ld-conf.json

@@ -4,13 +4,13 @@
   "properties": ["pdf-spacer"],
   "directives": {
     "list": {
-      "allowedChildren": ["list-item"],
+      "allowedChildren": ["list-item-ordered-list"],
       "defaultComponents": {
-        "paragraph": "list-item"
+        "paragraph": "list-item-ordered-list"
       },
       "defaultContent": [
         {
-          "component": "list-item"
+          "component": "list-item-ordered-list"
         }
       ]
     }

package/livingdocs/030.Lists/030.alphanumeric-list/ld-conf.json

@@ -4,13 +4,13 @@
   "properties": ["pdf-spacer"],
   "directives": {
     "list": {
-      "allowedChildren": ["list-item"],
+      "allowedChildren": ["list-item-alphanumeric-list"],
       "defaultComponents": {
-        "paragraph": "list-item"
+        "paragraph": "list-item-alphanumeric-list"
       },
       "defaultContent": [
         {
-          "component": "list-item"
+          "component": "list-item-alphanumeric-list"
         }
       ]
     }

package/livingdocs/030.Lists/040.list-item-unordered-list/ld-conf.json

@@ -0,0 +1,23 @@
+{
+  "name": "list-item-unordered-list",
+  "label": "List item (unordered list)",
+  "allowedParents": ["unordered-list", "list-item-unordered-list"],
+  "directives": {
+    "add-nested-list": {
+      "type": "toggle",
+      "label": "Add nested list container",
+      "default": false
+    },
+    "sub-list": {
+      "allowedChildren": ["list-item-unordered-list"],
+      "defaultComponents": {
+        "paragraph": "list-item-unordered-list"
+      },
+      "defaultContent": [
+        {
+          "component": "list-item-unordered-list"
+        }
+      ]
+    }
+  }
+}

package/livingdocs/030.Lists/040.list-item-unordered-list/list-item-unordered-list.html

@@ -0,0 +1,8 @@
+<li class="srl-list-group__item srl-list-group__item--ul">
+  <div class="srl-list-group__item-inner">
+    <span class="srl-list-group__item-text srl-linkable" doc-editable="list-text">List-Item</span>
+  </div>
+  <ul class="srl-list-group__sub-list srl-list-group__sub-list--ul" doc-container="sub-list" doc-toggle="add-nested-list">
+
+  </ul>
+</li>

package/livingdocs/030.Lists/040.list-item-unordered-list/scss/_spacing-variations.scss

@@ -0,0 +1,4 @@
+$margins: (
+  ('.srl-list-group__item', '*'): 100,
+  ('.srl-list-group__item-inner', '*'): 100,
+)

package/livingdocs/030.Lists/040.list-item-unordered-list/scss/general.scss

@@ -0,0 +1,14 @@
+@use 'srl';
+@use "sass:map";
+@use "@/assets/scss/margins";
+@use "spacing-variations";
+
+@include margins.srl-component-margin(spacing-variations.$margins);
+
+.srl-list-group__item-inner {
+  @include srl.typography-list();
+
+  .srl-footnote-container .srl-table-list & {
+    @include srl.typography-footnote-text();
+  }
+}

package/livingdocs/030.Lists/{040.list-item → 040.list-item-unordered-list}/scss/pdf.scss

@@ -1,9 +1,10 @@
 @use 'srl';
+@use 'web';
 @use "sass:map";
 
 $marker-width: srl.system-size-unit(map.get(srl.$meta, list, marker-width-pdf));
 
-.srl-list-group__item {
+.srl-list-group__item-inner {
   -ro-pdf-tag-type: LI;
 
   &:before {
@@ -16,3 +17,8 @@ $marker-width: srl.system-size-unit(map.get(srl.$meta, list, marker-width-pdf));
   width: calc(100% - #{$marker-width});
   -ro-pdf-tag-type: LBody;
 }
+
+.srl-list-group__sub-list {
+  -ro-pdf-tag-type: L;
+  padding: 0 0 0 $marker-width;
+}

package/livingdocs/030.Lists/{040.list-item/scss/general.scss → 040.list-item-unordered-list/scss/web.scss}

@@ -2,19 +2,17 @@
 @use "sass:map";
 
 $marker-width: srl.system-size-unit(map.get(srl.$meta, list, marker-width));
+$number-width: srl.system-size-unit(map.get(srl.$meta, footnote, number-width));
 $unordered-marker: "–";
 $ordered-marker-after: ".";
 $alphanumeric-marker-after: ")";
 
-.srl-list-group__item {
+.srl-list-group__item-inner {
   display: flex;
-  @include srl.typography-list();
-
-  .srl-footnote-container .srl-table-list & {
-    @include srl.typography-footnote-text();
-  }
 
   &:before {
+    width: $marker-width;
+
     .srl-table-list--ul &,
     .srl-list-group--ul & {
       content: "#{$unordered-marker}";
@@ -33,4 +31,17 @@ $alphanumeric-marker-after: ")";
       content: counter(alphanumeric-list, lower-alpha) $alphanumeric-marker-after;
     }
   }
+}
+
+.srl-list-group__item-text {
+  width: calc(100% -  #{$marker-width});
+
+  .srl-table-list--ul &,
+  .srl-list-group--ul & {
+    width: calc(100% -  #{$marker-width} - #{$number-width});
+  }
+}
+
+.srl-list-group__sub-list {
+  list-style: none;
 }

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

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

package/livingdocs/030.Lists/040.list-item-unordered-list/scss/xbrl.scss

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

package/livingdocs/030.Lists/050.list-item-ordered-list/ld-conf.json

@@ -0,0 +1,23 @@
+{
+  "name": "list-item-ordered-list",
+  "label": "List item (numeric list)",
+  "allowedParents": ["ordered-list", "list-item-ordered-list"],
+  "directives": {
+    "add-nested-list": {
+      "type": "toggle",
+      "label": "Add nested list container",
+      "default": false
+    },
+    "sub-list": {
+      "allowedChildren": ["list-item-ordered-list"],
+      "defaultComponents": {
+        "paragraph": "list-item-ordered-list"
+      },
+      "defaultContent": [
+        {
+          "component": "list-item-ordered-list"
+        }
+      ]
+    }
+  }
+}

package/livingdocs/030.Lists/050.list-item-ordered-list/list-item-ordered-list.html

@@ -0,0 +1,8 @@
+<li class="srl-list-group__item srl-list-group__item--ol">
+  <div class="srl-list-group__item-inner">
+    <span class="srl-list-group__item-text srl-linkable" doc-editable="list-text">List-Item</span>
+  </div>
+  <ol class="srl-list-group__sub-list srl-list-group__sub-list--ol" doc-container="sub-list" doc-toggle="add-nested-list">
+
+  </ol>
+</li>

package/livingdocs/030.Lists/060.list-item-alphanumeric-list/ld-conf.json

@@ -0,0 +1,23 @@
+{
+  "name": "list-item-alphanumeric-list",
+  "label": "List item (alphanumeric list)",
+  "allowedParents": ["alphanumeric-list", "list-item-alphanumeric-list"],
+  "directives": {
+    "add-nested-list": {
+      "type": "toggle",
+      "label": "Add nested list container",
+      "default": false
+    },
+    "sub-list": {
+      "allowedChildren": ["list-item-alphanumeric-list"],
+      "defaultComponents": {
+        "paragraph": "list-item-alphanumeric-list"
+      },
+      "defaultContent": [
+        {
+          "component": "list-item-alphanumeric-list"
+        }
+      ]
+    }
+  }
+}

package/livingdocs/030.Lists/060.list-item-alphanumeric-list/list-item-alphanumeric-list.html

@@ -0,0 +1,8 @@
+<li class="srl-list-group__item srl-list-group__item--alphanumeric">
+  <div class="srl-list-group__item-inner">
+    <span class="srl-list-group__item-text srl-linkable" doc-editable="list-text">List-Item</span>
+  </div>
+  <ol class="srl-list-group__sub-list srl-list-group__sub-list--alphanumeric" doc-container="sub-list" doc-toggle="add-nested-list">
+
+  </ol>
+</li>

package/livingdocs/040.Media/010.table/scss/_spacing-variations.scss

@@ -0,0 +1,19 @@
+$margins: (
+  ('.srl-table', '*'): 400,
+  ('.srl-table', '.srl-button-container'): 400,
+  ('.srl-table', '.srl-columns'): 400,
+  ('.srl-table', '.srl-table'): 800,
+  ('.srl-table', '.srl-title-h2'): 800,
+  ('.srl-table', '.srl-title-h3'): 800,
+  ('.srl-table', '.srl-title-h4'): 800,
+  ('.srl-table', '.srl-image'): 800,
+  ('.srl-table', '.srl-video'): 800,
+  ('.srl-table-container', '*'): 200,
+  ('.srl-table > table', '*'): 200,
+  ('.srl-table-container', '*:empty'): 0,
+  ('.srl-table > table', '*:empty'): 0,
+  ('.srl-table', '.srl-pdf-pagebreak'): 800,
+  ('.srl-table', '.srl-anchor'): 800,
+  ('.srl-table', '.srl-quote'): 800,
+  ('.srl-table', '.srl-background-container'): 1600,
+)